:root{--ink:#101b1a;--paper:#f5f4ef;--cream:#e9ece5;--muted:#58615e;--line:#cbd2ca;--lime:#d9f287;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.5 'DM Sans',Arial,sans-serif}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1;letter-spacing:-.055em}h1,h2{font-weight:500}em{font:normal 1em 'Instrument Serif',Georgia,serif}a{color:inherit}button{font:inherit}.section-shell{width:min(100% - 8vw,1580px);margin-inline:auto}.skip-link{position:absolute;top:-80px;left:20px;z-index:20;background:#fff;padding:12px}.skip-link:focus{top:15px}.site-header{height:86px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;background:var(--paper);position:relative;z-index:10;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;font-size:16px;font-weight:700;letter-spacing:.13em}.brand img{display:block;width:42px;height:42px;object-fit:contain;border-radius:9px}.site-header nav{display:flex;align-items:center;gap:clamp(15px,2.4vw,37px)}.site-header nav a,.site-footer nav a{font-size:13px;font-weight:600;text-decoration:none;white-space:nowrap}.site-header nav a:hover,.site-footer nav a:hover,.button-text:hover,.inline-cta:hover{text-decoration:underline;text-underline-offset:4px}.site-header .nav-cta{padding:11px 18px;border-radius:100px;background:var(--ink);color:#fff}.menu-toggle{display:none}.eyebrow,.film-index{font-size:11px;font-weight:700;letter-spacing:.16em}.eyebrow{color:#66756e}.hero{padding-top:clamp(75px,8vw,154px);padding-bottom:clamp(85px,10vw,170px)}.hero-copy{max-width:1180px}.hero .eyebrow{margin-bottom:30px}.hero h1{font-size:clamp(56px,7.35vw,138px);line-height:.93;max-width:1250px;margin-bottom:35px}.hero h1 em{white-space:nowrap}.hero-lede{max-width:680px;color:#40504a;font-size:clamp(17px,1.5vw,22px);line-height:1.48}.actions{display:flex;align-items:center;gap:35px;margin-top:36px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:14px 25px;border-radius:100px;font-size:14px;font-weight:700;text-decoration:none;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--ink);color:#fff}.button-text{font-size:14px;font-weight:700;text-decoration:none}.hero-stage{margin-top:clamp(75px,8vw,135px)}.stage-kicker{display:flex;justify-content:space-between;border-top:1px solid #adb8ae;padding:15px 0;color:#596b62;font-size:11px;letter-spacing:.1em;text-transform:uppercase}.video-shell{position:relative;overflow:hidden;aspect-ratio:16/9;background:#e9f0ec;border-radius:12px;box-shadow:0 15px 40px #0e241a17}.video-shell video{display:block;width:100%;height:100%;object-fit:contain}.hero .video-shell{border-radius:20px;box-shadow:0 35px 90px #14241a2b}.video-controls{position:absolute;display:flex;gap:5px;left:13px;bottom:13px;right:13px;opacity:0;transform:translateY(5px);transition:opacity .2s,transform .2s;pointer-events:none}.video-shell:hover .video-controls,.video-shell:focus-within .video-controls,.hero .video-controls{opacity:1;transform:none;pointer-events:auto}.video-controls button{border:1px solid #fff9;background:#101b1ae8;color:#fff;border-radius:100px;padding:9px 13px;cursor:pointer;font-size:11px;font-weight:700;min-height:37px}.video-controls button:last-child{margin-left:auto}.video-controls button:hover{background:#324a3c}.demo-note{font-size:11px;line-height:1.4;color:#69716c;margin:9px 0 0}.intro-band{background:#dfe9df;padding:clamp(80px,12vw,190px) 0}.intro-band .eyebrow{color:#33594b}.intro-band p:last-child{max-width:1150px;font-size:clamp(38px,5.7vw,94px);line-height:1.05;letter-spacing:-.06em;margin:28px 0 0}.how{padding-top:clamp(100px,12vw,200px);padding-bottom:clamp(100px,12vw,200px)}.section-heading{margin-bottom:clamp(45px,6vw,100px)}.section-heading h2,.surfaces h2,.final-cta h2{font-size:clamp(49px,6.4vw,108px);max-width:1180px;margin:18px 0 24px}.section-heading>p:last-child{color:var(--muted);font-size:clamp(17px,1.5vw,21px);max-width:650px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:4vw}.steps article{border-top:1px solid var(--line);padding-top:20px}.steps article span,.capability-list span{color:#68766d;font-size:12px}.steps h3{font-size:clamp(27px,3vw,42px);margin:85px 0 14px}.steps p{max-width:330px;color:var(--muted);font-size:15px}.work-section{background:#101b1a;color:#f2f5ee;padding:clamp(100px,11vw,180px) 0}.work-section .eyebrow,.work-section .film-index{color:#bdd987}.work-section .section-heading>p:last-child,.work-section .film-copy p,.work-section .item-copy p{color:#bdc9be}.work-section .demo-note{color:#a9b7aa}.film-feature{display:grid;grid-template-columns:.67fr 1.33fr;gap:5vw;align-items:center;padding:4vw 0 9vw}.film-copy h3,.project-lead h3{font-size:clamp(38px,4.7vw,75px);margin:25px 0}.film-copy p,.project-lead-copy p{font-size:17px;line-height:1.55;max-width:430px}.inline-cta{display:inline-block;font-size:14px;font-weight:700;margin-top:20px;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:5px}.film-pair{display:grid;grid-template-columns:1fr 1fr;gap:4vw}.film-item .item-copy,.gallery-item .item-copy{margin-top:28px}.film-item h3,.gallery-item h3{font-size:clamp(27px,3vw,45px);margin:16px 0 12px}.film-item .item-copy p,.gallery-item .item-copy p{max-width:440px;font-size:15px;line-height:1.5}.projects-section{padding:clamp(100px,11vw,180px) 0}.project-lead{display:grid;grid-template-columns:.7fr 1.3fr;gap:4vw;align-items:center;border-top:1px solid var(--line);padding:45px 0 8vw}.project-lead .demo-note{color:var(--muted)}.project-gallery{display:grid;grid-template-columns:1fr 1fr;gap:8vw 4vw}.gallery-item:nth-child(even){transform:translateY(7vw)}.gallery-item .film-index,.project-lead .film-index{color:#4a765d}.surfaces{background:#d8f186;padding:clamp(95px,11vw,180px) 0}.surfaces-inner{display:grid;grid-template-columns:1.05fr .95fr;gap:9vw;align-items:center}.surfaces h2{margin:22px 0}.surfaces p:not(.eyebrow){max-width:580px;color:#304435;font-size:18px}.button-light{background:var(--ink);color:#fff;margin-top:22px}.surface-list{border-top:1px solid #819864}.surface-list div{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;border-bottom:1px solid #819864;padding:26px 0}.surface-list span,.surface-list small{font-size:11px;color:#425a40}.surface-list strong{font-size:clamp(24px,2.4vw,38px);font-weight:500;letter-spacing:-.04em}.capabilities{padding-top:clamp(100px,11vw,180px);padding-bottom:clamp(100px,11vw,180px)}.capability-list{display:grid;grid-template-columns:repeat(3,1fr);gap:6vw 4vw}.capability-list div{border-top:1px solid var(--line);padding-top:17px}.capability-list h3{font-size:clamp(30px,3vw,48px);font-weight:500;margin:52px 0 13px}.capability-list p{color:var(--muted);font-size:15px;max-width:320px}.final-cta{background:#cfe3d1;padding:clamp(100px,12vw,190px) 0}.final-cta h2{max-width:1100px;margin:25px 0}.final-cta p:not(.eyebrow){font-size:19px;color:#3d5145}.site-footer{background:var(--ink);color:#e6ede6;padding:40px 0}.footer-inner{display:flex;align-items:center;gap:50px}.site-footer nav{display:flex;gap:30px;margin-left:auto}.site-footer p{margin:0;color:#a1b2a4;font-size:12px}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:translateY(0)}.gallery-item:nth-child(even).reveal.visible{transform:translateY(7vw)}
@media(max-width:900px){.site-header{height:72px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;width:46px;height:46px;background:transparent;border:0;cursor:pointer}.menu-toggle span{display:block;height:2px;width:25px;background:var(--ink)}.site-header nav{display:none;position:absolute;top:72px;left:0;right:0;background:var(--paper);padding:20px 4vw 30px;box-shadow:0 20px 30px #101b1a18;flex-direction:column;align-items:stretch;gap:0}.site-header nav.open{display:flex}.site-header nav a{padding:14px 0;border-top:1px solid var(--line)}.site-header .nav-cta{align-self:flex-start;padding:13px 20px;margin-top:15px}.hero h1 em{white-space:normal}.film-feature,.project-lead,.surfaces-inner{grid-template-columns:1fr}.film-feature{gap:30px}.film-copy h3,.project-lead h3{max-width:700px}.project-lead{gap:25px}.surface-list{margin-top:30px}.steps h3{margin-top:50px}}
@media(max-width:640px){.section-shell{width:min(100% - 36px,1580px)}.site-header{padding:0 18px}.brand{font-size:14px}.brand img{width:36px;height:36px}.hero{padding-top:65px;padding-bottom:95px}.hero h1{font-size:clamp(50px,13vw,78px);line-height:.98;letter-spacing:-.065em}.hero-lede{font-size:17px}.actions{gap:20px;margin-top:30px}.hero-stage{margin-top:75px}.hero .video-shell{border-radius:9px}.stage-kicker{font-size:9px}.video-controls{opacity:1;transform:none;pointer-events:auto;left:7px;right:7px;bottom:7px;gap:3px}.video-controls button{padding:6px 8px;font-size:10px;min-height:30px}.video-controls button:last-child{margin-left:0}.demo-note{font-size:10px}.intro-band{padding:95px 0}.intro-band p:last-child{font-size:clamp(40px,10vw,62px)}.section-heading h2,.surfaces h2,.final-cta h2{font-size:clamp(48px,11.5vw,70px)}.steps,.film-pair,.project-gallery,.capability-list{grid-template-columns:1fr}.steps{gap:40px}.steps h3{margin-top:32px}.film-feature{padding:15px 0 70px}.film-pair{gap:60px}.project-gallery{gap:60px}.gallery-item:nth-child(even),.gallery-item:nth-child(even).reveal.visible{transform:none}.surface-list div{grid-template-columns:28px 1fr}.surface-list small{grid-column:2}.capability-list{gap:28px}.capability-list h3{margin-top:25px}.footer-inner{display:block}.site-footer nav{margin:30px 0}.site-footer p{margin-top:20px}}
@media(max-width:640px){.video-shell{aspect-ratio:4/5}.video-shell video{object-fit:cover;object-position:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal,.reveal.visible,.gallery-item:nth-child(even).reveal.visible{opacity:1;transform:none;transition:none}.button,.video-controls{transition:none}}