/* V5 — one coherent project, six small product stories. */
:root{--scene-paper:#f6f8f5;--scene-ink:#203c33;--scene-muted:#52675e;--scene-line:#c6d3c9}
.reading-progress{position:fixed;inset:0 0 auto;height:3px;z-index:80;pointer-events:none;background:transparent}.reading-progress>div{width:100%;height:100%;background:#d2ae78;transform:scaleX(0);transform-origin:left}
.product-intro-action{display:flex;gap:28px;align-items:center;margin-top:24px}.chapter-navigation{position:sticky;top:74px;z-index:20;background:#0f2b26f5;border-block:1px solid var(--line);backdrop-filter:blur(15px)}.chapter-navigation nav{display:grid;grid-template-columns:repeat(6,1fr)}.chapter-navigation a{padding:15px 12px;min-height:67px;font:10px/1.5 var(--mono);color:#c5d8cf;border-bottom:2px solid transparent;transition:background .2s,color .2s}.chapter-navigation a span{display:block;color:#9dbcae;font-size:9px;margin-bottom:4px}.chapter-navigation a[aria-current="location"]{background:#25483c;color:#fff;border-bottom-color:#c8af83}.chapter-navigation a:hover{background:#25483c}.product-chapter{display:grid;grid-template-columns:.84fr 1.16fr;gap:65px;align-items:center;min-height:660px;padding:82px 0;border-bottom:1px solid #42635999;scroll-margin-top:170px}.chapter-copy h2{font-size:clamp(32px,3.3vw,47px);line-height:1.08;letter-spacing:-.05em}.chapter-copy>p:not(.eyebrow){font-size:16px;line-height:1.7;max-width:430px}.chapter-copy .benefits{display:block;font-size:11px;margin-top:23px}.chapter-copy .benefits li{margin:9px 0}.chapter-art{min-width:0;background:radial-gradient(ellipse at center,#92b39a24,transparent 70%);padding:12px 0}.micro-story{width:100%;max-width:610px;margin-inline:auto}.story-frames{display:grid;align-items:center;min-height:390px}.story-frame{grid-area:1/1;min-width:0}.micro-window{background:var(--scene-paper);color:var(--scene-ink);border:1px solid #b6c9bb;border-radius:13px;overflow:hidden;box-shadow:0 24px 64px #001a1430,0 2px 6px #061e1620;font-family:var(--body);font-size:14px}.micro-top{display:flex;align-items:center;gap:9px;padding:15px 20px;background:#e3eae4;border-bottom:1px solid var(--scene-line);font-size:12px;font-weight:600;color:#294b3d}.micro-mark{font-size:20px;color:#39654c;line-height:1}.micro-dots{margin-left:auto;font-weight:700;letter-spacing:2px}.micro-body{padding:25px}.micro-body p{color:var(--scene-muted)}.micro-body strong{font-weight:600}.person{display:flex;align-items:center;gap:12px;min-width:0;margin-bottom:16px}.person>div{min-width:0}.person strong{font-size:16px;display:block;line-height:1.35}.person small{font-size:11px;display:block;color:var(--scene-muted);margin-top:3px}.avatar{width:42px;height:42px;flex-shrink:0;object-fit:cover;border-radius:50%;background:#dce8df;border:1px solid #b0c4b5}.avatar.initial{display:flex;align-items:center;justify-content:center;font:500 16px var(--display);background:#dfd5c3;color:#534632}.ui-field{background:#fff;border:1px solid var(--scene-line);padding:12px 14px;border-radius:7px;margin:14px 0}.ui-field small{display:block;color:var(--scene-muted);font-size:11px;margin-bottom:5px}.ui-field strong,.ui-field>span{display:block;font-size:14px}.ui-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 0;border-bottom:1px solid #d8e0d8;font-size:12px}.ui-row>span{color:var(--scene-muted)}.ui-row>strong{text-align:right;max-width:65%;overflow-wrap:anywhere}.ui-note{font-size:11px;line-height:1.6;margin:17px 0 0}.continuity{display:flex;flex-wrap:wrap;gap:6px;margin-top:22px}.continuity span{border:1px solid #b9cfc0;border-radius:5px;background:#e6eee7;padding:6px 10px;font-size:11px;color:#355744}.scene-controls{display:flex;gap:5px;flex-wrap:wrap;margin:22px 0 0;justify-content:center}.scene-controls button{background:transparent;color:#c6d9ce;border:1px solid #577365;min-height:44px;padding:8px 12px;border-radius:4px;font:10px/1.5 var(--mono);transition:background .2s}.scene-controls button>span{opacity:.75;margin-right:5px}.scene-controls button[aria-pressed=true]{background:#d8e5da;color:#183d2b;border-color:#d8e5da}.scene-controls button:hover{background:#315443;color:#fff}.scene-disclosure{font:9px/1.6 var(--mono);text-align:center;margin:12px 0 0;color:#b1c5b9}.integration-strip{display:flex;flex-wrap:wrap;gap:15px;margin:28px 0 8px}.integration-strip>div{display:flex;align-items:center;gap:7px;font-size:10px}.integration-strip img{width:23px;height:23px;object-fit:contain;background:#edf2ed;border-radius:5px;padding:3px}.connection-story{padding:28px;background:#e5ece4;border:1px solid #c6d7c6;border-radius:13px;color:var(--scene-ink)}.ui-kicker{color:var(--scene-muted);font:9px/1.5 var(--mono);letter-spacing:1px}.connection-lane{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid #bdcfbe}.connection-lane .person{margin:0;flex:1}.connection-lane .person strong{font-size:15px}.connection-lane .person small{font-size:10px}.path-arrow{color:#658466;font-size:22px}.path-label{font-size:12px;width:110px;padding:10px;border:1px solid #b4c7b3;background:#f2f6ee;border-radius:5px;text-align:center}.project-destination{margin-top:20px;display:flex;align-items:center;gap:18px;border-radius:9px;background:#244a37;color:#fff;padding:20px}.project-destination>span{font-size:28px;color:#c1d1a5}.project-destination small{display:block;font:9px var(--mono);letter-spacing:.5px;margin-bottom:9px;color:#c7d9bb}.project-destination strong{font-size:17px}.participant-line{display:grid;grid-template-columns:1fr 1fr;gap:20px 10px;padding:10px 0}.participant-line .person{margin:0}.ui-callout{padding:17px;background:#e7ede2;border-left:2px solid #799b67;color:#425b43;font-size:13px;line-height:1.7;margin-top:20px}.ui-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.avatar-choice{display:flex;gap:10px;align-items:center;margin-top:20px}.avatar-choice>span{font-size:11px;color:var(--scene-muted);margin-left:5px}.avatar-choice .avatar:first-child{outline:2px solid #678760;outline-offset:3px}.style-axis{margin-bottom:17px}.style-axis small{display:block;font-size:11px;color:var(--scene-muted);margin-bottom:7px}.choice-pills{display:flex;gap:7px;flex-wrap:wrap}.choice-pills>*{border:1px solid #cad5ca;padding:8px 11px;border-radius:5px;font-size:11px;background:#fff}.choice-pills strong{background:#e0e9d8;color:#3c592f;border-color:#80996e}.file-row{display:flex;align-items:center;gap:12px;padding:16px 0;border-bottom:1px solid #d6dfd5}.file-row>div{flex:1;min-width:0}.file-row strong{display:block;font-size:13px}.file-row small{display:block;font-size:10px;color:var(--scene-muted);margin-top:5px}.file-symbol{color:#577561;font-size:24px;flex-shrink:0}.status{display:inline-block;font-size:10px;line-height:1.3;padding:5px 8px;border-radius:5px;color:#355139;background:#dfead8;white-space:nowrap}.status.amber{color:#73551d;background:#f1e6cc}.prompt-preview{margin-top:20px;border:1px solid #c6d4c5;border-radius:6px;padding:0 14px}.prompt-preview summary{min-height:44px;display:flex;align-items:center;font-size:12px}.prompt-preview p{font-size:12px;line-height:1.7}.chat-participants{display:flex;align-items:center;padding:0 0 17px;border-bottom:1px solid var(--scene-line);margin-bottom:20px}.chat-participants .avatar{width:28px;height:28px;margin-right:-5px;font-size:11px}.chat-participants>span:last-child{font-size:10px;margin-left:18px;color:var(--scene-muted)}.chat-message{display:flex;align-items:flex-start;gap:11px;margin:0 0 20px}.chat-message>.avatar{width:32px;height:32px;font-size:13px}.chat-message>div{flex:1;min-width:0}.message-author{display:flex;align-items:center;gap:8px;flex-wrap:wrap;line-height:1.3}.message-author strong{font-size:12px}.message-author small{font-size:9px;color:var(--scene-muted)}.chat-message p{font-size:13px;line-height:1.55;margin:6px 0 0;color:#2e4639}.mention{color:#3f6739;background:#e2ebdc;border-radius:3px;padding:1px 3px}.composer-preview{border:1px solid #c3d1c1;background:#fff;border-radius:7px;min-height:44px;display:flex;align-items:center;justify-content:space-between;padding:10px 13px;color:#52674f;font-size:11px}.composer-preview>span:last-child{font-size:18px}.phone-crop{max-width:325px;margin-inline:auto;border-radius:24px;border:5px solid #c5d3c5}.phone-crop .micro-body{padding:18px 16px}.phone-crop .message-author small{font-size:8px}.phone-crop .chat-message p{font-size:12px}.source-folder{padding:16px;background:#fff;border:1px solid #c8d5c6;border-radius:7px;margin-bottom:12px}.source-folder:last-child{margin-bottom:0}.provider-label{display:flex;align-items:center;gap:8px;font-size:11px;margin-bottom:11px}.provider-label img{width:21px;height:21px;object-fit:contain}.source-folder>strong{display:block;font-size:15px}.source-folder>small{display:block;margin-top:7px;font-size:10px;color:var(--scene-muted)}.onedrive-logo{font-size:25px;color:#1764b0;line-height:1}.scope-card{background:#e8efe5;border-radius:6px;padding:15px;margin-top:20px}.scope-card>small{font:9px var(--mono);color:#4f694c;display:block;margin-bottom:15px}.scope-card .person strong{font-size:14px}.scope-card .person{margin-bottom:5px}.document-title{display:flex;align-items:center;gap:11px;margin-bottom:22px}.document-title>div{flex:1;min-width:0}.document-title strong{display:block;font-size:15px}.document-title small{display:block;color:var(--scene-muted);font-size:10px;margin-top:4px}.ui-title{font:600 12px var(--body);letter-spacing:0;margin-bottom:12px}.exact-diff>div{padding:14px;border-radius:5px;margin-bottom:8px}.exact-diff small{font:9px var(--mono);letter-spacing:.5px}.exact-diff p{font-size:13px;margin:5px 0 0;color:inherit}.diff-before{background:#f1e3dc;color:#795148;border:1px solid #ddc5b9}.diff-after{background:#e2ecd9;color:#395a2b;border:1px solid #bcccac}.review-decision{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;align-items:center;font-size:11px;margin-top:20px;color:#5c6b53}.publication-preview{display:flex;align-items:center;gap:15px;padding:20px 0;font-size:12px}.publication-preview>span:first-child{background:#3f633c;color:#fff;padding:9px 15px;border-radius:5px}.current-version{padding:20px;background:#e7eede;border:1px solid #c7d5b9;border-radius:7px;margin-bottom:15px}.current-version h3{font-size:24px;letter-spacing:-.03em;margin:15px 0 10px}.current-version p{font-size:13px;margin:0;color:#405d34}.version-row{display:flex;align-items:center;gap:12px;padding:16px 0;border-bottom:1px solid var(--scene-line)}.version-row>div{flex:1}.version-row strong{font-size:13px}.version-row small{display:block;color:var(--scene-muted);font-size:10px;margin-top:4px}.version-row>span:last-child{font-size:10px;color:var(--scene-muted)}.version-dot{width:8px;height:8px;border-radius:50%;background:#67864b;flex-shrink:0}.version-dot.old{background:#b6c3ae}.receipt-amount{padding:5px 0 20px;border-bottom:1px solid var(--scene-line)}.receipt-amount>span{font:500 42px var(--display);letter-spacing:-2px;color:#284b38}.receipt-amount small{display:block;font-size:10px;color:var(--scene-muted)}.sample-budget{height:7px;background:#dce5d8;border-radius:3px;margin:18px 0 7px;overflow:hidden}.sample-budget>div{width:24.8%;height:100%;background:#74965b}.stop-preview{display:flex;align-items:center;gap:10px;font-size:12px;padding-top:23px}.empty-checkbox{width:16px;height:16px;border:1px solid #8fa084;border-radius:3px;background:#fff}.integration-directory{margin-top:25px;margin-bottom:55px}.integration-directory details{border:1px solid var(--line);padding:0 24px}.integration-directory summary{font:13px var(--mono);display:flex;justify-content:space-between;align-items:center;min-height:66px;gap:20px}.integration-content{display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;padding:20px 0 26px}.integration-content p:not(.eyebrow){font-size:13px;margin:15px 0 0}.connection-brand{display:flex;gap:10px;align-items:center;font-size:13px;margin:12px 0;flex-wrap:wrap}.connection-brand img{width:24px;height:24px;object-fit:contain;background:#edf2ed;border-radius:4px;padding:3px}.planned-connections{grid-column:1/-1;border-top:1px solid var(--line);padding-top:24px}.planned-connections .connection-brand{gap:12px}.planned-connections .connection-brand span{margin-right:15px}.outcome-section .section-lead,.practical-strip .section-lead{max-width:680px;font-size:19px}.outcome-line{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin:44px 0 28px;position:relative}.outcome-line>div{border-top:1px solid #678275;padding-top:22px;position:relative}.outcome-line>div::before{content:'';width:7px;height:7px;background:#cbb183;border-radius:50%;position:absolute;left:0;top:-4px}.outcome-line span{font:10px var(--mono);color:#aac7b7;letter-spacing:.4px}.outcome-line h3{font-size:28px;line-height:1.18;margin:18px 0 16px}.practical-strip{border-top:1px solid var(--line)}.practical-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:35px}.practical-steps>div>span{font:10px var(--mono);color:#a4c1ae}.practical-steps h3{font-size:24px;margin:16px 0 12px}.practical-steps p{font-size:14px;margin:0}.venture-panel{display:grid;grid-template-columns:1.5fr 1fr;gap:70px;border-top:1px solid var(--line);align-items:center}.venture-sequence{display:flex;flex-direction:column}.venture-sequence>span{padding:24px 0;border-bottom:1px solid #53705d;font:18px var(--mono);color:#c1d6c4}
@keyframes arrive{from{opacity:.15;transform:translateY(15px)}to{opacity:1;transform:none}}.v5-arrive{animation:arrive .35s ease-out both}.scene-enter{animation:arrive .25s ease-out both}
@media(min-width:1100px){.product-chapter:nth-child(even){grid-template-columns:1.16fr .84fr}.product-chapter:nth-child(even) .chapter-copy{grid-column:2;grid-row:1}.product-chapter:nth-child(even) .chapter-art{grid-column:1;grid-row:1}}
@media(max-width:1000px){.product-chapter{gap:32px;grid-template-columns:1fr 1.1fr;padding:60px 0}.chapter-copy h2{font-size:34px}.chapter-copy>p:not(.eyebrow){font-size:14px}.micro-body{padding:20px}.chapter-navigation a{font-size:9px;padding:13px 8px}.integration-strip{gap:12px}}
@media(max-width:720px){.chapter-navigation{top:64px}.chapter-navigation nav{display:flex;width:100%;padding-inline:20px;overflow-x:auto;scrollbar-width:thin}.chapter-navigation a{flex:0 0 auto;min-width:128px;min-height:63px;font-size:10px;padding:11px 13px}.product-chapter{display:flex;flex-direction:column;align-items:stretch;gap:26px;padding:48px 0;min-height:0;scroll-margin-top:152px}.chapter-copy h2{font-size:36px;max-width:450px;margin-bottom:18px}.chapter-copy h2 br{display:none}.chapter-copy>p:not(.eyebrow){font-size:15px;max-width:100%}.chapter-copy .benefits{font-size:10px;margin-top:18px}.chapter-copy .eyebrow{margin-bottom:16px}.chapter-art{padding:0}.micro-body{padding:20px 17px}.micro-top{padding:13px 15px;font-size:11px}.story-frames{min-height:0}.scene-controls{gap:5px;margin-top:17px}.scene-controls button{font-size:9px;padding:7px 9px}.scene-controls button>span{display:none}.scene-disclosure{font-size:8px}.ui-row{font-size:11px;gap:10px}.ui-pair{gap:8px}.ui-field{padding:10px}.ui-field strong,.ui-field>span{font-size:12px}.participant-line{gap:20px 8px}.participant-line .person{gap:8px}.participant-line .person strong{font-size:14px}.participant-line .person small{font-size:9px}.participant-line .avatar{width:35px;height:35px}.connection-story{padding:20px 17px}.connection-lane{gap:10px}.connection-lane .avatar{width:32px;height:32px}.connection-lane .person{gap:8px}.path-label{width:82px;font-size:10px;padding:9px 7px}.project-destination{padding:17px 12px;gap:12px}.project-destination strong{font-size:14px}.file-row{gap:8px}.file-row strong{font-size:12px}.file-row small{font-size:9px}.status{font-size:9px;padding:4px 6px}.exact-diff p{font-size:12px}.document-title{gap:8px}.document-title strong{font-size:13px}.document-title small{font-size:9px}.publication-preview{gap:10px;font-size:11px}.integration-content{grid-template-columns:1fr;gap:25px}.integration-directory details{padding-inline:17px}.integration-directory summary{font-size:11px}.planned-connections{grid-column:auto}.product-intro-action{flex-wrap:wrap;gap:12px 20px}.outcome-line{grid-template-columns:1fr;gap:15px;margin:30px 0}.outcome-line>div{display:grid;grid-template-columns:.8fr 1fr;gap:20px;padding-top:18px;align-items:center}.outcome-line span{font-size:8px;line-height:1.8}.outcome-line h3{font-size:24px;margin:0 0 10px}.outcome-section .section-lead,.practical-strip .section-lead{font-size:16px}.practical-steps{grid-template-columns:1fr;gap:22px;margin-top:28px}.practical-steps>div{position:relative;padding-left:38px}.practical-steps>div>span{position:absolute;left:0;top:6px}.practical-steps h3{margin:0 0 9px;font-size:25px}.venture-panel{display:block}.venture-sequence{margin-top:30px}.venture-sequence>span{font-size:16px;padding:18px 0}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.v5-arrive,.scene-enter{opacity:1;transform:none}}
@media print{.header,.chapter-navigation,.scene-controls,.reading-progress{display:none}.product-chapter{break-inside:avoid}.story-frame[hidden]{display:block!important;margin-top:15px}.micro-window{box-shadow:none}}
/* Outrank the shared section[id] anchor rule. */
.product-chapter[id]{scroll-margin-top:170px}
@media(max-width:720px){.product-chapter[id]{scroll-margin-top:152px}}
/* V5.1 — one client-centered connection story, no availability taxonomy. */
.expanded-marks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 10px}.connection-item{display:flex;align-items:center;gap:8px;min-width:0;font-size:11px}.connection-wordmark{font-family:var(--display);font-size:14px;letter-spacing:.2px}.expanded-marks .connection-item{min-height:27px}.unified-connections{padding:6px 0 25px}.unified-connections>p{max-width:730px;font-size:15px}.connection-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:22px 30px;padding:15px 0 20px}.connection-grid .connection-item{font-size:13px;min-height:34px}.connection-grid img{width:27px;height:27px;object-fit:contain;background:#edf2ed;border-radius:5px;padding:3px}.unified-connections .connection-close{font-size:12px;margin-bottom:0}.chapter-navigation a{font-size:9px}
@media(max-width:720px){.expanded-marks{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 5px}.expanded-marks .connection-item{font-size:9px;gap:5px}.expanded-marks img{width:20px;height:20px}.connection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.unified-connections>p{font-size:14px}.chapter-navigation a{font-size:10px}.chapter-navigation a:first-child{min-width:161px}.integration-directory summary{line-height:1.5}}
.integration-directory[id]{scroll-margin-top:170px}
@media(max-width:720px){.integration-directory[id]{scroll-margin-top:152px}}
/* V5.3 — visible photographic heroes, directional tint rather than a flat veil. */
[data-picture-hero]{position:relative;isolation:isolate;overflow:hidden}
.hero-media{position:absolute;inset:0;z-index:-2;overflow:hidden;background:#102b25;pointer-events:none}
.hero-media img{width:100%;height:100%;object-fit:cover;object-position:center;max-width:none;transform:scale(1.025) translate(var(--hero-x,0px),var(--hero-y,0px));transition:transform .7s cubic-bezier(.2,.6,.2,1);filter:saturate(.88)}
[data-picture-hero]::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(6,24,20,.83) 0%,rgba(9,30,24,.64) 38%,rgba(10,30,25,.20) 72%,rgba(10,30,25,.06) 100%),linear-gradient(0deg,rgba(8,28,22,.72),transparent 30%,rgba(7,24,19,.12));pointer-events:none}
.home-opening.idea-hero{background:none;min-height:calc(100svh - 74px);padding-top:80px;padding-bottom:120px}
.home-opening .hero-media img{object-position:58% 48%}
[data-picture-hero] h1{color:#f3f7f2;text-shadow:0 2px 24px #00140d50}
[data-picture-hero] h1 span{color:#d0e3d7}
[data-picture-hero] .lede,[data-picture-hero] .hero-subhead{color:#edf3ec;text-shadow:0 1px 12px #071e18aa}
[data-picture-hero] .eyebrow{color:#d0e1d5}
[data-picture-hero] .text-link{color:#f0f6ee;text-shadow:0 1px 8px #061a14}
.product-picture-hero{min-height:590px;padding:105px 0 78px;display:flex;flex-direction:column;justify-content:center}
.product-picture-hero h1{max-width:900px;font-size:clamp(46px,5.15vw,74px);line-height:1.04}
.product-picture-hero .lede{max-width:565px;font-size:18px}
.product-picture-hero .hero-media img{object-position:58% 52%}
.product-picture-hero::before{background:linear-gradient(90deg,rgba(6,25,20,.83),rgba(9,30,24,.65) 38%,rgba(10,30,25,.17) 72%,rgba(10,30,25,.07)),linear-gradient(0deg,rgba(8,28,22,.64),transparent 32%)}
.product-picture-hero .product-intro-action{margin-top:15px}
.hero-baseline{border-top-color:#d8e9da55;color:#e1ece2}
@media(min-width:721px) and (max-height:750px){.home-opening.idea-hero{padding-top:55px;padding-bottom:115px}.product-picture-hero{min-height:510px;padding-block:70px}}
@media(max-width:720px){.home-opening.idea-hero{min-height:calc(100svh - 64px);padding:70px 0 110px}.home-opening .hero-media img{object-position:64% center}.home-opening.idea-hero::before{background:linear-gradient(90deg,rgba(5,23,18,.80),rgba(8,28,22,.45)),linear-gradient(0deg,rgba(6,25,19,.70),transparent 45%)}.product-picture-hero{min-height:540px;padding:65px 0 55px}.product-picture-hero h1{font-size:clamp(40px,10.8vw,58px);max-width:520px}.product-picture-hero .lede{font-size:16px;max-width:420px}.product-picture-hero .hero-media img{object-position:66% center}.product-picture-hero::before{background:linear-gradient(90deg,rgba(5,23,18,.79),rgba(8,28,22,.43)),linear-gradient(0deg,rgba(6,25,19,.62),transparent 45%)}.product-picture-hero .product-intro-action{margin-top:18px;gap:15px}.hero-baseline{font-size:7px}}
@media(prefers-reduced-motion:reduce){.hero-media img{transform:none;transition:none}}
.product-picture-hero .product-intro-action{width:100%;max-width:none;margin-inline:0}

/* Actual cinematic loops: static poster underneath, no pointer-transform imitation. */
[data-video-hero] .hero-media img,[data-video-hero] .hero-media video{transform:none!important;transition:opacity .35s ease;filter:saturate(.88)}
.hero-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;pointer-events:none}
[data-video-hero].video-ready .hero-media video{opacity:1}
[data-video-hero].video-ready .hero-media img{opacity:0}
.hero-video-toggle{position:absolute;right:max(30px,calc((100vw - 1200px)/2));bottom:24px;z-index:2;background:#0a231dcc;border:1px solid #c5dbca88;color:#edf4ee;border-radius:3px;font:10px/1.4 var(--mono);min-height:44px;min-width:112px;padding:10px 15px;backdrop-filter:blur(8px)}
.home-opening .hero-video-toggle{bottom:100px}
.company-hero[data-video-hero]{background:none;min-height:590px;padding:100px 0 85px}
.company-hero[data-video-hero]::before{background:linear-gradient(90deg,rgba(5,22,22,.82),rgba(8,26,25,.56) 45%,rgba(8,26,25,.12) 80%),linear-gradient(0deg,rgba(8,25,23,.55),transparent 40%)}
.home-opening .hero-media video{object-position:58% 48%}
.product-picture-hero .hero-media video{object-position:58% 52%}
.company-hero .hero-media img,.company-hero .hero-media video{object-position:65% 15%}
@media(max-width:720px){.hero-video-toggle{right:20px;bottom:15px;font-size:9px;min-width:102px}.home-opening .hero-video-toggle{bottom:90px}.home-opening.idea-hero[data-video-hero]{padding-bottom:160px}.product-picture-hero[data-video-hero]{padding-bottom:82px}.company-hero[data-video-hero]{min-height:560px;padding:70px 0 90px}.home-opening .hero-media video{object-position:64% center}.product-picture-hero .hero-media video{object-position:66% center}.company-hero .hero-media img,.company-hero .hero-media video{object-position:65% center}}
@media(prefers-reduced-motion:reduce){.hero-media video,.hero-media img{transition:none!important}}