.t-hero{letter-spacing:-.022em;font-size:clamp(50px,9.4vw,184px);line-height:.98}.hero7{isolation:isolate;width:calc(100% - var(--inset) * 2);min-height:clamp(600px, calc(100svh - var(--header-h) - var(--inset)), 1000px);margin:var(--header-h) auto clamp(56px, 6vw, 96px);border-radius:var(--radius);-webkit-tap-highlight-color:transparent;background:radial-gradient(50% 70% at 72%,oklch(20% .035 232),#0000 70%),oklch(11.5% .02 228);align-items:center;display:flex;position:relative;overflow:clip}.hero7__scene,.hero7:before{z-index:-1;width:100%;height:100%;position:absolute;inset:0}.hero7__scene{opacity:0;transition:opacity .5s var(--ease)}.has-prism .hero7__scene{opacity:1}.hero7:before{content:"";opacity:0;transition:opacity .8s var(--ease);background-position:72%;background-size:cover}.prism-failed .hero7:before,html:not(.js) .hero7:before{opacity:1;background-image:image-set("/images/home/hero-v7b-wide.avif" 1x type("image/avif"),"/images/home/hero-v7b-wide.webp" 1x type("image/webp"),"/images/home/hero-v7b-wide.jpg" 1x type("image/jpeg"))}.prism-failed .hero7__scene{display:none}@media (width<=839px){.hero7:before{background-position:50% 80%}.prism-failed .hero7:before,html:not(.js) .hero7:before{background-image:image-set("/images/home/hero-v7b-narrow.avif" 1x type("image/avif"),"/images/home/hero-v7b-narrow.webp" 1x type("image/webp"),"/images/home/hero-v7b-narrow.jpg" 1x type("image/jpeg"))}}.hero7 .turn{--sheen-a:180deg;--sheen-t:-999px;--sheen-o:0}.has-prism .hero7 .turn{background:linear-gradient(var(--sheen-a), var(--accent) calc(var(--sheen-t) - 26px), color-mix(in oklch, var(--accent), white calc(var(--sheen-o) * 70%)) var(--sheen-t), var(--accent) calc(var(--sheen-t) + 26px));color:#0000;-webkit-background-clip:text;background-clip:text}@media (width<=839px){.has-prism .hero7 .line:not(.turn),.has-prism .hero7__what,.has-prism .hero7__actions .link{text-shadow:0 0 3px var(--night), 0 0 8px var(--night), 0 0 18px color-mix(in oklch, var(--night) 70%, transparent)}.has-prism .hero7 .turn{filter:drop-shadow(0 0 3px var(--night)) drop-shadow(0 0 8px color-mix(in oklch, var(--night) 80%, transparent))}}.hero7__inner{padding-block:clamp(56px,6vw,96px)}.hero7 .t-hero{font-size:clamp(50px,7.4vw,136px);line-height:.98}.hero7__what{max-width:34ch;margin-top:clamp(28px,2.6vw,44px)}.hero7__actions{flex-wrap:wrap;align-items:center;gap:28px;margin-top:clamp(32px,3vw,48px);display:flex}.hero7 .line,.hero7__what,.hero7__actions{animation:hero-rise 1.3s var(--ease) backwards}.hero7 .line:nth-child(2){animation-delay:.12s}.hero7__what{animation-delay:.3s}.hero7__actions{animation-delay:.42s}@keyframes hero-rise{0%{opacity:0;transform:translateY(28px)}}@media (width<=820px){.hero7{min-height:max(100svh - var(--header-h) - var(--inset), 640px);align-items:flex-start}}@media (prefers-reduced-motion:reduce){.hero7 .line,.hero7__what,.hero7__actions{animation:none}}.services{padding-block:clamp(96px,10vw,160px)}.services__head{grid-template-columns:minmax(0,6fr) minmax(0,5fr);align-items:end;gap:48px;display:grid}.services__head .lead{margin:0}.services .svcs{margin-top:clamp(56px,6vw,96px)}@media (width<=960px){.services__head{grid-template-columns:minmax(0,1fr)}}.sheet.method,.sheet.build,.sheet.quote{margin:clamp(24px,3vw,48px) auto;padding-block:clamp(88px,9vw,144px)}.listening{padding-block:clamp(32px,4vw,64px) clamp(80px,9vw,140px)}.listening__grid{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:start;gap:clamp(40px,7vw,120px);display:grid}.listening__head .t-l{font-size:clamp(40px,5.2vw,92px);line-height:1}.listen{display:inline-block;position:relative}.js-reveal .reveal .line:has(.listen){overflow:visible clip}.listen__threads{pointer-events:none;position:absolute;overflow:visible;-webkit-mask-image:linear-gradient(90deg,#0000,#000 65%);mask-image:linear-gradient(90deg,#0000,#000 65%)}.listen__threads path{fill:none;stroke-linecap:round}.listen__strand{stroke:var(--fg-3);stroke-width:1px;opacity:.55}.listen__pulse{stroke:var(--accent);stroke-width:1.5px;stroke-dasharray:.11 .89;animation:listen-pull var(--pull,3s) linear var(--pull-delay,0s) infinite}@keyframes listen-pull{0%{stroke-dashoffset:0}to{stroke-dashoffset:-1px}}@media (prefers-reduced-motion:reduce){.listen__pulse{display:none}}@media (width<=700px){.listen__threads{display:none}}.listening__body{padding-top:clamp(0px,3.4vw,52px)}.listening__lead{max-width:36ch;font-size:clamp(19px,1.6vw,25px)}.listening__key{color:var(--fg)}.listening__label{margin:clamp(40px,4vw,64px) 0 20px}.lookfor{gap:14px;margin:0;padding:0;list-style:none;display:grid}.lookfor li{align-items:baseline;gap:12px;font-size:17px;line-height:1.4;display:flex}.lookfor li:before{content:"";background:var(--accent);width:10px;height:10px;clip-path:var(--star);flex:none}@media (width<=900px){.listening__grid{grid-template-columns:minmax(0,1fr);gap:28px}.listening__head .t-l{max-width:none}.listening__body{padding-top:0}}.shoot{width:calc(100% - var(--inset) * 2);aspect-ratio:21/9;border-radius:var(--radius);background:var(--paper-2);margin:0 auto;position:relative;overflow:hidden}.shoot__img{object-fit:cover;object-position:50% 38%;width:100%;height:100%;display:block}@media (width<=760px){.shoot{aspect-ratio:4/5}.shoot__img{object-position:47% 50%}}.method{text-align:center;padding-block:clamp(140px,15vw,240px) clamp(96px,10vw,160px)}.method .lead{max-width:46ch;margin:36px auto 0}.step--fast .step__n{color:var(--accent)}.build{padding-block:clamp(96px,10vw,160px);overflow:clip}.build__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;gap:clamp(48px,6vw,96px);display:grid}.build .lead{margin-top:32px}@media (width<=900px){.build__grid{grid-template-columns:minmax(0,1fr)}}.work{padding-bottom:clamp(80px,9vw,140px)}.work-head{gap:clamp(28px,3vw,44px);padding-block:clamp(80px,9vw,140px) clamp(40px,4.5vw,72px);display:grid}.work-head>div:first-child{container-type:inline-size}.work-head .t-xl{font-size:min(clamp(40px,5.8vw,112px),9.6cqi)}.work-head__side{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:28px 48px;display:flex}.work-head .lead{max-width:34ch;margin:0}.cases__arrows{flex:none;gap:8px;margin-inline-start:auto;display:flex}.cases__arrow{background:color-mix(in oklch, var(--fg) 5%, var(--card));width:44px;height:44px;font:400 18px/1 var(--font-sans);color:var(--fg);cursor:pointer;transition:background-color .3s var(--ease), translate .3s var(--ease);border:0;border-radius:50%;place-items:center;padding:0;display:grid}.cases__arrow:hover{background:color-mix(in oklch, var(--fg) 10%, var(--card))}.cases__arrow[data-step="-1"]:hover{translate:-2px}.cases__arrow[data-step="1"]:hover{translate:2px}.cases__arrow:focus-visible,.case-card:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.cases__stage,.cases__tabs{width:calc(100% - var(--inset) * 2);margin-inline:auto}.cases__stage{touch-action:pan-y;display:grid}.case{--case-pad:clamp(28px, 3.4vw, 56px);gap:var(--inset);opacity:0;visibility:hidden;min-height:clamp(540px,38vw,700px);transition:opacity .6s var(--ease), visibility 0s linear .6s;grid-area:1/1;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.case.is-active{opacity:1;visibility:visible;transition:opacity .6s var(--ease), visibility 0s}.case__life{background:var(--paper-2);border-radius:var(--radius);min-height:0;margin:0;position:relative;overflow:hidden}.case__life img{object-fit:cover;width:100%;height:100%;transition:scale 1.4s var(--ease);display:block;position:absolute;inset:0;scale:1.04}.case.is-active .case__life img{scale:1}.case__story{padding:var(--case-pad);border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow-card);flex-direction:column;align-items:flex-start;gap:clamp(16px,1.4vw,22px);display:flex;position:relative}.case__story>*{opacity:0;transition:opacity .7s var(--ease), translate .9s var(--ease);translate:0 12px}.case.is-active .case__story>*{opacity:1;translate:0}.case.is-active .case__story>:nth-child(n+3){transition-delay:.12s}.case__top{align-self:stretch;align-items:center;gap:24px;margin:0 0 4px;display:flex}.case__logo{min-width:0}.case__logo img{width:auto;height:calc(clamp(24px, 1.9vw, 34px) * min(1.45, sqrt(4 / var(--a))));filter:brightness(0);opacity:.82;display:block}.case__who{font:400 13px/1.4 var(--font-small);color:var(--fg-3);margin:0}.case__title{font-family:var(--font-head);letter-spacing:var(--ls-head);text-wrap:balance;margin:auto 0 0;padding-top:clamp(24px,3vw,48px);font-size:clamp(28px,2.6vw,46px);font-weight:400;line-height:1.08}.case__title .line{display:block}.case__body{max-width:48ch;color:var(--fg-2);margin:0;font-size:clamp(16px,1.05vw,18px);line-height:1.55}.case__story .figs{gap:16px 40px;margin:8px 0 0}.case__story .figs dd{font-size:clamp(28px,2.3vw,42px)}.case__story .link{margin-top:6px}.case__draft{position:absolute;inset-block-start:var(--case-pad);inset-inline-end:var(--case-pad)}.cases__tabs{scroll-snap-type:x mandatory;scrollbar-width:none;grid-auto-columns:minmax(260px,1fr);grid-auto-flow:column;gap:clamp(10px,1vw,16px);margin-top:clamp(12px,1.2vw,18px);margin-bottom:-20px;padding-block:4px 48px;display:grid;position:relative;overflow-x:auto}.cases__tabs::-webkit-scrollbar{display:none}@property --tabs-fade{syntax:"<length>";inherits:false;initial-value:0}@supports (animation-timeline:scroll()){.cases__tabs{-webkit-mask-image:linear-gradient(to right, #000 calc(100% - var(--tabs-fade)), transparent);mask-image:linear-gradient(to right, #000 calc(100% - var(--tabs-fade)), transparent);animation:linear both tabs-fade;animation-timeline:scroll(self inline)}}@keyframes tabs-fade{0%,92%{--tabs-fade:80px}to{--tabs-fade:0px}}.case-card{border-radius:var(--radius);background:color-mix(in oklch, var(--card) 35%, transparent);font:inherit;text-align:start;color:var(--fg-2);cursor:pointer;scroll-snap-align:start;transition:background-color .4s var(--ease), box-shadow .4s var(--ease), color .4s var(--ease);border:0;flex-direction:column;gap:14px;padding:clamp(20px,2vw,28px);display:flex}.case-card:hover{background:color-mix(in oklch, var(--card) 60%, transparent);color:var(--fg)}.case-card[aria-selected=true]{background:var(--card);box-shadow:var(--shadow-card);color:var(--fg)}.case-card__head{align-items:center;gap:12px;display:flex}.case-card__thumb{object-fit:cover;filter:saturate(.6);opacity:.8;width:44px;height:44px;transition:filter .4s var(--ease), opacity .4s var(--ease);border-radius:10px;flex:none}.case-card:hover .case-card__thumb,.case-card[aria-selected=true] .case-card__thumb{filter:none;opacity:1}.case-card__who{font:400 13px/1.3 var(--font-small);color:var(--fg-3)}.case-card[aria-selected=true] .case-card__who{color:var(--accent)}.case-card__asked{font-family:var(--font-head);letter-spacing:var(--ls-head);text-wrap:balance;font-size:clamp(20px,1.6vw,26px);line-height:1.15}@media (width<=860px){.case{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr);min-height:0}.case__life{aspect-ratio:4/3}.case__title{margin-top:0;padding-top:8px}.cases__tabs{grid-auto-columns:minmax(240px,78%)}}@media (prefers-reduced-motion:reduce){.case__life img,.case__story>*,.case-card__thumb,.cases__arrow{transition:none}.cases__arrow:hover{translate:none}}.team{padding-block:clamp(96px,10vw,160px)}.team__grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:end;gap:clamp(40px,6vw,96px);display:grid}.team__photo{aspect-ratio:4/5;border-radius:var(--radius);overflow:hidden}.team__photo img{object-fit:cover;width:100%;height:100%}.team .lead{margin-top:28px}.roles{gap:22px;margin:48px 0 0;padding:0;list-style:none;display:grid}.roles li{grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:16px;display:grid}.roles strong{font-size:21px;font-weight:400;display:block}.roles .role{color:var(--fg-2);font-size:16px}.team__links{flex-wrap:wrap;gap:28px;margin-top:48px;display:flex}@media (width<=900px){.team__grid{grid-template-columns:minmax(0,1fr)}.team__photo{max-width:420px}}@media (prefers-reduced-motion:reduce){.btn,.link{transition:none}}.services .svc__q{max-width:12ch}.services .svc__foot{margin-top:28px;padding-top:0}.method .steps{margin-top:clamp(80px,9vw,140px)}.sheet.quote{padding-block:clamp(40px,5vw,80px) clamp(120px,13vw,200px)}
