/* Independent Pnote preview: silver sculpture, open dark stage, light editorial interludes. */
:root{--preview-ink:#f0f0f0;--preview-muted:#c1c1c1;--preview-line:#dedede30}
html{scroll-padding-top:100px}body{background:#050505;isolation:isolate;color:var(--preview-ink)}
#silver-background{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;background:#050505}
#silver-background img,#silver-background canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
#silver-background canvas{opacity:0}#silver-background.ready canvas{opacity:1}#silver-background.ready img{visibility:hidden}
.wrap{max-width:1184px;width:calc(100% - 96px)}
.site-header,.site-header.scrolled,.site-header.past-hero{height:76px;background:#090909f5;backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom:1px solid var(--preview-line)}
.nav-links{font-size:13px;gap:32px;color:#c7c7c7}.brand{font-size:25px}.nav-actions>.btn{min-height:40px;font-size:12px}
.btn,body .hero-actions .btn,.glass-icon,.icon-button{background:#161616;border:1px solid #c7c7c760;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;border-radius:5px;color:#efefef}
.btn-primary,body .hero-actions .btn{background:#dcdcdc;color:#1d1d1d;border-color:#dcdcdc;font-weight:600}
.btn:hover,body .hero-actions .btn:hover{background:#e7e7e7;color:#1d1d1d;box-shadow:none}.btn{min-height:46px;padding:12px 20px}
.hero{background:transparent;isolation:auto;height:calc(100svh - 76px);min-height:640px;max-height:1000px}
.hero .film-poster{opacity:0!important}.hero-copy{background:none;max-width:1184px;padding-bottom:100px;justify-content:center}
.hero h1{font-size:clamp(80px,8vw,112px);letter-spacing:-.04em;line-height:1;margin-bottom:30px}
.hero-subtitle{font-size:clamp(25px,2.8vw,38px);line-height:1.5;font-weight:450;letter-spacing:-.025em}
.hero-lead{font-size:15px!important;line-height:1.9;color:#c9c9c9;max-width:410px;margin:24px 0 30px}
.hero-kicker,.section-label,.eyebrow,.concept-sequence,.concept-keywords,.concept-bottom{display:none}
.hero-copy>*{animation:none!important;opacity:1;transform:none}.hero-copy p{text-shadow:0 2px 20px #000000}
.hero-actions{gap:28px}.hero-actions .btn{font-size:14px;min-height:48px}.hero-discover{font-size:13px}.film-bottom{bottom:32px}.film-controls{font-size:12px}
.brand-statement{background:#0c0c0ced;padding:76px 0;border-block:1px solid var(--preview-line)}
.brand-statement>.wrap{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;background:none;border:0;padding:0}
.brand-statement h2{font-size:clamp(30px,3.6vw,48px);line-height:1.35;letter-spacing:-.03em}.brand-statement p{font-size:16px;line-height:2;color:#c4c4c4;max-width:380px;justify-self:end}
.section{padding-block:96px}.section-intro{gap:56px;margin-bottom:48px}.section-intro h2,.ownership-head h2,.faq-intro h2,.closing h2{font-size:clamp(32px,4vw,54px);line-height:1.3;letter-spacing:-.035em;font-weight:500;text-shadow:none;text-wrap:balance}
.section-intro>p{font-size:15px;line-height:1.9;color:#c9c9c9}.section-intro{background:none;border:0;padding:0}
.concept-section{background:linear-gradient(90deg,#050505fa,#050505cf);padding-block:96px;overflow:hidden}
.concept-section>.section-intro{margin-bottom:42px}.concept-navigation{position:relative;top:auto;width:calc(100% - 96px);max-width:1184px;margin:0 auto 28px;padding:0 0 18px;background:none;border:0;border-bottom:1px solid var(--preview-line);border-radius:0;justify-content:space-between}
.concept-tabs{padding:0;gap:32px;background:none;border:0;border-radius:0;backdrop-filter:none;-webkit-backdrop-filter:none}
.concept-tabs button{min-width:0;min-height:44px;padding:9px 0;border:0;border-radius:0;font-size:16px;color:#b1b1b1;position:relative}
.concept-tabs button[aria-selected=true]{color:#eeeeee;background:none;box-shadow:none}.concept-tabs button[aria-selected=true]::after{content:'';position:absolute;left:0;right:0;bottom:-19px;height:2px;background:#dadada}
.concept-transport{display:flex}.concept-transport .glass-icon{height:44px;width:44px;border-radius:50%;border-color:#b6b6b655}
.concept-track{display:flex;gap:32px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;padding:0 max(48px,calc((100% - 1184px)/2));scroll-padding-inline:max(48px,calc((100% - 1184px)/2))}
.concept-slide{flex:0 0 min(1184px,calc(100vw - 96px));max-width:1184px;width:auto;display:grid;grid-template-columns:.8fr 1.2fr;gap:64px;margin:0;padding:34px 0!important;min-height:0;background:none!important;border:0;border-radius:0;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;align-items:center;scroll-snap-align:start;overflow:hidden}
.concept-slide:before,.concept-slide:after,.concept-scenery{display:none}.concept-copy{background:none;padding:0;align-self:center}
.concept-copy h3{font-size:14px;color:#d1d1d1;margin-bottom:20px}.concept-promise{font-size:clamp(30px,3vw,40px);line-height:1.4;margin-bottom:24px;letter-spacing:-.025em}.concept-description{font-size:15px;line-height:1.95;color:#c3c3c3}
.concept-media{padding:26px;background:#151515;border:1px solid #c2c2c232;border-radius:14px;box-shadow:none;width:100%;margin:0;align-self:center}.concept-media.card-media{max-width:100%;justify-self:stretch}.timeline-media{margin-right:0}
.concept-media figcaption{margin-top:20px;min-height:0}.fragment-actions button{font-size:12px;min-height:36px}.fragment-caption{font-size:12px}.concept-footnote{margin-top:28px;padding-top:18px;border-top:1px solid var(--preview-line);font-size:12px;color:#b3b3b3;background:none;backdrop-filter:none}
/* The practical chapter reads like a publication, not another floating panel. */
.industries{background:#e7e7e7;color:#272727;padding-block:100px;border:0}.industries>.wrap{background:none;padding:0;border:0}.industries .section-intro>p{color:#565656}
.industry-tabs{gap:0;margin-bottom:40px;border-block:1px solid #36363630}.industry-tabs button{color:#585858;border:0;border-radius:0;background:none;min-height:52px;padding:12px 16px;font-size:13px;box-shadow:none}.industry-tabs button[aria-selected=true]{color:#f3f3f3;background:#323232;box-shadow:none;border:0}.industry-tabs button:hover{color:#202020;background:#d7d7d7}
.industry-panel{background:none;gap:72px;border:0;padding-top:0;min-height:320px}.industry-story h3{font-size:30px;line-height:1.5;color:#282828}.industry-story>p{font-size:15px;color:#565656}.industry-project-label,.industry-outcome,.industry-materials>p,.industry-materials li small,.industry-disclaimer{color:#565656;font-size:12px}.industry-materials li{font-size:14px;min-height:62px;border-color:#42424228}.industry-materials li .icon{color:#5b5b5b}
.ai{background:#0b0b0bee;padding-block:100px;border:0}.ai>.wrap{background:none;padding:0;border:0}.ai-shell{background:#161616;border:1px solid #bdbdbd36;border-radius:14px;overflow:hidden}.context-sources{padding:30px}.context-output{background:#0a0a0a;padding:30px;border-left:1px solid #bdbdbd36}.source-row{font-size:14px;min-height:52px}.context-note,.ai-note,.ai-extension{font-size:13px;color:#bebebe}.ai-clients{font-size:15px}.context-preview{font-size:13px}
.ownership{padding-block:88px;background:#d9d9d9;color:#262626}.ownership>.wrap{background:none;padding:0;border:0}.ownership-head h2{max-width:750px}.value-grid{margin-top:46px;gap:40px}.value-grid>*{border:0;border-top:1px solid #3f3f3f44;padding-top:24px;background:none;border-radius:0}.value-grid h3{font-size:19px;color:#2e2e2e}.value-grid p{font-size:14px;color:#545454;line-height:1.9}
.faq{background:#0d0d0dee;padding-block:90px;border:0}.faq>.wrap{background:none;border:0;padding:0}.faq-layout{grid-template-columns:.85fr 1.15fr;gap:90px}.faq-intro p{font-size:15px;color:#c1c1c1}.faq-list details{border-color:#c2c2c232}.faq-list summary{font-size:16px;min-height:64px}.faq-list p{font-size:14px;color:#c1c1c1}
.closing{background:linear-gradient(90deg,#050505f0,#05050555);padding-block:96px;min-height:400px}.closing>.wrap{background:none;border:0;padding:0;width:calc(100% - 96px);display:flex;flex-direction:row;align-items:center;gap:60px}.closing h2{font-size:46px}.closing-actions{flex:none}.closing-actions p{font-size:13px;color:#cecece}
.footer{background:#090909;padding-top:48px;border-top:1px solid var(--preview-line);backdrop-filter:none}.footer p,.footer a{font-size:13px}.footer-bottom{font-size:11px;color:#b6b6b6}
#film-viewer-stage{background:#000000}#film-viewer-stage canvas{opacity:1;z-index:1}#video-label{display:none}#motion-diagnostics{position:fixed;bottom:8px;left:8px;z-index:9999;background:#000000cc;color:#eaeaea;font:11px monospace;padding:8px;pointer-events:none}
:focus-visible{outline:2px solid #bdbdbd;outline-offset:5px}::selection{background:#d8d8d8;color:#1d1d1d}html{scrollbar-color:#9c9c9c #0e0e0e}
@media(max-width:1000px){.concept-slide{gap:32px;grid-template-columns:.8fr 1.2fr}.concept-media{padding:18px}.industry-panel,.faq-layout{gap:40px}.closing>.wrap{flex-direction:column;align-items:flex-start}.section-intro{gap:30px}}
@media(max-width:700px){
 .wrap{width:calc(100% - 40px)}.site-header{height:68px}.nav-shell{gap:12px}.nav-actions>.btn{font-size:12px;min-height:40px}.brand{font-size:23px}.nav-links{display:none}
 .hero{height:calc(100svh - 68px);min-height:670px;max-height:850px}.hero-copy{padding-top:36px;padding-bottom:0;justify-content:flex-start}.hero h1{font-size:76px;margin-bottom:20px}.hero-subtitle{font-size:27px}.hero-lead{font-size:14px!important;max-width:330px;margin:18px 0 22px}.hero-actions{gap:20px}.hero-actions .btn{min-height:46px;font-size:13px}.film-bottom{bottom:24px}
 .brand-statement{padding:48px 0}.brand-statement>.wrap{grid-template-columns:1fr;gap:24px}.brand-statement h2{font-size:32px}.brand-statement p{justify-self:start;font-size:14px}
 .section{padding-block:58px}.section-intro{display:block;margin-bottom:30px}.section-intro h2,.ownership-head h2,.faq-intro h2{font-size:33px}.section-intro>p{margin-top:24px;font-size:14px}
 .concept-section{padding-block:58px}.concept-section>.section-intro{width:calc(100% - 40px);margin-bottom:28px}.concept-navigation{width:calc(100% - 40px);max-width:none;margin:0 auto 12px;gap:8px;padding-bottom:16px}.concept-tabs{gap:18px}.concept-tabs button{font-size:13px;padding-inline:0}.concept-tabs button[aria-selected=true]::after{bottom:-17px}.concept-transport{gap:6px}.concept-transport .glass-icon{width:36px;height:36px}
 .concept-track{padding-inline:20px;scroll-padding-inline:20px;gap:20px}.concept-slide{flex-basis:calc(100vw - 40px);max-width:calc(100vw - 40px);display:flex;flex-direction:column;align-items:stretch;gap:28px;padding:24px 0!important;min-height:0}.concept-copy{align-self:stretch}.concept-copy h3{margin-bottom:12px}.concept-promise{font-size:30px;margin-bottom:18px}.concept-description{font-size:14px}.concept-media{padding:14px;width:100%;margin:0}.concept-footnote{font-size:11px;gap:10px;margin-top:12px}.fragment-actions{gap:10px}.fragment-actions button{font-size:12px;min-height:40px}
 .industries,.ai,.ownership,.faq{padding-block:58px}.industry-tabs{display:flex;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin}.industry-tabs button{flex:none;white-space:nowrap;min-height:48px}.industry-panel{grid-template-columns:1fr;gap:30px}.industry-story h3{font-size:25px}.industry-story>p{font-size:14px}.industry-materials li{font-size:13px;gap:8px}.industry-materials li small{font-size:11px}
 .ai-shell{grid-template-columns:1fr}.context-sources,.context-output{padding:20px}.context-output{border-left:0;border-top:1px solid #bdbdbd36}.source-row{font-size:13px}.value-grid{grid-template-columns:1fr;gap:26px;margin-top:32px}.faq-layout{grid-template-columns:1fr;gap:28px}.faq-list summary{font-size:15px}
 .closing{padding-block:65px;min-height:360px}.closing>.wrap{width:calc(100% - 40px);gap:28px}.closing h2{font-size:33px}.footer{padding-top:38px}#silver-background img{object-fit:contain}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* The native carousel uses one viewport per slide; preserve its exact stride. */
.concept-track{width:calc(100% - 96px);max-width:1184px;margin-inline:auto;padding:0;scroll-padding:0;gap:0}
.concept-slide{flex:0 0 100%;width:100%;max-width:none;box-sizing:border-box}
.concept-tabs:before,.concept-tabs:after{display:none}.feature-controls{display:flex;gap:8px}.feature-controls button{width:44px;height:44px;border:1px solid #c2c2c245;background:#161616;border-radius:50%;color:#dfdfdf}
@media(max-width:700px){.concept-track{width:calc(100% - 40px);padding:0;gap:0}.concept-slide{flex-basis:100%;max-width:100%}.concept-navigation{flex-wrap:nowrap}.concept-tabs{flex:1;gap:12px}.concept-tabs button{padding-inline:0;flex:none}.feature-controls{gap:4px}.feature-controls button{width:34px;height:34px}}

/* Green is reserved for action surfaces; all copy stays achromatic. */
body{--ink:#ededed;--muted:#b9b9b9;--quiet:#999;--line:#333;--accent:#ccc;--mint:#ccc;--mint-light:#282828;--paper:#080808;--dark:#080808}
.btn-primary,body .hero-actions .btn{background:#cee4b2;border-color:#cee4b2;color:#171717}.btn:hover,body .hero-actions .btn:hover{background:#dceec6;color:#171717}
.fragment-detail,.fragment-caption,.fragment-actions button,.fragment-actions .demo-next,.ai-clients,.ai-note,.ai-extension,.terminal-key,.context-note,.hero-foundation,.film-controls{color:#bdbdbd!important}
.industry-tabs button::before,.btn::before,.glass-icon::before{display:none}.context-output{background:#080808}.source-row input{accent-color:#aaa}.scroll-progress{background:#ccc}
/* One authoritative surface palette. */
.industries,.ownership{background:#fff}
.brand-statement,.concept-section,.concept-media,.ai,.ai-shell,.context-output{background:rgba(0,0,0,.91)}
.closing,section.faq,.footer{background:rgba(0,0,0,.60)}
.reveal{opacity:1!important;transform:none!important;transition:none!important}
@media(max-width:360px){.nav-shell{gap:8px}.nav-actions{gap:8px}.menu-button,.nav-actions>.btn{white-space:nowrap}.nav-actions>.btn{padding:9px 10px;font-size:11px}.brand{font-size:21px;gap:7px}}

/* Original hero owns its canvas and controls; the video stage begins underneath it. */
.hero{background:#000;isolation:isolate}
.hero .film-poster{opacity:1!important}
.hero.film-ready .film-poster{opacity:0!important}
.hero #hero-film{z-index:-1;opacity:0}
.hero.film-ready #hero-film{opacity:1}