:root{--red:#8B0D1A;--carbon:#0B0B0B;--paper:#F5F2ED;--line:rgba(245,242,237,.22);--ease:cubic-bezier(.22,.8,.24,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--carbon);color:var(--paper);font-family:Sora,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button{background:none;border:0}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}::selection{background:var(--red);color:var(--paper)}:focus-visible{outline:2px solid #d8707b;outline-offset:7px}.skip{position:fixed;top:-100px;z-index:1000;background:var(--paper);color:var(--carbon);padding:14px}.skip:focus{top:0}.progress{height:2px;position:fixed;inset:0 0 auto;z-index:110;background:var(--red);transform:scaleX(0);transform-origin:left}.nav{position:fixed;z-index:100;top:24px;left:3.4%;right:3.4%;height:74px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);background:#0b0b0b40;backdrop-filter:blur(20px);border-radius:4px}.brand{width:148px}.brand img{width:100%;height:53px;object-fit:contain}.nav nav{display:flex;gap:34px;font-size:13px}.nav nav a{opacity:.75}.nav nav a:hover{opacity:1}.nav-cta{background:var(--paper);color:var(--carbon);padding:14px 18px;font-size:12px;display:flex;gap:26px}.nav-cta span{font-size:17px}.menu-toggle{display:none}.hero-story{height:190svh}.stage{height:100svh;position:sticky;top:0;overflow:hidden}.world{position:absolute;inset:-5%;transform:translate3d(var(--pan,0px),0,0) scale(var(--zoom,1));will-change:transform}.scene-image{width:100%;height:100%;object-fit:cover;object-position:50% 55%}.shade{position:absolute;inset:0;background:linear-gradient(180deg,#05070577,transparent 55%,#050705b3),linear-gradient(90deg,#05070555,transparent 65%);pointer-events:none}.hero-copy{position:absolute;left:6.4%;top:26%;pointer-events:none;transform:translateY(calc(var(--enter,0) * -110px));opacity:calc(1 - var(--enter,0)*1.5)}.eyebrow{font-size:11px;letter-spacing:.2em;display:flex;align-items:center;gap:14px}.red-line{height:2px;width:28px;background:#c83040}h1{font-size:clamp(38px,5.9vw,100px);font-weight:500;letter-spacing:-.055em;line-height:1.04;margin-top:27px}h1 span{color:#f5f2edb3}.hero-sub{font-size:16px;font-weight:300;margin-top:25px;letter-spacing:.02em}.hotspot{position:absolute;z-index:2;display:flex;align-items:center;gap:14px;font-size:10px;letter-spacing:.13em;white-space:nowrap;text-shadow:0 1px 10px #000}.hotspot .plus{display:grid;place-items:center;border-radius:50%;width:38px;height:38px;background:var(--red);font-size:23px;font-weight:300;outline:1px solid #fff7;outline-offset:6px;box-shadow:0 0 0 12px #ffffff0a;transition:.3s}.hotspot:hover .plus{outline-offset:10px;background:#ae1627}.hotspot span+span{background:#0b0b0b55;padding:10px;backdrop-filter:blur(8px)}.suite{top:61%;left:39%}.pool{top:70%;left:73%}.hero-caption{position:absolute;left:6.4%;bottom:134px;display:flex;align-items:center;gap:15px;font-size:11px;letter-spacing:.12em}.hero-caption small{display:block;font-size:12px;letter-spacing:0;font-weight:300;opacity:.65;margin-top:8px}.crosshair{font-size:29px;font-weight:300;opacity:.7}.hero-bottom{position:absolute;left:6.4%;right:6.4%;bottom:38px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:24px;font-size:10px;letter-spacing:.13em}.scroll-hint{display:flex;gap:14px;align-items:center}.scroll-hint>span{font-size:20px}.sound{font-size:10px;letter-spacing:.13em;display:flex;gap:12px;align-items:center}.sound span{font-size:19px}.coordinate{position:absolute;right:30px;top:45%;writing-mode:vertical-rl;font-size:10px;letter-spacing:.17em;opacity:.6}.experience-word{position:absolute;inset:42% 0 auto;text-align:center;font-size:clamp(40px,8vw,140px);font-weight:500;letter-spacing:-.055em;opacity:0;pointer-events:none}.editorial{background:var(--paper);color:var(--carbon);padding:70px 6.4% 90px}.section-top{display:flex;justify-content:space-between;border-top:1px solid #0b0b0b30;padding-top:20px;font-size:10px;letter-spacing:.16em}.editorial h2{font-size:clamp(42px,7.8vw,130px);font-weight:500;line-height:1.05;letter-spacing:-.055em;margin:85px 0 65px}.editorial h2 span{color:var(--red)}.editorial-bottom{display:grid;grid-template-columns:1fr 1.1fr 1fr;align-items:end;gap:60px}.small-mark{font-size:75px;color:var(--red)}.editorial-bottom p{font-size:16px;line-height:1.9;max-width:460px}.text-link{font-size:13px;border-bottom:1px solid;padding:0 0 13px;display:flex;justify-content:space-between;gap:20px}.editorial-bottom .text-link{margin-left:30px}@media(max-width:760px){.nav{top:12px;left:16px;right:16px;padding:0 15px;height:64px}.brand{width:114px}.nav nav{display:none}.nav-cta{font-size:10px;padding:12px;gap:10px}.hero-copy{left:7%;right:7%;top:27%}h1{font-size:clamp(36px,8vw,60px)}.eyebrow{font-size:9px}.hero-sub{font-size:14px}.suite{left:24%;top:58%}.pool{left:53%;top:73%}.hotspot{gap:8px;font-size:8px}.hotspot .plus{width:30px;height:30px}.hero-caption{bottom:140px}.hero-bottom{left:7%;right:7%;font-size:8px}.drag-hint{display:none}.coordinate{right:12px}.editorial{padding:50px 7%}.section-top{font-size:9px;gap:20px}.section-top span:last-child{text-align:right}.editorial h2{margin:60px 0;font-size:clamp(36px,8vw,60px)}.editorial-bottom{grid-template-columns:1fr;gap:30px}.small-mark{display:none}.editorial-bottom .text-link{margin:0}.hero-story{height:155svh}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-story{height:100svh}}
/* The four Arvios modes */
.gallery,.work{padding:70px 6.4% 95px}.gallery .section-top,.work .section-top,.journeys .section-top,.devices .section-top,.signal .section-top{border-color:var(--line)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin:60px 0 40px}.section-heading h2{font-size:clamp(32px,4.7vw,76px);font-weight:400;line-height:1.1;letter-spacing:-.045em}.section-heading p{font-size:14px;line-height:1.8;opacity:.65}.portal-gallery{height:68svh;min-height:430px;position:relative;overflow:hidden;view-transition-name:portal}.portal-image,.portal-shade{position:absolute;inset:0}.portal-image img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}.portal-gallery:hover .portal-image img{transform:scale(1.035)}.portal-shade{pointer-events:none;background:linear-gradient(180deg,#0005,transparent 50%,#0009)}.portal-top,.portal-bottom{position:absolute;left:36px;right:36px;display:flex;justify-content:space-between;align-items:center}.portal-top{top:30px;font-size:10px;letter-spacing:.14em}.preview-label{border:1px solid #fff5;padding:8px 10px;border-radius:20px;font-size:9px}.portal-bottom{bottom:32px;align-items:end}.portal-bottom p{font-size:9px;letter-spacing:.16em;margin-bottom:15px}.portal-bottom h3{font-size:clamp(30px,4vw,62px);font-weight:400;letter-spacing:-.04em}.pill{display:inline-flex;align-items:center;justify-content:center;gap:30px;background:var(--paper);color:var(--carbon);padding:17px 23px;font-size:12px;border-radius:2px;transition:background .3s}.pill:hover{background:white}.pill span{font-size:21px}.gallery-hotspot{top:43%;left:58%}.gallery-tabs{display:grid;grid-template-columns:repeat(4,1fr);margin-top:27px}.gallery-tabs button{text-align:left;display:flex;gap:15px;padding:22px 5px;border-top:1px solid #fff3;font-size:14px;opacity:.5}.gallery-tabs small{font-size:10px;opacity:.6}.gallery-tabs [aria-selected=true]{border-color:#c52b3d;opacity:1}.type-story{height:160svh;background:var(--paper);color:var(--carbon)}.type-stage{height:100svh;position:sticky;top:0;overflow:hidden;display:grid;place-items:center}.type-title{position:absolute;inset:15% 6.4% auto;z-index:1;pointer-events:none;font-size:clamp(30px,6.7vw,110px);line-height:1.04;letter-spacing:-.05em;font-weight:600}.type-title span:first-child{display:block;background:url('assets/villa.png') center/cover;background-clip:text;-webkit-background-clip:text;color:transparent}.type-title span:last-child{display:block;margin-top:25px;opacity:calc(1 - var(--reveal,0)*1.8)}.type-window{position:absolute;width:calc(28% + var(--reveal,0)*72%);height:calc(32% + var(--reveal,0)*68%);right:0;bottom:0;overflow:hidden;z-index:2}.type-window img{width:100%;height:100%;object-fit:cover}.type-window .hotspot{left:50%;top:60%;transform:translateX(-50%);color:var(--paper);opacity:var(--reveal,0)}.type-copy{position:absolute;left:6.4%;bottom:14%;font-size:14px;max-width:310px;line-height:1.8;z-index:3;opacity:calc(1 - var(--reveal,0)*2)}.journeys{min-height:90svh;position:relative;overflow:hidden;padding:65px 6.4%;isolation:isolate}.journeys>img,.journey-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:opacity .4s}.journey-shade{background:linear-gradient(90deg,#0b0b0be8,#0b0b0b55),linear-gradient(0deg,#0b0b0bb3,transparent);z-index:-1}.journey-layout{display:grid;grid-template-columns:1.4fr 1fr;gap:13%;align-items:center;margin:100px 0 90px}.journey-layout .eyebrow{font-size:10px;opacity:.55}.journey-layout h2{font-weight:400;font-size:clamp(34px,5.2vw,83px);line-height:1.08;letter-spacing:-.04em;margin-top:25px}.journey-layout em{font-style:normal;color:#d78a8d}.journey-controls button{width:100%;display:flex;align-items:center;justify-content:space-between;padding:20px 0;border-bottom:1px solid #fff3;font-size:26px;opacity:.5;text-align:left;gap:24px}.journey-controls button span:first-child{font-size:10px;margin-right:auto}.journey-controls button span:last-child{margin-left:auto;font-size:19px}.journey-controls [aria-pressed=true]{opacity:1}.journey-controls [aria-pressed=true] span:first-child{color:#ff929a}.journey-route{display:grid;grid-template-columns:1fr 3fr;align-items:center;border-top:1px solid var(--line);padding-top:25px;gap:30px}.journey-route>span{font-size:10px;letter-spacing:.13em;opacity:.6}.journey-route ol{display:flex;list-style:none;padding:0;margin:0;justify-content:space-between;gap:22px;font-size:12px}.journey-route li:not(:last-child):after{content:'—';margin-left:20px;opacity:.3}.devices{height:320svh;background:#101111}.device-stage{position:sticky;top:0;height:100svh;min-height:690px;overflow:hidden;padding:45px 6.4%;display:flex;flex-direction:column;align-items:center;background-image:linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px);background-size:90px 90px}.device-stage .section-top{width:100%;margin-top:65px}.device-stage h2{font-size:clamp(26px,3.1vw,50px);line-height:1.2;letter-spacing:-.04em;font-weight:400;text-align:center;margin-top:35px}.device-stage h2 span{color:#f5f2ed55}.device-area{flex:1;min-height:250px;display:grid;place-items:center;width:100%}.device-frame{position:relative;border:8px solid #343635;border-radius:12px;width:min(47vw,700px);height:min(26vw,390px);background:#000;box-shadow:0 20px 60px #0009;transition:width .65s var(--ease),height .65s var(--ease),border-radius .65s,border-width .65s;isolation:isolate}.device-screen{width:100%;height:100%;overflow:hidden;position:relative;border-radius:5px}.device-screen>img{width:100%;height:100%;object-fit:cover}.device-ui{position:absolute;top:14px;left:16px;right:16px;display:flex;justify-content:space-between;align-items:center;font-size:7px;letter-spacing:.12em}.device-ui img{width:65px}.device-pin{position:absolute;left:62%;top:50%;width:24px;height:24px;display:grid;place-items:center;background:var(--red);border:1px solid #fff8;border-radius:50%;font-size:17px}.device-stand{position:absolute;top:100%;left:43%;width:14%;height:38px;background:linear-gradient(90deg,#262828,#666967,#262828);z-index:-1;transition:opacity .3s}.device-base{position:absolute;width:40%;height:5px;background:#555855;bottom:-40px;left:30%;border-radius:100%;transition:all .6s}.device-frame[data-device='1']{width:min(45vw,660px);height:min(26vw,365px)}.device-frame[data-device='1'] .device-stand{opacity:0}.device-frame[data-device='1'] .device-base{width:115%;left:-7.5%;bottom:-16px;height:12px;border-radius:0 0 50% 50%;background:linear-gradient(#979b98,#313330)}.device-frame[data-device='2']{width:440px;height:300px;border-width:12px;border-radius:24px}.device-frame[data-device='2'] .device-screen{border-radius:12px}.device-frame[data-device='2'] .device-base,.device-frame[data-device='2'] .device-stand,.device-frame[data-device='3'] .device-base,.device-frame[data-device='3'] .device-stand,.device-frame[data-device='4'] .device-base,.device-frame[data-device='4'] .device-stand{opacity:0}.device-frame[data-device='3']{width:163px;height:300px;border-width:7px;border-radius:27px}.device-frame[data-device='3'] .device-screen{border-radius:20px}.device-frame[data-device='3'] .device-ui{left:9px;right:9px}.device-frame[data-device='3'] .device-ui span{display:none}.device-frame[data-device='4']{width:min(82vw,1200px);height:38vh;border-radius:60px;border:2px solid #f5f2ed55}.device-frame[data-device='4'] .device-screen{border-radius:60px}.device-frame[data-device='4'] .device-ui{opacity:0}.vr-bridge{position:absolute;inset:0;opacity:0;border-radius:inherit;box-shadow:inset 0 0 30px 15px #0b0b0b;pointer-events:none}.device-frame[data-device='4'] .vr-bridge{opacity:1}.device-selector{display:flex;gap:35px;margin-top:25px}.device-selector button{font-size:11px;letter-spacing:.08em;text-transform:uppercase;padding:15px 0;opacity:.4;border-bottom:2px solid transparent}.device-selector [aria-pressed=true]{opacity:1;border-color:#a92b3a}.device-stage>p{font-size:12px;opacity:.6;margin-top:22px;text-align:center}.device-note{font-size:8px;letter-spacing:.18em;opacity:.3;margin-top:18px}.process .section-heading h2{margin:0;font-size:clamp(32px,5vw,80px)}.process .section-heading{margin-bottom:70px}.process-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:9%;align-items:center}.assembly{height:420px;position:relative;overflow:hidden;background:#111;isolation:isolate}.assembly>img{width:100%;height:100%;object-fit:cover;transition:filter .6s,transform .6s}.assembly-grid{position:absolute;inset:0;background-image:linear-gradient(#fff3 1px,transparent 1px),linear-gradient(90deg,#fff3 1px,transparent 1px);background-size:70px 70px;opacity:0;transition:opacity .5s}.assembly-label{position:absolute;bottom:0;left:0;right:0;background:#0b0b0b9c;backdrop-filter:blur(15px);color:var(--paper);padding:22px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.1em}.assembly-point{position:absolute;left:58%;top:48%;color:white;background:var(--red);border:1px solid #fff6;border-radius:50%;width:35px;height:35px;display:grid;place-items:center;opacity:0}.assembly[data-step='1']>img{filter:grayscale(1);transform:scale(.9)}.assembly[data-step='1'] .assembly-grid{opacity:1}.assembly[data-step='2'] .assembly-point,.assembly[data-step='3'] .assembly-point{opacity:1}.process-step{color:var(--carbon);width:100%;text-align:left;padding:24px 0;display:flex;gap:24px;border-bottom:1px solid #0b0b0b25}.process-step>span{font-size:11px;padding-top:8px;opacity:.5}.process-step>span:last-child{margin-left:auto;font-size:20px;padding:0}.process-step h3{font-weight:400;font-size:28px;letter-spacing:-.03em}.process-step p{font-size:13px;line-height:1.9;max-width:350px;margin-top:16px;display:none;opacity:.65}.process-step.active p{display:block}.process-step.active{color:var(--red)}.work-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:40px;align-items:start}.work-item{padding:0;text-align:left}.work-item>div{height:370px;position:relative;overflow:hidden}.work-item:last-child{margin-top:95px}.work-item img{width:100%;height:100%;object-fit:cover;transition:transform 1s}.work-item:hover img{transform:scale(1.04)}.work-enter{position:absolute;bottom:20px;right:20px;border-radius:50%;background:var(--paper);color:var(--carbon);width:42px;height:42px;display:grid;place-items:center;font-size:22px}.work-item p{display:flex;justify-content:space-between;font-size:11px;letter-spacing:.08em;margin-top:22px;gap:20px}.work-item small{opacity:.4;font-size:9px}.signal{padding:60px 6.4% 65px;background:var(--red);position:relative;overflow:hidden}.signal-small{font-size:13px;letter-spacing:.15em;margin-top:90px}.signal h2{font-size:clamp(40px,8vw,140px);font-weight:500;line-height:1.02;letter-spacing:-.055em;margin:24px 0 50px}.signal h2 span{color:#f5f2edaa}.contact-link{display:inline-flex;gap:80px;align-items:center;font-size:17px;padding-bottom:18px;border-bottom:1px solid #fff7}.contact-link span{font-size:28px}.signal-bottom{display:flex;justify-content:space-between;align-items:end;margin-top:80px;font-size:12px;line-height:1.8;opacity:.65}footer{padding:40px 6.4%;display:flex;justify-content:space-between;align-items:center;gap:25px}footer>.brand{width:145px}footer>span{font-size:9px;letter-spacing:.15em;opacity:.4}footer>div{display:flex;gap:40px;font-size:9px;letter-spacing:.1em}.scene-dialog{padding:0;border:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;background:var(--carbon);color:var(--paper);overflow:hidden;view-transition-name:experience}.scene-dialog::backdrop{background:#0b0b0b}.dialog-scene{position:relative;width:100%;height:100%;overflow:hidden;touch-action:pan-y}.dialog-scene>img{width:115%;max-width:none;height:100%;object-fit:cover;position:absolute;left:-7.5%;transform:translateX(var(--scenePan,0px)) scale(1.03)}.dialog-shade{position:absolute;inset:0;background:linear-gradient(0deg,#000d,transparent 75%);pointer-events:none}.close-dialog{position:absolute;z-index:3;right:35px;top:25px;border:1px solid #fff7;background:#0b0b0b77;width:48px;height:48px;border-radius:50%;font-size:32px}.scene-content{position:absolute;bottom:8%;left:7%;right:7%;pointer-events:none}.scene-content button,.scene-content a{pointer-events:auto}.scene-content h2{font-weight:400;font-size:clamp(32px,5vw,80px);line-height:1.12;letter-spacing:-.045em;margin:22px 0}.scene-content>p:not(.eyebrow){font-size:14px;max-width:480px;line-height:1.8;opacity:.75}.scene-actions{display:flex;align-items:center;gap:35px;margin-top:28px;font-size:12px}.scene-content .scene-help{margin-top:25px;font-size:10px!important;opacity:.45!important}.scene-hotspot{top:38%;left:57%}.scene-info{position:absolute;top:45%;right:8%;width:310px;background:#f5f2ed;color:var(--carbon);padding:28px}.scene-info>span{font-size:9px;letter-spacing:.12em;color:var(--red)}.scene-info p{font-size:13px;line-height:1.9;margin:18px 0}.scene-info a{font-size:11px;border-bottom:1px solid}.cursor{display:none;pointer-events:none;position:fixed;left:0;top:0;z-index:200;border:1px solid #fff7;border-radius:50%;height:12px;width:12px;align-items:center;justify-content:center;font-size:9px;letter-spacing:.06em;background:#0b0b0b30;backdrop-filter:blur(3px);transition:width .2s,height .2s;transform:translate(-50%,-50%)}.cursor.labeled{width:78px;height:78px}.intro{position:fixed;inset:0;background:var(--carbon);z-index:300;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;pointer-events:none;animation:portalOpen 1.6s .2s both}.intro img{width:190px}.intro span{font-size:9px;letter-spacing:.3em;opacity:.5}@keyframes portalOpen{0%,30%{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);opacity:1}100%{clip-path:polygon(0 0,0 0,0 100%,0 100%);opacity:0}}::view-transition-old(portal),::view-transition-new(experience),::view-transition-old(experience),::view-transition-new(portal){animation-duration:.7s}body.modal-open{overflow:hidden}
@media(min-width:761px) and (pointer:fine){body.has-pointer .cursor{display:flex}}@media(max-width:760px){.gallery,.work{padding:50px 7%}.section-heading{margin:45px 0 30px;display:block}.section-heading h2{font-size:34px}.section-heading p{margin-top:25px;font-size:13px}.portal-gallery{height:62svh;min-height:440px}.portal-top,.portal-bottom{left:20px;right:20px}.portal-top{top:23px;font-size:8px}.preview-label{font-size:7px}.portal-bottom{display:block}.portal-bottom h3{font-size:34px}.portal-bottom .pill{margin-top:20px}.gallery-hotspot{left:38%;top:39%}.gallery-tabs{grid-template-columns:1fr 1fr;gap:0 20px}.gallery-tabs button{font-size:12px;padding:18px 0}.type-title{top:19%;font-size:10vw}.type-window{width:calc(45% + var(--reveal,0)*55%)}.type-copy{max-width:170px;font-size:12px}.journeys{padding:50px 7%}.journey-layout{grid-template-columns:1fr;margin:55px 0 35px;gap:35px}.journey-layout h2{font-size:43px}.journey-layout .eyebrow{font-size:8px}.journey-controls{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.journey-controls button{font-size:19px;gap:10px;padding:17px 0}.journey-route{display:block}.journey-route ol{display:grid;grid-template-columns:1fr 1fr;font-size:11px;margin-top:25px;gap:20px}.journey-route li:after{display:none}.device-stage{padding:30px 7%;min-height:640px}.device-stage h2{font-size:30px;margin-top:40px}.device-frame{width:78vw;height:45vw}.device-frame[data-device='1']{width:76vw;height:46vw}.device-frame[data-device='2']{width:74vw;height:49vw}.device-frame[data-device='3']{width:145px;height:270px}.device-frame[data-device='4']{width:87vw;height:40vh;border-radius:35px}.device-selector{gap:20px;justify-content:center}.device-selector button{font-size:9px}.device-stage>p{font-size:11px;line-height:1.8;max-width:230px}.process-layout{grid-template-columns:1fr;gap:25px}.assembly{height:300px}.process .section-heading{margin-bottom:35px}.process .section-heading h2{font-size:36px}.process-step{padding:21px 0}.work .text-link{margin-top:30px}.work-grid{grid-template-columns:1fr;gap:40px}.work-item>div{height:300px}.work-item:last-child{margin-top:0}.work-item p{font-size:10px}.work-item small{font-size:8px}.signal{padding:50px 7%}.signal-small{margin-top:60px;font-size:10px}.signal h2{font-size:10vw;margin:25px 0 38px}.contact-link{font-size:14px;gap:50px}.signal-bottom{margin-top:60px;font-size:10px;gap:20px}footer{padding:35px 7%;flex-wrap:wrap}footer>span{display:none}footer>div{gap:20px;font-size:8px}footer>.brand{width:105px}.scene-content{bottom:6%}.scene-content h2{font-size:39px}.scene-actions{align-items:start;flex-direction:column;gap:24px}.scene-hotspot{top:30%;left:40%}.scene-info{top:37%;right:7%;width:86%;z-index:4}.close-dialog{right:20px;top:20px}.nav-cta{display:none}.menu-toggle{display:block;font-size:20px}.nav.open nav{display:flex;position:absolute;top:76px;left:0;right:0;background:#0b0b0bef;padding:26px;flex-direction:column;gap:24px}.nav.open .menu-toggle{color:#d78a8d}.hero-copy{top:25%}}
@media(prefers-reduced-motion:reduce){.intro{display:none}.type-story{height:100svh}.type-window{width:45%;height:36%}.type-title span:last-child{opacity:1}.type-copy{opacity:1}.devices{height:auto}.device-stage{position:relative;height:800px;min-height:0}.world{transform:none!important}.hero-copy{opacity:1!important;transform:none!important}.experience-word{display:none}.cursor{display:none!important}.type-title span:first-child{color:var(--red);background:none}}
/* Shared brand geometry and accessible controls */
.eyebrow,.section-top,.device-selector,.coordinate,.portal-top{font-family:Michroma,Sora,sans-serif}.nav nav{font-size:14px}.nav-cta,.pill,.text-link{font-size:14px}.hero{touch-action:pan-y}.hotspot{min-height:44px}.scene-dialog{view-transition-name:none}.foreground{position:absolute;inset:0;pointer-events:none;z-index:1;transform:translateY(calc(var(--enter,0)*25px));object-position:50% 55%}.hero-copy{z-index:1}.hero .hotspot{opacity:var(--hotspot-opacity,1)}
@property --aperture{syntax:'<length>';initial-value:0px;inherits:false}
.intro{animation:apertureOpen 1.8s both;mask-image:radial-gradient(circle at 50% 50%,transparent var(--aperture),black calc(var(--aperture) + 2px))}.intro-mark{position:relative;width:70px;height:65px}.intro-mark span{position:absolute;inset:0;overflow:hidden;animation:markSeparate 1.1s both}.intro-mark span:first-child{clip-path:polygon(0 0,100% 0,100% 44%,0 44%);--direction:-1}.intro-mark span:last-child{clip-path:polygon(0 44%,100% 44%,100% 100%,0 100%);--direction:1}.intro-mark img{position:absolute;width:270px;max-width:none;left:-16px;top:-14px}.intro>span{animation:markFade .9s .2s both}@keyframes apertureOpen{0%,38%{--aperture:0px}100%{--aperture:150vmax}}@keyframes markSeparate{0%,30%{transform:translateY(0);opacity:1}100%{transform:translateY(calc(var(--direction)*35px));opacity:0}}@keyframes markFade{to{opacity:0}}.crimson-sweep{position:fixed;inset:0;background:var(--red);z-index:150;pointer-events:none;transform:translateX(-101%)}.crimson-sweep.active{animation:crimsonSweep .8s var(--ease)}@keyframes crimsonSweep{0%{transform:translateX(-101%)}45%,55%{transform:translateX(0)}100%{transform:translateX(101%)}}
@media(max-width:760px){.section-top{font-size:8px;line-height:1.7}.nav nav{font-size:16px}.hotspot span+span{font-size:9px}.gallery-tabs button{font-size:14px}.device-selector{gap:17px}.device-selector button{font-size:9px}.pill{font-size:14px}.foreground{display:none}}
@media(prefers-reduced-motion:reduce){.foreground{display:none}.intro{display:none}.crimson-sweep{display:none}}
/* Brand typography: Michroma display, Sora reading text. */
h1,h2,.portal-bottom h3,.process-step h3,.experience-word{font-family:Michroma,Sora,sans-serif;font-weight:400;letter-spacing:-.025em;line-height:1.24}
h1{font-size:clamp(30px,4.55vw,78px)}.section-heading h2{font-size:clamp(26px,3.65vw,60px);line-height:1.3;letter-spacing:-.025em}.journey-layout h2{font-size:clamp(27px,3.7vw,64px);line-height:1.35}.device-stage h2{font-size:clamp(24px,2.7vw,44px);line-height:1.4}.process .section-heading h2{font-size:clamp(26px,3.8vw,64px);line-height:1.3}.portal-bottom h3{font-size:clamp(23px,3vw,48px);line-height:1.35}.signal h2{font-size:clamp(32px,6vw,100px);line-height:1.25;letter-spacing:-.03em}.process-step h3{font-size:21px}.scene-content h2{font-size:clamp(26px,4vw,65px);line-height:1.35}.experience-word{font-size:clamp(30px,6vw,95px)}
/* One editorial idea becomes the world, without a second disconnected section. */
.idea-story{height:215svh;background:var(--paper)}.idea-stage{display:block;isolation:isolate;--reveal:0;min-height:700px}.idea-meta{position:absolute;top:135px;left:6.4%;right:6.4%;z-index:3;opacity:calc(1 - var(--reveal)*4);gap:36px}.idea-copy{position:absolute;top:27%;left:6.4%;width:56%;z-index:2;opacity:clamp(0,1 - var(--reveal)*3,1);transform:translateX(calc(var(--reveal)*-100px));pointer-events:none}.idea-copy h2{font-size:clamp(25px,3.55vw,64px);line-height:1.45;letter-spacing:-.035em}.idea-copy h2 span{color:var(--red)}.idea-copy p{font-size:16px;line-height:1.9;max-width:410px;margin-top:30px}.idea-copy .text-link{pointer-events:auto;width:260px;margin-top:28px;font-size:13px}.idea-stage.entered .idea-copy{visibility:hidden}.idea-portal{position:absolute;right:calc(6.4% * (1 - var(--reveal)));top:calc(25% * (1 - var(--reveal)));width:calc(32% + 68% * var(--reveal));height:calc(61% + 39% * var(--reveal));overflow:hidden;z-index:1}.idea-portal>img{width:100%;height:100%;object-fit:cover;object-position:58% center}.idea-image-shade{position:absolute;inset:0;background:linear-gradient(0deg,#0b0b0ba3,transparent 70%);opacity:calc(.25 + var(--reveal)*.75)}.idea-image-label{position:absolute;bottom:25px;left:25px;color:var(--paper);font-family:Michroma,sans-serif;font-size:11px;opacity:clamp(0,1 - var(--reveal)*4,1)}.idea-destination{position:absolute;inset:25% 6.4% auto;color:var(--paper);opacity:clamp(0,(var(--reveal) - .5)*3.5,1);visibility:hidden}.idea-stage.entered .idea-destination{visibility:visible}.idea-destination>p{font-size:11px;letter-spacing:.12em;margin-bottom:25px}.idea-destination h2{font-size:clamp(28px,5vw,85px);line-height:1.3}.idea-enter{display:inline-flex;align-items:center;gap:18px;font-size:12px;letter-spacing:.1em;margin-top:32px;min-height:48px}.idea-enter .plus{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:var(--red);outline:1px solid #fff7;outline-offset:5px;font-size:24px}.idea-foot{position:absolute;left:6.4%;right:6.4%;bottom:6%;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.14em;opacity:clamp(0,1 - var(--reveal)*4,1)}
/* The last device state is a first-person optical view. */
.device-stage{isolation:isolate}.vr-surround{position:absolute;inset:0;z-index:-1;background:linear-gradient(#101111cf,#10111170 50%,#101111eb),url('assets/villa.png') center/cover;opacity:0;transform:scale(1.08);transition:opacity .8s,transform 1.2s}.is-vr .vr-surround{opacity:1;transform:scale(1)}.vr-optics,.vr-rim{display:none}.device-frame[data-device='4']{width:min(76vw,1050px);height:min(36vw,47vh);border:0;border-radius:0;background:none;box-shadow:none;filter:drop-shadow(0 28px 24px #000b)}.device-frame[data-device='4'] .device-screen{visibility:hidden}.device-frame[data-device='4'] .vr-optics{display:flex;position:absolute;inset:0;clip-path:url(#visorClip);overflow:hidden;background:#000;touch-action:pan-y}.vr-eye{position:relative;width:50%;height:100%;background-image:radial-gradient(ellipse at center,transparent 32%,#050706ad 83%,#050706 100%),url('assets/villa.png');background-size:100% 100%,auto 118%;background-repeat:no-repeat;background-position:center,calc(48% + var(--gaze-x,0px)) calc(50% + var(--gaze-y,0px));box-shadow:inset 0 0 30px 9px #0008}.right-eye{background-position:center,calc(52% + var(--gaze-x,0px)) calc(50% + var(--gaze-y,0px))}.device-frame[data-device='4'] .vr-rim{display:block;position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.vr-rim>path{fill:none;stroke:#888d8988;stroke-width:3;vector-effect:non-scaling-stroke}.vr-reticle{position:absolute;left:50%;top:46%;width:20px;height:20px;border:1px solid #f5f2edb3;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 7px #ffffff0c}.vr-reticle:after{content:'';position:absolute;inset:7px;background:#fff;border-radius:50%}.vr-horizon{position:absolute;left:50%;top:13%;transform:translateX(-50%);font-size:10px;letter-spacing:6px;color:#fffc;white-space:nowrap}.is-vr .device-stage h2 span,.is-vr h2 span{color:#f5f2edbb}.device-area{position:relative}.device-stage.is-vr .device-note{opacity:.8}.device-stage.is-vr .device-selector{background:#0b0b0b60;padding:0 22px;backdrop-filter:blur(10px)}
@media(max-width:760px){h1{font-size:clamp(23px,5.65vw,42px);line-height:1.5}.hero-copy{top:27%}.section-heading h2,.process .section-heading h2{font-size:clamp(22px,5.8vw,38px);line-height:1.4}.journey-layout h2{font-size:clamp(25px,6.2vw,42px);line-height:1.4}.device-stage h2{font-size:clamp(19px,4.65vw,32px)}.signal h2{font-size:7vw;line-height:1.4}.scene-content h2{font-size:26px}.portal-bottom h3{font-size:24px}.idea-story{height:195svh}.idea-stage{min-height:730px}.idea-meta{top:105px;left:7%;right:7%;gap:24px;font-family:Sora,sans-serif;font-size:9px}.idea-copy{left:7%;top:22%;width:86%}.idea-copy h2{font-size:6.2vw;line-height:1.45}.idea-copy p{font-size:14px;line-height:1.8;max-width:95%;margin-top:18px}.idea-copy .text-link{margin-top:16px;font-size:12px;width:245px}.idea-portal{top:calc(60% * (1 - var(--reveal)));right:calc(7% * (1 - var(--reveal)));width:calc(86% + 14% * var(--reveal));height:calc(31% + 69% * var(--reveal))}.idea-foot{left:7%;right:7%;bottom:4%;font-size:8px;letter-spacing:.04em;gap:15px}.idea-foot span:first-child{display:none}.idea-image-label{font-size:9px;left:18px;bottom:18px}.idea-destination{top:32%;left:7%;right:7%}.idea-destination h2{font-size:6.6vw;line-height:1.5}.idea-destination>p{font-size:9px;line-height:1.7;letter-spacing:.05em}.idea-enter{font-size:10px;gap:16px}.device-frame[data-device='4']{width:90vw;height:48vw;max-height:300px;border-radius:0}.is-vr .device-selector{gap:15px;padding:0 12px}.vr-horizon{font-size:7px;letter-spacing:3px}.vr-reticle{width:14px;height:14px}.vr-reticle:after{inset:5px}}
@media(prefers-reduced-motion:reduce){.idea-story{height:auto}.idea-stage{height:auto;min-height:0;padding:60px 7%;overflow:visible}.idea-meta{position:relative;inset:auto;opacity:1;margin-bottom:45px}.idea-copy{position:relative;inset:auto;width:100%;opacity:1;transform:none;visibility:visible!important}.idea-copy h2{font-size:clamp(24px,4vw,60px)}.idea-copy p{max-width:520px}.idea-portal{position:relative;inset:auto;width:100%;height:530px;margin-top:45px}.idea-image-shade{opacity:1}.idea-image-label,.idea-foot{display:none}.idea-destination{opacity:1;visibility:visible;inset:18% 7% auto}.idea-destination h2{font-size:clamp(22px,4.5vw,60px)}.vr-surround{transform:none}.vr-eye{background-position:center,50% 50%}}

/* Feel → understand → want: purposeful demonstrations and quiet business content. */
.hero-story{height:255svh}.hero-demonstration{position:absolute;left:6.4%;top:31%;max-width:62%;opacity:0;visibility:hidden;pointer-events:none;z-index:3}.hero-demonstration h2{font-size:clamp(28px,5.5vw,84px);margin:24px 0}.hero-demonstration>p:last-child{font-size:16px;line-height:1.7;max-width:420px}.hero[data-demonstrating='true'] .hero-demonstration{opacity:1;visibility:visible}.hero-demo-controls{position:absolute;left:6.4%;bottom:125px;display:flex;gap:28px;z-index:5;opacity:0;visibility:hidden}.hero[data-demonstrating='true'] .hero-demo-controls{opacity:1;visibility:visible}.hero-demo-controls button{font-size:13px;padding:14px 0;border-bottom:2px solid transparent;opacity:.5}.hero-demo-controls button[aria-pressed='true']{opacity:1;border-color:#d6414f}.hero-context{position:absolute;z-index:8;right:7%;top:42%;width:min(330px,35vw);padding:27px;background:var(--paper);color:var(--carbon);box-shadow:0 16px 60px #0005}.hero-context[hidden]{display:none}.hero-context .eyebrow{font:10px Sora,sans-serif;letter-spacing:.12em;color:var(--red);padding-right:20px}.hero-context h3{font-family:Michroma,sans-serif;font-size:20px;line-height:1.5;margin:20px 0 15px}.hero-context p{font-size:14px;line-height:1.8}.context-close{position:absolute;right:12px;top:10px;font-size:24px;min-width:35px;min-height:35px}.context-action{font-size:12px;display:block;border-top:1px solid #0b0b0b30;padding-top:15px;margin-top:20px}.hero-action{position:absolute;top:63%;left:6.4%;z-index:5;display:none}.hero-action>span{font-size:10px;letter-spacing:.12em;display:block;margin-bottom:18px}.hero-action>a{background:var(--red);padding:17px 22px;display:inline-block;font-size:14px}.hero[data-behavior='3'] .hero-action{display:block}.hero[data-behavior='0'][data-demonstrating='true'] .hotspot{opacity:0;visibility:hidden}.hero[data-behavior='1'] .hotspot .plus{box-shadow:0 0 0 18px #ffffff10}.hero[data-demonstrating='true'] .hero-caption{visibility:hidden}.hero .hotspot{transition:opacity .4s}.hero[data-demonstrating='true'] .hero-context{top:48%}.hero[data-behavior='3'] .hero-context{display:none}.idea-copy .idea-devices{font-size:11px;letter-spacing:.1em;color:var(--red);line-height:1.8;margin-top:18px}.idea-copy .text-link{margin-top:20px}.idea-copy p{max-width:490px}.idea-copy{top:25%}.idea-copy h2{font-size:clamp(25px,3.3vw,59px)}
.layers-story{height:255svh;background:var(--carbon)}.layers-stage{height:100svh;min-height:760px;position:sticky;top:0;padding:120px 6.4% 30px;overflow:hidden}.layers-stage>.section-top{border-color:var(--line)}.layers-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin:35px 0}.layers-heading h2{font-size:clamp(24px,3vw,47px);line-height:1.4}.layers-heading h2 span{color:#f5f2ed77}.layers-heading p{font-size:13px;line-height:1.9;max-width:290px;color:#f5f2ed99}.layers-composition{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:45px;align-items:center}.layers-canvas{position:relative;height:42svh;min-height:320px;max-height:480px;overflow:hidden;isolation:isolate;border:1px solid #ffffff30}.layer-environment{width:100%;height:100%;object-fit:cover;transition:transform .7s}.layer-image-shade{position:absolute;inset:0;background:linear-gradient(0deg,#0006,transparent 70%);pointer-events:none}.layers-canvas [data-component]{opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .45s,transform .45s}.layers-canvas [data-component].assembled{opacity:1;visibility:visible;transform:none}.layers-index{display:flex;flex-direction:column}.layers-index button{display:flex;gap:13px;text-align:left;padding:12px 0;border-bottom:1px solid #ffffff15;color:#f5f2ed66;font-size:13px}.layers-index button>span{font-size:10px;padding-top:2px;color:#b66870}.layers-index [aria-pressed='true']{color:var(--paper)}.layers-index [aria-pressed='true']>span{color:#ff8e9a}.layers-description{font-size:13px;line-height:1.8;color:#f5f2ed99;padding-top:22px;min-height:55px}.layer-nav{position:absolute;top:16px;left:16px;background:#0b0b0bad;border:1px solid #fff4;backdrop-filter:blur(12px);padding:10px;display:flex;align-items:center;gap:14px;font-size:11px}.layer-nav>span{font-size:8px;letter-spacing:.1em;opacity:.5}.layer-nav button{font-size:11px;padding:6px}.layer-nav button[aria-pressed='true']{border-bottom:1px solid #fff}.layer-hotspot{left:36%;top:39%;font-size:8px}.layer-hotspot .plus{width:28px;height:28px;font-size:20px}.layer-information{position:absolute;left:18px;bottom:18px;padding:18px;width:230px;background:var(--paper);color:var(--carbon)}.layer-information>span{font-size:8px;color:var(--red);letter-spacing:.07em}.layer-information p{font-size:12px;line-height:1.8;margin-top:10px}.layer-media{position:absolute;right:16px;top:16px;width:135px;padding:0;background:#0b0b0bb3;border:1px solid #fff4;text-align:left}.layer-media img{width:100%;height:62px;object-fit:cover}.layer-media span{display:block;font-size:8px;padding:10px}.layer-audio{position:absolute;right:16px;bottom:18px;padding:12px 14px;background:#0b0b0bb3;border:1px solid #fff4;font-size:10px}.layer-map{position:absolute;right:16px;top:39%;width:135px;padding:12px;background:#0b0b0bd9}.layer-map>span{font-size:8px;letter-spacing:.1em;opacity:.65}.layer-map svg{width:100%;height:70px;display:block;margin-top:5px}.layer-map path{fill:none;stroke:#f5f2ed88;stroke-width:2}.layer-map circle{fill:#d6414f}.layer-map .map-route{stroke:#d6414f;stroke-dasharray:4 3}.layer-cta{position:absolute;bottom:18px;left:50%;transform:translateX(-50%)!important;background:var(--red);padding:13px 17px;font-size:10px;white-space:nowrap}.layers-canvas[data-layer='6'] .layer-information,.layers-canvas[data-layer='7'] .layer-information{bottom:76px}.layer-complete{position:absolute;left:0;right:0;top:26%;text-align:center;font-family:Michroma,sans-serif;font-size:clamp(15px,2.1vw,32px);text-shadow:0 2px 20px #000;background:#0007;padding:15px}.layers-canvas[data-layer='7'] .layer-hotspot{visibility:hidden}.journey-principle{font-size:14px;line-height:1.8;max-width:600px;margin:-30px 0 30px;color:#f5f2eda6}.journey-route{padding-top:30px}.journey-route ol{position:relative;gap:16px}.journey-route li{flex:1;position:relative;padding-top:20px;font-size:12px;line-height:1.7}.journey-route li:before{content:'';position:absolute;top:0;left:0;width:6px;height:6px;border-radius:50%;background:#d6414f;z-index:1}.journey-route li:not(:last-child):after{content:'';position:absolute;left:6px;right:-16px;top:2px;height:1px;background:#f5f2ed55;margin:0;transform-origin:left}.journey-route.redrawing li{animation:pathNode .65s both;animation-delay:calc(var(--step)*.13s)}.journey-route.redrawing li:after{animation:pathDraw .55s both;animation-delay:calc(var(--step)*.13s)}@keyframes pathDraw{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes pathNode{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
.business-value{padding-top:65px;padding-bottom:75px}.business-value .section-heading h2{margin:15px 0 25px;font-size:clamp(27px,3.5vw,59px)}.value-journeys{display:flex;flex-direction:column;border-top:1px solid #0b0b0b30}.value-journeys article{display:grid;grid-template-columns:120px 1.2fr 1fr 1fr;align-items:center;gap:25px;padding:28px 0;border-bottom:1px solid #0b0b0b20}.value-person{font-size:10px;letter-spacing:.1em;color:var(--red)}.value-journeys p,.value-journeys strong{font-size:16px;line-height:1.7;font-weight:400}.value-journeys strong{color:var(--red)}.value-line{height:1px;background:#8b0d1a55;position:relative}.value-line:after{content:'';position:absolute;right:0;top:-3px;width:7px;height:7px;border-top:1px solid var(--red);border-right:1px solid var(--red);transform:rotate(45deg)}.value-statement{font-size:20px;line-height:1.8;max-width:750px;margin:45px 0 0 auto}.devices{height:375svh;position:relative;padding-bottom:55svh}.device-stage{height:100svh}.entry-points{position:absolute;bottom:0;left:0;right:0;min-height:55svh;padding:80px 6.4%;background:var(--carbon);z-index:2;border-top:1px solid var(--line);display:flex;flex-direction:column;justify-content:center}.entry-points h3{font:400 clamp(22px,3vw,45px)/1.5 Michroma,sans-serif;margin:25px 0 30px}.entry-points ul{display:flex;flex-wrap:wrap;list-style:none;padding:0;margin:0;gap:15px 35px}.entry-points li{font-size:13px;padding-bottom:12px;border-bottom:1px solid #8b0d1a}.entry-points>p{font-size:14px;color:#f5f2ed77;line-height:1.8;margin-top:25px}.assembly-plan{position:absolute;inset:10%;display:flex;flex-direction:column;justify-content:center;gap:15px;opacity:0;pointer-events:none}.assembly-plan span{font-size:10px;letter-spacing:.15em;color:var(--paper);background:#0b0b0bbd;padding:12px;text-align:center}.assembly-plan i{width:1px;height:25px;background:#b73c4a;align-self:center}.assembly[data-step='1'] .assembly-plan{opacity:1}.assembly[data-step='2']>img{transform:scale(1.1)}.assembly[data-step='2'] .assembly-point{opacity:0}.assembly[data-step='3'] .assembly-point,.assembly[data-step='4'] .assembly-point{opacity:1}.assembly[data-step='3'] .assembly-grid{opacity:.5}.assembly[data-step='4'] .assembly-label{background:var(--red)}
.case-study{display:grid;grid-template-columns:1.25fr 1fr;gap:65px;align-items:center;padding:45px 0 65px;border-top:1px solid var(--line)}.case-study.reverse{grid-template-columns:1fr 1.25fr}.case-study.reverse .case-image{order:2}.case-image{position:relative;display:block;width:100%;padding:0;overflow:hidden;height:440px;text-align:left}.case-image img{width:100%;height:100%;object-fit:cover;transition:transform .8s}.case-image:hover img{transform:scale(1.035)}.case-image>span{position:absolute;bottom:20px;left:20px;padding:15px;background:#0b0b0bbd;border:1px solid #fff3;font-size:11px}.case-copy .eyebrow{font:10px/1.7 Sora,sans-serif;color:#ce8b92}.case-copy h3{font:400 clamp(20px,2vw,30px)/1.5 Michroma,sans-serif;margin-top:23px}.case-copy .case-subtitle{color:var(--paper);font-size:15px;margin-top:12px}.case-copy>p{font-size:14px;line-height:1.9;color:#f5f2ed99;margin-top:22px;max-width:420px}.case-copy h4{font-size:9px;font-weight:400;letter-spacing:.14em;color:#f5f2ed66;margin:30px 0 15px}.case-copy ul{list-style:none;margin:0 0 30px;padding:0}.case-copy li{font-size:13px;line-height:1.8;padding:7px 0;border-bottom:1px solid #ffffff12}.case-copy li:before{content:'+';color:#ce8b92;margin-right:12px}.case-copy .text-link{width:100%;font-size:13px;text-align:left}.trust-line{display:flex;align-items:center;gap:65px;padding:45px 0 0;border-top:1px solid var(--line)}.trust-line>img{width:160px;flex-shrink:0}.trust-line p{font-size:16px;line-height:1.8}.trust-line span{font-size:13px;line-height:1.8;display:block;color:#f5f2ed88;margin-top:12px;max-width:630px}.faq-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:8%;margin-top:65px}.faq-layout h2{font-size:clamp(28px,4vw,60px);line-height:1.4;margin:0 0 30px}.faq-layout>div>p{font-size:14px;line-height:2;color:#0b0b0b99}.faq-layout>div>p a{color:var(--red);font-size:13px}.faq details{border-bottom:1px solid #0b0b0b30}.faq details:first-child{border-top:1px solid #0b0b0b30}.faq summary{font-size:15px;line-height:1.7;cursor:pointer;padding:23px 34px 23px 0;list-style:none;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';position:absolute;right:0;top:22px;font-size:22px;color:var(--red)}.faq details[open] summary:after{content:'−'}.faq details p{font-size:14px;line-height:1.9;padding:0 35px 26px 0;color:#0b0b0ba6}.cta-intro{font-size:16px;line-height:1.9;max-width:620px;margin:-15px 0 35px}.whatsapp-link{font-size:13px;display:block;width:fit-content;margin-top:27px;border-bottom:1px solid #f5f2ed66;padding-bottom:9px}.live-tour-shell{position:absolute;inset:0;background:transparent;z-index:5}.live-tour-shell[hidden],.live-tour-toolbar[hidden]{display:none}.live-tour-shell iframe{width:100%;height:100%;border:0;opacity:0;transition:opacity .45s;background:transparent}.scene-dialog.tour-ready .live-tour-shell iframe{opacity:1}.scene-dialog .close-dialog{z-index:10}.live-tour-toolbar{position:absolute;left:20px;top:22px;right:110px;z-index:9;display:flex;gap:30px;justify-content:space-between;align-items:center;pointer-events:none}.live-tour-toolbar>span,.live-tour-toolbar>a{font-size:11px;line-height:1.5;background:#0b0b0be6;padding:12px 16px;border:1px solid #ffffff30}.live-tour-toolbar>a{pointer-events:auto}.scene-dialog.tour-ready .live-tour-toolbar>span{display:none}.scene-dialog.tour-ready .live-tour-toolbar{justify-content:flex-start}.media-dialog{padding:20px;background:var(--carbon);color:var(--paper);border:1px solid #fff3;width:min(90vw,1000px);max-height:90svh}.media-dialog::backdrop{background:#000c}.media-dialog>button{display:block;margin:0 0 15px auto;font-size:30px;width:44px;height:44px}.media-dialog img{width:100%;max-height:65svh;object-fit:contain}.media-dialog p{font-size:13px;line-height:1.7;margin:18px 0 0}
@media(max-width:1000px){.layers-composition{grid-template-columns:minmax(0,1fr) 225px;gap:25px}.layers-index button{font-size:12px}.layer-information{width:175px;padding:13px}.layer-information p{font-size:10px}.layer-media,.layer-map{width:108px}.layer-audio{font-size:9px}.case-study,.case-study.reverse{gap:35px}.journey-route{grid-template-columns:1fr}.idea-copy .idea-devices{font-size:10px}.idea-copy p{font-size:14px}}
@media(max-width:760px){.hero-story{height:245svh}.hero-demonstration{top:23%;max-width:86%;left:7%;right:7%}.hero-demonstration h2{font-size:8vw;line-height:1.5;margin:18px 0}.hero-demonstration>p:last-child{font-size:14px}.hero-demonstration .eyebrow{font-size:8px}.hero-demo-controls{left:7%;right:7%;bottom:100px;gap:0;justify-content:space-between}.hero-demo-controls button{font-size:11px;padding:13px 0}.hero-context,.hero[data-demonstrating='true'] .hero-context{left:7%;right:7%;width:auto;top:44%;padding:22px;max-height:37svh;overflow:auto}.hero-context h3{font-size:17px;margin:12px 0}.hero-context p{font-size:12px}.context-action{font-size:11px;padding-top:12px;margin-top:12px}.hero-action{left:7%;top:52%;right:7%}.hero-action>a{font-size:13px}.hero[data-demonstrating='true'] .pool{top:65%}.hero[data-demonstrating='true'] .suite{top:48%}.hero[data-behavior='2'] .hotspot{visibility:hidden}.idea-copy{top:21%}.idea-copy h2{font-size:6.2vw}.idea-copy p{font-size:13px;line-height:1.8;margin-top:17px}.idea-copy .idea-devices{font-size:9px;margin-top:15px}.idea-copy .text-link{margin-top:15px}.idea-portal{top:calc(68% * (1 - var(--reveal)));height:calc(24% + 76% * var(--reveal))}.layers-story{height:280svh}.layers-stage{padding:110px 7% 25px;min-height:790px}.layers-heading{display:block;margin:25px 0}.layers-heading h2{font-size:5.3vw}.layers-heading p{font-size:12px;line-height:1.8;margin-top:17px;max-width:100%}.layers-composition{display:flex;flex-direction:column;gap:20px;align-items:stretch}.layers-canvas{height:30svh;min-height:240px;max-height:320px}.layers-index{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.layers-index button{font-size:10px;padding:9px 0;gap:9px;line-height:1.5}.layers-index button>span{font-size:8px}.layers-description{font-size:11px;padding-top:15px}.layer-nav{top:10px;left:10px;padding:6px;gap:6px}.layer-nav>span{display:none}.layer-nav button{font-size:9px}.layer-media{width:88px;top:10px;right:10px}.layer-media img{height:42px}.layer-media span{font-size:6px;padding:6px}.layer-hotspot{left:24%;top:40%}.layer-hotspot span+span{display:none}.layer-map{width:88px;right:10px;top:41%;padding:8px}.layer-map svg{height:45px}.layer-map>span{font-size:6px}.layer-information{left:10px;bottom:12px;width:160px;padding:11px}.layer-information>span{font-size:7px}.layer-information p{font-size:9px;margin-top:6px}.layer-audio{right:10px;bottom:12px;font-size:8px;padding:9px}.layer-cta{font-size:9px;bottom:12px;padding:10px 12px;left:10px;transform:none!important}.layers-canvas[data-layer='6'] .layer-information,.layers-canvas[data-layer='7'] .layer-information{bottom:60px;width:145px}.layer-complete{font-size:15px;top:25%;padding:10px}.journey-principle{font-size:12px;margin:0 0 25px}.journey-route ol{display:flex;flex-wrap:wrap;gap:25px 20px}.journey-route li{flex:0 0 calc(50% - 10px);font-size:11px}.journey-route li:not(:last-child):after{display:block;right:0}.business-value .section-heading h2{font-size:5.4vw;line-height:1.5}.value-journeys article{grid-template-columns:1fr 1fr;gap:10px 25px;padding:24px 0}.value-person{grid-column:1/-1;font-size:9px}.value-journeys p,.value-journeys strong{font-size:13px;line-height:1.7}.value-line{display:none}.value-statement{font-size:16px;line-height:1.8;margin-top:30px}.value-statement br{display:none}.entry-points{padding:50px 7%;min-height:55svh}.entry-points .eyebrow{font-size:8px;line-height:1.8}.entry-points h3{font-size:5vw;line-height:1.6}.entry-points ul{gap:15px 22px}.entry-points li{font-size:11px}.entry-points>p{font-size:13px}.case-study,.case-study.reverse{display:flex;flex-direction:column;gap:28px;padding:30px 0 45px}.case-study.reverse .case-image{order:0}.case-image{height:280px}.case-copy{width:100%}.case-copy h3{font-size:20px}.case-copy>p{font-size:13px}.case-copy ul{margin-bottom:25px}.case-copy h4{margin-top:23px}.trust-line{display:block;padding-top:30px}.trust-line img{width:130px;margin-bottom:25px}.trust-line p{font-size:15px}.trust-line span{font-size:12px}.faq-layout{display:block;margin-top:40px}.faq-layout h2{font-size:7vw}.faq-layout>div>p{font-size:13px;margin-bottom:30px}.faq summary{font-size:14px;padding:20px 30px 20px 0}.faq details p{font-size:13px}.cta-intro{font-size:14px;margin:0 0 30px}.live-tour-toolbar{left:12px;top:15px;right:78px;gap:10px;flex-wrap:wrap}.live-tour-toolbar>span,.live-tour-toolbar>a{font-size:10px;padding:10px}.scene-dialog .close-dialog{right:15px;top:15px;width:42px;height:42px}}
@media(prefers-reduced-motion:reduce){.hero-story{height:auto}.hero-demo-controls{visibility:visible;opacity:1}.hero[data-demonstrating='true'] .hero-copy{visibility:hidden}.hero .hotspot{opacity:1!important}.hero[data-demonstrating='true'] .hero-demonstration{visibility:visible}.layers-story{height:auto}.layers-stage{height:auto;min-height:0;position:relative;overflow:visible;padding-top:70px;padding-bottom:60px}.layers-description{margin-bottom:0}.devices{height:auto;padding-bottom:0}.device-stage{position:relative;height:800px}.entry-points{position:relative;min-height:0}.journey-route li,.journey-route li:after{animation:none!important}.layers-canvas [data-component]{transform:none!important}.idea-portal{height:530px;top:auto}.idea-copy{top:auto}.hero-demonstration,.hero-context{transition:none}}
@media(max-height:740px) and (min-width:761px){.layers-stage{padding-top:110px;min-height:680px}.layers-heading{margin:20px 0}.layers-heading h2{font-size:27px}.layers-canvas{min-height:285px;height:39svh}.layers-index button{padding:9px 0}.layers-description{padding-top:13px}}
.world{transform:translate3d(calc(var(--pan,0px) + var(--pointer-pan,0px) + var(--story-pan,0px)),0,0) scale(var(--zoom,1))}.cursor.labeled{font-size:8px;text-align:center;padding:8px}.hero-context .eyebrow{display:block}[hidden]{display:none!important}::view-transition-old(active-portal),::view-transition-new(active-portal){animation-duration:.65s}
@media(min-width:761px) and (max-height:800px){.device-frame{scale:.72;transform-origin:50% 35%}.device-frame[data-device='4']{scale:.8;transform-origin:50% 35%}.device-selector{position:relative;z-index:3}}
@media(max-width:760px) and (max-height:750px){.layers-story{height:auto}.layers-stage{position:relative;height:auto;min-height:0}.device-stage{min-height:680px}.device-stage .section-top{margin-top:55px}.device-stage h2{margin-top:20px}}
/* Refinement: clearer reading, one journey-to-action chapter, quieter navigation. */
.nav{transition:transform .3s ease,padding .3s ease,top .3s ease,background .3s ease}.nav.nav-compact{top:12px;padding-top:10px;padding-bottom:10px}.nav.nav-hidden:not(:focus-within):not(.open){transform:translateY(calc(-100% - 30px));pointer-events:none}
.hero-copy>p:last-child,.idea-copy>p,.layers-heading p,.layers-description,.process-step p,.case-copy>p,.faq details p,.journey-principle{font-size:16px;line-height:1.85}.layers-heading p{max-width:360px}.layers-index button{font-size:14px}.layer-complete{font-size:clamp(14px,1.65vw,27px);line-height:1.6;padding:20px}.section-top,.eyebrow{font-size:11px}.case-copy li,.entry-points>p,.trust-line span{font-size:14px;line-height:1.8}
.journey-route li:last-child{color:var(--paper);background:var(--red);padding:14px 18px;font-size:16px;line-height:1.6}.journey-value{display:grid;grid-template-columns:1.4fr 1fr;gap:8%;align-items:end;margin-top:70px;padding-top:40px;border-top:1px solid #ffffff35}.journey-value h2{font-size:clamp(24px,3vw,46px);line-height:1.5}.journey-value h2 span{color:#f5f2ed99}.journey-value p{font-size:16px;line-height:1.85;max-width:390px}.journey-route ol{align-items:center}
@media(min-width:761px) and (min-height:850px){.device-frame{scale:1.08}.device-frame[data-device='4']{scale:1.04}}
@media(max-width:760px){.journey-value{grid-template-columns:1fr;gap:25px;margin-top:40px}.journey-value h2{font-size:5.2vw}.journey-route li:last-child{font-size:13px;padding:12px}.hero-copy>p:last-child{font-size:15px}.layers-heading p{font-size:15px}.layers-index button{font-size:13px}.layers-description{font-size:14px}.section-top{font-size:10px}.nav.nav-compact{top:8px}}
@media(prefers-reduced-motion:reduce){.nav{transition:none}.nav.nav-hidden{transform:none;pointer-events:auto}}