.hero{padding:clamp(40px,8vh,96px) var(--pad) clamp(40px,8vh,80px);position:relative}.hero .grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:24px;align-items:end;min-height:70vh}.hero .meta-l{grid-column:1 / span 1;align-self:start;padding-top:8px}.hero .meta-l .stack{display:flex;flex-direction:column;gap:14px;max-width:22ch}.hero h1{grid-column:1 / span 4;font-family:var(--serif);font-size:clamp(56px,10.6vw,188px);line-height:.9;letter-spacing:-.025em;margin:0;font-weight:400}.hero h1 .it{font-style:italic;color:var(--ink)}.hero h1 .muted{color:var(--muted);font-style:italic}.hero .row-bot{grid-column:1 / span 4;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:24px;align-items:end;margin-top:28px}.hero .lede{grid-column:2 / span 2}.hero .ctas{grid-column:4 / span 1;display:flex;flex-direction:column;gap:12px;align-items:flex-end}.hero .index-line{grid-column:1 / span 4;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--rule);padding-top:14px;margin-top:28px;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.rot{display:inline-block;position:relative;vertical-align:baseline;overflow:hidden}.rot>span{display:inline-block;transition:transform .45s cubic-bezier(.4,0,.2,1),opacity .25s ease;opacity:0;transform:translateY(110%);position:absolute;left:0;top:0;white-space:nowrap;font-style:italic;color:var(--accent)}.rot>span.spacer{visibility:hidden;opacity:1;transform:none;position:relative}.rot>span.in{opacity:1;transform:translateY(0)}.rot>span.out{opacity:0;transform:translateY(-110%)}.services{padding:100px var(--pad);border-top:1px solid var(--rule)}.services .head{display:grid;grid-template-columns:1fr 2fr;gap:40px;align-items:end;margin-bottom:60px}.services .head h2{font-family:var(--serif);font-size:clamp(40px,6vw,88px);line-height:.96;letter-spacing:-.02em;margin:0;font-weight:400;max-width:14ch}.services .head h2 .it{font-style:italic;color:var(--muted)}.services-list{list-style:none;padding:0;margin:0;border-top:1px solid var(--rule)}.svc{border-bottom:1px solid var(--rule);display:grid;grid-template-columns:80px 1fr 1.2fr 80px;gap:24px;align-items:center;padding:28px 0;transition:padding .35s ease;cursor:default}.svc:hover{padding-left:12px;padding-right:12px}.svc .num{font-family:var(--mono);font-size:12px;letter-spacing:.12em;color:var(--muted)}.svc h3{font-family:var(--serif);font-weight:400;font-size:clamp(28px,3vw,44px);margin:0;letter-spacing:-.015em;line-height:1}.svc p{color:var(--ink-2);margin:0;max-width:50ch;font-size:15px}.svc .arrow-cell{text-align:right;opacity:0;transition:opacity .25s ease;font-family:var(--mono);font-size:14px;color:var(--ink)}.svc:hover .arrow-cell{opacity:1}.work{padding:120px var(--pad) 40px;border-top:1px solid var(--rule)}.work .head{display:grid;grid-template-columns:1fr auto;align-items:end;gap:40px;margin-bottom:56px}.work .head h2{font-family:var(--serif);font-weight:400;font-size:clamp(48px,8vw,128px);line-height:.95;letter-spacing:-.025em;margin:0}.work .head h2 .it{font-style:italic}.work .head h2 .muted{color:var(--muted);font-style:italic}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px 32px}.tile{display:block;position:relative}.tile .frame{position:relative;aspect-ratio:4/3;overflow:hidden;border-radius:8px;border:1px solid var(--rule);background:var(--panel-2);transition:transform .6s cubic-bezier(.2,.7,.2,1)}.tile:hover .frame{transform:translateY(-4px)}.tile .frame .ph-art{position:absolute;inset:0}.tile .meta{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;padding:18px 4px 4px}.tile .meta .name{font-family:var(--serif);font-size:clamp(24px,2.4vw,36px);line-height:1;letter-spacing:-.015em}.tile .meta .name .it{font-style:italic;color:var(--muted)}.tile .meta .tags{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);text-align:right}.tile .meta .tags strong{color:var(--ink-2);font-weight:400}.tile .num{font-family:var(--mono);font-size:11px;letter-spacing:.14em;color:var(--muted);margin-bottom:8px}.tile-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top}.art-allthings{background:radial-gradient(120% 80% at 30% 20%,rgba(201,168,107,.18),transparent 60%),linear-gradient(180deg,#1a2030,#0c1018)}.art-allthings:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(232,230,225,.06) 0 1px,transparent 1px 64px),repeating-linear-gradient(90deg,rgba(232,230,225,.06) 0 1px,transparent 1px 64px)}.art-allthings:after{content:"AT/D";position:absolute;left:32px;top:32px;font-family:var(--serif);font-style:italic;font-size:clamp(48px,9vw,120px);color:var(--ink);line-height:1}.art-robin{background:linear-gradient(180deg,#0f141d,#161b27)}.art-robin .robin-card{position:absolute;inset:12% 14% 14% 12%;border:1px solid var(--rule-strong);border-radius:10px;padding:16px;background:#141820d9;display:grid;grid-template-rows:auto 1fr;gap:12px}.art-robin .row{display:flex;gap:8px}.art-robin .pill{height:18px;border-radius:4px;background:#e8e6e114;flex:1}.art-robin .pill.hot{background:#c9a86b66;flex:.5}.art-robin .chart{position:relative;border:1px solid var(--rule);border-radius:6px;background:#e8e6e105}.art-robin .chart svg{position:absolute;inset:0;width:100%;height:100%}.art-mysi{background:linear-gradient(180deg,#1c1816,#0f0d0c)}.art-mysi:before{content:"";position:absolute;inset:12%;background:linear-gradient(180deg,rgba(232,230,225,.05) 0 1px,transparent 1px) 0 0/100% 18px,linear-gradient(90deg,rgba(232,230,225,.05) 0 1px,transparent 1px) 0 0/18px 100%;border:1px solid var(--rule);border-radius:6px}.art-mysi:after{content:"My·SI";position:absolute;right:36px;bottom:30px;font-family:var(--serif);font-style:italic;font-size:clamp(36px,6vw,80px);color:var(--accent)}.art-vas{background:radial-gradient(80% 60% at 80% 20%,rgba(124,138,160,.25),transparent 60%),linear-gradient(180deg,#11161e,#0a0d12)}.art-vas:before{content:"";position:absolute;inset:18% 8%;border:1px solid var(--rule-strong);border-radius:4px;background:linear-gradient(180deg,rgba(232,230,225,.04),transparent)}.art-vas:after{content:"VAS — interpret.";position:absolute;left:36px;bottom:28px;font-family:var(--mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.art-logistics{background:linear-gradient(180deg,#0c1116,#0a0e13)}.art-logistics svg{position:absolute;inset:0;width:100%;height:100%;opacity:.85}.art-logistics:after{content:"LIVE • route 0392";position:absolute;right:28px;top:24px;font-family:var(--mono);font-size:11px;letter-spacing:.14em;color:var(--accent)}.process{border-top:1px solid var(--rule);min-height:375vh}.process .wrap{position:sticky;top:80px;height:calc(100vh - 80px);display:grid;grid-template-columns:1fr 1.4fr;gap:60px;align-items:start;padding:36px var(--pad);box-sizing:border-box}.process .wrap>div:first-child{display:block}.process h2{font-family:var(--serif);font-weight:400;font-size:clamp(36px,5vw,80px);line-height:.96;letter-spacing:-.02em;margin:0;max-width:16ch}.process h2 .it{font-style:italic;color:var(--muted)}.process .sticky-stage{position:relative;top:auto;height:min(80vh,720px);border:1px solid var(--rule);border-radius:8px;overflow:hidden;background:var(--panel-2)}.stage-canvas{position:absolute;inset:0;display:grid;place-items:center;padding:40px}.stage-step{position:absolute;inset:0;padding:56px;opacity:0;transition:opacity .8s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;justify-content:space-between;transform:translateY(20px)}.stage-step.active{opacity:1;transform:none}.stage-step .label{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.stage-step h3{font-family:var(--serif);font-weight:400;font-size:clamp(48px,7vw,112px);line-height:.95;margin:12px 0 0;letter-spacing:-.02em}.stage-step h3 .it{font-style:italic;color:var(--accent)}.stage-step p{color:var(--ink-2);max-width:42ch;margin:24px 0 0;font-size:16px}.stage-progress{position:absolute;left:24px;right:24px;bottom:24px;height:1px;background:var(--rule)}.stage-progress .bar{position:absolute;left:0;top:0;height:100%;background:var(--accent);transition:width .25s ease}.process-steps{display:flex;flex-direction:column;gap:0}.process-step{border-top:1px solid var(--rule);padding:16px 0;display:grid;grid-template-columns:64px 1fr;gap:18px;align-items:baseline;transition:opacity .5s cubic-bezier(.4,0,.2,1)}.process-step:last-child{border-bottom:1px solid var(--rule)}.process-step .n{font-family:var(--mono);font-size:11px;letter-spacing:.14em;color:var(--muted)}.process-step h4{font-family:var(--serif);font-weight:400;font-size:clamp(24px,2.4vw,36px);margin:0 0 8px;letter-spacing:-.015em}.process-step p{font-size:14px;color:var(--ink-2);margin:0;max-width:50ch;max-height:80px;overflow:hidden;transition:max-height .5s cubic-bezier(.4,0,.2,1)}.process-step.dim p{max-height:0}.process-step.dim{opacity:.35}.why{padding:120px var(--pad);border-top:1px solid var(--rule)}.why .head{display:grid;grid-template-columns:1fr 1.4fr;gap:40px;align-items:end;margin-bottom:60px}.why h2{font-family:var(--serif);font-weight:400;font-size:clamp(40px,6vw,88px);line-height:.95;margin:0;letter-spacing:-.02em;max-width:12ch}.why h2 .it{font-style:italic;color:var(--muted)}.why .grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;border-top:1px solid var(--rule)}.why-card{border-right:1px solid var(--rule);padding:32px 24px 32px 0;display:flex;flex-direction:column;gap:16px;min-height:240px}.why-card:last-child{border-right:none}.why-card .num{font-family:var(--mono);font-size:11px;letter-spacing:.14em;color:var(--muted)}.why-card h3{font-family:var(--serif);font-weight:400;font-size:28px;line-height:1.05;letter-spacing:-.01em;margin:0}.why-card p{font-size:14px;color:var(--ink-2);margin:0}.contact{padding:140px var(--pad);border-top:1px solid var(--rule)}.contact .head{text-align:center;margin-bottom:80px}.contact .head .eyebrow{display:block;margin-bottom:24px}.contact .head h2{font-family:var(--serif);font-weight:400;font-size:clamp(56px,10vw,168px);line-height:.92;letter-spacing:-.025em;margin:0}.contact .head h2 .it{font-style:italic;color:var(--muted)}.contact-split{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--rule);border-radius:12px;overflow:hidden}.contact-card{padding:56px 48px;display:flex;flex-direction:column;gap:24px;transition:background .3s ease;cursor:pointer}.contact-card+.contact-card{border-left:1px solid var(--rule)}.contact-card:hover{background:var(--panel-2)}.contact-card .eyebrow{display:block}.contact-card h3{font-family:var(--serif);font-weight:400;font-size:clamp(36px,4.4vw,64px);line-height:.96;margin:0;letter-spacing:-.02em}.contact-card h3 .it{font-style:italic;color:var(--accent)}.contact-card p{color:var(--ink-2);max-width:36ch;margin:0;font-size:15px}.contact-card .gobtn{margin-top:auto;display:inline-flex;align-items:center;gap:10px;font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink)}.contact-card .gobtn:after{content:"";width:28px;height:1px;background:currentColor;transition:width .3s ease}.contact-card:hover .gobtn:after{width:56px}@media(max-width:1100px){.work-grid,.why .grid{grid-template-columns:1fr 1fr}.why-card{border-right:none;border-bottom:1px solid var(--rule)}.process .wrap{grid-template-columns:1fr}.process .sticky-stage{position:relative;top:0;height:60vh}.contact-split{grid-template-columns:1fr}.contact-card+.contact-card{border-left:none;border-top:1px solid var(--rule)}.hero .grid{grid-template-columns:1fr 1fr}.hero h1,.hero .row-bot,.hero .index-line{grid-column:1 / -1}.hero .row-bot{grid-template-columns:1fr}.hero .ctas{grid-column:auto;align-items:flex-start}.services .head,.work .head,.why .head{grid-template-columns:1fr}.svc{grid-template-columns:40px 1fr 1.2fr}.svc .arrow-cell{display:none}}@media(max-width:720px){.work-grid,.why .grid{grid-template-columns:1fr}.svc{grid-template-columns:32px 1fr}.svc p{display:none}}@media(max-width:540px){.hero .grid{grid-template-columns:1fr}.hero .meta-l{display:none}.hero .index-line{flex-wrap:wrap;gap:8px;justify-content:flex-start}.process{min-height:0}.process .wrap{position:relative;top:0;height:auto;grid-template-columns:1fr;padding-bottom:60px}.process .sticky-stage{display:none}.process-step.dim{opacity:1}.process-step.dim p{max-height:none}.contact-card{padding:36px 20px}}
