:root{--ink:#090909;--panel:#151310;--panel2:#211b16;--line:#44372a;--light:#f4eee4;--muted:#b5a89a;--blue:#d8af72;--blue2:#b98b4f}
    *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--light);font:400 16px/1.55 'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}::selection{background:var(--blue);color:var(--ink)}
    .shell{width:min(100% - 64px,1440px);margin:auto}.skip{position:absolute;left:-999px;top:8px;padding:10px;background:white;color:black;z-index:10}.skip:focus{left:8px}
    header{position:relative;z-index:3;border-bottom:1px solid var(--line);background:#090909}.nav{height:88px;display:flex;align-items:center;justify-content:space-between;gap:40px}.brand{display:block;width:247px;height:66px;overflow:hidden;flex:none}.brand img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}.navlinks{display:flex;align-items:center;gap:36px;color:#d7cbbd;font-size:14px;font-weight:600}.navlinks a:hover,.navlinks a:focus-visible{color:var(--blue)}.navlinks .nav-cta{border:1px solid #77634b;border-radius:3px;padding:12px 19px;color:var(--light)}.nav-toggle{display:none;color:white;background:transparent;border:1px solid var(--line);padding:9px 12px;border-radius:3px}
    .eyebrow{color:var(--blue);font:600 13px/1.3 'Space Grotesk',sans-serif;letter-spacing:.17em;text-transform:uppercase}.hero{position:relative;min-height:690px;display:grid;grid-template-columns:1.07fr .93fr;overflow:hidden;border-bottom:1px solid var(--line)}.hero-text{padding:95px clamp(28px,5vw,78px) 88px max(32px,calc((100vw - 1376px)/2));display:flex;flex-direction:column;align-items:flex-start;justify-content:center;position:relative;z-index:1}.hero h1{font:500 clamp(62px,7.4vw,124px)/.94 'Space Grotesk',sans-serif;letter-spacing:-.085em;margin:32px 0 32px;max-width:750px}.hero h1 em{display:inline-block;font:italic 500 1.24em/.77 'Cormorant Garamond',serif;letter-spacing:-.075em;color:#c9a67a;margin:.05em 0 .08em}.intro{max-width:565px;font-size:clamp(18px,1.6vw,23px);line-height:1.43;color:#c7b8a7;margin:0 0 38px}.hero-actions{display:flex;flex-wrap:wrap;gap:13px}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:52px;padding:12px 20px;border:1px solid var(--blue);background:var(--blue);color:var(--ink);font-weight:700;border-radius:2px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px);background:#f0cc99}.button.secondary{background:transparent;color:var(--light);border-color:#77634b}.button.secondary:hover{background:#30251c}.button span{font-size:20px;line-height:1}.hero-art{position:relative;min-height:470px;overflow:hidden;background:linear-gradient(132deg,#54412b,#1d1713 45%,#090909 80%)}.hero-art img{width:100%;height:100%;object-fit:cover;display:block;opacity:.78;filter:sepia(1) hue-rotate(335deg) saturate(.78)}.hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--ink),transparent 28%),linear-gradient(0deg,rgba(9,9,9,.68),transparent 44%);pointer-events:none}.hero-art .vertical{position:absolute;z-index:1;right:26px;bottom:24px;color:#e3c69d;font:500 12px/1 'Space Grotesk',sans-serif;letter-spacing:.18em;writing-mode:vertical-rl;text-transform:uppercase}
    .strip{border-bottom:1px solid var(--line)}.strip-inner{display:flex;justify-content:space-between;gap:24px;padding:22px 0;color:#a99a88;text-transform:uppercase;letter-spacing:.13em;font:600 12px/1.5 'Space Grotesk',sans-serif}.strip-inner strong{color:var(--light);font-weight:600}
    section{scroll-margin-top:35px}.section-pad{padding:115px 0}.section-head{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;margin-bottom:48px}.section-head h2,.statement h2,.approach h2{font:500 clamp(42px,5vw,76px)/1.04 'Space Grotesk',sans-serif;letter-spacing:-.065em;margin:17px 0 0;max-width:840px}.section-head h2 em,.approach h2 em{font:italic 500 1.23em/.8 'Cormorant Garamond',serif;letter-spacing:-.055em;color:var(--blue)}.section-head p{max-width:500px;justify-self:end;margin:0;color:#c8b9a7;font-size:18px}.capabilities{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.cap{min-height:286px;padding:30px 32px 34px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;transition:background .2s}.cap:hover{background:#241c15}.cap .num{font:500 13px 'Space Grotesk',sans-serif;color:var(--blue)}.cap h3{font:500 27px/1.2 'Space Grotesk',sans-serif;letter-spacing:-.04em;margin:auto 0 14px}.cap p{margin:0;color:#bcae9c;max-width:340px}.cap .rule{width:38px;height:1px;background:var(--blue);margin:25px 0 4px}
    .statement{background:#e9dfd0;color:#15110e;padding:110px 0 112px}.statement .eyebrow{color:#8e642e}.statement h2{max-width:1160px;margin-top:26px}.statement h2 span{font:italic 500 1.2em/.9 'Cormorant Garamond',serif;letter-spacing:-.055em;color:#8e642e}.statement p{margin:34px 0 0;max-width:685px;font-size:19px;line-height:1.55;color:#554633}
    .approach{background:var(--panel);padding:110px 0}.approach-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:12%;align-items:start}.approach h2{font-size:clamp(40px,4.5vw,68px)}.approach .copy{padding-top:5px}.approach .copy p{font-size:19px;color:#c9b9a4;max-width:590px;margin:0 0 24px}.approach .copy p:last-child{margin-bottom:0}
    footer{border-top:1px solid var(--line);padding:45px 0 32px}.foot-top{display:flex;justify-content:space-between;align-items:start;gap:30px;padding-bottom:75px}.foot-top .brand{font-size:46px}.foot-top p{max-width:400px;color:#ad9b89;margin:0;font-size:17px}.foot-bottom{border-top:1px solid var(--line);padding-top:26px;display:flex;justify-content:space-between;gap:20px;color:#988b7b;font-size:13px}.foot-bottom a:hover{color:var(--blue)}
    @media(max-width:900px){.hero{grid-template-columns:1fr}.hero-text{padding:75px 32px}.hero h1{max-width:690px}.hero-art{height:420px;min-height:0}.hero-art:after{background:linear-gradient(0deg,rgba(7,19,29,.45),transparent 50%)}.section-head,.approach-grid{grid-template-columns:1fr;gap:22px}.section-head p{justify-self:start}.capabilities{grid-template-columns:repeat(2,1fr)}.strip-inner{flex-wrap:wrap}.approach-grid{gap:28px}}
    @media(max-width:620px){.shell{width:min(100% - 36px,1440px)}.nav{height:72px}.brand{width:200px;height:55px}.nav-toggle{display:block}.navlinks{display:none;position:absolute;top:72px;left:0;right:0;padding:22px 18px 28px;background:var(--ink);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0}.navlinks.open{display:flex}.navlinks a{padding:13px 9px}.navlinks .nav-cta{margin-top:10px}.hero-text{padding:65px 18px 72px}.hero h1{font-size:clamp(57px,16vw,82px);margin:25px 0}.hero-art{height:340px}.intro{font-size:19px}.strip-inner{gap:12px 22px;padding:21px 0}.strip-inner span{flex:1 1 40%}.section-pad,.statement,.approach{padding:75px 0}.section-head{margin-bottom:34px}.section-head h2,.statement h2,.approach h2{font-size:clamp(39px,11vw,55px)}.section-head p,.approach .copy p,.statement p{font-size:17px}.capabilities{grid-template-columns:1fr}.cap{min-height:228px;padding:24px}.foot-top{display:block;padding-bottom:55px}.foot-top p{margin-top:25px}.foot-bottom{flex-wrap:wrap}}
    @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
  

    .navlinks a[aria-current="page"]{color:var(--blue)}.page-hero{padding:105px 0 87px;border-bottom:1px solid var(--line);background:radial-gradient(circle at 90% 5%,#2c2117 0,transparent 38%)}.page-hero h1{font:500 clamp(52px,7vw,104px)/.98 'Space Grotesk',sans-serif;letter-spacing:-.075em;max-width:950px;margin:24px 0 25px}.page-hero h1 em{font:italic 500 1.13em/.85 'Cormorant Garamond',serif;color:var(--blue)}.page-hero .lead{max-width:780px;color:#c9b9a7;font-size:clamp(19px,2vw,24px);line-height:1.42;margin:0}.page-hero .eyebrow{display:block}.page-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9%;align-items:start}.page-grid h2,.feature h2{font:500 clamp(35px,4vw,62px)/1.07 'Space Grotesk',sans-serif;letter-spacing:-.055em;margin:0}.page-grid p,.feature p{font-size:19px;color:#c9b9a7;margin:0 0 21px}.page-grid p:last-child{margin-bottom:0}.feature{padding:60px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:start}.feature .eyebrow{margin-bottom:20px}.feature .button{margin-top:20px}.feature:last-child{border:0}.feature.alt{background:var(--panel)}.feature .list{margin:4px 0 0;padding:0;list-style:none}.feature .list li{border-top:1px solid var(--line);padding:19px 0;font-size:18px}.feature .list li:last-child{border-bottom:1px solid var(--line)}.feature .list strong{display:block;color:var(--light);font-weight:600}.feature .list span{color:var(--muted)}.page-cta{background:#e9dfd0;color:#15110e;padding:70px 0}.page-cta h2{font:500 clamp(36px,4.5vw,67px)/1.05 'Space Grotesk',sans-serif;letter-spacing:-.06em;margin:0 0 28px}.page-cta .button{background:#17120d;border-color:#17120d;color:#fff}.contact-options{display:grid;grid-template-columns:1fr 1fr;gap:24px}.contact-card{border:1px solid var(--line);padding:34px;background:var(--panel);min-height:225px}.contact-card h2{font:500 30px/1.1 'Space Grotesk',sans-serif;letter-spacing:-.04em;margin:24px 0 14px}.contact-card p{color:#c9b9a7;margin:0 0 20px}.contact-card a:not(.button){color:#e5c49b;text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}.fine-print{font-size:14px!important;color:#aa9b8b!important}.crumbs{font-size:14px;color:var(--muted);margin:0 0 35px}.crumbs a{text-decoration:underline;text-underline-offset:4px}.footer-links{display:flex;gap:18px;flex-wrap:wrap}.footer-links a:hover{color:var(--blue)}
    @media(max-width:900px){.page-grid,.feature{grid-template-columns:1fr;gap:22px}.page-hero{padding:75px 0}.feature{padding:55px 0}}@media(max-width:620px){.page-hero{padding:65px 0}.page-hero h1{font-size:clamp(50px,13vw,70px)}.contact-options{grid-template-columns:1fr}.contact-card{min-height:0;padding:26px}.page-cta{padding:60px 0}.footer-links{gap:14px}}

/* Cinematic home opening */
.hero.cinematic{display:flex;align-items:center;min-height:min(850px,calc(100svh - 88px));height:clamp(680px,calc(100svh - 88px),850px);isolation:isolate;background:#090909;position:relative}
.hero-media{position:absolute;inset:0;z-index:-2;overflow:hidden;background:#101a25 url('/hero.webp') center/cover no-repeat}
.hero-media video{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.63) brightness(.66)}
.hero.cinematic:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,6,8,.95) 0%,rgba(6,8,11,.80) 36%,rgba(7,9,13,.16) 80%),linear-gradient(0deg,rgba(5,5,6,.66),transparent 35%);pointer-events:none}
.hero.cinematic .hero-text{padding:75px max(32px,calc((100vw - 1376px)/2));width:100%;display:block}
.hero.cinematic h1{max-width:930px;margin:31px 0 30px;font-size:clamp(70px,10.5vw,160px);line-height:.88;letter-spacing:-.09em;text-shadow:0 4px 28px rgba(0,0,0,.25)}
.hero.cinematic h1 em{color:#dfbd8b;text-shadow:0 4px 28px rgba(0,0,0,.25)}
.hero.cinematic .intro{max-width:600px;color:#eee4d9;font-size:clamp(19px,1.8vw,24px);line-height:1.45;text-shadow:0 2px 12px rgba(0,0,0,.35)}
.hero-index{position:absolute;right:30px;bottom:25px;color:#d4c8b9;font:600 12px/1 'Space Grotesk',sans-serif;letter-spacing:.18em}
@media(max-width:900px){.hero.cinematic{height:clamp(680px,calc(100svh - 72px),850px);min-height:0}.hero.cinematic .hero-text{padding:64px 32px}.hero.cinematic:after{background:linear-gradient(90deg,rgba(5,6,8,.94),rgba(5,6,8,.58) 70%),linear-gradient(0deg,rgba(5,5,6,.5),transparent 30%)}}
@media(max-width:620px){.hero.cinematic{height:auto;min-height:calc(100svh - 72px)}.hero.cinematic .hero-text{padding:100px 18px 120px}.hero.cinematic h1{font-size:clamp(62px,15vw,86px)}.hero.cinematic .intro{font-size:19px}.hero-media video{object-position:65% center}.hero-index{right:18px;bottom:18px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.hero-media video{display:none}}

/* Keep moving imagery above the hero's solid fallback, with the mark behind content. */
.hero.cinematic{isolation:isolate}
.hero.cinematic .hero-media{z-index:0}
.hero.cinematic:after{z-index:1;background:linear-gradient(90deg,rgba(5,6,8,.90) 0%,rgba(6,8,11,.74) 36%,rgba(7,9,13,.20) 82%),linear-gradient(0deg,rgba(5,5,6,.55),transparent 35%)}
.hero.cinematic .hero-text,.hero.cinematic .hero-index{z-index:3}
.hero-watermark{position:absolute;z-index:2;width:clamp(450px,53vw,850px);height:auto;right:1%;top:51%;transform:translateY(-50%);opacity:.24;pointer-events:none;filter:drop-shadow(0 10px 40px rgba(0,0,0,.35))}
@media(max-width:900px){.hero-watermark{right:-15%;opacity:.16}.hero.cinematic:after{background:linear-gradient(90deg,rgba(5,6,8,.88),rgba(5,6,8,.49) 75%),linear-gradient(0deg,rgba(5,5,6,.45),transparent 30%)}}
@media(max-width:620px){.hero-watermark{width:105vw;right:-45vw;top:48%;opacity:.14}}

/* Three-scene reel with a visible motion fallback when autoplay is blocked. */
.hero.cinematic .hero-media{background:#090909}
.hero-scene,.hero-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.hero-scene{opacity:0;animation:prophcScene 12s infinite ease-in-out,prophcDrift 12s infinite linear;filter:saturate(.8) brightness(.84)}
.scene-vision{animation-delay:0s,0s}.scene-product{animation-delay:-8s,-8s}.scene-performance{animation-delay:-4s,-4s}
@keyframes prophcScene{0%,28%{opacity:1}33%,100%{opacity:0}}
@keyframes prophcDrift{0%{transform:scale(1.04)}100%{transform:scale(1.15)}}
.hero-media video{z-index:1;opacity:0;transition:opacity .45s ease;filter:saturate(.88) brightness(.84)}
.hero.video-playing .hero-media video{opacity:1}
.hero.motion-paused .hero-scene{animation-play-state:paused}
.motion-toggle{position:absolute;left:max(32px,calc((100vw - 1376px)/2));bottom:23px;z-index:4;display:flex;align-items:center;gap:12px;border:1px solid rgba(230,208,182,.5);border-radius:2px;background:rgba(8,8,9,.58);backdrop-filter:blur(8px);color:#eee4d9;font:600 12px/1 'Space Grotesk',sans-serif;letter-spacing:.08em;text-transform:uppercase;padding:11px 14px;cursor:pointer}
.motion-toggle:hover,.motion-toggle:focus-visible{border-color:#dfbd8b;background:rgba(8,8,9,.85)}
.motion-toggle span{color:#dfbd8b;font-size:16px;letter-spacing:0}
@media(max-width:900px){.motion-toggle{left:32px}}
@media(max-width:620px){.motion-toggle{left:18px;bottom:18px}.hero-index{display:none}}
@media(prefers-reduced-motion:reduce){.hero-scene{animation:none;opacity:0}.scene-vision{opacity:1}.hero-media video{display:block}.hero.video-playing .hero-media video{opacity:1}}

/* Put the story footage first: the standalone O remains in the brand, outside the hero. */
.hero.cinematic:after{background:linear-gradient(90deg,rgba(5,6,8,.83) 0%,rgba(6,8,11,.58) 35%,rgba(7,9,13,.02) 77%),linear-gradient(0deg,rgba(5,5,6,.36),transparent 32%)}
.hero-scene{animation-duration:10.9s,10.9s;filter:saturate(.93) brightness(.98)}
.scene-vision{animation-delay:0s,0s}.scene-product{animation-delay:-7.27s,-7.27s}.scene-performance{animation-delay:-3.63s,-3.63s}
.hero-media video{filter:saturate(.98) brightness(.98)}
@media(max-width:900px){.hero.cinematic:after{background:linear-gradient(90deg,rgba(5,6,8,.8),rgba(5,6,8,.32) 75%),linear-gradient(0deg,rgba(5,5,6,.3),transparent 30%)}}
@media(max-width:620px){.hero.cinematic:after{background:linear-gradient(90deg,rgba(5,6,8,.78),rgba(5,6,8,.25) 90%),linear-gradient(0deg,rgba(5,5,6,.35),transparent 30%)}}