*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}:root{--paper:#f1ece1;--paper-2:#e8e2d4;--ink:#0a0a0a;--ink-2:#1a1a1a;--yellow:#ffd400;--pink:#ff3d7f;--blue:#2f5bff;--lime:#c8f74a;--orange:#ff5a1f;--offwhite:#fafaf6;--border:4px;--shadow-offset:10px;--font-display:"Helvetica Neue","HelveticaNeue",Helvetica,Arial,sans-serif;--font-mono:ui-monospace,"SF Mono","JetBrains Mono",Menlo,Consolas,monospace}body,html{background:var(--paper);color:var(--ink);font-family:var(--font-display);font-weight:700;-webkit-font-smoothing:antialiased;font-feature-settings:"ss01","cv11";background-image:radial-gradient(rgba(0,0,0,.1) 1px,transparent 0);background-size:22px 22px;background-position:0 0}::selection{background:var(--ink);color:var(--yellow)}@media (hover:hover) and (pointer:fine){a,body,button,html{cursor:none}.cursor{position:fixed;top:0;left:0;width:18px;height:18px;background:var(--ink);border:2px solid var(--ink);pointer-events:none;z-index:9999;transform:translate(-50%,-50%);transition:width .12s ease,height .12s ease,background .12s ease,border-radius .12s ease;mix-blend-mode:difference}.cursor.hover{width:44px;height:44px;background:var(--yellow);border-radius:0}}@media (hover:none){.cursor{display:none}}.bar{position:-webkit-sticky;position:sticky;top:0;z-index:50;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;background:var(--ink);color:var(--paper);font-family:var(--font-mono);font-weight:700;font-size:12px;letter-spacing:.08em;padding:10px 18px;border-bottom:var(--border) solid var(--ink)}.bar-c{text-align:center}.bar-r{text-align:right}.bar .dot{display:inline-block;width:8px;height:8px;background:var(--lime);margin-right:8px;vertical-align:middle;animation:blink 1.4s steps(2) infinite}@keyframes blink{50%{opacity:.15}}.marquee{background:var(--yellow);border-bottom:var(--border) solid var(--ink);overflow:hidden;padding:14px 0}.marquee-track{display:flex;gap:48px;white-space:nowrap;animation:scroll 28s linear infinite;font-size:26px;letter-spacing:-.02em}.marquee-track span:after{content:" ✦ ";margin-left:48px}@keyframes scroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.wrap{max-width:1320px;margin:0 auto;padding:36px 24px 96px}.intro{display:grid;grid-template-columns:1.4fr 1fr;grid-gap:28px;gap:28px;margin-bottom:48px}@media (max-width:820px){.intro{grid-template-columns:1fr}}.intro-text{background:var(--offwhite);border:var(--border) solid var(--ink);box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--ink);padding:28px 32px;position:relative}.intro-text:before{content:"01 / INTRO";position:absolute;top:-14px;left:18px;background:var(--ink);color:var(--paper);font-family:var(--font-mono);font-size:11px;padding:4px 10px;letter-spacing:.1em}.intro-text h1{font-size:clamp(64px,9vw,140px);line-height:.86;letter-spacing:-.045em;margin:8px 0 18px;text-transform:uppercase}.intro-text h1 .slash{display:inline-block;background:var(--pink);color:var(--paper);padding:0 12px 4px;margin-left:4px;transform:skewX(-8deg)}.lede{font-size:18px;line-height:1.4;max-width:56ch;margin:0 0 22px}.lede a{background:var(--ink);color:var(--yellow);padding:1px 6px}.lede a:hover{background:var(--pink);color:var(--paper)}.meta{list-style:none;margin:0;display:grid;grid-template-columns:1fr 1fr;grid-gap:8px 24px;gap:8px 24px;font-family:var(--font-mono);font-size:12px;letter-spacing:.04em;border-top:2px dashed var(--ink);padding:16px 0 0}.meta b{color:var(--ink);display:inline-block;min-width:56px}@media (max-width:520px){.meta{grid-template-columns:1fr}}.intro-img{display:flex;flex-direction:column;gap:10px}.img-frame{flex:1 1;background:var(--lime);border:var(--border) solid var(--ink);box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--ink);position:relative;min-height:320px;overflow:hidden;transform:rotate(-1.5deg);transition:transform .25s cubic-bezier(.2,.8,.2,1)}.img-frame:hover{transform:rotate(0)}.img-frame img{width:100%;height:100%;object-fit:cover}.img-fallback{position:absolute;inset:0;display:grid;place-items:center;font-size:clamp(72px,14vw,180px);letter-spacing:-.04em;background:repeating-linear-gradient(45deg,transparent 0 14px,rgba(0,0,0,.06) 14px 16px),var(--lime)}.img-cap{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-align:right;color:var(--ink)}.section-head{display:flex;align-items:baseline;justify-content:space-between;border-top:var(--border) solid var(--ink);border-bottom:2px solid var(--ink);padding:12px 4px;margin-bottom:22px}.section-head h2{margin:0;font-size:clamp(28px,4vw,44px);letter-spacing:-.03em;text-transform:uppercase}.section-head .meta-r{font-family:var(--font-mono);font-size:12px;letter-spacing:.1em}.grid{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:150px;grid-gap:18px;gap:18px}@media (max-width:980px){.grid{grid-template-columns:repeat(6,1fr)}}@media (max-width:560px){.grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:180px}}.tile{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:20px 22px;border:var(--border) solid var(--ink);box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--ink);background:var(--offwhite);color:var(--ink);overflow:hidden;transition:transform .18s cubic-bezier(.2,.8,.2,1),box-shadow .18s cubic-bezier(.2,.8,.2,1),background .18s ease;will-change:transform}.tile:hover{transform:translate(-4px,-4px);box-shadow:calc(var(--shadow-offset) + 6px) calc(var(--shadow-offset) + 6px) 0 var(--ink)}.tile:active{transform:translate(var(--shadow-offset),var(--shadow-offset));box-shadow:0 0 0 var(--ink)}.col-3{grid-column:span 3}.col-4{grid-column:span 4}.col-5{grid-column:span 5}.col-6{grid-column:span 6}.col-7{grid-column:span 7}.col-8{grid-column:span 8}.row-1{grid-row:span 1}.row-2{grid-row:span 2}.row-3{grid-row:span 3}@media (max-width:980px){.col-3,.col-4,.col-5{grid-column:span 3}.col-6,.col-7,.col-8{grid-column:span 6}}@media (max-width:560px){.col-3,.col-4,.col-5,.col-6,.col-7,.col-8{grid-column:span 2}.row-3{grid-row:span 2}}.t-yellow{background:var(--yellow)}.t-pink{background:var(--pink)}.t-blue,.t-pink{color:var(--paper)}.t-blue{background:var(--blue)}.t-lime{background:var(--lime)}.t-ink{background:var(--ink)}.t-ink,.t-orange{color:var(--paper)}.t-orange{background:var(--orange)}.t-offwht{background:var(--offwhite)}.tile .num{position:absolute;top:10px;right:14px;letter-spacing:.12em;opacity:.7}.tile .num,.tile-top{font-family:var(--font-mono);font-size:11px}.tile-top{display:flex;justify-content:space-between;align-items:center;letter-spacing:.1em}.tag{border:2px solid;padding:2px 8px}.tag,.tile-title{text-transform:uppercase}.tile-title{font-size:clamp(24px,3.4vw,56px);line-height:.92;letter-spacing:-.035em;margin:12px 0 8px}.tile-body{font-size:14px;font-weight:700;line-height:1.35;max-width:38ch;margin:0}.tile-foot{display:flex;justify-content:space-between;align-items:center;font-family:var(--font-mono);font-size:11px;letter-spacing:.08em}.tile-foot .arrow{font-family:var(--font-display);font-size:28px;transition:transform .25s cubic-bezier(.2,.8,.2,1)}.tile:hover .tile-foot .arrow{transform:translateX(6px) rotate(-8deg)}.tile.feature .tile-title{font-size:clamp(40px,6vw,96px)}.tile.feature:after{content:"";position:absolute;right:-20px;bottom:-20px;width:160px;height:160px;background:var(--ink);border-radius:50%;opacity:.07;transition:transform .4s ease}.tile.feature:hover:after{transform:scale(1.4)}.tile.archive{background:repeating-linear-gradient(135deg,var(--paper) 0 14px,var(--paper-2) 14px 28px)}.tile.contact .tile-title{font-style:italic}.tile.contact .pulse{display:inline-block;width:10px;height:10px;background:var(--lime);margin-right:8px;animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.6);opacity:.5}}.tile{opacity:0;transform:translateY(24px);animation:rise .6s cubic-bezier(.2,.8,.2,1) forwards}.tile:first-child{animation-delay:.05s}.tile:nth-child(2){animation-delay:.1s}.tile:nth-child(3){animation-delay:.15s}.tile:nth-child(4){animation-delay:.2s}.tile:nth-child(5){animation-delay:.25s}.tile:nth-child(6){animation-delay:.3s}.tile:nth-child(7){animation-delay:.35s}.tile:nth-child(8){animation-delay:.4s}.tile:nth-child(9){animation-delay:.45s}.tile:nth-child(10){animation-delay:.5s}.tile:nth-child(11){animation-delay:.55s}@keyframes rise{to{opacity:1;transform:translateY(0)}}.foot{display:grid;grid-template-columns:1fr 1fr 1fr;border-top:var(--border) solid var(--ink);margin-top:64px;padding:18px 4px;font-family:var(--font-mono);font-size:11px;letter-spacing:.1em}.foot div:nth-child(2){text-align:center}.foot div:nth-child(3){text-align:right}.foot a{background:var(--ink);color:var(--paper);padding:2px 8px}@media (prefers-reduced-motion:reduce){.bar .dot,.img-frame,.marquee-track,.tile,.tile .arrow,.tile.feature:after{animation:none!important;transition:none!important}.tile{opacity:1;transform:none}}