main{padding-top:56px}.hero{padding:40px 24px 56px;border-bottom:1px solid var(--line)}main.tight .hero{padding-top:72px;padding-bottom:0;border-bottom:0}main.tight .ticker{border-top:1px solid var(--line);animation:hero-fade-up .8s ease-out .7s both}main.tight .section{margin-top:0;animation:hero-fade-up .8s ease-out .85s both}@media(prefers-reduced-motion:reduce){main.tight .ticker,main.tight .section{animation:none;transform:none;opacity:1}}:root.is-transitioned main.tight .ticker,:root.is-transitioned main.tight .section{animation:none;transform:none;opacity:1}.hero-meta{font-family:var(--mono);font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--mute);padding-bottom:28px}.hero-meta b{color:var(--ink);font-weight:500}.hero-title{font-family:var(--sans);font-weight:700;font-size:clamp(28px,4vw,64px);line-height:1.02;letter-spacing:-.025em;color:var(--ink);text-wrap:balance;max-width:18ch}.hero-title em{font-style:normal;font-family:var(--mono);font-size:.18em;letter-spacing:.04em;text-transform:uppercase;vertical-align:.45em;color:var(--mute);margin-left:.6em;font-weight:400}.hero-sub{margin-top:32px}.hero-sub p{max-width:52ch;font-family:var(--mono);font-size:13px;line-height:1.6;color:var(--ink-2)}.hero-title .line{display:block;overflow:hidden;padding:.05em 0;margin:-.05em 0}.hero-title .line-inner{display:block;transform:translateY(110%);animation:hero-mask-in 1s cubic-bezier(.19,1,.22,1) .2s both;will-change:transform}.hero-meta{animation:hero-fade-up .8s ease-out .05s both}.hero-sub p{animation:hero-fade-up .8s ease-out .5s both}.reel-frame{animation:hero-fade-up 1s cubic-bezier(.2,.7,.2,1) .8s both}@media(prefers-reduced-motion:reduce){.hero-title .line-inner,.hero-meta,.hero-sub p,.reel-frame{animation:none;transform:none;opacity:1}}:root.is-transitioned .hero-title .line-inner,:root.is-transitioned .hero-meta,:root.is-transitioned .hero-sub p,:root.is-transitioned .reel-frame{animation:none;transform:none;opacity:1}.btn{font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;padding:11px 16px;border:1px solid var(--ink);border-radius:999px;display:inline-flex;align-items:center;gap:8px;transition:background .15s,color .15s;cursor:pointer}.btn:hover{background:var(--ink);color:var(--bg)}.btn .dot{width:7px;height:7px;border-radius:50%;background:var(--rec);box-shadow:0 0 #ff2a2a8c;animation:btn-pulse 1.6s ease-out infinite}.btn:hover .dot{background:var(--bg);box-shadow:none;animation:none}@keyframes btn-pulse{0%{box-shadow:0 0 #ff2a2a8c}70%{box-shadow:0 0 0 10px #ff2a2a00}to{box-shadow:0 0 #ff2a2a00}}.reel{padding:0 24px;margin-top:48px}.reel-frame{position:relative;aspect-ratio:21/9;width:100%;background:#000;overflow:hidden;cursor:pointer}.reel-frame .ph{position:absolute;inset:0;background:#000;overflow:hidden}.reel-frame .ph .slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.1s ease-in-out;pointer-events:none}.reel-frame .ph .slide.is-on{opacity:1}.reel-frame .ph:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#00000026,#0000008c);pointer-events:none;z-index:1}.reel-frame .label{position:absolute;left:20px;bottom:18px;color:#fff;font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;display:flex;gap:14px;align-items:center}.reel-frame .label .tag{padding:4px 8px;border:1px solid rgba(255,255,255,.4);font-weight:500}.reel-frame .tc{position:absolute;right:20px;bottom:18px;color:#fff;font-family:var(--mono);font-size:11px;letter-spacing:.06em;opacity:.85}.reel-frame .play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:96px;height:96px;border-radius:50%;border:1px solid rgba(255,255,255,.6);display:flex;align-items:center;justify-content:center;gap:6px;color:#fff;font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;transition:background .2s,color .2s,border-color .2s}.reel-frame:hover .play{background:#fff;color:#000}.reel-cap{display:flex;justify-content:space-between;padding:10px 2px;font-family:var(--mono);font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--mute)}.reel-cap b{color:var(--ink);font-weight:500}.section{margin-top:96px}.section-head{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:end;padding:18px 24px 28px}.section-head h2{font-family:var(--sans);font-weight:700;font-size:clamp(22px,3vw,44px);line-height:1.05;letter-spacing:-.02em;max-width:32ch}.section-head .nf{font-family:var(--mono);font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--mute);align-self:start;padding-top:14px}.section-head .nf-link{display:inline-flex;align-items:center;gap:6px;transition:color .15s ease}.section-head .nf-link:hover{color:var(--ink)}.section-head .nf-link .ne-arrow{font-size:13px;line-height:1}.tabs{display:flex;gap:2px;font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;align-self:start;padding-top:14px}.tabs button{padding:8px 12px;border:1px solid var(--hair);border-radius:999px;color:var(--mute);transition:color .15s,border-color .15s,background .15s}.tabs button:hover{color:var(--ink);border-color:var(--ink)}.tabs button.is-active{background:var(--ink);color:var(--bg);border-color:var(--ink)}.tabs .count{margin-left:6px;opacity:.6}.card{padding:18px;display:flex;flex-direction:column;gap:14px;background:var(--bg);transition:background .25s;cursor:pointer}.card:hover{background:#f4f3ef}.card-thumb{position:relative;aspect-ratio:16/9;background:#000;overflow:hidden}.card-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.2,.7,.2,1),filter .25s,opacity .25s}.card:hover .card-thumb img{transform:scale(1.04);filter:saturate(1.05)}.card-thumb .tag-tl{position:absolute;left:12px;top:12px;color:#fff;font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;background:#0000008c;padding:4px 7px;backdrop-filter:blur(6px)}.card-thumb .hover-tc{position:absolute;right:12px;top:12px;color:#fff;font-family:var(--mono);font-size:10px;letter-spacing:.08em;opacity:0;transition:opacity .2s;background:#00000080;padding:4px 6px}.card:hover .hover-tc{opacity:1}.card-foot{display:flex;justify-content:space-between;align-items:flex-end;gap:12px}.card-title{font-family:var(--sans);font-weight:500;font-size:18px;line-height:1.2;letter-spacing:-.01em;text-wrap:balance}.card-client{font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--mute);white-space:nowrap}.card-thumb iframe.hover-preview{position:absolute;inset:0;width:100%;height:100%;border:0;pointer-events:none;opacity:0;transition:opacity .35s ease;background:#000;z-index:1}.card-thumb iframe.hover-preview.is-on{opacity:1}.work-grid .card{border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line)}.work-grid .card{border-right:1px solid var(--line);border-bottom:1px solid var(--line);scroll-snap-align:none;cursor:pointer}.work-grid .card:nth-child(3n){border-right:none}@media(max-width:980px){.work-grid{grid-template-columns:repeat(2,1fr)}.work-grid .card{border-right:1px solid var(--line)}.work-grid .card:nth-child(2n){border-right:none}}.about-strip{margin-top:96px;border-top:1px solid var(--line)}.about-strip-grid{display:grid;grid-template-columns:.42fr 1fr;gap:48px;padding:32px 24px 64px;align-items:start}.about-strip-portrait{margin:0;aspect-ratio:778/658;background:#111;overflow:hidden}.about-strip-portrait img{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(.2) contrast(1.02)}.about-strip-copy{display:flex;flex-direction:column;gap:18px;max-width:64ch}.about-strip-copy p{font-family:var(--mono);font-size:14px;line-height:1.7;color:var(--ink-2);margin:0}.about-strip-copy p b{color:var(--ink);font-weight:500}.about-strip-copy .btn{align-self:start;margin-top:10px}.ticker{margin-top:96px}.index{padding:64px 24px 48px}.index-head{display:grid;grid-template-columns:60px 1fr 1.4fr 1fr 60px;gap:24px;padding-bottom:18px;border-bottom:1px solid var(--line);font-family:var(--mono);font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--mute)}.index-row{display:grid;grid-template-columns:60px 1fr 1.4fr 1fr 60px;gap:24px;padding:18px 0;border-bottom:1px solid var(--hair);align-items:center;font-family:var(--mono);font-size:13px;cursor:pointer;transition:padding .25s,background .25s}.index-row:hover{padding-left:14px;background:#f3f1ec}.index-row .num{color:var(--mute);font-size:11px}.index-row .ttl{font-family:var(--sans);font-weight:500;font-size:16px;line-height:1.2;letter-spacing:-.005em}.index-row .ar{justify-self:end;color:var(--mute)}.index-row .ar svg{transition:transform .25s}.index-row:hover .ar svg{transform:translate(6px)}.index-hover-card{position:fixed;left:0;top:0;width:320px;aspect-ratio:16/9;object-fit:cover;border-radius:6px;box-shadow:0 24px 48px -16px #00000047,0 4px 12px #0000001a;background:#111;pointer-events:none;opacity:0;scale:.96;transition:opacity .22s ease,scale .22s ease;z-index:60;will-change:transform,opacity}.index-hover-card.is-on{opacity:1;scale:1}@media(max-width:780px){.index-hover-card{display:none}}@media(max-width:780px){.hero{padding:32px 16px 40px}.reel{padding:0 16px;margin-top:32px}.reel-frame{aspect-ratio:4/3}.reel-cap{flex-direction:column;gap:6px;align-items:flex-start}.section-head{grid-template-columns:1fr;gap:14px;padding:18px 16px 20px}.tabs{flex-wrap:wrap}.work-grid{grid-template-columns:1fr}.work-grid .card{border-right:none}.work-grid .card:last-child{border-bottom:none}.ticker-track{font-size:18px;gap:24px}.ticker-track span{gap:24px}.about-strip{margin-top:48px}.about-strip-grid{grid-template-columns:1fr;gap:24px;padding:20px 16px 40px}.about-strip-portrait{max-height:420px}.index{display:none}}