@font-face{font-family:Anton;src:url('/assets/fonts/anton.woff2') format('woff2');font-weight:400;font-display:swap}
:root{color-scheme:light;--paper:#f3eddf;--ink:#191916;--muted:#655e55;--rule:#d3cabb;--accent:#c42c10;--on-accent:#fff9ee;--panel:#fff9ef;--hover:#e8dfcf;--focus:#b12811;--surface:none}
body{background:var(--paper)}body::before{display:none}
h1,h2,.wordmark{font-family:Anton,Plex,sans-serif;font-weight:400;letter-spacing:-.025em}
.site-header{background:#10100f;color:#f3eddf;width:100%;max-width:none;padding:0 max(32px,calc((100% - 1200px)/2));min-height:90px;border:0;gap:32px}
.wordmark{font-size:31px;letter-spacing:.015em}.wordmark span{display:none}
.project-nav a{font-size:16px}.project-nav a:hover,.project-nav a[aria-current]{color:#ff6542;text-decoration-color:#ff6542}
.site-menu>summary{font-size:16px;min-width:48px}.menu-panel{top:74px;right:max(24px,calc((100% - 1200px)/2));background:#242320;border-color:#454139;color:#f3eddf;border-radius:8px}.menu-panel a:hover{background:#38342e;color:#fff}
.site-header a:focus-visible,.site-header summary:focus-visible{outline-color:#ff6542}
.button{background:#c42c10;border-color:#c42c10;color:#fff9ee;border-radius:40px;min-height:50px;padding:13px 27px;font-family:Anton,Plex,sans-serif;font-size:17px;letter-spacing:.08em;font-weight:400;text-transform:uppercase;box-shadow:none}
.button:hover{background:#a7240c;box-shadow:none}.eyebrow{font-size:11px;letter-spacing:.16em;font-weight:500}
.cinema-home>section{border:0}.cinema-hero{background:#10100f;color:#f3eddf;position:relative;isolation:isolate;min-height:710px;max-height:900px;padding:45px max(32px,calc((100% - 1200px)/2)) 38px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}
.hero-copy{position:relative;z-index:2;pointer-events:none;max-width:780px}.hero-copy .eyebrow{color:#c6baab;margin-bottom:20px}.hero-copy h1{font-size:clamp(94px,11vw,160px);line-height:.99;letter-spacing:-.025em}.hero-tagline{font-size:clamp(22px,2.5vw,32px);line-height:1.3;margin-top:21px;max-width:350px}
.cinema-hero>.motion-scene{position:absolute;right:0;top:0;bottom:0;width:57%;margin:0;z-index:-1;background:#10100f}
.motion-scene{position:relative;background:#10100f;overflow:hidden}.ambient-video{display:block;width:100%;height:100%;object-fit:cover}.motion-toggle{position:absolute;right:18px;bottom:35px;z-index:3;border:1px solid #ffffff65;background:#10100feb;color:#fff8ec;border-radius:24px;padding:9px 15px;min-height:44px;font-size:12px;cursor:pointer}.motion-scene figcaption{position:absolute;bottom:9px;left:18px;right:18px;font-size:10px;line-height:1.3;color:#fff8ec;text-shadow:0 1px 4px #000;margin:0;pointer-events:none}
.hero-action{position:relative;z-index:2;margin-top:50px;width:fit-content}.hero-action .button{background:#ff4b21;border-color:#ff4b21;color:#10100f;min-width:240px}.hero-action .button:hover{background:#ff714f}.hero-action .eyebrow{color:#e2d5c1;margin:15px 0 8px}.hero-secondary{display:inline-flex;align-items:center;min-height:44px;font-size:14px;color:#f3eddf}.hero-secondary:hover{color:#ff795c}
.matrix-feature{padding:65px max(32px,calc((100% - 1200px)/2));display:grid;grid-template-columns:.9fr 1.1fr;gap:50px;align-items:center}.matrix-feature h2{font-size:clamp(55px,7vw,100px);line-height:1}.matrix-feature .status{color:#a92c15;font-size:12px;text-transform:uppercase;letter-spacing:.16em;margin-top:15px}.matrix-feature-copy>p:not(.eyebrow):not(.status){font-size:21px;max-width:350px;line-height:1.45;margin:24px 0}.matrix-feature .button{background:#191916;border-color:#191916}.matrix-feature .motion-scene{height:420px;border-radius:3px}.matrix-feature .ambient-video{object-position:center 34%}
.home-films{padding-block:45px 60px!important}.section-heading h2{font-size:42px}.section-heading>p:last-child:not(.eyebrow){margin-top:15px;color:var(--muted);font-size:16px}
.film{max-width:690px}.film video{width:100%;max-height:620px;aspect-ratio:9/12;object-fit:contain;background:#10100f;border-radius:5px;display:block}.film h3{font-size:22px;margin-top:18px}.film p{font-size:14px;color:var(--muted);margin-top:8px;max-width:530px}.home-films{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.home-films h2{font-size:75px}.home-films .film video{max-height:520px}
.home-lower{padding-bottom:30px}.site-footer{padding-block:36px}.site-footer .wordmark{font-size:25px;letter-spacing:.03em}.site-footer nav a{font-size:13px}
main.wrap:has(.cinema-product){width:100%;max-width:none}main.wrap:has(.cinema-product)>:not(.cinema-product){width:calc(100% - 80px);max-width:1120px;margin-inline:auto}
.cinema-product{color:#f3eddf;background:#10100f;padding:45px max(32px,calc((100% - 1120px)/2)) 45px!important;gap:65px;min-height:580px}
.cinema-product h1{font-size:clamp(75px,8vw,112px);line-height:1.1;margin-bottom:23px}.cinema-product .eyebrow{color:#fb795a}.cinema-product .intro{color:#eee2d1;font-size:21px}.cinema-product .meta,.cinema-product figcaption{color:#c7bcaa}.cinema-product .text-link{color:#eee2d1;text-decoration-color:#a99a87}.cinema-product .button{background:#ff4b21;border-color:#ff4b21;color:#10100f}.cinema-product .motion-scene{height:450px}.cinema-product .product-hero-photo img{height:410px;border-radius:4px}.cinema-product .actions{gap:15px 24px}
.demo-section{padding-block:48px}.demo-section>.film{margin:0 auto}.youtube-archive{margin-top:30px}.film-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.film-grid .film video{max-height:380px}.film-grid .film h3{font-size:20px}.film-grid .film p{font-size:14px}.explore-row>summary>span{font-family:Plex,Arial,sans-serif;font-size:23px;font-weight:500}.explore-row>section>.section-heading>h2,.explore-row>section>h2{font-size:35px}.explore-row>summary::after{background-color:var(--accent)}
.next-section h2{font-size:36px;font-weight:400}.page-intro h1{font-size:72px}.page-intro{padding-bottom:35px}.entry h3{letter-spacing:-.02em}.entry-meta{color:#a92c15}
.motion-reveal{opacity:1;transform:none}.motion-ready .motion-reveal:not(.is-visible){opacity:0;transform:translateY(16px)}.motion-ready .motion-reveal{transition:opacity .55s ease,transform .55s ease}
@media(min-width:1600px){.cinema-hero>.motion-scene{width:52%}}
@media(max-width:760px){
 .site-header{padding:12px 20px 4px;min-height:96px;gap:0}.wordmark{font-size:25px}.project-nav{gap:24px}.project-nav a{font-size:14px;min-height:44px}.site-menu>summary{font-size:15px}.menu-panel{top:55px;right:20px;width:calc(100% - 40px)}
 .cinema-hero{padding:21px 20px 25px;min-height:640px;max-height:none;justify-content:space-between}.hero-copy .eyebrow{font-size:9px;margin-bottom:15px}.hero-copy h1{font-size:clamp(76px,21vw,108px);line-height:1}.hero-tagline{font-size:22px;line-height:1.25;margin-top:15px;max-width:260px}.cinema-hero>.motion-scene{top:225px;bottom:0;width:100%;height:auto}.cinema-hero>.motion-scene .ambient-video{object-position:center 44%}.hero-action{margin-top:235px}.hero-action .button{font-size:15px;min-width:208px;min-height:49px;padding:12px 22px}.hero-action .eyebrow{font-size:9px;margin:12px 0 0}.hero-secondary{font-size:12px}.cinema-hero .motion-toggle{right:15px;bottom:32px;font-size:11px;padding:8px 11px;min-height:44px}.cinema-hero .motion-scene figcaption{font-size:8px;bottom:6px;left:20px;right:15px;text-align:right}.hero-copy .hero-tagline{background:#10100f;width:fit-content;padding:0 12px 9px 0}
 .matrix-feature{padding:38px 20px!important;display:flex;flex-direction:column;gap:25px;align-items:stretch}.matrix-feature h2{font-size:58px}.matrix-feature-copy .eyebrow{font-size:9px;margin-bottom:13px}.matrix-feature .status{font-size:10px;margin-top:12px}.matrix-feature-copy>p:not(.eyebrow):not(.status){font-size:18px;margin:17px 0 20px;max-width:300px}.matrix-feature .motion-scene{height:290px;order:0}.matrix-feature .button{min-height:48px;font-size:15px}.matrix-feature .ambient-video{object-position:center 31%}
 .home-films{display:block;padding-block:18px 35px!important}.home-films h2{font-size:51px}.home-films .film video{max-height:450px}.section-heading h2{font-size:37px}.film h3{font-size:21px}.home-lower{padding-bottom:20px}.site-footer{padding-block:28px}
 main.wrap:has(.cinema-product)>:not(.cinema-product){width:calc(100% - 40px)}.cinema-product{padding:25px 20px 30px!important;gap:27px;min-height:0}.cinema-product h1{font-size:70px!important;margin-bottom:18px}.cinema-product .intro{font-size:18px;line-height:1.5}.cinema-product .eyebrow{font-size:10px}.cinema-product .product-hero-photo img{height:265px}.cinema-product .motion-scene{height:330px}.cinema-product .meta{font-size:12px}.cinema-product .button{font-size:14px;min-height:48px;padding:12px 22px}.cinema-product .text-link{font-size:14px}.cinema-product .actions{gap:12px 20px}.demo-section{padding-block:34px}.film video{max-height:490px}.film-grid{display:block}.film-grid .film+.film{margin-top:30px}.film-grid .film video{max-height:420px}.explore-row>summary>span{font-size:21px}.next-section h2{font-size:33px}.page-intro h1{font-size:56px}
}
@media(prefers-reduced-motion:reduce){.motion-ready .motion-reveal:not(.is-visible){opacity:1;transform:none}.motion-ready .motion-reveal{transition:none}.button,.project-photo img{transition:none}.project-photo:hover img{transform:none}}
.hero-copy h1 span{white-space:nowrap}
@media(max-width:760px){.hero-copy h1 span{font-size:clamp(62px,17.8vw,100px)}.cinema-hero{min-height:585px}.cinema-hero>.motion-scene{top:190px}.hero-action{margin-top:195px}}
.film-player{position:relative}.film-start{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid #fff5;background:#10100fe8;color:#fff7e8;border-radius:40px;min-height:52px;min-width:120px;padding:12px 24px;font-size:16px}.film-start:hover{background:#c42c10}.film-direct{font-size:13px;display:inline-flex;align-items:center;min-height:44px;margin-top:3px}.cinema-hero .motion-scene figcaption{font-size:10px}
/* Video compositing: soften source boundaries while preserving the real footage. */
.cinema-hero{min-height:760px;height:calc(100svh - 90px);max-height:980px;padding:50px 6vw 50px;background:#10100f}
.cinema-hero>.motion-scene{width:78%;right:-3%;top:-70px;bottom:-40px;isolation:isolate;background:transparent}
.cinema-hero .ambient-video{object-position:center 43%;mask-image:linear-gradient(90deg,transparent 0%,#000 29%,#000 94%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 29%,#000 94%,transparent 100%)}
.cinema-hero>.motion-scene::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#10100f 0%,transparent 19%,transparent 64%,#10100f 97%);z-index:1}
.hero-copy{max-width:1000px}.hero-copy h1{font-size:clamp(120px,14.6vw,230px);line-height:.93;letter-spacing:-.04em}.hero-copy .eyebrow{margin-bottom:28px}.hero-tagline{font-size:25px;margin-top:28px;text-shadow:0 2px 18px #10100f}
.hero-action{margin-top:28px}.hero-index{position:absolute;right:6vw;bottom:55px;color:#c6baab;font-size:11px;letter-spacing:.16em;text-transform:uppercase}.cinema-hero .motion-toggle{right:10%;bottom:135px}.cinema-hero .motion-scene figcaption{right:10%;bottom:114px;left:auto;z-index:2}
.matrix-feature{position:relative;isolation:isolate;overflow:hidden;min-height:680px;background:#10100f;color:#f3eddf;padding:110px 6vw!important;display:flex;align-items:center}
.matrix-feature-copy{position:relative;z-index:2;max-width:610px}.matrix-feature h2{font-size:clamp(66px,7.6vw,116px);line-height:1.05;letter-spacing:-.025em}.matrix-feature .eyebrow{color:#c6baab}.matrix-feature .status{color:#ff795c}.matrix-feature-copy>p:not(.eyebrow):not(.status){font-size:20px;max-width:330px}.matrix-feature .button{background:#f3eddf;color:#10100f;border-color:#f3eddf}
.matrix-feature>.motion-scene{position:absolute;z-index:-1;right:-2%;top:0;bottom:0;width:75%;height:auto;background:transparent;border-radius:0}.matrix-feature .ambient-video{object-position:center 38%;mask-image:linear-gradient(90deg,transparent,#000 40%,#000 88%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 40%,#000 88%,transparent)}
.matrix-feature>.motion-scene::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#10100f,transparent 24%,transparent 60%,#10100f)}.matrix-feature .motion-toggle{right:10%;bottom:64px}.matrix-feature figcaption{right:10%;bottom:43px;left:auto;z-index:2}
.home-films{display:block;max-width:1280px;padding-block:100px!important}.home-films .section-heading{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:12px 40px;margin-bottom:45px}.home-films .section-heading .eyebrow{width:100%}.home-films h2{font-size:clamp(56px,6vw,88px);line-height:1.1}.home-films .section-heading>p:last-child{max-width:320px;margin-bottom:4px}.home-film-grid{display:grid;grid-template-columns:1fr 1.16fr 1fr;gap:32px;align-items:start}.home-film-grid>.film:nth-child(2){margin-top:68px}.home-film-grid>.film:nth-child(3){margin-top:136px}
.film{min-width:0}.film-player{overflow:hidden;border-radius:2px;background:transparent}.film video,.home-films .film video,.film-grid .film video{height:auto;max-height:none;aspect-ratio:9/16;object-fit:contain;border-radius:0;background:transparent}.film-player:has(video:not([controls])){cursor:pointer}.film-start{backdrop-filter:blur(12px);background:#10100fba;border-color:#fff8;min-width:130px;transition:background .2s ease,scale .2s ease}.film-start:hover{scale:1.04}.film h3{font-size:21px;line-height:1.3}.film-direct{color:var(--muted)}
.cinema-product{position:relative;isolation:isolate;overflow:hidden;min-height:700px;padding:100px 6vw!important;display:flex;align-items:center}.cinema-product .product-hero-copy{position:relative;z-index:2;max-width:520px}.cinema-product h1{font-size:clamp(85px,10vw,155px);letter-spacing:-.025em}.cinema-product .intro{max-width:410px}.cinema-product>.motion-scene{position:absolute;z-index:-1;right:0;top:0;bottom:0;width:70%;height:auto;background:transparent}.cinema-product .ambient-video{object-position:center 42%;mask-image:linear-gradient(90deg,transparent,#000 42%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 42%)}.cinema-product>.motion-scene::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#10100f,transparent 18%,transparent 66%,#10100f);pointer-events:none}.cinema-product .motion-toggle{bottom:45px;right:6vw}.cinema-product .motion-scene figcaption{bottom:22px;right:6vw;left:auto;z-index:2}
.pulse-stage{background:var(--paper);color:var(--ink)}.pulse-stage .eyebrow{color:#a92c15}.pulse-stage .intro,.pulse-stage .text-link{color:var(--ink)}.pulse-stage .meta{color:var(--muted)}.pulse-stage>.motion-scene{mix-blend-mode:multiply}.pulse-stage>.motion-scene::after{background:linear-gradient(180deg,var(--paper),transparent 20%,transparent 65%,var(--paper))}.pulse-stage .motion-scene figcaption{color:#191916;text-shadow:none}
.primary-films{gap:40px}.demo-section>.film{max-width:400px}.demo-section .section-heading{margin-bottom:35px}.demo-section>.film-grid{margin-top:30px}
@media(min-width:1600px){.cinema-hero>.motion-scene{width:76%}}
@media(max-width:1000px) and (min-width:761px){.hero-copy h1{font-size:15vw}.matrix-feature h2{font-size:8vw}.cinema-product .product-hero-copy{max-width:420px}.home-film-grid{gap:20px}.cinema-product .intro{max-width:330px}}
@media(max-width:760px){
 .cinema-hero{height:auto;min-height:650px;max-height:none;padding:22px 20px 36px}.hero-copy h1{font-size:22vw;line-height:.96}.hero-copy h1 span{font-size:18.1vw}.hero-copy .eyebrow{margin-bottom:20px}.hero-copy .hero-tagline{background:transparent;padding:0;font-size:21px;max-width:240px;text-shadow:0 2px 14px #000,0 2px 6px #000}.cinema-hero>.motion-scene{width:100%;right:0;top:120px;bottom:0}.cinema-hero .ambient-video{object-position:center 42%;mask-image:linear-gradient(180deg,transparent,#000 21%,#000 68%,transparent 99%);-webkit-mask-image:linear-gradient(180deg,transparent,#000 21%,#000 68%,transparent 99%)}.cinema-hero>.motion-scene::after{background:#10100f12}.hero-action{margin-top:250px}.hero-index{display:none}.cinema-hero .motion-toggle{right:20px;bottom:39px}.cinema-hero .motion-scene figcaption{right:20px;bottom:17px;font-size:9px}
 .matrix-feature{min-height:730px;padding:32px 20px 380px!important;display:block}.matrix-feature-copy{max-width:none}.matrix-feature h2{font-size:15vw;line-height:1.06}.matrix-feature-copy>p:not(.eyebrow):not(.status){font-size:18px;max-width:290px;margin-block:18px}.matrix-feature>.motion-scene{width:100%;right:0;top:295px;bottom:0}.matrix-feature .ambient-video{object-position:center 38%;mask-image:linear-gradient(180deg,transparent,#000 24%,#000 68%,transparent);-webkit-mask-image:linear-gradient(180deg,transparent,#000 24%,#000 68%,transparent)}.matrix-feature>.motion-scene::after{display:none}.matrix-feature .motion-toggle{right:20px;bottom:50px}.matrix-feature figcaption{right:20px;bottom:27px;font-size:9px}
 .home-films{padding-block:50px!important}.home-films .section-heading{display:block;margin-bottom:28px}.home-films h2{font-size:51px}.home-films .section-heading>p:last-child{font-size:16px;margin-top:18px}.home-film-grid{display:grid;grid-template-columns:repeat(3,minmax(235px,75vw));gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:20px}.home-film-grid>.film:nth-child(n){margin-top:0;scroll-snap-align:start}.home-film-grid .film h3{font-size:20px}.home-film-grid .film video{max-height:440px}
 .cinema-product{min-height:850px;display:block;padding:35px 20px 430px!important}.cinema-product h1{font-size:70px!important}.cinema-product .product-hero-copy{max-width:none}.cinema-product .intro{font-size:18px;max-width:350px}.cinema-product>.motion-scene{width:100%;top:320px;bottom:0;right:0;height:auto}.cinema-product .ambient-video{object-position:center 40%;mask-image:linear-gradient(180deg,transparent,#000 24%,#000 72%,transparent);-webkit-mask-image:linear-gradient(180deg,transparent,#000 24%,#000 72%,transparent)}.cinema-product>.motion-scene::after{display:none}.cinema-product .motion-toggle{right:20px;bottom:38px}.cinema-product .motion-scene figcaption{right:20px;bottom:16px;font-size:9px}.primary-films{display:grid;grid-template-columns:1fr;gap:36px}.film-grid .film video{max-height:560px}.demo-section>.film{max-width:350px}
}
@media(prefers-reduced-motion:reduce){.film-start{transition:none}}
/* Keep source subjects intact and soften the header/hero join. */
.cinema-hero>.motion-scene{top:0;bottom:0}.cinema-hero .motion-toggle{bottom:125px}.cinema-hero .motion-scene figcaption{bottom:103px}.hero-index{bottom:32px}
@media(min-width:761px){.matrix-feature-copy{max-width:650px}.matrix-feature h2{font-size:clamp(60px,6.4vw,100px)}.pulse-stage>.motion-scene{width:47%;right:3%;top:25px;bottom:25px;display:flex;justify-content:center;mix-blend-mode:normal}.pulse-stage .ambient-video{width:auto;max-width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;mask-image:linear-gradient(180deg,transparent,#000 12%,#000 84%,transparent);-webkit-mask-image:linear-gradient(180deg,transparent,#000 12%,#000 84%,transparent)}.pulse-stage>.motion-scene::after{display:none}}
@media(max-width:760px){.cinema-hero>.motion-scene{top:120px}.cinema-hero .motion-toggle{bottom:39px}.cinema-hero .motion-scene figcaption{bottom:17px}.pulse-stage>.motion-scene{mix-blend-mode:normal}.pulse-stage .ambient-video{mix-blend-mode:multiply}}
.pulse-stage .ambient-video{mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent),linear-gradient(180deg,transparent,#000 16%,#000 78%,transparent);mask-composite:intersect;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent),linear-gradient(180deg,transparent,#000 16%,#000 78%,transparent);-webkit-mask-composite:source-in}
@media(max-width:760px){.matrix-feature h2{font-size:13vw}.matrix-feature{min-height:700px}.matrix-feature>.motion-scene{top:255px}.matrix-feature-copy>p:not(.eyebrow):not(.status){max-width:260px}}
/* The story continues: visible choices, evidence and a next step in every chapter. */
.project-proof{padding:60px 6vw;display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:30px 60px;align-items:center;border-bottom:1px solid var(--rule)}.project-proof h2{font-size:44px;line-height:1.08}.project-proof .eyebrow{margin-bottom:15px}.proof-stat{display:flex;flex-direction:column;text-decoration:none;align-items:flex-start}.proof-stat strong{font-family:Anton,Plex,sans-serif;font-size:82px;font-weight:400;line-height:1.1;letter-spacing:-.03em;color:#a92c15}.proof-stat span{font-size:17px;margin-top:8px}.proof-stat small{font-size:11px;color:var(--muted);margin-top:6px}.proof-stat:hover strong{color:#191916}.proof-link{grid-column:2/4;font-size:14px;width:fit-content;min-height:44px;display:flex;align-items:center}.hero-repo{display:block;font-size:14px;margin-top:20px;width:fit-content;text-decoration-thickness:1px}.hero-repo small{display:block;font-size:10px;margin-top:5px;color:var(--muted)}
.build-chapter{padding:95px 6vw;display:grid;grid-template-columns:1fr 1fr;gap:45px 70px}.chapter-copy h2{font-size:clamp(60px,7vw,104px);line-height:1.04;margin:20px 0 28px}.chapter-copy>p:not(.eyebrow){font-size:19px;max-width:440px;margin-top:16px}.chapter-copy .chapter-note{font-size:13px!important;color:var(--muted)}.build-chapter figure{align-self:center}.build-chapter figure img{width:100%;height:auto;mix-blend-mode:multiply}.build-chapter figcaption{font-size:11px;max-width:450px;line-height:1.6}.build-path{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:40px;list-style:none;padding:45px 0 0;margin:0;border-top:1px solid var(--rule)}.build-path span{font-family:Anton,Plex,sans-serif;color:#a92c15;font-size:36px}.build-path h3{font-size:24px;line-height:1.25;margin:16px 0 12px}.build-path p{font-size:16px;line-height:1.6;color:var(--muted);max-width:320px}.build-path a{display:inline-flex;align-items:center;min-height:44px;font-size:15px;margin-top:12px}.chapter-nav{display:flex;flex-wrap:wrap;gap:10px 32px;padding:20px 0;border-bottom:1px solid var(--rule)}.chapter-nav a{min-height:44px;display:flex;align-items:center;font-size:14px;text-decoration:none}.chapter-nav a:hover{color:#a92c15;text-decoration:underline}.story-chapter{padding-block:75px}.story-chapter .section-heading h2{font-size:clamp(45px,5.3vw,76px);line-height:1.08;max-width:850px}.story-chapter .section-heading .intro{font-size:19px;line-height:1.6}.story-chapter .section-heading{margin-bottom:42px}
main.wrap:has(.cinema-product)>.project-proof{width:100%;max-width:none;padding-inline:6vw}main.wrap:has(.cinema-product)>#apps{width:100%;max-width:none;background:#10100f;color:#f3eddf;padding:80px 6vw;border:none}#apps .feature-grid{gap:55px;margin-top:55px}#apps .feature-grid img{width:100%;max-width:260px;border-radius:12px}#apps .feature-grid h3{font-size:25px}#apps .feature-grid p,#apps .caption{color:#c6baab}#apps .disclosure{border-color:#48443d}#apps .disclosure>summary{color:#f3eddf}#apps .extra-features p{color:#c6baab}#apps .extra-features a{color:#ff795c}
.board-list{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:26px;align-items:start}.board-row{background:#eae2d4;border:0!important;border-radius:3px;overflow:hidden}.board-row>summary{display:grid;grid-template-columns:150px 1fr;gap:20px;padding:20px 42px 20px 14px;position:relative;min-height:195px}.board-row>summary::after{position:absolute;right:16px;bottom:24px}.board-row .board-product{width:150px;height:130px;object-fit:contain;mix-blend-mode:multiply}.board-row>summary>span{font-family:Anton,Plex,sans-serif;font-size:29px;line-height:1.15}.board-row summary small{font-family:Plex,sans-serif;font-size:11px;font-weight:400;line-height:1.5;letter-spacing:.02em;margin-top:10px}.board-details-label{display:block;font-family:Plex,sans-serif;font-size:12px;font-style:normal;text-decoration:underline;margin-top:20px}.board-body{display:block;padding:0 24px 25px}.board-body figure{margin-bottom:22px}.board-body img{width:100%;height:240px;object-fit:contain;object-position:center}.board-body p{font-size:15px}.board-body .board-part{font-size:12px;overflow-wrap:anywhere}.board-actions{display:flex;flex-wrap:wrap;gap:10px}.board-actions a{font-size:13px;min-height:44px;display:inline-flex;align-items:center}.product-credit{font-size:12px;color:var(--muted);max-width:780px;line-height:1.6}.chapter-next{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid var(--rule);margin-top:38px;padding-top:30px}.chapter-next p{font-size:22px}.setup-steps{gap:40px}.setup-steps h3{font-size:25px}.setup-steps p{font-size:16px}.setup-instructions>summary{font-size:18px}.vibecoding-chapter{border-top:1px solid var(--rule)}
.decision-end{padding:80px 6vw;background:#10100f;color:#f3eddf}.decision-end h2{font-size:clamp(55px,7vw,100px);line-height:1.1;margin:20px 0}.decision-end>p:not(.eyebrow){font-size:19px;max-width:620px;color:#c6baab}.decision-end .button{background:#ff4b21;color:#10100f;border-color:#ff4b21}.decision-end .text-link{color:#f3eddf}main.wrap:has(.cinema-product)>.decision-end{width:100%;max-width:none}.matrix-overview .build-path{padding-top:30px}.matrix-overview .actions{margin-top:40px}.home-lower{padding-top:40px}
@media(max-width:1000px) and (min-width:761px){.board-row>summary{grid-template-columns:110px 1fr;gap:10px}.board-row .board-product{width:110px}.board-row>summary>span{font-size:24px}.build-chapter{gap:35px}.project-proof{gap:25px}.proof-stat strong{font-size:68px}}
@media(max-width:760px){.project-proof{padding:38px 20px;grid-template-columns:1fr 1fr;gap:25px 18px}.project-proof>div{grid-column:1/-1}.project-proof h2{font-size:41px}.proof-stat strong{font-size:62px}.proof-stat span{font-size:14px}.proof-stat small{font-size:10px;max-width:150px;line-height:1.5}.proof-link{grid-column:1/-1;font-size:14px}.build-chapter{padding:45px 20px;display:flex;flex-direction:column;gap:26px}.chapter-copy h2{font-size:58px;margin:18px 0 24px}.chapter-copy>p:not(.eyebrow){font-size:17px}.build-chapter figure img{max-height:300px;object-fit:contain}.build-path{display:block;padding-top:28px}.build-path li,.build-path article{display:grid;grid-template-columns:44px 1fr;column-gap:16px}.build-path li+li,.build-path article+article{margin-top:30px}.build-path span{grid-row:1/4;font-size:28px}.build-path h3{font-size:22px;margin:0 0 9px}.build-path p{font-size:15px}.build-path a{grid-column:2;margin-top:8px}.chapter-nav{gap:0 20px;padding-block:15px}.chapter-nav a{font-size:13px}.story-chapter{padding-block:45px}.story-chapter .section-heading h2{font-size:43px}.story-chapter .section-heading .intro{font-size:17px}.story-chapter .section-heading{margin-bottom:28px}main.wrap:has(.cinema-product)>.project-proof{padding:38px 20px}main.wrap:has(.cinema-product)>#apps{padding:45px 20px}#apps .feature-grid{gap:32px;margin-top:32px}#apps .feature-grid img{width:100px}#apps .feature-grid h3{font-size:21px}#apps .feature-grid p{font-size:15px}.board-list{grid-template-columns:1fr;gap:14px}.board-row>summary{grid-template-columns:110px 1fr;gap:15px;padding:15px 35px 15px 8px;min-height:165px}.board-row .board-product{width:110px;height:120px}.board-row>summary>span{font-size:25px}.board-row summary small{font-size:11px}.board-details-label{margin-top:13px}.board-body{padding:0 18px 20px}.board-body img{height:210px}.chapter-next{display:block}.chapter-next p{font-size:20px;margin-bottom:18px}.setup-steps h3{font-size:22px}.setup-steps p{font-size:15px}.decision-end{padding:45px 20px}.decision-end h2{font-size:51px}.decision-end>p:not(.eyebrow){font-size:17px}.hero-repo{font-size:12px;max-width:260px}.hero-repo small{font-size:9px}.pulse-stage{min-height:920px}.pulse-stage>.motion-scene{top:395px}.matrix-overview .actions{margin-top:28px}}
.board-list .board-row>summary{display:grid;grid-template-columns:160px 1fr;gap:20px;padding:20px 42px 20px 14px;min-height:195px;line-height:1.15}.board-list .board-row>summary::after{top:auto;right:16px;bottom:24px}.board-row .board-product{width:160px;height:150px;object-fit:cover}.board-list .board-row[open]>summary{color:var(--ink)}
@media(max-width:1000px) and (min-width:761px){.board-list .board-row>summary{grid-template-columns:110px 1fr;gap:10px}.board-row .board-product{width:110px;height:130px}}
@media(max-width:760px){.board-list .board-row>summary{grid-template-columns:115px 1fr;gap:15px;padding:15px 30px 15px 5px;min-height:165px}.board-row .board-product{width:115px;height:140px}.board-list .board-row>summary::after{right:12px;bottom:18px}}
/* Final polish: one content rail, a calmer spacing rhythm and restrained movement. */
:root{--page-gutter:clamp(20px,6vw,120px);--content-max:1280px;--page-rail:max(var(--page-gutter),calc((100% - var(--content-max))/2));--section-space:clamp(48px,6vw,80px)}
.wrap{width:calc(100% - 2*var(--page-gutter));max-width:var(--content-max)}
.site-header{width:100%;max-width:none;padding-inline:var(--page-rail)}
main.wrap:has(.cinema-product){width:100%;max-width:none}
main.wrap:has(.cinema-product)>:not(.cinema-product){width:calc(100% - 2*var(--page-gutter));max-width:var(--content-max)}
.build-chapter,.project-proof,.decision-end{padding-inline:var(--page-rail)}
.build-chapter{padding-block:var(--section-space)}.home-films{padding-block:var(--section-space)!important}.story-chapter{padding-block:var(--section-space)}
main.wrap:has(.cinema-product)>.project-proof,main.wrap:has(.cinema-product)>#apps,main.wrap:has(.cinema-product)>.decision-end{width:100%;max-width:none;padding-inline:var(--page-rail)}
main.wrap:has(.cinema-product)>#apps{padding-block:var(--section-space)}
.cinema-home>.project-proof{position:relative;margin-top:-18px;border-radius:24px 24px 0 0;background:var(--paper);padding-top:56px}
.matrix-overview{position:relative}.decision-end{border-radius:24px;padding-block:var(--section-space)}
.project-proof{row-gap:18px}.proof-stat small{font-size:12px;line-height:1.5}.proof-link{margin-top:-8px}.build-chapter figcaption{font-size:12px}.build-path{padding-top:36px}.build-path a{margin-top:8px}
.film video,.home-films .film video,.film-grid .film video{aspect-ratio:var(--film-aspect,9/16)}
.demo-section{padding-block:var(--section-space)}.demo-section .section-heading{margin-bottom:30px}.setup-instructions+.meta{margin-top:20px}.product-credit{margin-top:20px}
.build-log-strip{padding:28px 0;display:flex;flex-wrap:wrap;align-items:center;gap:12px 28px;border:0}.build-log-strip h2{font-family:Plex,sans-serif;font-size:19px;font-weight:500;letter-spacing:0}.build-log-strip>.text-link{margin-left:auto}.build-log-strip .archive-fallback{flex-basis:100%;max-width:none;margin-top:0}.build-log-strip .archive-fallback a{display:inline-flex;align-items:center;min-height:44px;margin-right:24px;font-size:13px}
.site-footer{padding-block:32px}.home-lower{padding-top:24px;padding-bottom:24px}.site-footer nav a{text-underline-offset:4px}.text-link,.proof-link,.film-direct{text-underline-offset:4px;text-decoration-thickness:1px}
.motion-ready .motion-reveal{transition:opacity .4s ease,transform .4s cubic-bezier(.2,.7,.2,1)}.motion-ready .motion-reveal:not(.is-visible){transform:translateY(10px)}.motion-ready .motion-reveal:focus-within{opacity:1;transform:none}.matrix-feature-copy.motion-reveal{transition:opacity .55s ease,transform .55s ease}.matrix-feature-copy.motion-reveal:not(.is-visible){transform:translateY(16px)}
.cinema-hero :focus-visible,.matrix-feature :focus-visible,.cinema-product:not(.pulse-stage) :focus-visible,#apps :focus-visible,.decision-end :focus-visible{outline-color:#ff9678}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.board-row{transition:background-color .2s ease}.board-row:hover{background:#e3d9c8}.chapter-nav a,.text-link,.proof-link{transition:color .18s ease}}
@media(max-width:760px){:root{--page-gutter:20px;--section-space:44px}.site-header{padding-inline:20px}.build-chapter,.project-proof,.decision-end{padding-inline:20px}.cinema-home>.project-proof{padding-top:38px;border-radius:20px 20px 0 0}.decision-end{border-radius:20px}.project-proof{gap:24px 18px}.proof-stat small{font-size:11px;max-width:155px}.proof-link{margin-top:0}.build-path{padding-top:26px}.build-path li+li{margin-top:26px}.build-chapter figcaption{font-size:11px}.build-log-strip{gap:8px 18px;padding:24px 0}.build-log-strip h2{font-size:18px}.build-log-strip>.text-link{margin-left:0}.build-log-strip .archive-fallback a{display:flex;margin:0}.home-lower{padding-block:20px}.site-footer{padding-block:26px}.chapter-nav{gap:0 20px}}
@media(prefers-reduced-motion:reduce){.motion-ready .motion-reveal,.matrix-feature-copy.motion-reveal{transition:none!important;transform:none!important;opacity:1!important}.board-row{transition:none}}
/* Selected Editorial Invitation: the homepage continuation, 25 September 2026. */
.page-home .tools-scene,.page-home .source-scene,.page-home .making-scene{padding-inline:var(--page-rail)}
.page-home .tools-scene{position:relative;margin-top:-18px;border-radius:24px 24px 0 0;background:var(--paper);display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center;padding-block:90px}
.page-home .tools-scene h2,.page-home .source-scene h2{font-size:clamp(62px,6.8vw,102px);line-height:1.05;letter-spacing:-.025em;margin:28px 0}
.page-home .scene-intro{font-size:21px;line-height:1.5;max-width:530px}
.page-home .tools-copy .scene-intro{max-width:370px}
.page-home .tools-scene .eyebrow,.page-home .source-scene .eyebrow,.page-home .making-scene .eyebrow{font-size:12px;letter-spacing:.16em}
.page-home .tools-copy>.button{margin-top:30px}
.page-home :is(.tools-scene,.source-scene,.making-scene) .button{background:#ff4b21;border-color:#ff4b21;color:#10100f;letter-spacing:.025em;padding:15px 30px;min-height:56px}
.page-home :is(.tools-scene,.source-scene,.making-scene) .button:hover{background:#ff714f;border-color:#ff714f}
.tool-roster{list-style:none;padding:0;margin:0;min-width:0}
.tool-roster li{display:grid;grid-template-columns:80px minmax(0,1fr);gap:26px;align-items:center;min-height:158px;padding-block:28px}
.tool-roster li+li{border-top:1px solid var(--rule)}
.tool-roster img{width:80px;height:80px;object-fit:contain}
.tool-roster h3{font-family:Plex,Arial,sans-serif;font-size:clamp(25px,2.5vw,36px);letter-spacing:-.045em;line-height:1.18;font-weight:600}
.tool-roster p{font-size:17px;margin-top:10px;line-height:1.45;color:#514b43}
.tool-name{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.new-support{font-family:Anton,Plex,sans-serif;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:#a92c15;white-space:nowrap}
.page-home .source-scene{display:grid;grid-template-columns:1fr 1fr;gap:7%;padding-block:0;align-items:center}
.source-copy{padding-block:65px}
.page-home .source-scene h2{font-size:clamp(59px,5.8vw,88px)}
.github-receipt{background:#10100f;color:#f3eddf;padding:56px 52px;align-self:stretch}
.github-heading{display:flex;align-items:center;gap:17px;font-family:Anton,Plex,sans-serif;font-size:38px;line-height:1.1}
.github-heading img{width:52px;height:52px;filter:invert(1)}
.github-stars{display:flex;flex-direction:column;text-decoration:none;width:fit-content;margin-top:25px}
.github-stars strong{font-family:Anton,Plex,sans-serif;font-weight:400;font-size:clamp(130px,12vw,180px);line-height:1.08;letter-spacing:-.04em;color:#ff4b21;font-variant-numeric:tabular-nums;min-width:3ch}
.github-stars span{font-family:Anton,Plex,sans-serif;font-size:35px;line-height:1.2;margin-top:6px}
.github-stars:hover{color:#ff9678}
.evidence-date{font-size:14px;color:#cbc5b9;margin-top:12px}
.licence-line{border-top:1px solid #514c44;margin-top:30px;padding-top:25px}
.licence-line>a{font-size:20px;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;min-height:32px}
.licence-line>a:hover{color:#ff9678;text-decoration:underline}
.licence-line p{font-size:17px;color:#cbc5b9;margin-top:5px}
.github-receipt>.button{margin-top:28px}
.github-receipt :focus-visible{outline-color:#ff9678}
.page-home .making-scene{padding-block:90px}
.making-scene h2{font-size:clamp(62px,7vw,104px);line-height:1.07;margin:27px 0}
.page-home .making-scene .scene-intro{max-width:760px}
.making-steps{list-style:none;padding:0;margin:45px 0 32px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px}
.making-steps li+li{border-left:1px solid var(--rule);padding-left:35px}
.step-number{font-family:Anton,Plex,sans-serif;font-size:38px;color:#ba2e16;line-height:1}
.making-steps h3{font-family:Anton,Plex,sans-serif;font-weight:400;font-size:29px;line-height:1.2;margin:12px 0}
.making-steps p{font-size:18px;line-height:1.5;max-width:320px}
.making-steps a{font-size:15px;display:inline-flex;align-items:center;min-height:44px;margin-top:8px}
.making-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px 28px}
.making-actions .text-link{display:inline-flex;align-items:center;min-height:44px;font-size:16px}
.scene-note{font-size:14px;color:var(--muted);margin-top:18px}
.page-home .home-films{border-top:1px solid var(--rule);padding-block:80px!important}
.page-home .home-films h2{font-size:clamp(56px,6vw,88px);line-height:1.08}
.page-home .home-films .section-heading>p:last-child{font-size:20px;max-width:570px}
.page-home .home-films .film h3{font-size:25px}
.page-home .home-films .film p{font-size:18px}
.page-home .home-films .film-direct{font-size:14px;display:inline-flex;align-items:center;min-height:44px}
.page-home .decision-end{border-radius:0;padding-block:86px}
.page-home .decision-end>p:not(.eyebrow){font-size:21px}
.page-home .home-lower{padding-block:34px}
.page-home .site-footer nav a{display:inline-flex;min-height:44px;align-items:center}
@media(prefers-reduced-motion:no-preference){
 .entrance-ready [data-entrance]{transition:opacity .65s ease,transform .65s cubic-bezier(.16,1,.3,1);transition-delay:var(--entrance-delay,0ms)}
 .entrance-ready [data-entrance].entrance-pending{opacity:0;transform:translateY(22px)}
 .entrance-ready [data-entrance]:focus-within{opacity:1;transform:none;transition-delay:0ms}
}
@media(max-width:1000px) and (min-width:761px){
 .page-home .tools-scene,.page-home .source-scene{gap:5%}
 .tool-roster li{grid-template-columns:58px minmax(0,1fr);gap:18px}
 .tool-roster img{width:58px;height:58px}.tool-roster h3{font-size:27px}.tool-roster p{font-size:16px}
 .github-receipt{padding:42px 30px}.page-home .source-scene h2{font-size:59px}
}
@media(max-width:760px){
 .page-home .tools-scene{grid-template-columns:1fr;gap:26px;padding-block:52px 28px;border-radius:20px 20px 0 0}
 .page-home .tools-scene h2,.page-home .source-scene h2{font-size:clamp(53px,13.7vw,76px);margin:22px 0}
 .page-home .scene-intro{font-size:19px;max-width:480px}
 .tool-roster li{grid-template-columns:58px minmax(0,1fr);gap:19px;min-height:130px;padding-block:24px}
 .tool-roster img{width:58px;height:58px}.tool-roster h3{font-size:28px}.tool-roster p{font-size:16px;margin-top:7px}
 .tool-name{gap:7px 12px}.new-support{font-size:11px}
 .page-home .source-scene{display:block;padding-top:20px;padding-bottom:0}
 .source-copy{padding-block:18px 38px}
 .github-receipt{padding:35px 28px}.github-heading{font-size:31px}.github-heading img{width:42px;height:42px}
 .github-stars strong{font-size:142px}.github-stars span{font-size:30px}
 .github-receipt>.button{width:100%;padding-inline:18px}
 .page-home .making-scene{padding-block:55px}
 .making-scene h2{font-size:clamp(48px,11.7vw,76px);margin:22px 0}
 .making-steps{grid-template-columns:1fr;gap:0;margin-top:30px}
 .making-steps li{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:16px;padding:25px 0}
 .making-steps li+li{border-left:0;border-top:1px solid var(--rule);padding-left:0}
 .step-number{grid-row:1/4;font-size:30px;padding-top:4px}.making-steps h3{font-size:27px;margin:0 0 10px}
 .making-steps p{font-size:17px}.making-steps a{grid-column:2}
 .page-home .home-films{padding-block:48px!important}.page-home .home-films .section-heading>p:last-child{font-size:18px}
 .page-home .decision-end{padding-block:55px}.page-home .decision-end>p:not(.eyebrow){font-size:19px}
}
@media print{.page-home [data-entrance],.motion-ready .motion-reveal{opacity:1!important;transform:none!important;transition:none!important}}
@media(min-width:761px) and (max-width:1000px){.page-home .source-scene h2{font-size:48px}}
/* Let spacing separate the tools and let the GitHub surface meet the page edge. */
.tool-roster li+li{border-top:0}
.page-home .source-scene{padding-right:0;grid-template-columns:1fr calc((100% - var(--page-rail))/2)}
.github-receipt{padding-right:var(--page-rail)}
@media(max-width:760px){
 .page-home .source-scene{padding-inline:0}
 .source-copy{padding-inline:20px}
 .github-receipt{padding:38px 28px}
}
/* Social destinations: recognisable marks with stable accessible names. */
.site-footer nav{display:flex;align-items:center;flex-wrap:wrap;gap:10px}
.site-footer nav .social-link{position:relative;display:inline-flex;width:48px;height:48px;min-height:48px;align-items:center;justify-content:center;border-radius:50%;text-decoration:none}
.site-footer .social-link img{width:23px;height:23px;object-fit:contain}
.site-footer .social-name{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}
.site-footer .social-link:hover,.site-footer .social-link:focus-visible{background:#e2d8c7}
/* Display catalogue: real hardware takes the space, rather than card chrome. */
.hardware-chapter .board-list{gap:48px 60px;margin-top:36px}
.hardware-chapter .board-row{background:transparent;border-radius:0;overflow:visible}
.hardware-chapter .board-row:hover{background:transparent}
.hardware-chapter .board-list .board-row>summary{display:flex;flex-direction:column;align-items:flex-start;padding:0 0 30px;gap:26px;min-height:0}
.hardware-chapter .board-row .board-product{width:100%;height:300px;object-fit:contain;mix-blend-mode:multiply;transform-origin:50% 60%}
.hardware-chapter .board-list .board-row>summary>span{font-size:36px;line-height:1.15;padding-right:30px}
.hardware-chapter .board-row summary small{font-size:14px;line-height:1.5;letter-spacing:0;margin-top:10px}
.hardware-chapter .board-details-label{font-family:Plex,sans-serif;font-size:16px;font-weight:500;margin-top:17px;min-height:44px;display:inline-flex;align-items:center}
.hardware-chapter .board-list .board-row>summary::after{right:4px;bottom:42px;top:auto}
.hardware-chapter .board-body{border-top:1px solid var(--rule);padding:28px 0 16px}
.hardware-chapter .board-body img{height:320px;object-fit:contain}
.hardware-chapter .board-body p{font-size:17px}.hardware-chapter .board-body .board-part{font-size:13px}
.hardware-chapter .board-actions a{font-size:15px}.hardware-chapter .product-credit{font-size:14px;max-width:860px}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
 .hardware-chapter .board-product{transition:transform .45s cubic-bezier(.2,.7,.2,1)}
 .hardware-chapter .board-row>summary:hover .board-product,.hardware-chapter .board-row>summary:focus-visible .board-product{transform:translateY(-9px) scale(1.025)}
 .site-footer .social-link{transition:background-color .2s ease,transform .2s ease}.site-footer .social-link:hover{transform:translateY(-3px)}
}
@media(prefers-reduced-motion:no-preference){.hardware-chapter .board-row[open] .board-body{animation:board-details-in .28s ease both}@keyframes board-details-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}}
@media(min-width:761px) and (max-width:1000px){.hardware-chapter .board-list{gap:35px}.hardware-chapter .board-row .board-product{height:250px}.hardware-chapter .board-list .board-row>summary>span{font-size:31px}}
@media(max-width:760px){
 .hardware-chapter .board-list{grid-template-columns:1fr;gap:32px}
 .hardware-chapter .board-row .board-product{height:250px}
 .hardware-chapter .board-list .board-row>summary{gap:15px;padding-bottom:18px}
 .hardware-chapter .board-list .board-row>summary>span{font-size:31px}
 .hardware-chapter .board-list .board-row>summary::after{bottom:30px}
 .hardware-chapter .board-body img{height:300px}
 .site-footer nav{gap:5px}
}
.page-home .support-scene{display:grid;grid-template-columns:1fr 1fr;gap:64px 8%;padding:90px var(--page-rail)}
.support-scene h2{font-size:clamp(62px,6.8vw,98px);line-height:1.07;margin:24px 0}
.support-scene .eyebrow{font-size:12px}
.support-scene .scene-intro{max-width:350px}
.support-invitation>p{font-size:20px;line-height:1.6;max-width:570px}
.support-invitation dl{margin:30px 0}.support-invitation dl>div+div{margin-top:23px}
.support-invitation dt{font-size:23px;font-weight:600;letter-spacing:-.025em}
.support-invitation dd{font-size:17px;color:var(--muted);margin:5px 0 0;line-height:1.6}
.support-invitation .button{margin-top:25px;background:#ff4b21;border-color:#ff4b21;color:#10100f}
.support-invitation .contact-address{display:block;font-size:15px;margin-top:15px;overflow-wrap:anywhere}
.hardware-credit{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center;padding-top:12px}
.hardware-credit img{width:245px;height:auto;margin-top:22px}
.hardware-credit a{display:inline-block}
.hardware-credit>p{font-size:17px;line-height:1.6;color:var(--muted);max-width:550px}
@media(max-width:760px){
 .page-home .support-scene{grid-template-columns:1fr;gap:32px;padding:55px 20px}
 .support-scene h2{font-size:58px}.support-invitation>p{font-size:18px}
 .hardware-credit{grid-template-columns:1fr;gap:25px;padding-top:20px}
 .hardware-credit img{width:220px}.hardware-credit>p{font-size:16px}
}
.hardware-chapter .board-list .board-row>summary>.board-caption{font-family:Plex,Arial,sans-serif;letter-spacing:0;line-height:1.4}
.board-caption .board-title{display:block;font-family:Plex,Arial,sans-serif;font-size:32px;font-weight:600;letter-spacing:-.035em;line-height:1.2}
.board-caption .board-size{display:block;font-family:Plex,Arial,sans-serif;font-size:18px;font-weight:400;letter-spacing:0;color:var(--ink);margin-top:8px}
.hardware-chapter .board-caption small{margin-top:7px;font-size:14px}
@media(max-width:760px){.board-caption .board-title{font-size:29px}.board-caption .board-size{font-size:17px}}
/* Hardware details flow into the page, without stacked rules or photo mats. */
.hardware-chapter #compatibility{border:0;margin-top:24px}
.hardware-chapter #compatibility>summary{padding-block:15px;min-height:54px}
.hardware-chapter #compatibility>summary::after{top:18px}
.hardware-chapter .chapter-next{border:0;justify-content:flex-start;gap:28px;margin-top:25px;padding-top:0}
.vibecoding-chapter{border-top:0}
.hardware-chapter .board-body{border-top:0;padding-top:10px}
.hardware-chapter .board-body figure{margin:0 0 28px}
.hardware-chapter .board-body figure img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent),linear-gradient(180deg,transparent,#000 9%,#000 89%,transparent);mask-composite:intersect;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent),linear-gradient(180deg,transparent,#000 9%,#000 89%,transparent);-webkit-mask-composite:source-in}
.hardware-chapter .board-body figcaption{font-size:14px;line-height:1.5;color:var(--muted);margin-top:14px}
@media(max-width:760px){
 .hardware-chapter .board-body figure{margin-inline:-20px}
 .hardware-chapter .board-body figcaption{padding-inline:20px}
 .hardware-chapter .chapter-next{display:flex;flex-wrap:wrap;gap:14px;margin-top:24px}
 .hardware-chapter .chapter-next p{margin:0}
}
/* Shared catalogue detail stage: one selected model, full-width content. */
.board-choice{min-width:0}
.board-select{display:flex;position:relative;flex-direction:column;align-items:flex-start;gap:26px;width:100%;padding:0 0 30px;border:0;background:transparent;color:var(--ink);text-align:left}
.board-select .board-product{width:100%;height:300px;object-fit:contain;mix-blend-mode:multiply}
.board-select .board-caption{font-family:Plex,Arial,sans-serif;line-height:1.4;padding-right:30px}
.board-select .board-caption small{display:block;font-family:Plex,Arial,sans-serif;font-size:14px;color:var(--muted);margin-top:7px;font-weight:400}
.board-select .board-details-label{font-family:Plex,Arial,sans-serif;font-size:16px;font-style:normal;text-decoration:underline;min-height:44px;display:inline-flex;align-items:center;margin-top:17px}
.board-select::after{content:'';position:absolute;right:4px;bottom:42px;width:20px;height:20px;background:var(--muted);mask:url('/assets/icons/chevron-down.svg') center/contain no-repeat;-webkit-mask:url('/assets/icons/chevron-down.svg') center/contain no-repeat}
.board-select[aria-expanded=true]::after{transform:rotate(180deg)}
.board-select[aria-expanded=true] .board-title{color:#a92c15}
.board-detail-stage{margin-top:40px;padding-block:32px 42px;scroll-margin-top:28px}
.board-detail-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px}
.board-detail-heading h3{font-family:Plex,Arial,sans-serif;font-size:28px;line-height:1.3;letter-spacing:-.025em}
.board-detail-close{flex-shrink:0;background:transparent;border:0;padding:10px 0;min-height:44px;text-decoration:underline;font-size:16px;color:var(--ink)}
.hardware-chapter .board-detail-stage .board-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6%;align-items:center;padding:0}
.hardware-chapter .board-detail-stage .board-body figure{margin:0}
.hardware-chapter .board-detail-stage .board-body figure img{width:100%;height:auto;max-height:500px;object-fit:contain}
.hardware-chapter .board-detail-stage .board-body>div{min-width:0}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.board-select .board-product{transition:transform .45s cubic-bezier(.2,.7,.2,1)}.board-select:hover .board-product,.board-select:focus-visible .board-product{transform:translateY(-8px) scale(1.025)}}
@media(prefers-reduced-motion:no-preference){.board-detail-stage .board-body:not([hidden]){animation:board-details-in .28s ease both}}
@media(min-width:761px) and (max-width:1000px){.board-select .board-product{height:250px}}
@media(max-width:760px){
 .board-select{gap:15px;padding-bottom:18px}.board-select .board-product{height:250px}.board-select::after{bottom:30px}
 .board-detail-stage{margin-top:24px;padding-block:20px 30px}
 .board-detail-heading{display:block;margin-bottom:24px}.board-detail-heading h3{font-size:24px}.board-detail-close{margin-top:12px}
 .hardware-chapter .board-detail-stage .board-body{grid-template-columns:1fr;gap:25px}
 .hardware-chapter .board-detail-stage .board-body figure{margin-inline:-20px}
 .hardware-chapter .board-detail-stage .board-body figure img{max-height:none}
}
.hardware-chapter .board-detail-stage .board-body figure img{width:auto;max-width:100%;margin-inline:auto}
@media(max-width:760px){.hardware-chapter .board-detail-stage .board-body figure img{width:100%}}
#display-detail-title:focus{outline:none}
/* Audit fixes: keep mobile model details beside the choice that opened them. */
@media(max-width:760px){.board-list>.board-detail-stage{margin-top:0;padding-top:0;padding-bottom:25px}}
.integration-preview{padding-block:12px!important;margin-block:22px!important;border:0!important}
.integration-preview>summary{font-size:21px!important}
.integration-preview>p{font-size:18px;line-height:1.6;max-width:850px;margin-top:18px}
.integration-preview>.text-link{display:inline-flex;align-items:center;min-height:44px;margin:14px 28px 0 0;font-size:16px}
.tool-roster p a{display:inline-block;min-height:32px}
.full-size-link{display:block;width:fit-content;min-height:44px;padding-block:11px;font-size:14px}
@media(max-width:760px){.integration-preview>summary{font-size:18px!important}.integration-preview>p{font-size:17px}}
/* VibeMatrix: an open editorial story, with deeper technical detail on demand. */
.page-matrix .matrix-overview{display:grid;grid-template-columns:1fr 1fr;gap:30px 8%;padding-block:90px;border:0}
.page-matrix .matrix-overview .section-heading h2{font-size:clamp(48px,5.4vw,78px);line-height:1.08}
.page-matrix .matrix-overview .build-path{display:block;padding:0}
.page-matrix .matrix-overview .build-path article{display:grid;grid-template-columns:45px 1fr;gap:0 18px;margin:0 0 28px}
.page-matrix .matrix-overview .build-path span{grid-row:1/3;font-size:27px}
.page-matrix .matrix-overview .build-path h3{font-family:Plex,Arial,sans-serif;font-size:24px;letter-spacing:-.025em;margin:0 0 8px}
.page-matrix .matrix-overview .build-path p{font-size:17px}
.page-matrix .matrix-overview .actions{grid-column:1/-1;margin:0}
.page-matrix .matrix-film-story{padding-block:65px 90px;border:0}
.page-matrix .matrix-film-story h2,.page-matrix .matrix-build-story h2,.page-matrix .matrix-controls-story h2{font-size:clamp(48px,5.8vw,82px);line-height:1.08;max-width:850px;margin-bottom:25px}
.matrix-film-trio{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:35px;align-items:start}
.matrix-film-trio .film{max-width:none;margin:0}
.matrix-film-trio .film:nth-child(2){padding-top:60px}.matrix-film-trio .film:nth-child(3){padding-top:120px}
.matrix-film-trio .film h3{font-family:Plex,Arial,sans-serif;font-size:23px;margin-top:22px}
.matrix-film-trio .film p{font-size:16px}
.page-matrix .disclosure{border:0}.page-matrix .disclosure>summary{min-height:52px;font-size:18px}
.page-matrix .matrix-build-story,.page-matrix .matrix-controls-story{padding-block:80px;border:0}
.page-matrix .matrix-build-story>.lede,.page-matrix .matrix-controls-story>.lede{font-size:20px;max-width:750px;line-height:1.65;margin-bottom:40px}
.page-matrix .matrix-gallery{display:grid;grid-template-columns:1fr 1.25fr;gap:45px;align-items:center}
.page-matrix .matrix-gallery figure{margin:0;background:none;border:0;padding:0}
.page-matrix .matrix-gallery img{width:100%;height:auto;max-height:580px;object-fit:contain;border-radius:0}
.page-matrix .matrix-gallery figcaption{font-size:15px;line-height:1.55;margin-top:16px;color:var(--muted)}
.page-matrix .matrix-gallery-extra{grid-template-columns:repeat(3,1fr);margin-top:25px}
.matrix-build-more{margin-top:35px}
.page-matrix .matrix-control-overview{margin-block:40px}
.page-matrix .matrix-control-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:70px;margin-block:60px}
.page-matrix .matrix-control-grid article{padding:0;border:0;background:none}
.page-matrix .matrix-control-grid h3,.page-matrix .matrix-control-note h3{font-family:Plex,Arial,sans-serif;font-size:27px;line-height:1.3;letter-spacing:-.025em}
.page-matrix .matrix-control-grid p,.page-matrix .matrix-control-note p{font-size:18px;line-height:1.65}
.page-matrix .matrix-control-grid figure{margin-top:25px}
.page-matrix .matrix-control-grid img{max-height:590px;width:auto;max-width:100%;object-fit:contain}
.page-matrix .matrix-control-note{padding:0;border:0;background:none;max-width:800px}
.page-matrix .explore-row{border:0;margin-block:30px}
.page-matrix .matrix-parts-grid{gap:40px}.page-matrix .matrix-part{background:none;border:0;padding:0}
.page-matrix .matrix-finale{background:#10100f;color:#f3eddf;padding:65px;gap:40px;border:0;margin-block:65px}
.page-matrix .matrix-finale h2{font-size:clamp(48px,5vw,72px);line-height:1.1}.page-matrix .matrix-finale p{color:#c6baab;font-size:19px;max-width:650px}
.page-matrix .matrix-finale .button{background:#ff4b21;color:#10100f;border-color:#ff4b21;flex-shrink:0}
@media(max-width:760px){
 .page-matrix .matrix-overview{display:block;padding-block:48px}.page-matrix .matrix-overview .section-heading h2{font-size:46px}.page-matrix .matrix-overview .build-path{margin-top:35px}
 .page-matrix .matrix-film-story,.page-matrix .matrix-build-story,.page-matrix .matrix-controls-story{padding-block:40px}
 .page-matrix .matrix-film-story h2,.page-matrix .matrix-build-story h2,.page-matrix .matrix-controls-story h2{font-size:46px}
 .matrix-film-trio{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:22px;padding-bottom:24px}.matrix-film-trio .film{flex:0 0 86%;scroll-snap-align:start}.matrix-film-trio .film:nth-child(n){padding-top:0}.matrix-film-trio .film video{height:410px;object-fit:contain}
 .page-matrix .matrix-gallery,.page-matrix .matrix-gallery-extra{grid-template-columns:1fr;gap:32px}.page-matrix .matrix-gallery img{max-height:480px}
 .page-matrix .matrix-build-story>.lede,.page-matrix .matrix-controls-story>.lede{font-size:18px}
 .page-matrix .matrix-control-grid{grid-template-columns:1fr;gap:40px;margin-block:35px}.page-matrix .matrix-control-grid p,.page-matrix .matrix-control-note p{font-size:17px}
 .page-matrix .matrix-finale{padding:36px 24px;display:block;margin-block:40px}.page-matrix .matrix-finale h2{font-size:45px}.page-matrix .matrix-finale .button{margin-top:25px}
}
.matrix-swipe-hint{display:none}
.page-matrix .matrix-gallery img{mask-image:linear-gradient(180deg,transparent,#000 3%,#000 97%,transparent)}
@media(max-width:760px){.matrix-swipe-hint{display:block;color:var(--muted);font-size:13px;margin:0 0 18px}}
.page-matrix main.wrap>.matrix-finale{width:100%;max-width:none;border-radius:0;padding-inline:max(20px,calc((100% - 1240px)/2))}
/* Keep the Matrix introduction beside its three ideas, rather than inheriting the full-row build steps. */
.page-matrix .matrix-overview{align-items:start;column-gap:9%;row-gap:24px}
.page-matrix .matrix-overview .section-heading{margin:0}
.page-matrix .matrix-overview .section-heading .intro{font-size:20px;max-width:540px}
.page-matrix .matrix-overview .build-path{grid-column:2;grid-row:1 / 3;border:0;padding:12px 0 0}
.page-matrix .matrix-overview .build-path article{margin-bottom:36px}
.page-matrix .matrix-overview .build-path p{max-width:390px;font-size:18px}
.page-matrix .matrix-overview .actions{grid-column:1;align-self:start;gap:16px 24px}
@media(max-width:760px){
 .page-matrix .matrix-overview .section-heading .intro{font-size:18px}
 .page-matrix .matrix-overview .build-path{padding:0;margin-top:32px}
 .page-matrix .matrix-overview .build-path p{font-size:17px}
 .page-matrix .matrix-overview .build-path article{margin-bottom:25px}
}
/* Compact secondary film choices, visually connected to the main film strip. */
.page-matrix .matrix-more-watch{margin-top:40px;max-width:900px}
.page-matrix .matrix-more-watch>h3{font-family:Plex,Arial,sans-serif;font-size:14px;font-weight:500;color:var(--muted);margin:0 0 12px;letter-spacing:.04em}
.page-matrix .matrix-more-watch>.disclosure{margin:0;padding:0;border:0}
.page-matrix .matrix-more-watch>.disclosure>summary{display:flex;align-items:center;justify-content:flex-start;gap:18px;width:fit-content;max-width:100%;min-height:48px;padding:10px 0;font-size:18px;line-height:1.5}
.page-matrix .matrix-more-watch>.disclosure>summary::after{position:static;flex:0 0 16px;width:16px;height:16px;margin:0}
.page-matrix .matrix-more-watch .film-grid{margin-block:24px 35px}
@media(max-width:760px){.page-matrix .matrix-more-watch{margin-top:24px}.page-matrix .matrix-more-watch>.disclosure>summary{font-size:16px}}
@media(min-width:761px){
 .matrix-film-trio{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}
 .matrix-film-trio .film:nth-child(n){padding-top:0}
 .matrix-film-trio .film video{width:100%;height:460px;object-fit:contain}
}

.image-viewer-open{overflow:hidden}
dialog.image-viewer{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:24px 4vw;border:0;background:rgba(16,16,15,.97);color:#f3eddf;overflow:auto}
.image-viewer::backdrop{background:#10100fee}
.image-viewer-toolbar{display:flex;align-items:center;gap:24px;max-width:1500px;margin:0 auto 20px;font-family:Plex,Arial,sans-serif}
.image-viewer-toolbar>span{margin-right:auto;font-size:16px}
.image-viewer-toolbar a{color:#f3eddf;font-size:15px;min-height:48px;display:flex;align-items:center}
.image-viewer-toolbar button{font:500 16px Plex,Arial,sans-serif;min-height:48px;padding:10px 24px;border:1px solid #f3eddf70;border-radius:28px;background:transparent;color:#f3eddf}
.image-viewer figure{margin:0 auto;max-width:1500px;pointer-events:none}
.image-viewer figure img{display:block;margin:auto;width:auto;height:auto;max-width:100%;max-height:calc(100dvh - 165px);object-fit:contain;pointer-events:auto}
.image-viewer figcaption{max-width:850px;margin:18px auto 0;text-align:center;font:400 15px/1.5 Plex,Arial,sans-serif;color:#c6baab}
.image-viewer :focus-visible{outline:2px solid #ff9678;outline-offset:5px}
a[aria-haspopup=dialog]:has(img){cursor:zoom-in}
@media(max-width:600px){dialog.image-viewer{padding:16px}.image-viewer-toolbar{gap:14px}.image-viewer-toolbar>span{display:none}.image-viewer-toolbar a{margin-right:auto;font-size:14px}.image-viewer-toolbar button{padding-inline:20px}.image-viewer figure img{max-height:calc(100dvh - 180px)}.image-viewer figcaption{font-size:14px}}
.page-matrix .matrix-hardware-story{padding-block:75px;border:0}
.page-matrix .matrix-hardware-story>h2{font-size:clamp(46px,5.5vw,78px);line-height:1.1;margin-bottom:22px}
.page-matrix .matrix-hardware-story>.lede{font-size:20px;max-width:760px;line-height:1.6;margin-bottom:40px}
.page-matrix .matrix-hardware-story .matrix-parts-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:65px 7%}
.page-matrix .matrix-part-image{margin:0 0 26px;background:transparent;border:0;padding:0}
.page-matrix .matrix-part-image img{display:block;width:100%;height:300px;object-fit:contain;border:0;border-radius:0}
.page-matrix .matrix-part-image:not(.matrix-part-build) img{mix-blend-mode:multiply}
.page-matrix .matrix-part-image figcaption{font-size:13px;line-height:1.5;color:var(--muted);margin-top:14px}
.page-matrix .matrix-part h3{font-family:Plex,Arial,sans-serif;font-size:27px;line-height:1.25;letter-spacing:-.025em;margin:12px 0 20px}
.page-matrix .matrix-part>p{font-size:17px;line-height:1.65}.page-matrix .matrix-part>.mono{font-size:12px;color:var(--muted)}
@media(max-width:760px){.page-matrix .matrix-hardware-story{padding-block:40px}.page-matrix .matrix-hardware-story .matrix-parts-grid{grid-template-columns:1fr;gap:45px}.page-matrix .matrix-part-image img{height:260px}.page-matrix .matrix-part h3{font-size:25px}}
/* Matrix editorial rhythm: one focal point per chapter. */
.page-matrix .matrix-film-story{display:grid;grid-template-columns:1fr 1fr;column-gap:8%;align-items:start}
.page-matrix .matrix-film-story>.section-heading{grid-column:1;grid-row:1;margin:0}
.page-matrix .matrix-film-story h2{font-size:clamp(48px,5.6vw,80px)}
.matrix-scene-selector{grid-column:1;grid-row:2;display:flex;flex-wrap:wrap;gap:8px;margin:28px 0;align-self:start}
.matrix-scene-selector button{font:400 16px Plex,Arial,sans-serif;color:var(--ink);background:transparent;border:1px solid transparent;border-radius:25px;padding:11px 18px;min-height:48px}
.matrix-scene-selector button[aria-pressed=true]{background:var(--ink);color:var(--paper)}
.matrix-scene-selector button:hover{border-color:var(--ink)}
.matrix-cinema{grid-column:2;grid-row:1/4;min-width:0}
.matrix-cinema .film{max-width:440px;margin:0 auto}
.matrix-cinema .film video{height:510px;width:100%;object-fit:contain}
.matrix-cinema .film h3{font-family:Plex,Arial,sans-serif;font-size:24px}
.matrix-cinema .film[hidden]{display:none}
.page-matrix .matrix-more-watch{grid-column:1;grid-row:3;margin:0;align-self:start}
.page-matrix .matrix-build-story{display:grid;grid-template-columns:.8fr 1.2fr;column-gap:8%;align-items:start}
.page-matrix .matrix-build-story>h2{grid-column:1;margin-bottom:24px}
.page-matrix .matrix-build-story>.lede{grid-column:1;font-size:20px}
.matrix-photo-feature{grid-column:2;grid-row:1/4}
.matrix-photo-feature figure{margin:0}.matrix-photo-feature img{display:block;max-height:580px;max-width:100%;width:auto;margin:auto;object-fit:contain;mask-image:linear-gradient(180deg,transparent,#000 4%,#000 96%,transparent)}
.matrix-photo-feature figcaption{font-size:14px;line-height:1.5;margin-top:14px;color:var(--muted)}
.matrix-photo-thumbs{grid-column:1;display:flex;gap:12px;flex-wrap:wrap}
.matrix-photo-thumbs a{display:block;width:70px;height:70px;overflow:hidden}
.matrix-photo-thumbs img{width:100%;height:100%;object-fit:cover}
.page-matrix .matrix-hardware-story .matrix-parts-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:45px 7%;align-items:start}
.page-matrix .matrix-part-image img{height:250px}.page-matrix .matrix-part>h3{font-size:30px;margin-bottom:5px}
.matrix-part-details>summary{font-size:16px;padding:12px 0;min-height:48px;width:fit-content;cursor:pointer;text-decoration:underline}
.matrix-part-details h3{font-size:22px!important;margin-top:22px!important}
.matrix-part-details p{font-size:17px;line-height:1.65}
.matrix-power-notes{margin-top:40px!important}.page-matrix .matrix-power{background:none;border:0;padding:15px 0}
.page-matrix .matrix-controls-story{display:grid;grid-template-columns:.8fr 1.2fr;column-gap:8%;align-items:start}
.page-matrix .matrix-controls-story>h2,.page-matrix .matrix-controls-story>.lede{grid-column:1}
.page-matrix .matrix-controls-story>.matrix-controls-overview{grid-column:2;grid-row:1/3;margin:0}
.matrix-controls-deep{grid-column:1/-1;margin-top:30px!important}
@media(prefers-reduced-motion:no-preference){.matrix-cinema.is-enhanced .film:not([hidden]){animation:matrix-scene-in .22s ease-out}@keyframes matrix-scene-in{from{opacity:.35;transform:translateY(6px)}to{opacity:1;transform:none}}}
@media(max-width:760px){
 .page-matrix .matrix-film-story,.page-matrix .matrix-build-story,.page-matrix .matrix-controls-story{display:block}
 .matrix-scene-selector{margin:20px 0;gap:4px}.matrix-scene-selector button{font-size:14px;padding:10px 13px}
 .matrix-cinema .film video{height:430px}.page-matrix .matrix-more-watch{margin-top:24px}
 .matrix-photo-feature img{max-height:440px}.matrix-photo-thumbs{margin-top:20px}
 .page-matrix .matrix-hardware-story .matrix-parts-grid{grid-template-columns:1fr;gap:35px}
 .page-matrix .matrix-controls-story>.matrix-controls-overview{margin-top:28px}
}
.matrix-part-select{font:400 16px Plex,Arial,sans-serif;min-height:48px;padding:10px 0;border:0;background:transparent;color:var(--ink);text-decoration:underline}
.matrix-part-select[aria-expanded=true]{color:#a92c15}
.matrix-part-stage{margin-top:28px;max-width:850px;padding-block:20px}
.matrix-part-stage h3{font-family:Plex,Arial,sans-serif;font-size:26px;margin-bottom:18px}.matrix-part-stage p{font-size:18px;line-height:1.65;margin-block:16px}
.matrix-part-stage a{display:inline-flex;align-items:center;min-height:44px}
.page-matrix .matrix-part>.matrix-part-subtitle{font-size:15px;color:var(--muted);margin:8px 0}
@media(min-width:1100px){.page-matrix .matrix-hardware-story .matrix-parts-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}.page-matrix .matrix-part-image img{height:190px}.page-matrix .matrix-part-image figcaption{font-size:12px}.page-matrix .matrix-part>h3{font-size:27px}}
@media(max-width:760px){.matrix-part-stage{margin-top:0}.matrix-part-stage p{font-size:17px}}
@media(min-width:1100px){.page-matrix .matrix-part-image figcaption{min-height:38px}.page-matrix .matrix-part>.matrix-part-subtitle{min-height:48px}}
.page-matrix .matrix-film-story{grid-template-rows:auto auto 1fr}
.page-matrix .matrix-part-image.matrix-part-build img{mask-image:linear-gradient(180deg,transparent,#000 5%,#000 95%,transparent)}
@media(min-width:761px){.page-matrix .matrix-build-story{grid-template-columns:1fr 1fr;grid-template-rows:auto auto 1fr}.page-matrix .matrix-build-story>h2{font-size:clamp(48px,4.6vw,66px);max-width:540px}}
.matrix-control-copy{grid-column:1;grid-row:1/3}.matrix-control-copy .lede{font-size:20px;line-height:1.6;margin-top:26px}
.page-matrix .matrix-controls-story>.matrix-controls-overview{grid-row:1/3}
.matrix-controls-deep>summary,.matrix-power-notes>summary{display:flex;align-items:center;gap:18px;width:fit-content;min-height:48px;padding-block:10px}
.matrix-controls-deep>summary::after,.matrix-power-notes>summary::after{position:static!important;margin:0!important;flex:0 0 16px}
@media(max-width:760px){.matrix-control-copy .lede{font-size:18px}}