/* Editorial refinement — Clever & Pinch */
:root{--inv-mute:#a6a6aa}
body{font-weight:400}
html{scroll-padding-top:100px}
.skip{position:fixed;top:-100px;left:20px;z-index:100;background:var(--ink);color:var(--paper);padding:12px 20px}.skip:focus{top:10px}
.nav-row{height:88px}.brand span{font-size:24px;letter-spacing:-.035em}.brand img{height:30px}
.links{border:0}.links a{letter-spacing:.16em;padding:10px 14px}
.hero{padding-top:0}.tank{height:clamp(610px,80vh,870px);border-left:0;border-right:0;border-color:var(--ink)}
.tank-ui{padding:30px 0 42px}.tank-top{padding-inline:0}.tank-top .label{color:var(--ink);letter-spacing:.26em}.hero-smp{color:var(--ink)!important;text-decoration:none;letter-spacing:.08em}
.waterline{top:19%}.tank-mono{left:76%;top:47%;width:clamp(160px,19vw,275px)}
.tank-bottom{grid-template-columns:1fr;position:relative}.hero-copy{max-width:100%}.hero-disciplines{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;margin:0 0 24px}.hero h1{font-size:clamp(75px,9.5vw,144px);line-height:.99;letter-spacing:-.055em;max-width:10em}.hero h1 .ln{overflow:visible;padding:0}.hero h1 em{font-weight:400}.hero-sub{font-size:18px;max-width:27em;margin:26px 0 28px;line-height:1.5}.hero-copy .btn{padding:15px 22px;font-size:11px;letter-spacing:.16em}.hint{position:absolute;right:0;bottom:4px;font-size:9px;letter-spacing:.08em}.hint i{width:6px;height:6px}
.intro{padding-top:64px}.intro p{font-size:clamp(21px,2vw,28px);font-weight:300}.intro .cta>.mono{display:none}.intro .cta .btn{border:0;padding:0;background:none;color:var(--ink);text-decoration:underline;text-underline-offset:6px}.facts{margin-top:60px}.facts strong{font-size:29px}.facts .mono{font-size:9px;letter-spacing:.06em}.facts .label{letter-spacing:.15em}
.sec{padding-block:110px}.sec-head{margin-bottom:54px}.sec-head h2{font-size:clamp(42px,5vw,73px)}
.focus-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px}.focus-art,.film-art{position:relative;aspect-ratio:1.22;overflow:hidden}.focus-art{background:#e9e8e5;display:flex;align-items:center;padding:11% 11% 14% 7%;color:#161616}.browser-art{width:100%;background:#fbfaf6;box-shadow:0 20px 40px #0002;transform:rotate(-4deg);padding:5% 6% 6%;border:1px solid #d7d5d0}.browser-bar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #cfcfca;padding-bottom:10px;font-size:8px;letter-spacing:.12em}.browser-bar>span:first-child{font-family:var(--display);font-size:24px;letter-spacing:-.08em}.browser-content{padding:24px 0 14px}.browser-content .mono{font-size:7px;letter-spacing:.17em}.browser-content>div{font-family:var(--display);font-size:clamp(21px,2.6vw,40px);line-height:1.05;margin:17px 0}.art-line{display:block;width:42%;height:1px;background:#888;margin:14px 0}.art-button{font-size:8px;border:1px solid #161616;padding:6px 12px;display:inline-block}.phone-art{position:absolute;right:7%;bottom:9%;width:22%;aspect-ratio:.51;background:#191919;color:white;transform:rotate(6deg);border:4px solid #333;border-radius:16px;padding:13px 10px;box-shadow:0 12px 24px #0003;display:flex;flex-direction:column;justify-content:space-between;font-family:var(--display)}.phone-art>span:first-child{font-size:19px}.phone-art>div{font-size:clamp(16px,2vw,27px);line-height:1.1}.phone-button{border-top:1px solid #777;padding-top:5px;text-align:right}
.film-art{background:#171719;color:#fafaf9;padding:24px;display:flex;flex-direction:column;justify-content:space-between;isolation:isolate}.film-top,.film-bottom{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.13em}.film-top{border-bottom:1px solid #555;padding-bottom:13px}.film-bottom{padding-bottom:15px}.film-type{font-family:var(--display);font-size:clamp(58px,6.8vw,104px);line-height:.91;letter-spacing:-.055em;z-index:1;padding-bottom:20px}.film-orbit{position:absolute;width:66%;aspect-ratio:1;right:-17%;top:21%;border:1px solid #8c8c90;border-radius:50%;box-shadow:0 0 0 18px #171719,0 0 0 19px #66666a,0 0 0 37px #171719,0 0 0 38px #454548;transform:rotate(-30deg) scaleX(.7);z-index:-1}.film-timeline{height:12px;display:flex;gap:4px}.film-timeline i{height:100%;background:#444448;flex:1}.film-timeline i:nth-child(2){background:#a6a6aa;flex:2}.film-timeline i:nth-child(4){background:#747478;flex:1.5}.focus-caption{padding:24px 0 0;border-bottom:1px solid var(--hair)}.focus-caption .mono{font-size:10px;color:var(--mute)}.focus-caption h3{font-family:var(--display);font-size:clamp(29px,2.9vw,43px);line-height:1.12;font-weight:400;letter-spacing:-.025em;margin:16px 0}.focus-caption p{max-width:31em;color:var(--mute);margin:0 0 26px;font-size:17px}.study-note{font-size:9px;color:var(--mute);margin-top:19px;letter-spacing:.08em}
.manifest blockquote{font-size:clamp(36px,4.3vw,65px)}.duo{margin-top:65px;padding-top:50px}.duo .word{font-size:clamp(70px,9vw,130px)}.duo .amp{font-size:clamp(90px,13vw,190px)}.tenets{margin-top:60px}.svc li{padding-inline:0}.svc h3{font-size:clamp(30px,3vw,46px)}.svc .tag{font-size:9px;letter-spacing:.1em}.steps{gap:26px}.vessel{height:75px}.vessel span{color:#fff;mix-blend-mode:difference}.steps h3{font-size:29px}.steps-note{font-size:10px;letter-spacing:.06em}.direct-contact{display:grid;gap:9px;margin-top:12px}.direct-contact a{width:fit-content;text-decoration:none;border-bottom:1px solid var(--hair);font-size:17px}.direct-contact a:hover{border-color:var(--ink)}.field label,.budget legend{font-size:11px;letter-spacing:.1em}.budget label{border-radius:0;font-size:11px;padding:12px 14px}.field input:focus-visible,.field textarea:focus-visible{outline:1px solid var(--ink);outline-offset:5px}.foot-top img{max-width:280px}.gauge{display:none}
@media(min-width:761px){.hero-copy{padding-right:22%}.hero h1{position:relative;z-index:2}.tank-mono{top:45%}.hero-sub{background:color-mix(in srgb,var(--paper) 86%,transparent);width:fit-content}}
@media(max-width:1080px){.nav-row{height:76px}.tank{min-height:640px}.hero h1{font-size:clamp(73px,10vw,110px)}.hint{display:none}.focus-grid{gap:24px}}
@media(max-width:760px){html{scroll-padding-top:84px}.brand span{display:block;font-size:21px}.nav-row{gap:12px}.nav-right{gap:15px}.tank{height:750px;min-height:0;max-height:none}.tank-ui{padding:23px 0 30px}.tank-top{gap:9px;flex-direction:column;align-items:flex-start}.tank-top .mono{font-size:9px}.tank-top .label{font-size:10px}.waterline{top:18%}.tank-mono{left:71%;top:34%;width:150px}.hero h1{font-size:clamp(61px,12vw,90px);line-height:1.02}.hero-disciplines{font-size:9px;letter-spacing:.03em;max-width:100%;margin-bottom:19px}.hero-sub{font-size:17px;max-width:22em;margin-block:20px}.hero-copy .btn{font-size:10px;padding:14px 16px}.sec{padding-block:76px}.intro{padding-top:42px}.facts{margin-top:42px}.facts>div{padding-bottom:5px}.facts strong{font-size:30px}.focus-grid{grid-template-columns:1fr;gap:40px}.focus-art,.film-art{aspect-ratio:1.18}.browser-content>div{font-size:clamp(30px,7vw,48px)}.phone-art>div{font-size:clamp(21px,5vw,32px)}.film-type{font-size:clamp(76px,17vw,120px)}.focus-caption h3{font-size:35px}.duo{grid-template-columns:1fr auto 1fr;gap:18px}.duo .word{font-size:clamp(44px,10vw,80px)}.duo .amp{font-size:65px}.duo p{font-size:14px}.duo>div:last-child{text-align:right}.tenets{gap:34px}.foot-top{grid-template-columns:1fr 1fr}.foot-top>div:first-child{grid-column:1/-1}.foot-top img{width:240px}.contact{gap:40px}.contact-intro h2{font-size:clamp(48px,9vw,72px)}.drawer-links a{font-size:clamp(40px,9vw,65px)}}
@media(max-width:380px){.brand span{font-size:19px}.nav-right{gap:9px}.hero h1{font-size:59px}.tank{height:710px}.tank-mono{width:120px}.foot-top{grid-template-columns:1fr}.duo{grid-template-columns:1fr}.duo>div:last-child{text-align:left}.hero-disciplines{font-size:8px}.mono{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){.hint{opacity:1}.tank.no-gl{background:radial-gradient(ellipse 26% 38% at 77% 44%,color-mix(in srgb,var(--ink) 18%,transparent),transparent 75%),var(--paper)}}
@media(max-width:900px){.contact{grid-template-columns:minmax(0,1fr)}.contact-intro,form{min-width:0}.field{min-width:0}}
@media(max-width:380px){.sec-head h2{font-size:38px}.focus-caption h3{font-size:31px}.hero h1{font-size:56px}}

.tank canvas{mask-image:linear-gradient(90deg,transparent 0%,#000 65%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 65%)}
@media(max-width:760px){.tank canvas{mask-image:linear-gradient(#000 0%,#000 40%,transparent 80%);-webkit-mask-image:linear-gradient(#000 0%,#000 40%,transparent 80%)}}