@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Manrope:wght@400;500;600&display=swap');
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#efeee7;color:#25332d;font:16px/1.5 'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #527c57;outline-offset:6px}h1,h2,p,figure{margin:0}h1,h2{font-family:Manrope,sans-serif;font-weight:500;line-height:1.08;letter-spacing:-.065em}em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.065em}.skip{position:absolute;top:-90px;z-index:10;background:white;padding:15px}.skip:focus{top:10px}header{position:absolute;top:0;left:0;width:100%;z-index:5;display:flex;justify-content:space-between;align-items:center;padding:25px 5%;gap:20px}.logo{display:flex;align-items:center;gap:11px;font-size:20px;font-weight:600;letter-spacing:-.05em}.logo svg{width:35px;height:35px}nav{display:flex;gap:32px;font-size:14px}header button{border:1px solid #8a938a;border-radius:50px;background:#efeee780;font-size:12px;padding:10px 15px}.opening{padding-top:70px;max-width:1600px;margin:auto}.stage{position:relative;width:100%;aspect-ratio:1672/941;max-height:850px}.human-scene{width:100%;height:100%;object-fit:contain;display:block}.hero-copy{position:absolute;left:5%;top:24%;width:37%}.eyebrow{font-size:10px;font-weight:500;letter-spacing:.09em}.hero-copy h1{font-size:clamp(36px,4.8vw,76px);margin:22px 0}.hero-copy .intro{font-size:17px;line-height:1.6;margin-top:22px}.discover{display:flex;justify-content:space-between;max-width:205px;border-bottom:1px solid #899487;padding-block:15px;margin-top:22px;font-size:14px}.discover span{font-size:23px}.glass-content{position:absolute;left:46.5%;top:25%;width:38%;height:40%;padding:12px 18px;display:flex;flex-direction:column;justify-content:space-between}.glass-label,.glass-footer{font-size:9px;letter-spacing:.05em}.glass-products{display:grid;grid-template-columns:1fr 1fr;gap:18px 20px;margin-block:20px}.glass-products a{display:flex;align-items:center;gap:12px;transition:transform .25s}.glass-products a:hover{transform:translateY(-4px)}.glass-products img{width:35px;height:35px}.glass-products span{font-size:19px;letter-spacing:-.04em}.glass-products small{display:block;font-size:11px;letter-spacing:0;color:#4d6052}.opening-caption{display:flex;justify-content:space-between;padding:20px 5% 40px;font-size:10px;letter-spacing:.06em}.focus-track{height:185vh;min-height:1300px;background:#e3e8dd}.focus-stage{height:100vh;min-height:720px;position:sticky;top:0;overflow:hidden;max-width:1600px;margin:auto;display:grid;place-items:center}.focus-title{position:absolute;left:6%;top:8%;z-index:3}.focus-title h2{font-size:clamp(35px,4vw,64px);margin-top:15px}.focus-window{width:min(51vw,740px);position:relative;z-index:2;transform:translateX(16%);margin-top:70px;will-change:transform}.focus-window img{width:100%;height:auto;display:block;border-radius:12px;box-shadow:0 30px 60px #23332324}.focus-window figcaption{font-size:11px;margin-top:15px;text-align:center}.distraction{position:absolute;padding:20px 28px;background:#f6f7f1;box-shadow:0 10px 35px #52684720;border:1px solid #cdd6c5;font-size:20px;letter-spacing:-.04em;border-radius:12px;will-change:transform,opacity}.distraction-one{left:3%;top:48%;transform:rotate(-8deg)}.distraction-two{right:3%;top:33%;transform:rotate(10deg)}.distraction-three{left:13%;bottom:8%;transform:rotate(4deg)}.focus-end{position:absolute;bottom:6%;right:6%;z-index:3;text-align:right}.focus-end p{font-size:19px;margin-bottom:12px}.focus-end a{font-size:14px;border-bottom:1px solid;padding-bottom:7px}.chapter-progress{position:absolute;bottom:0;left:0;width:100%;height:3px;background:#ced8c6}.chapter-progress span{display:block;width:100%;height:100%;background:#5b7553;transform:scaleX(var(--focus-progress,0));transform-origin:left}.next-products{max-width:1500px;margin:auto;padding:90px 5% 60px}.next-heading{display:flex;align-items:start;justify-content:space-between;margin-bottom:50px}.next-heading h2{font-size:clamp(40px,4.8vw,70px)}.product-line{display:grid;grid-template-columns:1fr 1fr;gap:26px}.product-piece{position:relative;background:#e4e5df;min-width:0;border-radius:4px;overflow:hidden;display:block}.product-piece img{width:100%;height:auto;display:block;transition:transform .7s;aspect-ratio:1.79;object-fit:cover}.product-piece:hover img{transform:scale(1.025)}.product-piece>span{position:absolute;left:24px;bottom:22px;background:#f8f8f0db;padding:9px 14px;border-radius:4px}.product-piece strong{display:block;font-weight:500;font-size:23px;letter-spacing:-.04em}.product-piece small{font-size:12px}.product-piece b{position:absolute;right:24px;bottom:30px;font-weight:400;font-size:26px}.development-note{font-size:11px;color:#596859;margin-top:22px}.human{padding:85px 5%;background:#283d30;color:#e5ecdb;display:grid;grid-template-columns:1fr 1fr;gap:40px}.human>.eyebrow{grid-column:1/-1}.human h2{font-size:clamp(45px,5.5vw,82px)}.human>div{max-width:450px;align-self:end}.human p{font-size:23px;line-height:1.5;letter-spacing:-.035em}.human>div>span{display:block;font-size:12px;margin-top:20px;color:#c2d0b9}.human a{display:inline-block;font-size:14px;border-bottom:1px solid;padding:10px 0;margin-top:25px}footer{display:flex;justify-content:space-between;padding:25px 5%;font-size:10px;letter-spacing:.04em}.paused *{animation:none!important;transition:none!important}
@media(min-width:1600px){header{padding-inline:max(5%,calc((100vw - 1440px)/2))}.opening-caption{padding-top:0}}
@media(max-width:850px){.hero-copy{top:22%}.hero-copy .eyebrow{font-size:8px}.hero-copy h1{font-size:4.7vw;margin:15px 0}.hero-copy .intro{font-size:13px;margin-top:10px}.discover{font-size:12px;margin-top:6px;max-width:160px;padding-block:8px}.glass-content{padding:0;top:25%;height:41%}.glass-products{gap:12px;margin-block:10px}.glass-products img{width:26px;height:26px}.glass-products span{font-size:15px}.glass-products small{font-size:9px}.glass-label,.glass-footer{font-size:7px}.focus-window{width:63vw;margin-top:100px}.focus-end{bottom:8%}.focus-track{min-height:1150px}.focus-stage{min-height:670px}}
@media(max-width:600px){header{padding:20px 6%;position:relative;flex-wrap:wrap;gap:18px}.logo{font-size:19px}.logo svg{width:29px;height:29px}nav{gap:18px;font-size:12px}header button{font-size:10px;padding:7px 10px;position:absolute;right:6%;top:65px}.opening{padding-top:30px}.stage{aspect-ratio:auto;padding-top:230px;min-height:610px;overflow:hidden}.human-scene{height:360px;width:640px;max-width:none;object-fit:fill;margin-left:calc(50% - 415px)}.hero-copy{left:6%;top:20px;width:88%}.hero-copy .eyebrow{font-size:9px}.hero-copy h1{font-size:46px;margin:15px 0}.hero-copy .intro{font-size:14px;margin:0}.hero-copy .discover{position:absolute;right:0;bottom:2px;width:115px;font-size:12px}.glass-content{left:calc(50% - 114px);top:324px;width:240px;height:140px;padding:0}.glass-products{gap:9px;margin:8px 0}.glass-products img{width:23px;height:23px}.glass-products a{gap:8px}.glass-products span{font-size:13px}.glass-products small{font-size:8px}.glass-label,.glass-footer{font-size:6px}.opening-caption{font-size:8px;padding:0 6% 30px;gap:20px}.opening-caption span:first-child{max-width:180px}.focus-track{height:145vh;min-height:1050px}.focus-stage{height:100svh;min-height:660px}.focus-title{left:6%;top:7%}.focus-title h2{font-size:39px}.focus-window{width:85%;transform:none;margin-top:30px}.distraction{font-size:13px;padding:12px}.distraction-one{top:37%;left:-2%}.distraction-two{top:69%;right:-2%}.distraction-three{display:none}.focus-end{bottom:6%;left:6%;right:6%;text-align:left;display:flex;justify-content:space-between;align-items:end;gap:12px}.focus-end p{font-size:16px;margin:0}.focus-end a{font-size:12px;white-space:nowrap}.focus-window figcaption{font-size:9px}.next-products{padding:50px 6%}.next-heading{display:block;margin-bottom:28px}.next-heading h2{font-size:43px;margin-top:20px}.product-line{grid-template-columns:1fr;gap:18px}.product-piece>span{left:15px;bottom:13px;padding:6px 10px}.product-piece strong{font-size:21px}.product-piece small{font-size:10px}.product-piece b{bottom:20px}.human{padding:50px 6%;grid-template-columns:1fr;gap:25px}.human>.eyebrow{grid-column:auto}.human h2{font-size:50px}.human p{font-size:20px}footer{display:block;padding:22px 6%}footer span{display:block;margin-block:5px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}.focus-track{height:auto;min-height:0}.focus-stage{position:relative}.distraction{opacity:.6}}
/* One continuous studio-to-product scene. Photography never scales. */
.opening{height:180vh;min-height:1250px;position:relative;padding-top:0}.stage{height:100vh;min-height:700px;position:sticky;top:0;aspect-ratio:auto;max-height:none;background:#efeee7;overflow:hidden}.human-scene{position:absolute;inset:0;object-fit:contain}.hero-copy{top:29%;z-index:2}.glass-content{top:30%;height:36%;z-index:2}.opening-caption{position:absolute;bottom:0;left:0;right:0;z-index:4}.portal-scrim{position:absolute;inset:0;background:#e3e8dd;opacity:0;pointer-events:none;z-index:1}.portal-copy{position:absolute;left:5%;top:31%;z-index:3;opacity:0;pointer-events:none}.portal-copy h2{font-size:clamp(36px,4.5vw,70px);margin:20px 0 25px}.portal-copy>p:not(.eyebrow){font-size:19px}.portal-copy a{display:inline-block;border-bottom:1px solid;padding:10px 0;margin-top:20px;font-size:15px}.portal-app{position:absolute;left:47%;top:23%;width:44%;max-width:740px;z-index:3;opacity:0;pointer-events:none;transform:translateY(30px)}.portal-app img{width:100%;display:block;border-radius:12px;box-shadow:0 24px 60px #24342122}.portal-app figcaption{font-size:11px;margin-top:14px;text-align:center}.paused .opening{height:auto;min-height:0}.paused .stage{position:relative}.paused .portal-app{display:none}.paused .portal-copy{display:none}
@media(max-width:600px){.opening{height:150vh;min-height:1080px}.stage{height:100svh;min-height:650px;padding:0}.human-scene{height:360px;width:640px;top:245px;left:calc(50% - 415px);margin:0;object-fit:fill}.hero-copy{top:35px}.glass-content{top:338px;height:140px}.portal-copy{top:45px;left:6%;right:6%}.portal-copy h2{font-size:44px;margin:15px 0}.portal-copy>p:not(.eyebrow){font-size:15px}.portal-copy a{position:absolute;right:0;bottom:0;font-size:13px}.portal-app{left:6%;top:285px;width:88%;max-width:none}.portal-app figcaption{font-size:9px}.opening-caption{padding-bottom:15px}.paused .opening{min-height:650px}}
@media(prefers-reduced-motion:reduce){.opening{height:auto;min-height:0}.stage{position:relative}.portal-app,.portal-copy{display:none}}
.portal-app{left:44%;top:23%;width:45%}.recall-study{background:#dddccb;padding:75px 6%;overflow:hidden}.recall-top{display:flex;justify-content:space-between;align-items:start;max-width:1300px;margin:auto}.recall-top h2{font-size:clamp(36px,4.4vw,68px)}.recall-canvas{position:relative;max-width:1200px;height:490px;margin:30px auto}.source-paper{position:absolute;left:9%;top:20px;background:#f5f1de;width:310px;padding:32px;box-shadow:0 15px 40px #393e2920;transform:rotate(-7deg);border-radius:2px}.source-paper>span,.context-window>span{font-size:10px;letter-spacing:.07em}.paper-lines{margin:25px 0}.paper-lines i{display:block;width:100%;height:2px;background:#c6c3ae;margin:9px 0}.paper-lines i:last-child{width:65%}.source-paper strong{font-size:29px;font-family:Georgia,serif;font-weight:400;line-height:1.2;display:block}.source-paper small{font-size:10px;display:block;margin-top:30px}.recall-connection{position:absolute;inset:0;width:100%;height:100%}.context-window{position:absolute;right:5%;top:140px;background:#f7f7ed;width:400px;padding:35px;box-shadow:0 20px 50px #393e2920;border-radius:12px;transform:rotate(3deg)}.context-window strong{font-size:30px;letter-spacing:-.06em;display:block;margin:25px 0 15px;font-weight:500}.context-window p{font-size:16px;max-width:260px}.context-source{display:block;border-top:1px solid #d0d4c5;padding-top:18px;margin-top:25px}.recall-bottom{max-width:1300px;margin:auto;display:flex;justify-content:space-between;gap:25px;align-items:center}.recall-bottom p{font-size:11px}.recall-bottom a{font-size:14px;border-bottom:1px solid;padding-bottom:6px}.more-worlds{padding:65px 6%;display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.more-worlds>.eyebrow{grid-column:1/-1}.more-worlds>a{padding-top:25px;border-top:1px solid #bdc5b8;position:relative}.more-worlds>a>span{font-size:10px;letter-spacing:.05em}.more-worlds strong{font-size:clamp(26px,3vw,44px);line-height:1.15;letter-spacing:-.05em;font-weight:400;display:block;margin-top:22px}.more-worlds b{display:block;font-size:24px;font-weight:400;margin-top:25px}.more-worlds>p{grid-column:1/-1;font-size:11px;color:#596859}@media(max-width:600px){.portal-app{left:6%;top:285px;width:88%}.recall-study{padding:45px 6%}.recall-top{display:block}.recall-top h2{font-size:39px;margin-top:25px}.recall-canvas{height:540px;margin:30px auto 0}.source-paper{left:2%;width:235px;padding:25px}.source-paper strong{font-size:25px}.context-window{right:0;top:250px;width:270px;padding:25px}.context-window strong{font-size:26px}.context-window p{font-size:14px}.recall-bottom{align-items:start}.recall-bottom p{max-width:185px;font-size:10px}.recall-bottom a{white-space:nowrap;font-size:12px}.more-worlds{grid-template-columns:1fr;gap:30px;padding-block:40px}.more-worlds strong{font-size:37px}.more-worlds>a b{position:absolute;right:0;bottom:0}}
.portal-app img{height:auto}.portal-app{top:26%}.recall-study{--recall-progress:0}.source-paper{transform:translateX(calc(var(--recall-progress) * 15px)) rotate(calc(-7deg + var(--recall-progress) * 5deg))}.context-window{transform:translateY(calc(22px - var(--recall-progress) * 22px)) rotate(calc(3deg - var(--recall-progress) * 3deg))}.recall-connection path{stroke-dashoffset:calc(var(--recall-progress) * -60px)}@media(max-width:600px){.portal-app{top:285px}}
.static-proof{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px;padding:70px 6%;background:#e3e8dd}.static-proof h2{font-size:clamp(35px,4vw,65px);margin:20px 0}.static-proof a{display:inline-block;border-bottom:1px solid;padding:10px 0}.static-proof img{display:block;width:100%;height:auto;border-radius:12px;box-shadow:0 20px 50px #24342122}.static-proof figcaption{font-size:11px;margin-top:14px}.opening{height:auto;min-height:0}.stage{position:relative}.motion-enabled .opening{height:180vh;min-height:1250px}.motion-enabled .stage{position:sticky}.motion-enabled .static-proof{display:none}@media(max-width:600px){.motion-enabled .opening{height:150vh;min-height:1080px}.static-proof{grid-template-columns:1fr;padding:45px 6%;gap:25px}}
@media(max-width:600px){.glass-content{width:260px;height:165px;top:330px;left:calc(50% - 114px)}.glass-label,.glass-footer{display:none}.glass-products{margin:0;gap:13px 10px}.glass-products span{font-size:14px}.glass-products small{font-size:10px;line-height:1.25}.glass-products img{width:25px;height:25px}.opening-caption{font-size:10px;letter-spacing:0}}
/* Cinematic study v2: one camera rhythm, readable holds, reversible motion. */
:root{--nav-progress:0;--pointer-x:0;--pointer-y:0}.cinema-nav{position:fixed;top:20px;left:50%;transform:translateX(-50%);width:calc(100% - 64px);max-width:1390px;min-height:70px;padding:12px 22px;background:#f4f3e9e8;border:1px solid #ffffffaa;box-shadow:0 8px 35px #25332d0c;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:15px;gap:24px;overflow:hidden;z-index:20}.cinema-nav .logo{font-size:18px;gap:9px}.cinema-nav .logo svg{width:29px;height:29px}.cinema-nav nav{gap:5px;align-items:center}.cinema-nav nav a{padding:10px 15px;border-radius:8px;font-size:13px;transition:background .25s,color .25s}.cinema-nav nav a[aria-current]{background:#dde3d6;color:#203927}.nav-tools{display:flex;align-items:center;gap:16px}.chapter-counter{font-size:10px;font-variant-numeric:tabular-nums;letter-spacing:.08em;color:#687464}.cinema-nav button{border:1px solid #c1cbb8;background:transparent;border-radius:8px;padding:0;min-width:34px;min-height:34px;font-size:14px;line-height:1}.nav-contact{font-size:12px;white-space:nowrap}.nav-progress{position:absolute;bottom:0;left:0;right:0;height:2px;background:#ced8c630}.nav-progress i{display:block;width:100%;height:100%;background:#647e59;transform:scaleX(var(--nav-progress));transform-origin:left}.stage{perspective:1600px;isolation:isolate}.human-scene{will-change:opacity;z-index:0}.glass-content{transform-style:preserve-3d;will-change:transform,opacity}.glass-products a{position:relative;transition:transform .35s cubic-bezier(.2,.8,.2,1),filter .35s}.glass-products a:hover{transform:translateY(-5px) translateZ(15px)}.glass-products a:hover img{filter:drop-shadow(0 5px 5px #273d3020)}.glass-products img{transition:filter .35s}.hero-copy,.portal-copy{will-change:transform,opacity}.portal-app{transform-origin:center center;will-change:transform,opacity;backface-visibility:hidden}.portal-app img{border:1px solid #ffffffb3;box-shadow:0 36px 80px #24342124,0 2px 3px #24342110}.portal-edge{position:absolute;left:44%;top:23%;width:45%;height:50%;border:1px solid #ffffff90;border-radius:20px;opacity:0;pointer-events:none;z-index:2;box-shadow:0 35px 65px #394c2920,inset 0 1px 2px #fff;transform-origin:center}.portal-copy a,.portal-copy .eyebrow{position:relative}.opening-caption{color:#64725e}.motion-enabled .opening{height:230vh;min-height:1600px}.portal-scrim{background:#e0e5d7}.recall-study{position:relative;padding:0;background:#e0e5d7;overflow:clip;z-index:3}.recall-stage{padding:95px 6% 50px;background:#dedccb;min-height:880px;transform-origin:50% 0;will-change:transform;border-radius:var(--recall-radius,0px) var(--recall-radius,0px) 0 0;box-shadow:0 -25px 70px #283b2010}.motion-enabled .recall-study{margin-top:-70px;padding-top:70px}.recall-top{position:relative;z-index:2}.recall-canvas{perspective:1200px;transform-style:preserve-3d;height:450px}.source-paper,.context-window{will-change:transform,opacity;backface-visibility:hidden}.source-paper{transform-origin:50% 70%;box-shadow:0 26px 55px #393e2920}.context-window{box-shadow:0 35px 75px #393e2924}.source-tag,.connection-tag{position:absolute;top:-29px;left:0;color:#5d6c51;font-size:10px!important;letter-spacing:.05em}.source-paper>.source-tag{font-size:10px}.context-window>.connection-tag{top:auto;bottom:-29px;left:20px}.recall-connection path{stroke-dasharray:650;stroke-dashoffset:650;stroke-linecap:round;stroke-width:2}.recall-bottom{position:relative;z-index:2}.more-worlds{position:relative;background:#efeee7;perspective:1200px}.more-worlds>a{will-change:transform;transform-origin:50% 0}.more-worlds>a:hover strong{color:#466542}.more-worlds strong{transition:color .3s}.human{position:relative;overflow:hidden;border-radius:var(--human-radius,0px) var(--human-radius,0px) 0 0;will-change:border-radius}.human h2{will-change:transform}.motion-enabled .glass-products a{animation:product-breath 8s ease-in-out infinite}.motion-enabled .glass-products a:nth-child(2){animation-delay:-1.6s}.motion-enabled .glass-products a:nth-child(3){animation-delay:-3.2s}.motion-enabled .glass-products a:nth-child(4){animation-delay:-4.8s}.motion-enabled .glass-products a:nth-child(5){animation-delay:-6.4s}@keyframes product-breath{0%,75%,100%{filter:drop-shadow(0 0 0 transparent)}85%{filter:drop-shadow(0 3px 4px #36572a25)}}
@media(max-width:1050px){.cinema-nav{gap:15px;width:calc(100% - 40px);padding:12px 16px}.cinema-nav nav a{padding:10px 11px}.nav-tools{gap:12px}.chapter-counter{display:none}.recall-stage{padding-top:80px}.portal-copy{top:32%}}
@media(max-width:600px){.cinema-nav{top:12px;left:16px;transform:none;width:calc(100% - 32px);min-height:94px;border-radius:13px;display:grid;grid-template-columns:1fr auto;gap:5px 15px;padding:10px 14px;overflow:visible}.cinema-nav .logo{font-size:17px}.cinema-nav .logo svg{width:26px;height:26px}.cinema-nav nav{grid-row:2;grid-column:1/-1;justify-content:space-between;gap:1px}.cinema-nav nav a{font-size:11px;padding:7px 10px}.nav-tools{grid-column:2;grid-row:1;gap:10px}.cinema-nav button{position:static;min-width:30px;min-height:30px;font-size:12px}.nav-contact{font-size:10px}.nav-progress{bottom:-1px;left:12px;right:12px}.motion-enabled .opening{height:180vh;min-height:1250px}.stage{min-height:750px}.hero-copy{top:140px}.human-scene{top:345px}.glass-content{top:430px}.portal-copy{top:155px}.portal-app{top:370px}.portal-edge{left:6%;top:370px;width:88%;height:280px}.opening-caption{display:none}.recall-stage{padding:65px 6% 45px;min-height:800px}.recall-canvas{height:510px}.context-window{top:245px}.motion-enabled .recall-study{margin-top:-30px;padding-top:30px}.recall-top h2{font-size:37px}.source-tag,.connection-tag{font-size:10px}.more-worlds{padding-top:45px}.paused .stage{min-height:750px}.static-proof{scroll-margin-top:130px}#workbench,#human{scroll-margin-top:100px}}
@media(prefers-reduced-motion:reduce){.cinema-nav{backdrop-filter:none;background:#f4f3e9}.recall-stage,.source-paper,.context-window,.more-worlds>a,.human h2{transform:none!important}.recall-stage,.human{border-radius:0!important}.recall-connection path{stroke-dashoffset:0!important}.recall-study{margin-top:0!important;padding-top:0!important}}
body:not(.motion-enabled) .portal-copy,body:not(.motion-enabled) .portal-app,body:not(.motion-enabled) .portal-edge{display:none}
@media(prefers-reduced-transparency:reduce){.cinema-nav{backdrop-filter:none;-webkit-backdrop-filter:none;background:#f4f3e9}}
.recall-connection{z-index:0;pointer-events:none}.source-paper,.context-window{z-index:1}
.mobile-availability{display:none}.portal-edge{display:none}@media(max-width:600px){.mobile-availability{display:block;position:absolute;top:185px;left:0;font-size:10px;white-space:nowrap;color:#344f3b}.portal-app figcaption{font-size:10px}}
@media(max-width:600px){.portal-copy a{position:absolute;right:0;bottom:0;margin-top:0;font-size:12px}.portal-copy>p:not(.eyebrow){max-width:190px}.portal-copy h2{margin-bottom:20px}}
/* Continuous story: the same window carries every product chapter. */
.motion-enabled .opening{height:660vh;min-height:4300px}.continuity-story{position:absolute;inset:0;z-index:4;pointer-events:none}.continuity-chapter{position:absolute;inset:0;opacity:0;pointer-events:none;perspective:1600px}.continuity-copy{position:absolute;left:5%;top:27%;width:34%;will-change:transform,opacity}.story-bridge{font-size:13px;color:#697561;margin-bottom:35px;max-width:290px}.continuity-copy h2{font-size:clamp(35px,4.3vw,68px);margin:20px 0 25px}.chapter-description{font-size:17px;line-height:1.6;max-width:320px}.continuity-copy>a{display:inline-block;font-size:14px;border-bottom:1px solid;padding:10px 0;margin-top:22px}.continuity-window{position:absolute;left:44%;top:26%;width:45%;height:52%;max-width:740px;min-height:390px;background:#f3f4eadd;border:1px solid #ffffffcc;border-radius:13px;box-shadow:0 35px 80px #263a2220;overflow:hidden;transform-origin:50% 50%;will-change:transform,opacity}.concept-disclosure{position:absolute;bottom:15px;left:0;right:0;text-align:center;font-size:8px;letter-spacing:.04em;color:#6b7661}.story-rail{position:absolute;bottom:35px;left:50%;transform:translateX(-50%);z-index:8;display:flex;gap:0;background:#f3f4e6cc;border:1px solid #b5c2a766;border-radius:40px;backdrop-filter:blur(15px);padding:5px;opacity:0;pointer-events:none}.story-rail a{padding:10px 17px;font-size:10px;color:#6a775f;white-space:nowrap;border-radius:30px}.story-rail a span{font-size:12px;margin-left:6px}.story-rail a[aria-current]{background:#344c37;color:#f2f4e8}.visit-world,.recall-world,.evidence-world,.release-world{height:100%;position:relative;padding:35px;perspective:1000px}.feed-side{position:absolute;left:5%;top:18%;width:23%;transform:rotateY(20deg);opacity:.45}.feed-side.right{left:auto;right:5%;transform:rotateY(-20deg)}.feed-side i{height:43px;background:#cbd4c1;border-radius:6px;display:block;margin-bottom:14px}.feed-side i:nth-child(even){height:65px;background:#dcded2}.door-frame{position:absolute;left:24%;right:24%;top:9%;bottom:12%;background:#faf9ef;border:1px solid #bdc9b3;border-radius:80px 80px 7px 7px;padding:45px 25px 20px;box-shadow:0 15px 35px #283b2020;text-align:center;z-index:2}.actor-label{font-size:8px;letter-spacing:.08em}.door-frame>strong{display:block;font-family:Georgia,serif;font-size:27px;font-weight:400;line-height:1.1;margin-top:20px}.travelling-note{background:#f4edcc;border:1px solid #e1d8b6;padding:22px;box-shadow:0 15px 30px #29382113;border-radius:3px;z-index:2;position:relative}.travelling-note>span{font-size:8px;letter-spacing:.04em;display:block;color:#6f715a}.travelling-note>b{font-family:Georgia,serif;font-size:27px;line-height:1.2;font-weight:400;display:block;margin-top:18px}.travelling-note small{font-size:11px;display:block;color:#686d56;margin-top:18px}.door-frame .travelling-note{margin:22px -5px 0;padding:15px;transform:rotate(-5deg)}.door-frame .travelling-note b{font-size:19px;margin-top:9px}.exit-rule{font-size:11px;margin-top:20px;border-top:1px solid #d7decd;padding-top:13px;display:flex;justify-content:space-between}.exit-rule b{font-weight:400}.recall-world>.travelling-note{position:absolute;left:10%;top:13%;width:55%;transform:rotate(-4deg)}.saved-layer{position:absolute;left:11%;top:12%;width:55%;height:45%;background:#e9e9d9;border:1px solid #d7dcc9;transform:rotate(-11deg);border-radius:3px}.saved-layer.layer-two{transform:rotate(4deg);background:#eeeddd}.note-rule{height:1px;background:#c6cbb4;margin-top:20px;width:80%}.recall-destination{position:absolute;right:8%;bottom:15%;width:57%;border-radius:10px;padding:23px;background:#fffef4;border:1px solid #d8dfcd;box-shadow:0 18px 40px #293c201a;z-index:3}.recall-destination>span{font-size:8px;letter-spacing:.05em}.recall-destination strong{font-size:25px;font-weight:500;letter-spacing:-.04em;display:block;margin:15px 0}.recall-destination small{font-size:10px;color:#5f7652}.connection-stem{position:absolute;left:29%;top:46%;width:35%;height:25%;border-left:1px solid #7a9569;border-bottom:1px solid #7a9569;border-radius:0 0 0 30px}.evidence-world>.travelling-note{position:absolute;left:8%;top:12%;width:62%;transform:rotate(-3deg)}.travelling-note mark{background:#cbdab4;color:inherit}.source-receipt{position:absolute;right:8%;bottom:12%;width:56%;background:#fffef4;padding:25px;border:1px solid #d4ddc5;box-shadow:0 18px 30px #293c201a;z-index:3}.source-receipt>span{font-size:9px;letter-spacing:.08em}.source-receipt strong{display:block;font-size:22px;font-weight:400;letter-spacing:-.04em;margin:13px 0}.source-receipt small{font-size:10px}.receipt-lines i{display:block;height:2px;background:#d5deca;margin:10px 0}.receipt-lines i:last-child{width:70%}.evidence-bracket{position:absolute;top:28%;right:13%;width:23%;height:38%;border-right:1px solid #77916c;border-top:1px solid #77916c}.release-stack{position:absolute;inset:10% 11% 24%;display:flex;flex-direction:column;gap:12px}.release-stack>div{background:#fffef3;border:1px solid #d5ddc9;border-radius:7px;padding:15px 22px;box-shadow:0 8px 20px #293c2010;transform-origin:left}.release-stack span{font-size:8px;letter-spacing:.08em;color:#6d7a60}.release-stack b{font-size:23px;font-weight:400;letter-spacing:-.035em;display:block;margin-top:4px}.decision-line{position:absolute;bottom:12%;left:12%;right:12%;display:flex;justify-content:space-between;border-top:1px solid #aab99c;padding-top:18px;font-size:12px}.decision-line b{font-size:20px;font-weight:400}.opening-caption{display:none}.human{margin-top:0}
body:not(.motion-enabled) .continuity-story{position:relative;pointer-events:auto}body:not(.motion-enabled) .continuity-chapter{position:relative;min-height:720px;opacity:1;pointer-events:auto}body:not(.motion-enabled) .stage{height:auto;min-height:900px;overflow:visible;padding-bottom:0}body:not(.motion-enabled) .continuity-story{padding-top:900px}body:not(.motion-enabled) .human-scene{height:900px}body:not(.motion-enabled) .hero-copy{top:260px}body:not(.motion-enabled) .glass-content{top:280px}body:not(.motion-enabled) .story-rail{display:none}
@media(max-width:1000px){.door-frame{padding:30px 15px 15px}.door-frame>strong{font-size:23px}.continuity-window{min-height:350px}.visit-world,.recall-world,.evidence-world,.release-world{padding:20px}.travelling-note>b{font-size:23px}.recall-destination strong{font-size:22px}}
@media(max-width:600px){.motion-enabled .opening{height:620vh;min-height:4300px}.continuity-copy{left:6%;top:135px;width:88%}.story-bridge{font-size:11px;margin-bottom:17px;max-width:none}.continuity-copy h2{font-size:37px;margin:12px 0 13px}.chapter-description{font-size:13px;line-height:1.5;max-width:250px}.continuity-copy>a{position:absolute;right:0;bottom:0;font-size:11px;margin:0;max-width:90px;line-height:1.3}.continuity-copy .chapter-description{max-width:230px}.continuity-window{left:6%;top:385px;width:88%;height:320px;min-height:0}.story-rail{bottom:16px;padding:4px;width:90%;justify-content:space-between}.story-rail a{padding:8px 7px;font-size:8px}.story-rail a span{font-size:10px;margin-left:3px}.concept-disclosure{font-size:7px;bottom:10px}.door-frame{top:6%;bottom:13%;left:25%;right:25%;padding:25px 13px 10px;border-radius:50px 50px 5px 5px}.actor-label{font-size:6px}.door-frame>strong{font-size:20px;margin-top:13px}.door-frame .travelling-note{margin:15px -7px 0;padding:10px}.door-frame .travelling-note b{font-size:16px}.exit-rule{margin-top:12px;font-size:9px;padding-top:10px}.travelling-note{padding:17px}.travelling-note>b{font-size:23px;margin-top:12px}.travelling-note>span{font-size:7px}.travelling-note small{font-size:9px;margin-top:12px}.recall-destination{padding:17px}.recall-destination strong{font-size:21px;margin:10px 0}.source-receipt{padding:16px}.source-receipt strong{font-size:19px}.source-receipt small{font-size:8px}.release-stack{gap:8px;inset:8% 9% 24%}.release-stack>div{padding:9px 16px}.release-stack b{font-size:20px}.decision-line{font-size:10px}.continuity-chapter{scroll-margin-top:120px}body:not(.motion-enabled) .stage{min-height:750px}body:not(.motion-enabled) .continuity-story{padding-top:750px}body:not(.motion-enabled) .continuity-chapter{min-height:780px}body:not(.motion-enabled) .human-scene{height:360px}body:not(.motion-enabled) .hero-copy{top:140px}body:not(.motion-enabled) .glass-content{top:430px}}
body:not(.motion-enabled) .static-proof{position:relative;margin-top:900px;z-index:5}body:not(.motion-enabled) .continuity-story{padding-top:0}body:not(.motion-enabled) .continuity-chapter{overflow:hidden}.motion-enabled .human{position:relative;z-index:6;box-shadow:0 -35px 80px #243b2020}@media(max-width:600px){body:not(.motion-enabled) .static-proof{margin-top:750px}.concept-disclosure{font-size:6px;letter-spacing:0}}
.shared-note{position:absolute;z-index:6;background:#f4edcc;border:1px solid #e1d8b6;padding:20px 22px;box-shadow:0 15px 30px #29382113;border-radius:3px;pointer-events:none;opacity:0;will-change:transform,left,top,width,height;display:flex;flex-direction:column;justify-content:center}.shared-note>span{font-size:8px;letter-spacing:.04em;color:#6f715a}.shared-note>b{font-family:Georgia,serif;font-size:27px;line-height:1.2;font-weight:400;display:block;margin-top:12px}.shared-note>small{font-size:11px;color:#686d56;margin-top:12px}.shared-note>small:empty{display:none}.shared-note[data-kind="0"]{text-align:center;padding:15px}.shared-note[data-kind="0"]>b{font-size:19px;margin-top:9px}.shared-note[data-kind="3"]{background:#fffef3;border-color:#d5ddc9;border-radius:7px;padding:15px 22px}.shared-note[data-kind="3"]>b{font-family:'DM Sans',sans-serif;font-size:23px;letter-spacing:-.035em;margin-top:4px}.motion-enabled .continuity-chapter .travelling-note,.motion-enabled .release-stack>div:first-child{visibility:hidden}@media(max-width:600px){.shared-note{padding:17px}.shared-note>span{font-size:7px}.shared-note>b{font-size:23px}.shared-note>small{font-size:9px}.shared-note[data-kind="0"]{padding:10px}.shared-note[data-kind="0"]>b{font-size:16px}.shared-note[data-kind="3"]{padding:9px 16px}.shared-note[data-kind="3"]>b{font-size:20px}}
body:not(.motion-enabled) .stage{padding-top:900px}body:not(.motion-enabled) .static-proof{margin-top:0}body:not(.motion-enabled) .continuity-chapter{scroll-margin-top:110px}@media(max-width:600px){body:not(.motion-enabled) .stage{padding-top:750px}body:not(.motion-enabled) .static-proof{margin-top:0}}
.shared-note{position:fixed;z-index:7}.example-evidence{font-size:11px;line-height:1.6;margin:13px 0}.example-evidence span{display:block}.continuity-copy{transition:none}.human{min-height:620px;padding-bottom:175px}.ending-note{position:absolute;left:6%;bottom:45px;width:300px;height:100px}.shared-note[data-kind="end"]{background:#f4edcc;border-color:#e1d8b6;border-radius:3px}.shared-note[data-kind="end"] b{font-family:Georgia,serif;font-size:25px}.concept-disclosure{font-size:9px;letter-spacing:0}.story-rail a{min-height:38px}.door-frame .travelling-note{min-height:90px}.door-frame .travelling-note b{font-size:18px}.shared-note[data-kind="0"]>b{font-size:18px}.source-receipt{min-height:155px}.shared-note[data-kind="3"]>b{font-size:21px}
@media(max-width:600px){.continuity-window{height:330px}.recall-world>.travelling-note,.evidence-world>.travelling-note{left:8%;top:7%;width:78%;height:132px;padding:14px}.recall-destination{left:16%;right:auto;top:57%;bottom:auto;width:76%;padding:14px}.recall-destination strong{font-size:19px;margin:8px 0}.source-receipt{left:16%;right:auto;top:52%;bottom:auto;width:76%;padding:12px;min-height:0}.source-receipt strong{font-size:18px;margin:8px 0}.example-evidence{font-size:9px;margin:7px 0}.shared-note>b{font-size:19px}.shared-note>small{font-size:9px;margin-top:8px}.shared-note{padding:14px}.release-stack{inset:8% 9% auto;gap:7px}.release-stack>div{padding:8px 14px;min-height:53px}.release-stack b{font-size:17px;line-height:1.2;margin-top:3px}.release-stack span{font-size:7px}.decision-line{bottom:14%;font-size:10px;padding-top:12px}.shared-note[data-kind="3"]{padding:8px 14px}.shared-note[data-kind="3"]>b{font-size:17px;line-height:1.2}.shared-note[data-kind="0"]>b{font-size:14px}.door-frame .travelling-note{min-height:90px}.concept-disclosure{font-size:8px;padding:0 8px;bottom:8px}.continuity-copy>a{max-width:105px;font-size:10px;white-space:nowrap}.human{min-height:690px;padding-bottom:180px}.ending-note{left:6%;bottom:45px;width:280px;height:100px}.shared-note[data-kind="end"] b{font-size:24px}}
body:not(.motion-enabled) .ending-note{background:#f4edcc;border:1px solid #e1d8b6;border-radius:3px;display:flex;align-items:center;padding:20px}body:not(.motion-enabled) .ending-note::after{content:'What could we make?';font:25px Georgia,serif;color:#25332d}
@media(max-width:600px){.continuity-window{height:345px}.evidence-world .source-receipt{top:51%}.concept-disclosure{bottom:9px}}
.enquiry-section{padding:100px 6%;background:#f1f0e7;display:grid;grid-template-columns:1fr 1.15fr;gap:80px;scroll-margin-top:95px}.enquiry-intro h2{font-size:clamp(45px,5vw,76px);margin:25px 0}.enquiry-intro>p:not(.eyebrow){max-width:340px;font-size:17px}.enquiry-intro .form-explainer{font-size:13px!important;color:#69715f;margin-top:25px}#enquiry-form{max-width:660px;width:100%;justify-self:end}#enquiry-form label{display:flex;flex-direction:column;gap:9px;font-size:13px;margin-bottom:22px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}#enquiry-form input,#enquiry-form select,#enquiry-form textarea{font:15px/1.5 'DM Sans',sans-serif;border:1px solid #b8c2ac;background:#fafaf2;color:#25332d;border-radius:7px;padding:13px 15px;width:100%;resize:vertical}#enquiry-form input:focus,#enquiry-form select:focus,#enquiry-form textarea:focus{outline:2px solid #6f8c60;outline-offset:2px}.form-submit{display:flex;align-items:center;gap:22px}.form-submit button{border:0;border-radius:8px;padding:15px 23px;background:#293f30;color:#f7f6e9;white-space:nowrap}.form-submit>span{font-size:11px;color:#67715d;max-width:230px}#enquiry-status{font-size:13px;margin-top:18px;color:#45613d}.email-fallback{font-size:12px;margin-top:20px;color:#68725d}.email-fallback a{text-decoration:underline}.nav-tools{gap:22px}.human{scroll-margin-top:100px}@media(max-width:600px){.enquiry-section{padding:50px 6%;grid-template-columns:1fr;gap:35px;scroll-margin-top:120px}.enquiry-intro h2{font-size:48px}.form-row{grid-template-columns:1fr;gap:0}.form-submit{align-items:start;flex-direction:column;gap:14px}.form-submit>span{max-width:none}.nav-tools{gap:0}.human{scroll-margin-top:120px}footer{display:flex;flex-wrap:wrap;gap:12px}}
/* Motion follows the operating-system preference, without an extra control. */
.motion-enabled .glass-products a{animation:none}
/* Keep the story, closing and enquiry on one continuous canvas. */
.human,.enquiry-section,body>footer{width:100%;max-width:1600px;margin-inline:auto}
.human,.enquiry-section{padding-inline:min(6vw,96px)}
body>footer{padding-inline:min(5vw,80px)}
.ending-note{left:min(6vw,96px)}
/* Full-width surfaces; the inner story stage retains its composed scale. */
.opening{max-width:none;width:100%;background:#efeee7}
.stage{max-width:1600px;margin-inline:auto;overflow:visible}
.portal-scrim{left:calc((100% - 100vw)/2);right:calc((100% - 100vw)/2);width:auto}
.human,.enquiry-section,body>footer{max-width:none;width:100%}
.human,.enquiry-section{padding-inline:max(6vw,calc((100vw - 1408px)/2))}
body>footer{padding-inline:max(5vw,calc((100vw - 1440px)/2))}
.ending-note{left:max(6vw,calc((100vw - 1408px)/2))}
body{overflow-x:clip}
@media(max-width:600px){.stage{overflow:hidden}.human,.enquiry-section{padding-inline:6%}body>footer{padding-inline:5%}.ending-note{left:6%}}
/* Seamless first and final surfaces: no framed photograph or rounded curtain. */
.human-scene{left:calc((100% - 100vw)/2);width:100vw;max-width:none;object-fit:cover}
.human,.motion-enabled .human{border-radius:0!important;box-shadow:none}
@media(max-width:600px){.human-scene{left:calc(50% - 415px);width:640px;max-width:none;object-fit:fill}}

/* Product actions remain clickable while the Aura chapter is visible. */
.portal-copy:not([inert]){pointer-events:auto}
.portal-copy[inert]{pointer-events:none}
.aura-actions{display:flex;flex-wrap:wrap;gap:10px 22px;align-items:center;margin-top:20px;max-width:400px}
.portal-copy .aura-actions a{position:static;margin:0;font-size:14px}
.aura-actions .download-aura{background:#283d30;color:#f3f4e6;padding:12px 18px;border:0;border-radius:24px}
.aura-actions .aura-help{font-size:12px}
.nav-tools .nav-download{font-size:12px;border-bottom:1px solid;padding:6px 0;white-space:nowrap}
@media(max-width:600px){.aura-actions{gap:6px 15px;margin-top:12px;max-width:100%}.portal-copy .aura-actions a{font-size:11px;padding-block:8px}.nav-tools .nav-download{font-size:10px}.portal-copy h2{margin-bottom:12px}}