@font-face{font-family:Work;src:url(assets/Poppins-Regular.ttf);font-display:swap}*{box-sizing:border-box}html{scroll-behavior:auto;scroll-padding-top:96px}body{margin:0;background:#111210;color:#faf8f0;font:14px/1.5 Work,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,a{touch-action:manipulation}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #fa975f;outline-offset:6px}button:disabled{cursor:default;opacity:.45}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.skip{position:fixed;top:-80px;left:20px;z-index:99;padding:14px 20px;background:#fff;color:#111}.skip:focus{top:14px}header{position:fixed;z-index:30;top:0;left:0;right:0;height:92px;display:flex;align-items:center;justify-content:space-between;padding:0 4%;gap:25px;background:linear-gradient(#111210d9,#11121000)}.brand{display:flex;gap:12px;align-items:center;font-size:20px;letter-spacing:.06em}.brand img{width:42px;height:42px}.brand small{font-size:8px;letter-spacing:.22em;display:block}.edition{font-size:9px;letter-spacing:.16em;color:#e1dfd5}.review-link{font-size:11px}.review-link span{margin-left:18px;color:#ee925f}#journey{height:570svh}.stage{position:sticky;top:0;height:100svh;overflow:hidden;background:#111210}.picture{position:absolute;inset:0}.poster,#film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#10120ff0 0%,transparent 36%,#10120f20 68%,#10120f40),linear-gradient(90deg,#080a083d,transparent 65%)}.copy{position:absolute;top:22%;left:5%;max-width:530px;text-shadow:0 2px 35px #0009;pointer-events:none}.copy.right{left:auto;right:5%;text-align:right}.eyebrow{font-size:9px;letter-spacing:.19em;line-height:1.8;margin:0 0 26px}.eyebrow:before{content:'';display:inline-block;width:6px;height:6px;background:#e66b35;margin-right:10px}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400;letter-spacing:-.055em;line-height:1.02}h1{font-size:clamp(44px,6.2vw,89px)}.chapter-line{margin-top:24px;font-size:11px;letter-spacing:.03em}.transport{position:absolute;left:5%;right:5%;bottom:26px;max-width:1450px;margin:0 auto}.transport-top{display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:10px}.transport-top button{border:0;background:transparent;color:white;font-size:11px;min-height:40px;padding:0}#play span{margin-left:8px}#notes span{color:#ee925f;margin-left:12px}#counter{font-size:9px;letter-spacing:.14em;color:#ddd}input[type=range]{width:100%;height:18px;margin:7px 0 8px;accent-color:#f28b51;cursor:ew-resize}nav{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}nav button{background:transparent;color:#ddd3c9;border:0;border-top:1px solid #ffffff50;min-height:44px;padding:11px 0;text-align:left;font-size:9px}nav button span{margin-left:12px;font-size:11px}nav button[aria-pressed=true]{color:white;border-top-color:#f28b51}.preview-label{position:absolute;right:5%;bottom:175px;font-size:9px;text-align:right;line-height:1.6;text-shadow:0 1px 8px #000}.preview-label span{font-size:8px;color:#e1dfd5}.motion-note{position:absolute;right:5%;bottom:225px;max-width:310px;background:#131613e8;border:1px solid #ffffff35;padding:20px;backdrop-filter:blur(10px)}.motion-note span{font-size:8px;color:#f09863;letter-spacing:.14em}.motion-note p{font-size:12px;margin-top:10px;line-height:1.7}#loading{position:absolute;top:100px;right:5%;font-size:10px;background:#111c;padding:8px 14px}#loading[hidden]{display:none}.storyboard{background:#ebe9e1;color:#1d211d;padding:100px 5%}.story-intro{max-width:780px}.story-intro h2{font-size:clamp(52px,7.2vw,102px)}.story-intro p{margin:30px 0 22px;font-size:16px;line-height:1.8;color:#575a52}.story-intro a,.scope a{font-size:12px;border-bottom:1px solid;padding-bottom:4px}.shot-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px 28px;margin-top:75px}.shot-grid img{display:block;width:100%;aspect-ratio:1672/941;object-fit:cover}.shot-grid article>span{font-size:9px;letter-spacing:.14em;display:block;margin:22px 0 14px}.shot-grid h3{font-size:32px}.shot-grid p{font-size:13px;line-height:1.8;color:#575a52;max-width:56ch;margin-top:16px}.scope{border-top:1px solid #888b8060;margin-top:85px;padding-top:50px;max-width:780px}.scope h3{font-size:32px}.scope p{color:#575a52;font-size:13px;line-height:1.9;margin:20px 0}footer{display:flex;justify-content:space-between;gap:20px;padding:35px 5%;font-size:10px}.reduced #journey{height:100svh}.reduced .stage{position:relative}.reduced .copy{opacity:1!important}
@media(max-width:750px){header{height:76px;padding:0 20px}.brand{font-size:17px}.brand img{width:34px;height:34px}.edition{display:none}.review-link{font-size:9px}.review-link span{margin-left:8px}.picture{top:76px;bottom:auto;height:54svh}#film,.poster{object-fit:contain}.vignette{background:linear-gradient(0deg,#111210 0%,#111210 25%,transparent 57%)}.copy,.copy.right{top:auto;bottom:240px;left:24px;right:24px;text-align:left;max-width:none}.eyebrow{font-size:8px;margin-bottom:14px}h1{font-size:36px;line-height:1.08}.copy h1 br{display:none}.chapter-line{font-size:10px;margin-top:12px}.transport{left:24px;right:24px;bottom:15px}.transport-top button{font-size:10px}nav{gap:5px}nav button{font-size:8px;display:flex;flex-direction:column;gap:6px;padding:8px 0}nav button span{font-size:8px;margin:0}.preview-label{left:24px;right:24px;text-align:left;bottom:166px;font-size:8px}.preview-label span{font-size:7px}.motion-note{left:24px;right:24px;bottom:224px;max-width:none;z-index:20}.storyboard{padding:70px 24px}.story-intro p{font-size:13px}.shot-grid{grid-template-columns:1fr;gap:45px;margin-top:50px}.shot-grid h3{font-size:28px}footer{flex-direction:column;padding:25px 24px}.scope{margin-top:55px}.scope h3{font-size:27px}#loading{top:84px}}
@media(max-width:750px) and (max-height:700px){.picture{height:42svh}.copy,.copy.right{bottom:214px}.copy .eyebrow{margin-bottom:8px;font-size:7px}h1{font-size:28px}.chapter-line{margin-top:7px;font-size:9px}.preview-label{bottom:154px}nav button{min-height:40px}.transport{bottom:10px}}
@media(prefers-reduced-motion:reduce){#journey{height:100svh}.stage{position:relative}}
/* Revision 04 — a connected promise, borderless glass, adaptive input. */
@font-face{font-family:Work;src:url(assets/Poppins-Bold.ttf);font-weight:700;font-style:normal;font-display:swap}
:root{--paper:#f6f5f0;--ink:#171918;--muted:#5a605c;--orange:#e85828;--line:#d3d5cf}
body{font-size:16px;background:var(--ink)}h1,h2,h3{font-weight:700;letter-spacing:-.055em}button,a,summary,input{ -webkit-tap-highlight-color:transparent}a,button,summary,input{outline-color:var(--orange)}:focus-visible{outline:3px solid var(--orange);outline-offset:5px}html{scroll-padding-top:105px}.eyebrow{font-size:11px;letter-spacing:.15em}.eyebrow:before{background:var(--orange);width:5px;height:5px}header{height:108px;padding:16px max(4%,env(safe-area-inset-right)) 16px max(4%,env(safe-area-inset-left));background:none;pointer-events:none;gap:20px;color:white}header::before{content:'';position:absolute;inset:0 0 -30px;z-index:-1;background:linear-gradient(#080b0a99,transparent);pointer-events:none}header[data-tone=light]{color:var(--ink)}header[data-tone=light]::before{background:linear-gradient(#f6f5f0e6,transparent)}.glass{background:#ffffff08;border:0;box-shadow:none;backdrop-filter:blur(10px) saturate(105%);-webkit-backdrop-filter:blur(10px) saturate(105%);pointer-events:auto}.brand{padding:8px 10px;border-radius:12px;display:block}.brand img{width:210px;height:auto;display:block;filter:drop-shadow(0 1px 3px #0004)}header[data-tone=light] .brand img{filter:brightness(0)}.site-nav{display:flex;gap:14px;align-items:center;padding:3px 10px;border-radius:36px}.site-nav a{display:flex;align-items:center;min-height:44px;padding:0 9px;font-size:12px;white-space:nowrap}.site-nav .nav-brief{font-weight:700;padding-left:16px}.nav-brief span{color:var(--orange);font-size:18px;margin-left:15px}.menu-toggle{display:none;min-height:48px;min-width:88px;color:inherit;border-radius:25px;padding:0 15px;font-size:13px}.menu-toggle span{margin-left:8px}.copy{max-width:630px}h1{font-size:clamp(42px,6vw,86px);line-height:1.03}.copy .eyebrow{font-size:11px}.chapter-line{font-size:12px}.transport-top button{font-size:12px;min-height:44px;min-width:44px}#counter{font-size:11px;margin-right:auto}#reduce-motion{color:#e4e5df}#reduce-motion[aria-pressed=true]{text-decoration:underline}#notes span{color:var(--orange)}input[type=range]{height:44px;margin:0;accent-color:var(--orange)}.transport nav button{font-size:11px;min-width:44px;min-height:48px}.transport nav button span{font-size:12px}.transport nav button[aria-pressed=true]{border-top:3px solid var(--orange);font-weight:700}.preview-label{font-size:11px;bottom:195px}.preview-label span{font-size:10px}.motion-note{bottom:245px}.motion-note span{font-size:10px;color:#fff}.motion-note p{font-size:14px}.vignette{background:linear-gradient(0deg,#10120ff5 0%,transparent 42%,#10120f30 75%,#10120f55),linear-gradient(90deg,#080a0855,transparent 75%)}.page-section{padding:110px 5%;scroll-margin-top:0}.page-section h2{font-size:clamp(38px,4.6vw,68px);line-height:1.1}.section-kicker{display:flex;justify-content:space-between;gap:25px;align-items:start}.small-label{font-size:11px;line-height:1.8;letter-spacing:.1em}.promise{background:var(--paper);color:var(--ink);padding-top:130px}.promise-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:9%;align-items:center;margin:36px 0 85px}.promise-grid h2{font-size:clamp(48px,5.9vw,86px)}.quiet{color:#727872}.promise-copy{max-width:420px}.lead{font-size:clamp(22px,2vw,29px);font-weight:700;line-height:1.35;letter-spacing:-.04em}.promise-copy>p:not(.lead){font-size:16px;color:var(--muted);line-height:1.85;margin-top:25px}.text-link{display:inline-flex;min-height:44px;align-items:center;justify-content:space-between;gap:30px;font-size:13px;padding:10px 0;border-bottom:1px solid currentColor;margin-top:28px}.text-link span{font-size:24px}.promise-points{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;padding-top:27px;border-top:1px solid var(--line)}.promise-points p{font-size:13px;display:flex;gap:17px;align-items:baseline}.promise-points span{font-size:11px;color:var(--muted)}.ecosystem{background:#eaece6;color:var(--ink)}.section-heading{display:flex;justify-content:space-between;gap:60px;align-items:end;margin-bottom:48px}.section-heading>p{max-width:330px;font-size:15px;line-height:1.85;color:var(--muted)}figure{margin:0}figure img{display:block;width:100%;height:auto;object-fit:cover}figcaption{font-size:11px;line-height:1.7;margin-top:15px;color:var(--muted)}.team-photo img{aspect-ratio:2.1;object-position:50% 50%}.team-photo figcaption{display:flex;justify-content:space-between;gap:20px;letter-spacing:.06em}.team-photo figcaption span{letter-spacing:0}.ecosystem-bottom{display:grid;grid-template-columns:1fr 1.5fr;gap:8%;margin-top:65px}.ecosystem-bottom>.lead{max-width:340px}.expertise-details details{border-top:1px solid #bcc2b8}.expertise-details details:last-child{border-bottom:1px solid #bcc2b8}.expertise-details summary{display:flex;align-items:center;gap:22px;list-style:none;cursor:pointer;min-height:80px;padding:20px 0}.expertise-details summary::-webkit-details-marker{display:none}.expertise-details summary>span:first-child{font-size:11px;color:var(--muted)}.expertise-details h3{font-size:23px;line-height:1.3;letter-spacing:-.035em}.plus{margin-left:auto;font-size:23px;font-weight:400}.expertise-details details[open] .plus{transform:rotate(45deg)}.expertise-details details>p{font-size:15px;line-height:1.85;color:var(--muted);padding:0 42px 27px}.value-section{background:var(--ink);color:var(--paper)}.value-grid{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:start}.value-copy>.lead{font-size:22px;margin-top:32px}.value-copy>p:not(.lead):not(.eyebrow){font-size:15px;line-height:1.85;color:#bfc3be;margin-top:21px}.value-list{list-style:none;margin:35px 0 0;padding:0}.value-list li{display:flex;gap:22px;padding:24px 0;border-top:1px solid #ffffff24}.value-list li>span{font-size:11px;color:#bfc3be}.value-list h3{font-size:17px;line-height:1.4;letter-spacing:-.025em}.value-list p{font-size:13px;line-height:1.85;color:#bfc3be;margin-top:9px}.materials-photo{margin-top:8px}.materials-photo img{aspect-ratio:.78;object-position:41% 50%}.materials-photo figcaption{color:#bfc3be;display:flex;flex-direction:column;gap:7px}.materials-photo figcaption span{font-size:10px}.care-section{background:var(--paper);color:var(--ink)}.care-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:9%;align-items:center}.care-grid img{aspect-ratio:.95;object-position:39% center}.care-grid>div>p:not(.eyebrow){color:var(--muted);font-size:16px;line-height:1.85;margin-top:32px;max-width:420px}.outcome{height:660px;position:relative;color:white}.outcome>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.outcome:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#10120fc9,transparent 85%)}.outcome>div{position:absolute;z-index:1;bottom:100px;left:5%;right:5%}.outcome h2{font-size:clamp(38px,4.7vw,68px);line-height:1.1}.image-disclosure{position:absolute;z-index:1;left:5%;bottom:30px;font-size:11px;color:white}.contact-section{background:var(--paper);color:var(--ink);display:grid;grid-template-columns:1.3fr 1fr;gap:10%;align-items:end}.contact-section h2{font-size:clamp(42px,5.3vw,78px)}.orange-dot{color:var(--orange)}.contact-section>div>p:not(.eyebrow){font-size:16px;color:var(--muted);margin-top:30px;line-height:1.85;max-width:430px}.contact-button{display:inline-flex;align-items:center;justify-content:space-between;min-height:56px;gap:65px;margin-top:35px;background:var(--ink);color:white;border-radius:32px;padding:15px 24px;font-size:14px}.contact-button span{color:var(--orange);font-size:25px}.brief-guide{padding-bottom:10px}.brief-guide ul{list-style:none;margin:30px 0 34px;padding:0;border-top:1px solid var(--line)}.brief-guide li{padding:17px 0;border-bottom:1px solid var(--line);font-size:14px}.brief-guide>a{font-size:clamp(18px,2vw,25px);display:inline-flex;min-height:44px;align-items:center}.brief-guide>p{font-size:12px!important}.creative-review{background:#eaece6;color:var(--ink);scroll-margin-top:100px}.creative-review>summary{display:flex;justify-content:space-between;gap:25px;list-style:none;cursor:pointer;padding:28px 5%;font-size:13px;min-height:64px}.creative-review>summary>span:first-child{font-size:11px;color:var(--muted)}.creative-review[open]>summary>span:last-child{transform:rotate(45deg)}.storyboard{background:var(--paper)}.story-intro a{margin-right:20px;display:inline-flex;align-items:center;min-height:44px}.shot-grid article>span{font-size:11px}.shot-grid p,.scope p{font-size:15px}.shot-grid a{display:block}.story-intro h2{font-size:64px}footer{font-size:11px;align-items:center}footer>a{min-height:44px;display:flex;align-items:center}#menu-dialog{border:0;padding:32px;background:var(--paper);color:var(--ink);width:min(540px,calc(100% - 32px));max-height:calc(100svh - 32px);border-radius:20px}#menu-dialog::backdrop{background:#17191899;backdrop-filter:blur(12px)}.menu-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;font-weight:700}.menu-close{border:0;background:none;min-height:48px;min-width:70px;font-size:14px;color:inherit}#menu-dialog nav{display:flex;flex-direction:column;margin:35px 0;gap:0}#menu-dialog nav a{font-size:26px;font-weight:700;letter-spacing:-.04em;padding:21px 0;display:flex;justify-content:space-between;gap:16px;border-top:1px solid var(--line)}#menu-dialog nav a span{font-size:12px;font-weight:400;letter-spacing:0}#menu-dialog>p{font-size:13px;color:var(--muted)}
@media(max-width:1000px){.site-nav{display:none}.menu-toggle{display:block}.page-section{padding:90px 5%}.promise-grid{gap:6%;grid-template-columns:1.2fr 1fr}.promise-grid h2{font-size:clamp(45px,5.9vw,60px)}.promise-copy>p:not(.lead){font-size:15px}.section-heading{gap:35px}.section-heading>p{max-width:270px}.value-grid{gap:6%}.materials-photo img{aspect-ratio:.65}.value-list h3{font-size:16px}.value-list p{font-size:13px}.care-grid{gap:6%}.contact-section{gap:7%}.team-photo img{aspect-ratio:1.75}.page-section h2{font-size:clamp(38px,5vw,52px)}}
@media(max-width:750px){html{scroll-padding-top:88px}header{height:90px;align-items:center;padding:12px max(18px,env(safe-area-inset-right)) 12px max(18px,env(safe-area-inset-left));gap:10px}.brand{padding:7px 4px}.brand img{width:170px;height:auto}.menu-toggle{font-size:12px;min-width:85px;padding:0 12px}.copy,.copy.right{left:24px;right:24px;bottom:265px;max-width:none}.copy h1{font-size:36px;line-height:1.06}.copy .eyebrow{font-size:10px;margin-bottom:14px}.chapter-line{font-size:11px;margin-top:12px}.transport{bottom:calc(14px + env(safe-area-inset-bottom));left:24px;right:24px}.transport-top{gap:12px}.transport-top button{font-size:11px}#counter{display:none}.transport nav{gap:6px}.transport nav button{font-size:10px;min-width:44px;min-height:50px;gap:4px}.transport nav button span{font-size:10px}.preview-label{bottom:195px;left:24px;right:24px;font-size:10px}.preview-label span{font-size:9px}.motion-note{bottom:250px}.picture{top:90px;height:47svh}.vignette{background:linear-gradient(0deg,#111210 0%,#111210 32%,transparent 67%)}.page-section{padding:80px 24px}.section-kicker>.small-label{display:none}.eyebrow{font-size:10px;margin-bottom:22px}.promise-grid{grid-template-columns:1fr;gap:38px;margin:16px 0 44px}.promise-grid h2{font-size:clamp(41px,10.6vw,66px)}.promise-copy{max-width:none}.promise-copy .lead{font-size:24px}.promise-copy>p:not(.lead){font-size:16px;margin-top:23px}.promise-points{grid-template-columns:1fr;gap:17px;padding-top:25px}.promise-points p{font-size:13px}.text-link{font-size:13px;margin-top:23px}.section-heading{display:block;margin-bottom:33px}.page-section h2{font-size:clamp(36px,9.8vw,60px)}.section-heading>p{max-width:none;margin-top:27px;font-size:16px}.team-photo{margin:0 -24px}.team-photo img{aspect-ratio:1.15;object-position:50% center}.team-photo figcaption{font-size:9px;padding:0 24px;display:block}.team-photo figcaption span{display:block;margin-top:4px}.ecosystem-bottom{grid-template-columns:1fr;gap:32px;margin-top:42px}.ecosystem-bottom>.lead{font-size:25px}.expertise-details summary{gap:14px;min-height:76px}.expertise-details h3{font-size:20px}.expertise-details details>p{padding:0 0 24px 29px;font-size:15px}.value-grid{grid-template-columns:1fr;gap:38px}.value-copy>.lead{font-size:22px}.value-copy>p:not(.lead):not(.eyebrow){font-size:16px}.value-list h3{font-size:17px}.value-list p{font-size:14px}.materials-photo img{aspect-ratio:1.12;object-position:40% 55%}.materials-photo figcaption{font-size:10px}.care-grid{grid-template-columns:1fr;gap:38px}.care-grid figure{order:2}.care-grid img{aspect-ratio:1.12}.care-grid h2 br:last-child{display:none}.care-grid>div>p:not(.eyebrow){margin-top:25px}.outcome{height:550px}.outcome>img{object-position:55% center}.outcome>div{left:24px;right:24px;bottom:90px}.outcome h2{font-size:36px}.outcome .eyebrow{font-size:9px;max-width:290px}.image-disclosure{left:24px;font-size:10px}.contact-section{grid-template-columns:1fr;gap:55px}.contact-section h2{font-size:40px}.contact-button{width:100%;font-size:14px}.brief-guide>a{font-size:22px}.creative-review>summary{padding:24px;font-size:12px;gap:10px}.creative-review>summary>span:first-child{display:none}.story-intro h2{font-size:45px}footer{align-items:start;gap:9px}.story-intro p{font-size:16px}.storyboard{padding:70px 24px}.shot-grid p{font-size:15px}#menu-dialog{padding:24px}#menu-dialog nav a{font-size:23px}}
@media(max-width:750px) and (max-height:700px){.picture{height:36svh}.copy,.copy.right{bottom:238px}.copy h1{font-size:28px}.copy .eyebrow{font-size:9px;margin-bottom:8px}.chapter-line{font-size:10px;margin-top:10px}.preview-label{bottom:176px}.transport{bottom:8px}input[type=range]{height:36px}.transport nav button{min-height:48px}}
@media(max-width:370px){.copy,.copy.right,.transport,.preview-label{left:16px;right:16px}.transport nav{gap:4px}.transport-top{gap:8px}.transport-top button{font-size:10px}.brand img{width:155px}.page-section{padding-left:20px;padding-right:20px}.team-photo{margin-left:-20px;margin-right:-20px}.contact-section h2{font-size:36px}}
@media(max-height:520px) and (min-width:751px){#journey{height:100svh}.stage{min-height:430px}.copy{top:110px}.copy h1{font-size:35px}.copy .eyebrow{margin-bottom:12px}.preview-label{bottom:165px;font-size:9px}.transport{bottom:8px}.transport nav button{min-height:44px}.transport input{height:32px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.copy{transform:none!important}}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){.glass{background:#171918;backdrop-filter:none;-webkit-backdrop-filter:none}header[data-tone=light] .glass{background:var(--paper)}.quiet{color:var(--muted)}.vignette{background:linear-gradient(0deg,#111 0%,#1118 70%,#111b)}}
@supports not ((backdrop-filter:blur(10px)) or (-webkit-backdrop-filter:blur(10px))){.glass{background:#171918eb}header[data-tone=light] .glass{background:#f6f5f0f2}}
/* Section padding already reserves the floating header. */
html{scroll-padding-top:0}
@media(max-width:750px){.page-section{padding-top:110px}}
@media(min-width:751px) and (max-width:1000px) and (orientation:portrait){.picture{top:108px;bottom:auto;height:55svh}.poster,#film{object-fit:contain}.copy,.copy.right{top:auto;bottom:270px;left:5%;right:5%;text-align:left;max-width:650px}.copy h1{font-size:54px}.vignette{background:linear-gradient(0deg,#111210 0%,#111210 25%,transparent 60%)}.preview-label{bottom:194px}}
/* Short windows use a normal-flow player; controls remain available. */
@media(max-height:520px){#journey,.reduced #journey{height:auto}.stage,.reduced .stage{position:relative;height:650px;min-height:650px}.picture{top:90px;height:300px;bottom:auto}.copy,.copy.right{top:auto;bottom:235px;left:5%;right:5%;text-align:left;max-width:650px}.copy h1{font-size:36px}.copy .eyebrow{margin-bottom:12px}.transport{bottom:16px}.preview-label{bottom:190px;left:5%;right:5%;text-align:left}.vignette{background:linear-gradient(0deg,#111210 0%,#111210 32%,transparent 65%)}.transport input{height:44px}}
/* Contrast comes from the media edge, not an opaque glass card. */
header[data-tone=dark]::before{background:linear-gradient(#080b0ab3 0%,#080b0a80 65%,transparent)}
.stage:has(.copy.right) .vignette{background:linear-gradient(0deg,#10120ff5,transparent 42%,#10120f30 75%,#10120f55),linear-gradient(270deg,#080a0899 0%,#080a088c 52%,transparent 85%)}
@media(max-width:750px){.stage:has(.copy.right) .vignette{background:linear-gradient(0deg,#111210 0%,#111210 32%,transparent 67%)}}
@media(min-width:751px) and (max-width:1000px) and (orientation:portrait){.stage:has(.copy.right) .vignette{background:linear-gradient(0deg,#111210 0%,#111210 25%,transparent 60%)}}

/* Revision 06 — six chapters, natural photo grading and clear model stages. */
#journey{height:600svh}.transport nav{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
#film,.poster,.team-photo img,.materials-photo img,.care-grid img,.outcome>img{filter:contrast(.90) brightness(1.035) saturate(.94)}
.stage[data-visual=model] #film{filter:none}
.stage[data-visual=photo] .vignette,.vignette{background:linear-gradient(0deg,#111210b3 0%,transparent 35%),linear-gradient(90deg,#11121070,transparent 53%)}
.stage[data-visual=photo]:has(.copy.right) .vignette{background:linear-gradient(0deg,#111210b3,transparent 35%),linear-gradient(270deg,#11121070,transparent 62%)}
.stage[data-visual=model] .vignette{background:linear-gradient(0deg,#f9faf7f5,transparent 35%),linear-gradient(90deg,#fafbf8d9,transparent 64%)}
.stage[data-visual=model] .copy{color:#202720;text-shadow:none}
.stage[data-visual=model] .transport button,.stage[data-visual=model] #counter,.stage[data-visual=model] .preview-label,.stage[data-visual=model] .preview-label span{color:#303b32;text-shadow:none}
.stage[data-visual=model] .transport nav button{border-top-color:#20322555}.stage[data-visual=model] .transport nav button[aria-pressed=true]{border-top-color:var(--orange)}
.transport nav button{display:flex;align-items:center;gap:8px}.transport nav button span{margin-left:0}
@media(max-width:750px){.transport nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px 8px}.transport nav button{flex-direction:column;align-items:flex-start;justify-content:center;gap:1px;min-width:44px;min-height:46px;padding:6px 0;font-size:9px}.transport nav button span{font-size:11px}.picture{height:42svh}.copy,.copy.right{bottom:280px}.preview-label{bottom:222px}.motion-note{bottom:272px}.stage[data-visual=photo] .vignette,.stage[data-visual=photo]:has(.copy.right) .vignette{background:linear-gradient(0deg,#111210 0%,#111210 30%,transparent 65%)}.stage[data-visual=model] .vignette{background:linear-gradient(0deg,#f4f6f1 0%,#f4f6f1 30%,transparent 65%)}.stage[data-visual=model]{background:#f4f6f1}}
@media(max-width:750px) and (max-height:700px){.picture{height:30svh}.copy,.copy.right{bottom:260px}.copy h1{font-size:28px}.chapter-line{margin-top:10px}.preview-label{bottom:215px;font-size:9px}.transport{bottom:8px}.transport nav button span{font-size:10px}}
@media(max-height:520px){#journey{height:auto}.copy,.copy.right{bottom:235px}.picture{height:300px}.preview-label{bottom:190px}}
.stage[data-visual=model] #reduce-motion{color:#303b32}
.shot-grid img:not([src*="wireframe"]):not([src*="bim"]){filter:contrast(.90) brightness(1.035) saturate(.94)}
.stage[data-visual=model]{background:#f4f6f1}
@media(min-width:751px) and (max-width:1000px) and (orientation:portrait){.stage[data-visual=model] .vignette{background:linear-gradient(0deg,#f4f6f1 0%,#f4f6f1 25%,transparent 60%)}}

/* Revision 06 — full-screen founder profiles and project cover. */
.full-image{position:relative;isolation:isolate;min-height:100svh;display:flex;flex-direction:column;justify-content:space-between;padding:136px 5% 70px;gap:65px;color:#fff;overflow:hidden;background:#252723}
.full-image>img,.image-shade{position:absolute;inset:0;width:100%;height:100%;z-index:-2;object-fit:cover;object-position:72% 35%}
.image-shade{z-index:-1;background:linear-gradient(90deg,rgba(13,17,15,.78) 0%,rgba(13,17,15,.60) 37%,rgba(13,17,15,.08) 70%),linear-gradient(0deg,rgba(13,17,15,.54),transparent 42%)}
.media-top{display:flex;justify-content:space-between;gap:24px;align-items:flex-start}
.media-top .eyebrow{margin-bottom:18px}.media-top h2{font-size:clamp(32px,3.5vw,52px);line-height:1.12;max-width:570px;letter-spacing:-.045em}
.panel-count{font-size:11px;letter-spacing:.12em;white-space:nowrap;padding-top:3px;text-shadow:0 1px 15px #0008}
.media-copy{max-width:min(47%,610px)}.media-copy h3{font-size:clamp(38px,4.6vw,70px);line-height:1.05;letter-spacing:-.052em;text-wrap:balance}
.profile-discipline{font-size:11px;text-transform:uppercase;letter-spacing:.13em;margin-bottom:15px;padding-left:15px;border-left:3px solid var(--orange)}
.profile-role{font-size:14px;margin-top:16px;color:#eee}.profile-line{font-size:19px;font-weight:700;letter-spacing:-.02em;margin-top:30px}.profile-bio{font-size:15px;line-height:1.8;max-width:480px;margin-top:12px;color:#eee}
.placeholder-note{position:absolute;right:5%;bottom:28px;font-size:10px;line-height:1.6;color:#fff;text-shadow:0 1px 8px #000;letter-spacing:.02em}
.project-panel .image-shade{background:linear-gradient(90deg,#101610b8,transparent 90%),linear-gradient(0deg,#101610b8,transparent 70%)}
.project-panel .media-copy h3{font-size:clamp(48px,5.6vw,82px)}.project-panel .text-link{margin-top:16px}
@media(min-width:751px) and (max-width:1000px){.full-image{padding-top:140px;min-height:100svh}.media-copy{max-width:56%}.full-image>img{object-position:68% center}.founder-panel .image-shade{background:linear-gradient(90deg,#101610de,rgba(16,22,16,.55) 53%,transparent 88%),linear-gradient(0deg,#10161099,transparent 65%)}.media-copy h3{font-size:44px}.profile-bio{font-size:15px}.placeholder-note{max-width:40%;text-align:right}}
@media(max-width:750px){.full-image{min-height:max(760px,100svh);padding:112px 24px 76px;gap:220px}.full-image>img{object-position:72% 25%}.image-shade{background:linear-gradient(0deg,#101510f5 0%,#101510dd 30%,transparent 66%),linear-gradient(180deg,#101510b8,transparent 34%)}.media-top h2{font-size:32px;max-width:290px}.media-top .eyebrow{font-size:9px;margin-bottom:12px}.panel-count{font-size:9px}.media-copy{max-width:100%}.media-copy h3{font-size:38px;max-width:360px}.profile-discipline{font-size:9px;margin-bottom:12px}.profile-role{font-size:12px;margin-top:12px}.profile-line{font-size:18px;margin-top:24px}.profile-bio{font-size:14px;line-height:1.75;max-width:460px}.placeholder-note{left:24px;right:24px;bottom:24px;font-size:9px}.project-panel{gap:170px}.project-panel>img{object-position:58% center}.project-panel .image-shade{background:linear-gradient(0deg,#101510e8,transparent 80%),linear-gradient(180deg,#1015109c,transparent 55%)}.project-panel .media-copy h3{font-size:48px}.project-panel .text-link{font-size:13px}}
@media(max-width:370px){.full-image{padding-left:20px;padding-right:20px}.media-top h2{font-size:28px}.media-copy h3{font-size:34px}.placeholder-note{left:20px;right:20px}.panel-count{font-size:8px}}
@media(max-height:520px) and (min-width:751px){.full-image{min-height:690px;padding-top:130px}}

/* Reserve the face area beside the opening title on narrow screens. */
@media(max-width:750px){.founder-panel:first-child>img{object-position:66% 25%}.founder-panel:first-child .media-top h2{max-width:185px;font-size:26px}.founder-panel:first-child .panel-count{position:absolute;top:114px;right:24px}}
@media(max-width:370px){.founder-panel:first-child>img{object-position:68% 25%}.founder-panel:first-child .media-top h2{max-width:145px;font-size:22px}.founder-panel:first-child .panel-count{right:20px}}

/* One continuous glass header, using the supplied full-colour logo unchanged. */
header.glass{height:96px;background:rgba(249,250,246,.20);border:0;border-radius:0;box-shadow:none;backdrop-filter:blur(18px) saturate(110%) contrast(.55) brightness(1.5);-webkit-backdrop-filter:blur(18px) saturate(110%) contrast(.55) brightness(1.5);color:#131713;pointer-events:auto}
header.glass::before{display:none}header.glass[data-tone=light]{background:rgba(249,250,246,.12);color:#131713}
header .brand,header .site-nav,header .menu-toggle{background:none;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;border-radius:0}
header .brand img,header[data-tone=light] .brand img{filter:none}
@media(max-width:750px){header.glass{height:84px}}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){header.glass,header.glass[data-tone=light]{background:#f6f5f0;backdrop-filter:none;-webkit-backdrop-filter:none}}
@supports not ((backdrop-filter:blur(10px)) or (-webkit-backdrop-filter:blur(10px))){header.glass,header.glass[data-tone=light]{background:#f6f5f0f2}}

/* Lighter glass across the navigation and camera-note surfaces. */
#menu-dialog{background:rgba(249,250,246,.68);backdrop-filter:blur(28px) saturate(110%);-webkit-backdrop-filter:blur(28px) saturate(110%)}
#menu-dialog::backdrop{background:#17191833;backdrop-filter:blur(10px)}
.motion-note{background:rgba(19,22,19,.38);border:0;backdrop-filter:blur(24px) brightness(.45);-webkit-backdrop-filter:blur(24px) brightness(.45)}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){#menu-dialog{background:#f6f5f0;backdrop-filter:none;-webkit-backdrop-filter:none}.motion-note{background:#131613;backdrop-filter:none;-webkit-backdrop-filter:none}}
