@font-face{font-family:Manrope;src:url(assets/type/manrope-400.ttf)}@font-face{font-family:Manrope;src:url(assets/type/manrope-600.ttf);font-weight:600}
:root{--ink:#111e20;--paper:#fafaf7;--aqua:#64e6e8;--deep:#102629;--rule:#cfd5cf;--gutter:clamp(22px,5.4vw,88px);font-family:Manrope,Arial,sans-serif;font-synthesis:none;color:var(--ink);background:var(--paper);scroll-behavior:smooth}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #008ba0;outline-offset:5px}img{display:block;max-width:100%}.wrap{width:min(100%,1680px);margin-inline:auto;padding-inline:var(--gutter)}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:600}h1,h2{letter-spacing:-.069em}h1 span,h2 span{color:#149cac}.hero h1 span,.process h2 span,.contact h2 span{color:var(--aqua)}.skip{position:absolute;top:-100px;background:white;color:black;padding:12px;z-index:50}.skip:focus{top:8px}
header{background:#102326;color:white;position:relative;z-index:8}.landing header{position:absolute;inset:0 0 auto;background:transparent}.headerbar{height:88px;display:flex;align-items:center;gap:clamp(22px,3vw,55px);position:relative}.headerbar:after{content:"";position:absolute;bottom:0;left:var(--gutter);right:var(--gutter);height:1px;background:#ffffff45}.brand{display:block;margin-right:auto}.brand img{width:167px;height:auto}.headerbar nav{display:flex;align-items:center;gap:34px;font-size:14px;font-weight:600}.headerbar nav a:hover,.address:hover{text-decoration:underline;text-underline-offset:5px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:25px;padding:15px 22px;border-radius:100px;font-size:14px;line-height:1.2;font-weight:600;transition:background .2s,transform .2s}.btn:hover{transform:translateY(-2px)}.primary{background:var(--aqua);color:#062528}.primary:hover{background:#98f5f5}.contact-btn{border:1px solid #ffffff85;padding:12px 18px}.contact-btn:hover{background:#ffffff20}.arrow{display:inline-block;font-family:Arial,sans-serif;font-size:1.25em;line-height:1}.menu,.mobile-contact{display:none}
.hero{position:relative;isolation:isolate;min-height:clamp(640px,82svh,880px);color:white;background:#14292c;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.herobg,.shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 44%;z-index:-2}.shade{z-index:-1;background:linear-gradient(90deg,rgba(4,17,21,.9),rgba(4,17,21,.6) 40%,rgba(4,17,21,.06) 78%),linear-gradient(0deg,#0416199e,transparent 25%,transparent 82%,#07191e60)}.hero-content{padding-block:150px 110px}.eyebrow,.meta,.micro,.herofoot,.back{font:500 11px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.11em;text-transform:uppercase}.eyebrow{display:flex;align-items:center;gap:11px}.eyebrow:before{content:"";flex-shrink:0;background:var(--aqua);width:19px;height:2px}.eyebrow.dark:before{background:#008c9c}.signal:before{height:7px;width:7px;box-shadow:0 0 0 4px #67e5e522;border-radius:50%}.hero h1{font-size:clamp(72px,7.7vw,132px);line-height:.99;margin:24px 0;font-weight:600}.hero-content>p{max-width:475px;font-size:clamp(16px,1.37vw,21px);line-height:1.55;color:#e3eded}.actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap;margin-top:32px}.film-trigger{display:flex;align-items:center;gap:10px;background:transparent;border:0;font-size:14px;font-weight:600;padding:6px 0}.play{display:grid;place-items:center;padding-left:2px;width:33px;height:33px;border:1px solid #ffffff85;border-radius:50%;font-size:11px}.film-trigger:hover .play{background:white;color:var(--deep)}.herofoot{position:absolute;inset:auto 0 18px;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#e6eeee}.herofoot span{display:flex;align-items:center;gap:11px}.herofoot i{width:25px;height:1px;background:var(--aqua)}.herofoot b{color:#97b0b0}.herofoot a{font:24px Arial;border:1px solid #ffffff69;border-radius:50%;width:40px;height:40px;display:grid;place-items:center}
.client-strip{border-bottom:1px solid var(--rule)}.clients{min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:24px}.clients img{width:min(10vw,116px);height:54px;object-fit:contain}.micro{font-size:10px;color:#4e6061}.section{padding-block:clamp(75px,7.8vw,134px)}.sectitle{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:15px 0 36px}h2{font-size:clamp(46px,5.3vw,90px);line-height:1.02}.line-link,.back{font-weight:600}.line-link{font-size:14px;padding-block:8px;border-bottom:1px solid currentColor;display:inline-flex;gap:14px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.card-photo{position:relative;overflow:hidden;background:#e9ebe7;aspect-ratio:1.35}.card-photo img{height:100%;width:100%;object-fit:cover;transition:transform .45s;mix-blend-mode:multiply}.card:hover img{transform:scale(1.05)}.open-icon{position:absolute;right:14px;bottom:14px;display:grid;place-items:center;background:#fafaf7e6;color:#122629;border-radius:50%;width:38px;height:38px}.meta{color:#546667;font-size:10px;margin:20px 0 6px}.card h3{font-size:clamp(22px,2.25vw,36px);letter-spacing:-.05em}.card p{color:#4a595a;font-size:15px;margin-top:6px;line-height:1.5}
.process{background:var(--deep);color:#f4f9f6}.split,.industries{display:grid;grid-template-columns:1fr 1.08fr;gap:8%}.split h2,.industries h2,.studio h2{margin-block:20px}.intro,.studio-copy p,.detail-intro{font-size:clamp(17px,1.5vw,24px);line-height:1.55;max-width:35ch}.intro{color:#c1d1d0}.steps details{border-top:1px solid #718483}.steps details:last-child{border-bottom:1px solid #718483}.steps summary{display:flex;align-items:center;gap:20px;list-style:none;cursor:pointer;font-size:clamp(18px,1.7vw,28px);font-weight:600;padding:23px 0;letter-spacing:-.03em}.steps summary::-webkit-details-marker{display:none}.steps small{color:var(--aqua);font:12px ui-monospace,monospace}.plus{margin-left:auto;position:relative;width:18px;height:18px;flex-shrink:0}.plus:after,.plus:before{position:absolute;content:"";background:var(--aqua);width:14px;height:1px;left:2px;top:9px}.plus:after{transform:rotate(90deg)}details[open] .plus:after{transform:none}.steps p{margin:0 20px 24px 36px;line-height:1.6;color:#c1d1d0}.industry-list a{padding:17px 0;border-top:1px solid var(--rule);font-weight:600;font-size:clamp(20px,2vw,31px);letter-spacing:-.04em;display:flex;align-items:center;justify-content:space-between}.industry-list a:hover{color:#007c85}.industry-list a:last-child{border-bottom:1px solid var(--rule)}
.studio{display:grid;grid-template-columns:1fr 1fr;background:#e9eeea}.studio-img img{height:100%;width:100%;object-fit:cover;max-height:760px}.studio-copy{align-self:center;padding:clamp(32px,5vw,100px)}.stats{display:flex;gap:clamp(10px,2vw,40px);border-top:1px solid #adbcb7;margin-top:36px;padding-top:22px}.stats div{font-size:12px}.stats strong{font-size:clamp(27px,3.3vw,55px);letter-spacing:-.06em;display:block}.contact{background:#142d30;color:white;padding-block:clamp(72px,8vw,128px)}.contact .sectitle{margin-bottom:22px;align-items:center}.contact h2{font-size:clamp(60px,7vw,116px)}.address{color:#c7d8d7}footer{color:white;background:#102326}.foot{display:flex;align-items:center;gap:30px;min-height:97px;font-size:12px;color:#cbdbd9}.foot .brand img{width:130px}.foot a:hover{text-decoration:underline}
dialog{border:0;background:#11282b;color:white;padding:0;width:min(92vw,1000px);border-radius:8px;box-shadow:0 24px 100px #0007}dialog::backdrop{background:#061316db}.film-bar{display:flex;justify-content:space-between;align-items:center;padding:12px 20px}.film-bar button{background:#223e40;border:0;padding:9px 16px;border-radius:99px}video{width:100%;display:block}.detail{padding-block:45px 100px}.back{display:inline-block;margin-bottom:50px;color:#426568}.detail h1{font-size:clamp(55px,7vw,110px);line-height:1.03;margin:16px 0 24px}.detail-top{display:grid;grid-template-columns:1fr .86fr;align-items:center;gap:8%}.detail-top img{width:100%;aspect-ratio:1.35;object-fit:cover}.article{display:grid;grid-template-columns:1fr 2fr;gap:8%;padding-top:70px}.article section{border-top:1px solid var(--rule);padding:22px 0 38px}.article h2,.sector h2{font-size:32px;letter-spacing:-.04em;margin-bottom:12px}.article p,.sector li{font-size:18px;line-height:1.7}.article ul,.sector ul{padding-left:20px;line-height:1.8}.outline{border:1px solid #8da09c}.archive{grid-template-columns:repeat(2,1fr);margin:40px 0}.sector .detail-intro{max-width:65ch}.sector h2{margin-top:45px}
@media(max-width:800px){.headerbar{height:72px;gap:16px}.brand img{width:143px}.headerbar nav{gap:18px;font-size:13px}.clients{gap:16px}.cards{gap:16px}.split,.industries{gap:5%}.studio-copy{padding:30px}.stats{flex-wrap:wrap}.hero{min-height:630px}.hero-content{padding-block:140px 100px}}
@media(max-width:680px){.headerbar{height:67px}.brand img{width:130px}.headerbar .contact-btn{font-size:12px;padding:10px 13px;gap:9px}.menu{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;background:none;border:1px solid #ffffff70;border-radius:50%;width:39px;height:39px}.menu i{width:14px;height:1px;background:white}.headerbar nav{display:none}.headerbar nav.is-open{display:flex;position:absolute;top:100%;left:0;right:0;background:#11282b;padding:12px var(--gutter) 24px;flex-direction:column;align-items:stretch;gap:0}.headerbar nav a{padding:14px 0;border-bottom:1px solid #ffffff30}.mobile-contact{display:block}.hero{min-height:clamp(590px,85svh,780px)}.herobg{object-position:62% center}.shade{background:linear-gradient(90deg,#061b20d6,#061b2070 70%,#061b2040),linear-gradient(0deg,#061b20ab,transparent 75%)}.hero h1{font-size:clamp(34px,11.1vw,78px);margin-block:20px}.hero-content{padding-block:118px 105px}.eyebrow{font-size:10px;letter-spacing:.07em}.hero-content>p{max-width:31ch}.herofoot{bottom:16px}.herofoot span{gap:7px}.herofoot a{width:33px;height:33px}.actions{gap:17px}.btn{padding:14px 17px;gap:14px}.film-trigger{font-size:13px;gap:7px}.clients{display:grid;grid-template-columns:repeat(3,1fr);gap:4px 18px;padding-block:17px}.clients img{width:100%;height:36px;max-width:94px;justify-self:center}.clients .micro{text-align:center;align-self:center}.sectitle{align-items:start;flex-direction:column;margin-bottom:25px;gap:10px}.cards,.archive,.split,.industries,.studio,.detail-top,.article{grid-template-columns:1fr}.cards{gap:33px}.card-photo{aspect-ratio:1.5}.card h3{font-size:29px}.meta{margin-top:13px}.split,.industries,.detail-top,.article{gap:30px}.studio-img img{max-height:390px}.studio-copy{padding:50px var(--gutter)}.stats{justify-content:space-between}.stats strong{font-size:36px}.contact .sectitle{align-items:start;gap:24px}.foot{flex-wrap:wrap;justify-content:space-between;gap:15px;padding-block:25px}.foot .brand{width:100%}.detail{padding-block:30px 65px}.back{margin-bottom:30px}.article{padding-top:35px}.herofoot{font-size:8px}.steps summary{gap:14px}.detail h1{overflow-wrap:break-word}.sector .actions{align-items:start}}
@media(max-width:365px){.headerbar{gap:7px}.headerbar .brand img{width:108px}.hero .actions{gap:12px}.btn,.film-trigger{font-size:12px}.herofoot i{width:12px}}@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
.headerbar .contact-btn{white-space:nowrap;flex-shrink:0}.menu{flex-shrink:0}
@media(max-width:365px){.headerbar .brand{min-width:0}.headerbar .contact-btn{padding:9px 11px;font-size:11px}}
/* Editorial redesign, November 2026 */
:root{--paper:#f2f3ed;--ink:#182725;--aqua:#b9ed5b;--gutter:clamp(22px,4.2vw,76px)}
.landing header{position:relative;background:var(--paper);color:var(--ink)}.landing .brand img{filter:brightness(0)}.landing .headerbar:after{background:#18272530}.landing .contact-btn{border-color:#18272580;border-radius:0}.landing .menu{border-color:#18272580}.landing .menu i{background:var(--ink)}.landing .headerbar{height:91px}.headerbar nav{font-weight:400;gap:40px}.hero{color:var(--ink);background:var(--paper);min-height:0;display:block;overflow:visible}.hero-content{display:grid;grid-template-columns:1.55fr 1fr;gap:50px;align-items:end;padding-block:55px 60px}.hero h1{font-size:clamp(78px,8.9vw,158px);line-height:.88;margin:24px 0 0;letter-spacing:-.078em}.hero h1 em{font-style:normal;color:#6d8174}.hero-intro{max-width:340px;justify-self:end;padding-bottom:7px}.hero-intro p{font-size:18px;line-height:1.6;margin-bottom:24px}.hero .primary{background:var(--ink);color:white;border-radius:0;padding:18px 23px}.eyebrow:before{background:#789b3e}.signal:before{box-shadow:none}.hero-media{position:relative;margin-inline:var(--gutter);height:clamp(330px,44vw,650px);background:#142b2e;overflow:hidden}.hero-loop{height:100%;width:100%;object-fit:cover}.hero-media:after{content:"";position:absolute;inset:60% 0 0;background:linear-gradient(transparent,#041717b0);pointer-events:none}.film-orbit{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#f5f5eddf;backdrop-filter:blur(10px);border-radius:50%;height:130px;width:130px;color:var(--ink);display:flex;align-items:center;justify-content:center;gap:8px;text-align:left;z-index:2}.film-orbit:hover{background:var(--aqua)}.film-orbit .play{border:0;font-size:26px;width:auto;height:auto}.film-caption{position:absolute;bottom:25px;left:28px;right:28px;display:flex;justify-content:space-between;color:#fff;z-index:2;font:10px ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase}.motion-toggle{position:absolute;top:20px;right:20px;border:1px solid #ffffff80;background:#142b2e80;color:white;padding:10px 14px;border-radius:50px;font-size:11px}.client-strip{border:0}.clients{height:125px}.clients img{opacity:.75}.section{padding-block:clamp(85px,9vw,150px)}.eyebrow{letter-spacing:.14em}h2{letter-spacing:-.065em;font-size:clamp(48px,5.5vw,90px)}h1 span,h2 span{color:#789b3e}.sectitle{margin:22px 0 48px}.cards{grid-template-columns:1.15fr 1fr;gap:65px 42px}.landing .card:nth-child(even){padding-top:120px}.card-photo{aspect-ratio:1.28;background:#e1e7dc}.card:nth-child(2) .card-photo{background:#e6dfd2}.card:nth-child(3) .card-photo{background:#dfe5e5}.card:nth-child(4) .card-photo{background:#e8e6dd}.card-photo img{object-fit:contain;padding:6%;mix-blend-mode:multiply}.open-icon{width:48px;height:48px;right:20px;bottom:20px;background:var(--paper)}.card:hover .open-icon{background:var(--aqua)}.card h3{font-size:36px}.meta{margin-top:23px}.card p{max-width:32ch;font-size:16px}.process{background:#dfe5db;color:var(--ink)}.process h2 span{color:#789b3e}.intro,.steps p{color:#42554e}.steps details{border-color:#99a99b}.steps details:last-child{border-color:#99a99b}.steps summary{padding-block:26px;font-size:23px}.steps small{color:#52674e}.plus:before,.plus:after{background:#345338}.industries{grid-template-columns:1.2fr 1fr}.industry-list a{padding-block:23px;font-weight:400}.studio{background:#182c28;color:#f4f5ef;grid-template-columns:1fr 1.05fr}.studio-copy{padding:clamp(35px,4.6vw,85px)}.studio-copy p{font-size:18px;color:#d3ded6}.studio h2{font-size:clamp(47px,4.5vw,75px)}.studio h2 span{color:var(--aqua)}.studio-img{min-height:600px}.studio-img img{height:100%;max-height:900px;filter:saturate(.7)}.stats{border-color:#63786b;padding-top:27px}.stats strong{font-weight:400}.contact{background:var(--aqua);color:#182c28}.contact h2{font-size:clamp(72px,10vw,165px);letter-spacing:-.075em}.contact h2 span{color:inherit;display:inline-block;margin-left:20px}.contact .primary{background:#182c28;color:white;border-radius:0}.address{color:inherit;font-size:20px}.contact .eyebrow:before{background:#182c28}footer{background:#182c28}.detail-top img{background:#e1e7dc;mix-blend-mode:multiply;object-fit:contain;padding:6%}.detail .eyebrow:before{background:#789b3e}.detail h1{font-size:clamp(54px,7vw,110px)}.inner .primary{background:var(--aqua)}.inner .headerbar{background:#182c28}.archive{gap:50px 35px}.reveal-ready{opacity:0;will-change:opacity,transform,filter}.reveal-ready.in-view{opacity:1;transform:none}
@media(max-width:800px){.hero-content{gap:22px;grid-template-columns:1.4fr 1fr}.hero-intro p{font-size:15px}.hero h1{font-size:10vw}.headerbar nav{gap:22px}.studio-img{min-height:420px}.card h3{font-size:29px}.cards{gap:45px 22px}.landing .card:nth-child(even){padding-top:75px}}
@media(max-width:680px){.landing .headerbar{height:73px}.landing .headerbar nav.is-open{background:var(--paper);color:var(--ink)}.landing .headerbar nav a{border-color:#18272530}.hero-content{grid-template-columns:1fr;padding-block:38px 32px;gap:27px}.hero h1{font-size:clamp(46px,14vw,100px);line-height:.93;margin-top:23px}.hero-intro{max-width:100%;justify-self:start;display:grid;grid-template-columns:1fr;gap:18px;padding:0}.hero-intro p{max-width:33ch;margin:0;font-size:15px}.hero-intro .btn{justify-self:start;padding:14px 17px;font-size:12px}.hero-media{height:360px;margin-inline:14px}.hero-loop{object-position:62%}.film-orbit{width:95px;height:95px;font-size:11px}.film-caption{bottom:18px;left:16px;right:16px;font-size:8px;gap:20px;line-height:1.6}.film-caption span:last-child{max-width:100px;text-align:right}.motion-toggle{top:14px;right:14px}.clients{height:auto;padding-block:29px;row-gap:13px}.cards,.industries,.studio{grid-template-columns:1fr}.landing .card:nth-child(even){padding-top:0}.cards{gap:42px}.card-photo{aspect-ratio:1.2}.sectitle{margin-block:20px 30px;gap:22px}.split{gap:32px}.studio-img{min-height:0;max-height:450px;overflow:hidden}.studio-copy{padding:52px var(--gutter)}.studio h2{font-size:54px}.contact .sectitle{gap:30px}.contact h2{font-size:17vw}.contact h2 span{margin-left:8px}.address{font-size:17px}.archive{grid-template-columns:1fr}.steps summary{font-size:20px}.hero .eyebrow{font-size:9px}}
@media(prefers-reduced-motion:reduce){.reveal-ready{opacity:1;transform:none}}