.drift-wall{perspective:1100px;width:100%;height:100%;min-height:36rem;position:relative;overflow:hidden;-webkit-mask-image:radial-gradient(80% 78% at 50% 48%,#000 42%,#0000 100%);mask-image:radial-gradient(80% 78% at 50% 48%,#000 42%,#0000 100%)}.drift-wall__plane{transform-style:preserve-3d;will-change:transform;display:flex;position:absolute;top:50%;left:50%}.drift-wall__column{width:calc(var(--dw-tile-width) + var(--dw-gap));transform-style:preserve-3d}.drift-wall__track{will-change:transform;flex-direction:column;display:flex}.drift-wall__tile{cursor:pointer;width:100%;height:calc(var(--dw-tile-height) + var(--dw-gap));color:var(--fg);transform-style:preserve-3d;outline:none;flex:none;display:block;position:relative}.drift-wall__inner{inset:calc(var(--dw-gap) / 2);opacity:.88;background:#11120f;border:1px solid #ffffff1f;border-radius:1rem;transition:transform .42s cubic-bezier(.22,1,.36,1),opacity .42s,border-color .42s,box-shadow .42s;display:block;position:absolute;overflow:hidden;transform:translateZ(0)}.drift-wall__image{-o-object-fit:cover;object-fit:cover;filter:grayscale(.12)saturate(.94)contrast(1.02);transition:filter .42s,transform .64s cubic-bezier(.22,1,.36,1)}.drift-wall__shade{background:linear-gradient(#0708060f 20%,#070806e6 100%);transition:opacity .42s;position:absolute;inset:0}.drift-wall__title{z-index:2;-webkit-line-clamp:2;letter-spacing:.04em;-webkit-box-orient:vertical;font-size:.72rem;font-weight:700;line-height:1.25;display:-webkit-box;position:absolute;bottom:.72rem;left:.8rem;right:.8rem;overflow:hidden}.drift-wall__poster{background:radial-gradient(125% 95% at 14% 0,#ff791933,#0000 62%),linear-gradient(158deg,#1b1c15,#0b0c09 76%);align-items:flex-end;padding:.9rem .8rem .78rem;display:flex;position:absolute;inset:0}.drift-wall__poster[data-tone="1"]{background:radial-gradient(120% 100% at 86% 4%,#c8ff7524,#0000 58%),linear-gradient(200deg,#15170f,#0a0b08 74%)}.drift-wall__poster[data-tone="2"]{background:radial-gradient(130% 90% at 50% 108%,#ffbd7929,#0000 60%),linear-gradient(126deg,#191913,#0c0d0a 80%)}.drift-wall__poster-text{-webkit-line-clamp:3;color:#f5f0e8f0;font-family:var(--font-head), var(--font-sans), sans-serif;letter-spacing:.022em;text-transform:uppercase;text-wrap:balance;-webkit-box-orient:vertical;font-size:1.08rem;font-weight:400;line-height:1.04;display:-webkit-box;overflow:hidden}.drift-wall__open{z-index:3;color:#f5f0e8bf;font-family:var(--font-mono), monospace;letter-spacing:.1em;text-transform:uppercase;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0809068c;border:1px solid #f5f0e833;border-radius:999px;align-items:center;gap:.22rem;padding:.16rem .44rem;font-size:.52rem;font-weight:700;transition:background-color .26s,color .26s,border-color .26s;display:inline-flex;position:absolute;top:.6rem;right:.7rem}.drift-wall__tile:hover .drift-wall__open,.drift-wall__tile:focus-visible .drift-wall__open{background:var(--accent,#ff7919);color:#170a02;border-color:#0000}.drift-wall__kind{z-index:3;color:var(--accent-soft,#ffbd79);font-family:var(--font-mono), monospace;letter-spacing:.12em;text-transform:uppercase;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#08090680;border:1px solid #f5f0e829;border-radius:999px;padding:.16rem .44rem;font-size:.52rem;font-weight:700;position:absolute;top:.6rem;left:.7rem}.drift-wall__tile:hover .drift-wall__inner,.drift-wall__tile:focus-visible .drift-wall__inner{border-color:color-mix(in oklab, var(--accent) 72%, white 12%);opacity:1;transform:translateZ(58px);box-shadow:0 24px 70px -22px #000000d9,0 0 34px #f9731629}.drift-wall__tile:hover .drift-wall__image,.drift-wall__tile:focus-visible .drift-wall__image{filter:grayscale(0)saturate(1.04)contrast(1.04);transform:scale(1.04)}.drift-wall__tile:focus-visible .drift-wall__inner{box-shadow:0 0 0 3px #ffba72d1,0 24px 70px -22px #000000d9}@media (max-width:760px){.drift-wall{min-height:28rem}.drift-wall__plane{scale:.82}}@media (prefers-reduced-motion:reduce){.drift-wall__plane,.drift-wall__track{will-change:auto}.drift-wall__inner,.drift-wall__image{transition-duration:.01ms}}.drift-wall-list{gap:.6rem;width:100%;margin:0;padding:0;list-style:none;display:grid}.drift-wall-list__card{border:1px solid var(--line,#f5f0e81f);color:var(--fg,#f5f0e8);background:#101109;border-radius:1rem;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.9rem;padding:.65rem .85rem .65rem .65rem;text-decoration:none;transition:border-color .2s,background-color .2s;display:grid}.drift-wall-list__card:hover,.drift-wall-list__card:focus-visible{border-color:color-mix(in oklab, var(--accent,#ff7919) 55%, transparent);background:#14150d}.drift-wall-list__thumb{background:#0b0c09;border-radius:.6rem;flex:none;width:5.5rem;height:3.6rem;display:block;position:relative;overflow:hidden}.drift-wall-list__image{-o-object-fit:cover;object-fit:cover}.drift-wall-list__body{flex-direction:column;gap:.28rem;min-width:0;display:flex}.drift-wall-list__kind{color:var(--accent-soft,#ffbd79);font-family:var(--font-mono), monospace;letter-spacing:.12em;text-transform:uppercase;font-size:.56rem;font-weight:700}.drift-wall-list__title{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.86rem;font-weight:600;line-height:1.32;display:-webkit-box;overflow:hidden}.drift-wall-list__chevron{color:var(--muted,#aaa99f);font-size:.9rem}@media (min-width:560px){.drift-wall-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
.image-trail{z-index:1;border-radius:inherit;position:absolute;inset:0;overflow:hidden}.image-trail__item{aspect-ratio:1.08;opacity:0;will-change:transform, opacity;border:1px solid #ffffff29;border-radius:1rem;width:10.5rem;position:absolute;top:0;left:0;overflow:hidden;box-shadow:0 24px 70px #0000008f}.image-trail__image{-o-object-fit:cover;object-fit:cover}@media (pointer:coarse),(prefers-reduced-motion:reduce){.image-trail{opacity:.24;grid-template-columns:repeat(4,1fr);gap:.7rem;padding:1rem;display:grid}.image-trail__item{opacity:1;will-change:auto;width:auto;position:relative;transform:none!important}}
.particle-text{touch-action:pan-y;isolation:isolate;width:100%;height:100%;min-height:15rem;display:block;position:relative;overflow:hidden}.particle-text__canvas{z-index:2;width:100%;height:100%;display:block;position:absolute;inset:0}.particle-text__fallback{z-index:1;color:var(--fg);font:inherit;line-height:var(--particle-line-height,.9);white-space:pre-line;pointer-events:none;flex-direction:column;justify-content:center;transition:opacity .26s;display:flex;position:absolute;inset:0}.particle-text--ready .particle-text__fallback{opacity:0}@media (prefers-reduced-motion:reduce){.particle-text__fallback{transition:none}}.particle-text__replay{z-index:3;border:1px solid var(--line,#f5f0e81f);background:color-mix(in oklab, var(--surface,#11120e) 80%, transparent);width:2.25rem;height:2.25rem;color:var(--muted,#aaa99f);cursor:pointer;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);border-radius:.75rem;justify-content:center;align-items:center;padding:0;transition:opacity .3s,color .18s,border-color .18s,transform .18s;display:inline-flex;position:absolute;top:clamp(.35rem,1.2vw,.85rem);right:clamp(.35rem,1.2vw,.85rem)}.particle-text--ready .particle-text__replay{opacity:1;pointer-events:auto}.particle-text__replay:hover{color:var(--fg,#f5f0e8);border-color:color-mix(in oklab, var(--accent,#ff7919) 55%, transparent);transform:translateY(-1px)}.particle-text__replay:focus-visible{color:var(--fg,#f5f0e8);outline:2px solid var(--accent-soft,#ffbd79);outline-offset:2px}.particle-text__replay[data-replaying=true]{color:var(--accent,#ff7919);cursor:default;transform:none}.particle-text__replay[data-replaying=true] svg{animation:.9s linear infinite particle-text-spin}@keyframes particle-text-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.particle-text__replay{display:none}}.particle-text--static{height:auto;min-height:0;overflow:visible}.particle-text--static .particle-text__fallback{opacity:1;display:block;position:static}@media (max-width:899px){.particle-text--responsive{height:auto;min-height:0;overflow:visible}.particle-text--responsive .particle-text__fallback{opacity:1;display:block;position:static}.particle-text--responsive .particle-text__canvas,.particle-text--responsive .particle-text__replay{display:none}}