/* Shared visual rules for the product website and first-access page. */
:root { --max: 1320px; --gutter: clamp(22px, 5vw, 80px); --radius: 24px; }
img, video { height: auto; }
h1, h2, h3 { text-wrap: balance; }
p { text-wrap: pretty; }
:where(a, button, summary, input):focus-visible { outline: 3px solid #a76624; outline-offset: 5px; }
:where(section[id], h2[id]) { scroll-margin-top: 100px; }
.site-header { height: 80px; background: rgba(245,244,240,.95); border-bottom: 1px solid rgba(25,25,23,.09); backdrop-filter: blur(18px); }
.brand-logo, .footer-logo { display:block; width:74px; height:auto; overflow:visible; }
.brand-logo img, .footer-logo img { display:block; width:100%; height:auto; transform:none; object-fit:contain; }
.site-nav { gap:28px; }
.site-nav a { font-size:13px; }
.site-footer__inner { display:flex; flex-wrap:wrap; justify-content:space-between; gap:24px; }
.site-footer { padding-block:32px; }
.footer-logo { width:68px; }
.display { font-size:clamp(54px,6.5vw,96px); line-height:1.02; letter-spacing:-.065em; }
.display--medium { font-size:clamp(40px,4.5vw,64px); line-height:1.06; }
.display--small, .feature-row__copy h2 { font-size:clamp(36px,3.8vw,54px); line-height:1.08; letter-spacing:-.055em; }
.lede { font-size:clamp(17px,1.4vw,20px); line-height:1.55; }
.body-copy { font-size:17px; line-height:1.6; }
.eyebrow, .section-kicker, .sales-label { font-size:12px; line-height:1.5; letter-spacing:.015em; text-transform:none; }
.section, .intro-strip, .module-teaser, .allocation, .home-principles, .persona-lab, .portkeeper-callout, .os-callout { padding-block:clamp(72px,8vw,120px); }
.section__head { align-items:start; gap:clamp(28px,6vw,80px); margin-bottom:48px; }
.section__head>div { flex:1.25; min-width:0; }
.section__head>.body-copy { flex:1; min-width:0; max-width:410px; }
.section--ink .feature-row__copy .body-copy { color:#cccac3; }
.hero-kicker { font-size:12px; line-height:1.5; margin-top:24px; }
.button { min-height:48px; font-size:13px; padding-inline:22px; }
.hero-actions { flex-wrap:wrap; gap:20px; }

/* Hero artwork stays inside its own column, at the file's original proportions. */
.home-hero { display:grid; grid-template-columns:1.08fr .92fr; align-items:center; gap:20px; min-height:min(880px,100svh); padding:128px var(--gutter) 70px; background:radial-gradient(ellipse at 72% 42%,#fff 0%,#eeede8 65%); }
.home-hero:after { display:none; }
.home-hero__content { padding:0; min-width:0; }
.home-hero .display { max-width:720px; font-size:clamp(54px,6.5vw,94px); }
.home-hero .lede { max-width:520px; margin-top:24px; }
.hero-product { position:relative; right:auto; bottom:auto; display:block; width:100%; min-width:0; transform:none; mix-blend-mode:normal; }
.hero-product img { display:block; width:100%; height:auto; object-fit:contain; transform:scale(1.3); transform-origin:center; }
.hero-caption { display:none; }
.hardware-hero, .mission-hero { display:grid; grid-template-columns:1.05fr .95fr; align-items:center; min-height:min(860px,100svh); padding:128px var(--gutter) 64px; gap:24px; }
.hardware-hero .editorial-hero__inner, .mission-hero .editorial-hero__inner { display:block; min-height:0; width:100%; margin:0; padding:0; }
.hardware-hero .editorial-hero__copy, .mission-hero .editorial-hero__copy { max-width:620px; }
.hardware-hero .display, .mission-hero .display { font-size:clamp(52px,5.8vw,84px); line-height:1.04; }
.hardware-hero .editorial-hero__art--rear, .mission-hero .editorial-hero__art--mission { position:relative; inset:auto; display:block; width:100%; height:auto; aspect-ratio:1; background:transparent; overflow:visible; mix-blend-mode:normal; }
.hardware-hero .editorial-hero__art--rear img, .mission-hero .editorial-hero__art--mission img { display:block; width:100%; height:auto; object-fit:contain; object-position:center; }
.large-number { display:none; }
.os-hero { min-height:min(900px,100svh); padding:128px var(--gutter) 64px; }
.os-hero__inner { min-height:0; grid-template-columns:1.2fr .8fr; gap:64px; }
.os-hero .display { font-size:clamp(54px,6vw,86px); }
.os-hero__logo { width:70px; height:70px; margin-bottom:20px; border-radius:14px; object-fit:contain; }
.os-hero__splash { width:min(100%,290px); justify-self:center; border-radius:30px; }
.os-hero__splash video { object-fit:contain; }

/* Product figures: a deliberate composition rather than inherited zoom rules. */
.product-media { position:relative; display:flex; align-items:center; justify-content:center; width:100%; min-width:0; aspect-ratio:16/10; overflow:hidden; margin:0; background:#858a8d; }
.product-media>img { position:static!important; display:block; width:100%!important; height:100%!important; max-width:100%!important; object-fit:contain!important; object-position:center!important; transform:none!important; filter:none!important; mix-blend-mode:normal!important; opacity:1!important; }
.product-media--portrait { aspect-ratio:1; background:#363d42; }
.product-media--portrait>img { object-fit:cover!important; }
.product-media--ports { aspect-ratio:16/9; background:#676e74; }
.product-media--ports>img { object-fit:contain!important; }
.product-media--front { background:#858a8d; }
.front-camera-window { position:relative; width:100%; aspect-ratio:4; overflow:hidden; }
.product-media .front-camera-window>img { position:absolute; width:300%; height:auto; max-width:none; right:0; top:-570%; transform:none; filter:none; mix-blend-mode:normal; }
.media-pin { position:absolute; z-index:1; left:var(--pin-x); top:58%; color:#fff; font-size:11px; font-weight:500; white-space:nowrap; transform:translateX(-50%); text-shadow:0 1px 5px #000; }
.media-pin:before { content:''; display:block; width:1px; height:26px; margin:0 auto 6px; background:rgba(255,255,255,.8); }
.media-caption { display:block; margin:0; padding:14px 20px; font-size:12px; line-height:1.5; background:#efeee9; color:#55534d; }
.feature-row { grid-template-columns:1fr 1fr; gap:clamp(36px,6vw,80px); }
.feature-row--reverse .feature-row__art { order:0; }
.feature-row__art { position:relative; min-height:0; aspect-ratio:1.18; border-radius:var(--radius); }
.feature-row__art img, .feature-row__art img[src*="site-renders"] { position:absolute; inset:0; width:100%; height:100%; max-width:100%; transform:none; object-fit:contain; mix-blend-mode:normal; filter:none; }
.feature-row__art--hexkey, .feature-row__art--audio { background:#676e74; }
.feature-row__art.product-media--ports { aspect-ratio:16/9; }
.feature-row__art--portkeeper { aspect-ratio:1; background:#000; }
.split-feature { gap:48px; padding:72px var(--gutter); align-items:center; }
.split-feature__copy { padding:0; }
.split-feature__image { min-height:0; aspect-ratio:1; border-radius:var(--radius); background:#363d42; }
.split-feature__image:after { display:none; }
.split-feature__image img, .split-feature__image img[src*="site-renders"] { position:absolute; inset:0; width:100%; height:100%; object-fit:contain; transform:none; mix-blend-mode:normal; filter:none; }
.mechanics-grid { gap:18px; border:0; }
.mechanic-card { overflow:hidden; border:1px solid rgba(255,255,255,.14); border-radius:20px; background:#222221; }
.mechanic-card figure { height:auto; aspect-ratio:16/10; margin-bottom:24px; background:#858a8d; }
.mechanic-card figure img { object-fit:contain; mix-blend-mode:normal; opacity:1; }
.mechanic-card h3 { font-size:28px; line-height:1.1; }
.mechanic-card>span { margin-bottom:15px; }
.mechanic-card p { font-size:15px; line-height:1.55; }
.module-teaser__grid { gap:18px; }
.teaser-card { min-height:0; padding:0 0 26px; background:#e8e6e0; border-radius:22px; }
.teaser-card__image { display:block; height:auto; aspect-ratio:16/10; margin:0 0 24px; border:0; overflow:hidden; }
.teaser-card .teaser-card__image img { width:100%; height:100%; max-width:100%; object-fit:contain; transform:none; filter:none!important; mix-blend-mode:normal; }
.teaser-card h3, .teaser-card p { margin-inline:24px; }
.teaser-card h3 { font-size:27px; line-height:1.1; }
.teaser-card p { font-size:15px; max-width:none; }
.teaser-card:nth-child(2) { background:#e1dfd8; }
.teaser-card--personalise .teaser-card__image { background:#363d42; }
.concept-grid--studies { gap:18px; }
.concept-grid--studies .concept-card--product { min-height:0; }
.concept-grid--studies .concept-card--product .concept-card__image { height:auto; aspect-ratio:1; margin:0; }
.concept-grid--studies .concept-card--product .concept-card__image img { position:static; width:100%; height:100%; max-width:100%; object-fit:contain; transform:none; filter:none; mix-blend-mode:normal; }
.concept-card__head { position:static; padding:18px 22px 0; font-size:10px; text-transform:none; letter-spacing:.025em; }
.concept-card__foot { padding:24px; }
.concept-card p { max-width:none; font-size:15px; line-height:1.55; }
.modules-intro { padding-block:72px; }
.modules-intro .eyebrow { color:#d0cec7; }
.modules-intro__inner { gap:64px; }
.portkeeper-callout__art { min-height:0; aspect-ratio:1; background:#000; }
.portkeeper-callout__art img { width:100%; height:100%; object-fit:contain; mix-blend-mode:normal; transform:none; }
.graphene-stage { grid-template-columns:1fr 1fr; }
.graphene-stage__copy { padding:48px; }
.graphene-stage__pattern { min-height:0; }
.graphene-stage__pattern img { object-fit:cover; filter:none; }
.timeline h3, .allocation-card h3 { font-size:27px; line-height:1.08; }
.timeline p, .allocation-card p { font-size:15px; line-height:1.5; }
.timeline div { min-height:240px; }
.allocation-card { min-height:330px; }
.allocation-card .button { margin-top:28px; }
.persona-panel { grid-template-columns:1fr 1fr; gap:48px; padding:48px; }
.persona-panel__copy h3 { font-size:clamp(38px,4vw,56px); line-height:1.06; }
.persona-panel__visual { min-height:0; aspect-ratio:1; background:#efeee9; border-radius:20px; }
.persona-panel__visual:after { display:none; }
.persona-panel__visual img { position:static; width:100%; height:100%; object-fit:contain; filter:none; transform:none; mix-blend-mode:normal; }
.persona-panel__visual figcaption { inset:auto 12px 12px; padding:10px 12px; border-radius:8px; background:rgba(245,244,240,.94); color:#222; font-size:10px; letter-spacing:0; text-transform:none; }
.persona-panel__visual--keyboard { background:#858a8d; }
.profile-preview { align-self:stretch; display:flex; flex-direction:column; justify-content:space-between; width:100%; padding:40px; background:#ecebe6; color:#252523; }
.profile-preview>span { font-size:13px; }
.profile-preview>strong { font-size:clamp(44px,5vw,70px); line-height:1.05; letter-spacing:-.065em; font-weight:500; }
.profile-preview>p { margin:24px 0 48px; font-size:15px; border-top:1px solid #aaa; padding-top:18px; }
.os-callout__inner { display:grid; grid-template-columns:1fr .7fr; gap:40px; min-height:0; padding:56px; background:#20201e; }
.os-callout__inner>div:first-child { padding:0; max-width:600px; }
.os-callout__inner>div.os-callout__splash { position:relative; inset:auto; width:min(100%,250px); justify-self:center; border-radius:26px; opacity:1; }
.os-callout__splash video { object-fit:contain; }
.camera-card--visual>img { height:auto; aspect-ratio:1; object-fit:cover; filter:none; }
.camera-card--visual p { max-width:none; font-size:15px; line-height:1.5; }
.camera-card--visual h3 { font-size:28px; }
.camera-disclaimer { color:#625f59; max-width:var(--max); margin:20px auto 0; }
.sanctuary-stage { grid-template-columns:1.1fr .9fr; gap:32px; }
.sanctuary-stage__copy { padding:48px; }
.sanctuary-stage__screen { min-height:480px; }
.os-stage__copy { max-width:760px; padding:56px; }
.os-stage__screen { min-height:340px; background:radial-gradient(circle at center,#6c756c,#292e29 64%); }
.os-stage__screen:before { font-size:clamp(48px,8vw,100px); letter-spacing:-.045em; }
.os-stage__screen:after { letter-spacing:0; white-space:normal; width:100%; text-align:center; }

/* First access: concise hero, consistent cards, persistent access to the form. */
.sales-hero { padding-top:22px; min-height:0; background:radial-gradient(ellipse at 70% 40%,#fff,#efeee9 70%); }
.sales-hero:after, .sales-hero__halo { display:none; }
.sales-brand { width:84px; height:auto; overflow:visible; }
.sales-brand img { width:100%; height:auto; transform:none; }
.sales-hero__grid { grid-template-columns:1.05fr .95fr; gap:40px; min-height:0; align-items:center; }
.sales-hero__copy { padding:32px 0 48px; min-width:0; }
.sales-hero h1 { font-size:clamp(60px,6.6vw,94px); line-height:1.01; letter-spacing:-.065em; }
.sales-hero__lede { font-size:18px; line-height:1.5; margin-top:22px; max-width:520px; }
.hero-positioning { flex-wrap:wrap; gap:4px 10px; margin-bottom:18px; }
.hero-positioning span { color:#75502a; text-transform:none; letter-spacing:0; }
.hero-positioning strong { font-size:11px; }
.sales-offer { grid-template-columns:auto 1fr; gap:14px 20px; margin-top:28px; padding-top:22px; }
.sales-offer__price strong { font-size:46px; }
.sales-button { min-height:52px; padding:12px 22px; font-size:14px; text-align:center; line-height:1.35; }
.sales-hero__visual { align-self:center; min-height:0; aspect-ratio:1; }
.sales-hero__visual>img { position:static; width:100%; height:auto; max-width:100%; transform:none; mix-blend-mode:normal; }
.sales-hero__caption { position:static; margin:0 auto; width:auto; max-width:340px; padding-top:12px; text-align:center; }
.conversion-assurances { gap:10px 15px; }
.conversion-assurances li { font-size:11px; }
.sales-offer__honesty { font-size:12px; line-height:1.5; }
.klarna-note { font-size:11px; }
.credit-disclosure { font-size:10px; line-height:1.5; }
.proof-strip span { padding:16px 14px; min-height:56px; font-size:12px; }
.sales-intro, .privacy-stage, .os-sales, .camera-sales, .backplate-sales, .details-sales, .trust-sales, .faq-sales, .specs-sales { padding-block:clamp(72px,8vw,116px); }
.sales-intro h2 { font-size:clamp(44px,6vw,82px); line-height:1.06; }
.sales-intro>p:last-child { margin-top:28px; font-size:19px; }
.sales-feature h2, .privacy-stage h2, .os-sales h2, .camera-sales h2, .backplate-sales h2, .details-sales h2, .trust-sales h2, .faq-sales h2, .specs-sales h2, .final-sale h2, .safety-stage h2, .safety-page h1 { font-size:clamp(38px,4.4vw,62px); line-height:1.07; letter-spacing:-.055em; }
.sales-feature { min-height:0; grid-template-columns:1fr 1fr; gap:56px; padding:80px var(--gutter); background:#efeee9; align-items:center; }
.sales-feature__visual { min-height:0; overflow:hidden; border-radius:24px; background:#858a8d; }
.sales-feature__visual:after { display:none; }
.sales-feature__visual>img { position:static; width:100%; height:auto; max-width:100%; transform:none; mix-blend-mode:normal; object-fit:contain; }
.sales-feature__copy { padding:0; }
.feature-number { display:none; }
.sales-feature__copy>p:not(.sales-label) { font-size:17px; line-height:1.55; margin-top:24px; }
.sales-feature .sales-button--dark { border-color:#151514; background:#151514; color:#fff; }
.proof-list { margin-block:24px; }
.proof-list li { font-size:13px; }
.keyboard-gallery { display:grid; gap:1px; background:#bbb; }
.keyboard-gallery figure { margin:0; background:#858a8d; }
.keyboard-gallery img { position:static; display:block; width:100%; height:auto; transform:none; mix-blend-mode:normal; }
.keyboard-gallery figcaption { padding:14px 20px; background:#dfded8; color:#383833; font-size:12px; }
.privacy-stage__head, .camera-sales__head { grid-template-columns:1.2fr .8fr; gap:24px 64px; margin-bottom:40px; }
.privacy-stage__head .sales-label, .camera-sales__head .sales-label { margin:0; }
.privacy-stage article { min-height:0; padding-bottom:28px; border-radius:22px; }
.privacy-stage article>img { height:auto; aspect-ratio:16/10; object-fit:contain; }
.privacy-stage article h3 { font-size:clamp(25px,2.5vw,36px); line-height:1.1; margin-bottom:0; }
.privacy-stage article .product-media { aspect-ratio:16/10; }
.privacy-stage article .product-media--portrait>img { object-fit:cover!important; }
.privacy-stage article span { margin:22px 26px 10px; }
.os-sales { min-height:0; grid-template-columns:1.3fr .7fr; gap:64px; }
.os-sales__screen { width:min(100%,290px); justify-self:center; border-radius:30px; }
.os-sales__screen video { object-fit:contain; border-radius:24px; }
.mode-proof div { min-height:0; padding:20px; }
.mode-proof span { font-size:14px; line-height:1.55; }
.camera-sales__grid, .backplate-sales__grid, .details-sales__grid { gap:18px; }
.camera-sales article, .backplate-sales article, .details-sales article, .backplate-sales--early article { min-height:0; padding-bottom:26px; }
.camera-sales article img, .backplate-sales article img, .backplate-sales--early article img, .details-sales article img { display:block; height:auto; width:100%; aspect-ratio:1; object-fit:contain; }
.camera-sales article img { object-fit:cover; }
.camera-sales article h3, .backplate-sales article h3, .details-sales article h3 { font-size:28px; line-height:1.12; }
.camera-sales article p, .backplate-sales article p, .details-sales article p { font-size:15px; line-height:1.55; margin-bottom:0; }
.details-sales article img { aspect-ratio:16/10; }
.details-sales article .product-media img { aspect-ratio:auto; }
.backplate-sales--early .backplate-sales__head { grid-template-columns:1.2fr .8fr; gap:24px 64px; }
.backplate-sales--early .backplate-sales__head .sales-label { margin-bottom:0; }
.backplate-sales__head>p:last-child { font-size:17px; line-height:1.55; }
.mid-offer { padding-block:80px; grid-template-columns:1fr 300px; gap:64px; align-items:center; }
.mid-offer h2 { font-size:clamp(40px,4.8vw,66px); line-height:1.06; letter-spacing:-.055em; }
.mid-offer .sales-button:hover { background:#fff; border-color:#fff; }
.trust-sales { grid-template-columns:1.1fr .9fr; gap:64px; }
.trust-sales__copy>p:not(.sales-label) { font-size:16px; line-height:1.65; }
.trust-ledger { border-top:0; }
.trust-ledger strong { font-size:14px; }
.specs-sales { gap:64px; }
.specs-sales__list p { font-size:15px; }
.final-sale { min-height:0; grid-template-columns:1fr 1fr; align-items:center; gap:48px; padding:72px var(--gutter); }
.final-sale__copy { padding:0; }
.final-sale__visual { min-height:0; border-radius:24px; overflow:hidden; background:#363d42; }
.final-sale__visual img { position:static; width:100%; height:auto; max-width:100%; transform:none; mix-blend-mode:normal; filter:none; }
.sticky-reserve { min-width:0; max-width:calc(100vw - 32px); }
.sales-footer { padding-bottom:104px; }
.safety-stage { min-height:0; grid-template-columns:1fr 1fr; align-items:center; gap:48px; padding:72px var(--gutter); }
.safety-stage__copy { padding:0; }
.safety-stage__visual { min-height:0; aspect-ratio:1; border-radius:24px; }
.safety-stage__visual img { position:absolute; width:100%; height:100%; max-width:100%; inset:0; object-fit:contain; transform:none; }
.safety-page__detail h2 { font-size:clamp(40px,5vw,68px); line-height:1.07; }

@media (max-width:1000px) {
  .site-nav { gap:18px; }
  .home-hero, .hardware-hero, .mission-hero { min-height:0; padding-top:128px; gap:24px; }
  .home-hero .display, .hardware-hero .display, .mission-hero .display { font-size:clamp(42px,6.3vw,66px); }
  .home-hero .lede { font-size:17px; }
  .hero-actions { align-items:flex-start; flex-direction:column; }
  .os-hero__inner { gap:32px; }
  .feature-row, .feature-row--reverse, .split-feature, .persona-panel, .sanctuary-stage, .graphene-stage, .os-safety { grid-template-columns:1fr 1fr; gap:32px; }
  .persona-panel { padding:28px; }
  .persona-panel__copy h3 { font-size:38px; }
  .section__head { gap:32px; }
  .section__head .display { font-size:42px; }
  .graphene-stage__copy, .sanctuary-stage__copy { padding:30px; }
  .sanctuary-stage { gap:0; }
  .os-callout__inner { padding:36px; }
  .module-teaser__grid, .concept-grid, .camera-grid--visual, .mechanics-grid { grid-template-columns:repeat(3,minmax(0,1fr)); overflow:visible; }
  .teaser-card, .concept-card { min-width:0; }
  .teaser-card h3, .mechanic-card h3, .concept-card h3 { font-size:24px; }
  .mechanic-card h3, .mechanic-card p, .mechanic-card>span { margin-inline:18px; }
  .concept-card__foot { padding:20px; }
  .sales-hero__grid { grid-template-columns:1.1fr .9fr; gap:24px; }
  .sales-hero h1 { font-size:60px; }
  .sales-offer { grid-template-columns:1fr; }
  .sales-offer .sales-button { width:100%; }
  .sales-hero__visual { order:0; }
  .sales-feature, .os-sales, .trust-sales, .final-sale { grid-template-columns:1fr 1fr; gap:32px; }
  .sales-feature__visual { order:0; }
  .camera-sales__grid, .backplate-sales__grid, .details-sales__grid { grid-template-columns:repeat(3,minmax(0,1fr)); overflow:visible; }
  .camera-sales article, .backplate-sales article, .details-sales article { min-width:0; }
  .camera-sales article h3, .backplate-sales article h3, .details-sales article h3 { margin-inline:18px; font-size:24px; }
  .camera-sales article p, .backplate-sales article p, .details-sales article p { margin-inline:18px; }
  .privacy-stage__head, .camera-sales__head, .backplate-sales--early .backplate-sales__head { gap:24px 32px; }
  .mode-proof { grid-template-columns:1fr; }
}
@media (min-width:721px) and (max-width:900px) {
  .site-nav a:not(.nav-cta) { display:block; }
  .site-nav { gap:16px; }
  .site-nav a { font-size:12px; }
}
@media (max-width:720px) {
  .site-header { height:72px; }
  .menu-toggle { display:block; }
  .site-nav { display:none; position:fixed; align-items:stretch; flex-direction:column; gap:0; padding:12px var(--gutter) 24px; background:#f5f4f0; }
  .site-nav.is-open { display:flex; }
  .site-nav a:not(.nav-cta) { display:block; padding:15px 0; border-bottom:1px solid var(--line); }
  .site-nav .nav-cta { margin-top:18px; text-align:center; }
  .brand-logo { width:64px; }
  .site-nav { inset:72px 0 auto; }
  .site-footer__inner { gap:24px; }
  .footer-links { gap:18px; }
  .display { font-size:clamp(44px,10.8vw,68px); }
  .display--medium, .display--small, .section__head .display { font-size:clamp(35px,9.5vw,48px); }
  .home-hero, .hardware-hero, .mission-hero { grid-template-columns:1fr; padding:112px var(--gutter) 36px; gap:8px; }
  .home-hero .display, .hardware-hero .display, .mission-hero .display { font-size:clamp(43px,11.2vw,70px); }
  .home-hero .lede { margin-top:20px; }
  .home-hero__content { padding:0; }
  .hero-actions { margin-top:24px; gap:16px; }
  .hero-product { width:min(100%,460px); justify-self:center; }
  .hero-product img { transform:none; }
  .hardware-hero .editorial-hero__inner, .mission-hero .editorial-hero__inner { padding:0; min-height:0; background:transparent; }
  .hardware-hero .editorial-hero__copy, .mission-hero .editorial-hero__copy { max-width:none; }
  .hardware-hero .editorial-hero__art--rear, .mission-hero .editorial-hero__art--mission { width:min(100%,460px); justify-self:center; }
  .os-hero { padding:110px var(--gutter) 48px; }
  .os-hero__inner { grid-template-columns:1fr; gap:36px; }
  .os-hero .display { font-size:clamp(44px,11vw,68px); }
  .os-hero__splash { width:240px; }
  .section__head { display:block; margin-bottom:32px; }
  .section__head>.body-copy { max-width:none; margin-top:24px; }
  .feature-row, .feature-row--reverse, .split-feature, .persona-panel, .sanctuary-stage, .graphene-stage, .os-safety { grid-template-columns:1fr; gap:28px; }
  .feature-row+.feature-row { margin-top:72px; }
  .feature-row__art { order:0; }
  .split-feature { padding-block:64px; }
  .split-feature__image { order:0; }
  .module-teaser__grid, .concept-grid, .camera-grid--visual, .mechanics-grid { grid-template-columns:1fr; margin-inline:0; padding-right:0; gap:24px; }
  .teaser-card, .concept-card { min-width:0; }
  .concept-card__head { padding-bottom:12px; }
  .teaser-card__image { aspect-ratio:16/10; }
  .module-teaser__head { margin-bottom:32px; }
  .modules-intro__inner { gap:32px; }
  .modules-intro__note { max-width:none; }
  .allocation-grid, .hardware-specs, .principles-grid, .mode-grid--two, .utilities-grid, .os-foundation__grid { grid-template-columns:1fr; }
  .allocation-card { min-height:270px; }
  .persona-panel { padding:28px 22px; }
  .persona-panel__copy h3 { font-size:38px; }
  .persona-panel__visual { width:100%; }
  .persona-switch { gap:14px; }
  .persona-switch button { min-width:100px; }
  .os-callout__inner { grid-template-columns:1fr; gap:32px; padding:28px; }
  .os-callout__inner>div:not(.os-callout__splash) { padding:0; }
  .os-callout__inner>div.os-callout__splash { width:220px; inset:auto; }
  .graphene-stage { gap:0; }
  .graphene-stage__pattern { aspect-ratio:1; }
  .sanctuary-stage { gap:0; }
  .sanctuary-stage__screen { min-height:380px; }
  .os-stage__copy { padding:32px 24px; }
  .os-stage__screen { min-height:280px; }
  .camera-card--visual>img { height:auto; aspect-ratio:1; }
  .sales-hero { padding-top:20px; }
  .sales-brand { width:68px; }
  .sales-hero__grid { display:grid; grid-template-columns:1fr; gap:0; }
  .sales-hero__copy { display:contents; }
  .sales-hero__copy>.sales-label { order:0; margin:20px 0 12px; }
  .sales-hero__copy>.hero-positioning { order:1; margin-bottom:16px; }
  .sales-hero__copy>h1 { order:2; }
  .sales-hero__copy>.sales-hero__lede { order:4; margin-top:0; }
  .sales-hero__copy>.sales-offer { order:5; margin-bottom:28px; }
  .sales-hero h1 { font-size:clamp(52px,13vw,76px); }
  .sales-hero__lede { font-size:17px; }
  .sales-offer { grid-template-columns:1fr; gap:14px; }
  .sales-offer__price strong { font-size:43px; }
  .sales-hero__visual { order:3; display:flex; align-items:center; justify-content:center; width:100%; height:265px; min-height:0; aspect-ratio:auto; margin-top:0; overflow:visible; }
  .sales-hero__visual>img { position:static; width:320px; max-width:100%; height:auto; transform:none; }
  .sales-hero__caption { display:none; }
  .proof-strip { grid-template-columns:1fr 1fr; margin-inline:0; }
  .proof-strip span { font-size:11px; padding-inline:10px; }
  .proof-strip span:last-child { grid-column:1/-1; border-top:1px solid var(--line); }
  .conversion-assurances { display:flex; }
  .sales-intro h2 { font-size:44px; }
  .sales-feature, .os-sales, .trust-sales, .final-sale, .safety-stage { grid-template-columns:1fr; gap:36px; }
  .sales-feature { padding-block:64px; }
  .sales-feature__visual { order:1; }
  .sales-feature h2, .privacy-stage h2, .os-sales h2, .camera-sales h2, .backplate-sales h2, .details-sales h2, .trust-sales h2, .faq-sales h2, .specs-sales h2, .final-sale h2, .safety-page h1 { font-size:clamp(36px,9.5vw,48px); }
  .privacy-stage__head, .camera-sales__head, .backplate-sales--early .backplate-sales__head { display:block; }
  .privacy-stage__head .sales-label, .camera-sales__head .sales-label, .backplate-sales--early .backplate-sales__head .sales-label { margin-bottom:16px; }
  .privacy-stage__head>p:last-child, .camera-sales__head>p:last-child, .backplate-sales--early .backplate-sales__head>p:last-child { margin-top:24px; }
  .privacy-stage__grid { grid-template-columns:1fr; }
  .privacy-stage article { min-height:0; }
  .privacy-stage article h3 { font-size:29px; }
  .os-sales__screen { width:240px; }
  .camera-sales__grid, .backplate-sales__grid, .details-sales__grid { grid-template-columns:1fr; margin-inline:0; padding-right:0; gap:24px; }
  .backplate-sales--early article img { height:auto; }
  .camera-sales article h3, .backplate-sales article h3, .details-sales article h3 { font-size:29px; margin-inline:24px; }
  .camera-sales article p, .backplate-sales article p, .details-sales article p { margin-inline:24px; }
  .mid-offer { grid-template-columns:1fr; padding-block:64px; gap:32px; }
  .mid-offer h2 { font-size:42px; }
  .mid-offer__buy { width:100%; }
  .specs-sales { grid-template-columns:1fr; gap:32px; }
  .final-sale__visual { order:1; }
  .sticky-reserve { left:12px; right:12px; bottom:max(12px,env(safe-area-inset-bottom)); top:auto; max-width:none; gap:12px; }
  .sticky-reserve .sales-button { min-height:46px; }
  .safety-stage__visual { order:0; }
  .sales-footer { padding-bottom:110px; }
}
