:root{--paper:#e7e5df;--white:#f2f0ea;--ink:#2b2d29;--muted:#777971;--line:#c8c8bf;--ease:cubic-bezier(.22,1,.36,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-gutter:stable}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}h1,h2,p,figure{margin:0}h1,h2{font-weight:350;letter-spacing:-.04em;line-height:1.14}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}img{display:block;max-width:100%}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:1px solid #64695e;outline-offset:6px}::selection{background:#c8c9bd;color:#252822}[hidden]{display:none!important}.skip{position:fixed;z-index:100;top:-100px;left:20px;padding:12px 18px;background:var(--white)}.skip:focus{top:10px}.header{position:absolute;top:0;left:0;right:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:27px 5.2%}.logo{font-size:31px;font-weight:400;letter-spacing:-1.7px;line-height:1}.header nav{display:flex;gap:32px;font-size:11px;color:#65685f}.header nav a{padding:9px 0}.device-story{position:relative;height:100svh;background:var(--paper)}.js .device-story{height:290svh}.device-stage{height:100svh;min-height:600px;position:sticky;top:0;overflow:hidden;isolation:isolate}.device-visual{position:absolute;inset:0;z-index:-1}.device-frame{position:absolute;inset:0;opacity:0;will-change:opacity,transform;pointer-events:none}.device-frame.is-front{opacity:1}.device-frame img{position:absolute;left:59%;top:4%;width:auto;height:91%;max-width:none;transform:translateX(-50%);object-fit:contain;mask-image:linear-gradient(90deg,transparent 0%,#000 26%,#000 74%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 5%,#000 95%,transparent 100%);mask-composite:intersect}.device-captions{position:absolute;left:7%;bottom:18%;max-width:350px;z-index:2}.device-caption p{font-size:11px;line-height:1.6;color:#6e7267;margin-bottom:18px;letter-spacing:.01em}.device-caption h1,.device-caption h2{font-size:clamp(29px,3.1vw,48px)}.device-caption{animation:caption-in .65s var(--ease) both}.scroll-hint{position:absolute;bottom:35px;left:5.2%;font-size:9px;color:#7f8379;letter-spacing:.01em;display:flex;gap:15px;align-items:center}.scroll-hint>span{font-size:15px}.view-controls{position:absolute;bottom:25px;left:50%;transform:translateX(-50%);display:flex;gap:4px}.view-dot{background:transparent;border:0;width:32px;height:28px;display:grid;place-items:center;padding:6px}.view-dot span{width:16px;height:2px;border-radius:3px;background:#b6bab0;transition:background .5s}.view-dot[aria-pressed=true] span{background:#5e6658}.material-scene{position:relative;isolation:isolate;height:92svh;min-height:570px;overflow:hidden;background:#c5c4bc}.material-scene>img{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.35) contrast(.94)}.material-scene:after{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(0deg,#13171070,transparent 43%);pointer-events:none}.material-caption{position:absolute;z-index:1;left:7%;bottom:9%;color:#efeee9}.material-caption h2{font-size:clamp(25px,3vw,44px)}.material-caption p{font-size:12px;line-height:1.6;margin-top:10px;color:#d0d3c8}.actions{display:grid;grid-template-columns:1fr 1fr;background:#efeee8}.action-scene{position:relative;height:100svh;min-height:700px;overflow:hidden;background:#eeece5;isolation:isolate}.action-scene:nth-child(2){background:#dedfd6}.action-scene>img{position:absolute;left:50%;top:3%;height:82%;width:auto;max-width:none;transform:translateX(-50%);object-fit:contain;filter:grayscale(.72) saturate(.45) contrast(.95);mix-blend-mode:multiply;mask-image:linear-gradient(180deg,transparent 0%,#000 8%,#000 90%,transparent 100%)}.action-caption{position:absolute;bottom:7%;left:10%;right:6%;color:#4b5145}.action-caption h2{font-size:clamp(23px,2.2vw,33px);font-weight:350;line-height:1.25}.life-scene{position:relative;height:100svh;min-height:600px;overflow:hidden;isolation:isolate;background:#75776c}.life-scene picture{display:block;width:100%;height:100%}.life-scene img{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.8) contrast(.97)}.life-scene:after{position:absolute;content:"";inset:0;pointer-events:none;background:linear-gradient(0deg,#151b1775 0%,#151b1710 36%,transparent 60%)}.life-caption{position:absolute;z-index:1;left:7%;right:7%;bottom:9%;color:#f4f2ed;text-shadow:0 1px 18px #17221820}.life-caption h2{font-size:clamp(26px,3.4vw,48px);font-weight:350;line-height:1.19;letter-spacing:-.03em}.closing{padding:120px 7% 105px;min-height:520px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:var(--paper)}.closing>p{font-size:28px;letter-spacing:-1.4px;margin-bottom:38px}.closing h2{font-size:clamp(30px,4vw,58px);font-weight:350;line-height:1.19;color:#60685b}.closing>a{font-size:10px;color:#7a8171;margin-top:45px;display:flex;gap:30px;align-items:center;border-bottom:1px solid #bcc1b2;padding-bottom:8px}.closing>a span{font-size:15px}footer{padding:25px 5.2%;display:flex;gap:30px;justify-content:space-between;align-items:center;border-top:1px solid #cdcec3;color:#8a8d81;font-size:9px;line-height:1.5;background:var(--paper)}footer button{border:0;background:none;font-size:10px;padding:4px 0;color:#737b69;display:flex;gap:18px;align-items:center}dialog{position:fixed;max-width:530px;width:90vw;max-height:90svh;overflow:auto;background:#eeece5;color:var(--ink);border:1px solid #d0d1c6;border-radius:2px;box-shadow:0 25px 100px #11180d20;padding:50px}.dialog-brand{font-size:25px;letter-spacing:-1.4px;margin-bottom:28px}dialog h2{font-size:39px;margin-bottom:28px}dialog>p:not(.dialog-brand){font-size:13px;line-height:1.85;color:#747d69;margin-top:20px}dialog::backdrop{background:#32372b55;backdrop-filter:blur(14px)}.dialog-close{position:absolute;top:12px;right:15px;font-weight:300;background:none;border:0;font-size:26px;color:#7d8474;padding:0 5px}.has-dialog{overflow:hidden}@keyframes caption-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1800px){.device-frame img{left:56%;height:94%;top:2%}.device-captions{left:12%}.header{padding-left:7%;padding-right:7%}.scroll-hint{left:7%}}
@media(max-width:1100px) and (min-width:761px){.device-frame img{left:63%;height:88%;top:5%}.device-captions{left:5%;bottom:16%;max-width:250px}.device-caption p{font-size:10px;max-width:180px}.device-caption h1,.device-caption h2{font-size:33px}.action-scene{min-height:620px}.action-scene>img{height:79%}.action-caption{left:8%;bottom:7%}.action-caption h2{font-size:24px}}
@media(max-width:760px){html{scrollbar-gutter:auto}.header{padding:25px 6%}.logo{font-size:29px}.header nav{font-size:10px;gap:25px}.js .device-story{height:280svh}.device-stage{min-height:650px;height:100svh}.device-frame img{left:50%;height:86%;top:3%;mask-image:linear-gradient(90deg,transparent 0%,#000 24%,#000 76%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 4%,#000 96%,transparent 100%)}.device-captions{left:6%;right:6%;bottom:7.7%;max-width:none;text-align:center}.device-caption p{font-size:9px;margin-bottom:9px;line-height:1.5}.device-caption h1,.device-caption h2{font-size:25px;font-weight:350;line-height:1.17;letter-spacing:-.035em}.device-caption br{display:none}.scroll-hint{bottom:21px;left:6%;font-size:7px;gap:10px;transition:opacity .3s}.scroll-hint>span{font-size:11px}.view-controls{bottom:13px;left:auto;right:6%;transform:none;gap:0}.view-dot{height:25px;width:27px;padding:6px}.view-dot span{width:13px;height:1.5px}.material-scene{height:100svh;min-height:620px}.material-scene>img{object-position:57% center}.material-caption{left:7%;bottom:8%}.material-caption h2{font-size:28px}.material-caption p{font-size:11px;margin-top:7px}.actions{display:block}.action-scene{height:100svh;min-height:650px}.action-scene>img{top:1%;height:87%;mask-image:linear-gradient(180deg,transparent 0%,#000 5%,#000 91%,transparent 100%)}.action-caption{left:7%;right:7%;bottom:6%;text-align:center}.action-caption h2{font-size:23px;line-height:1.2}.life-scene{height:100svh;min-height:650px}.life-scene img{object-position:center}.life-scene:after{background:linear-gradient(0deg,#151b1770 0%,#151b1710 32%,transparent 56%)}.life-caption{left:7%;right:7%;bottom:8%}.life-caption h2{font-size:29px;line-height:1.18}.closing{min-height:460px;padding:85px 7%}.closing>p{font-size:27px;margin-bottom:28px}.closing h2{font-size:35px;line-height:1.17}.closing>a{font-size:10px;margin-top:35px}footer{padding:23px 6%;display:grid;grid-template-columns:1fr auto;gap:9px 15px;font-size:7px}footer>span:first-child{grid-column:1;grid-row:1}footer>span:nth-child(2){grid-column:1;grid-row:2}footer button{grid-column:2;grid-row:1 / 3;font-size:9px;gap:12px}dialog{padding:40px 28px}dialog h2{font-size:33px}dialog>p:not(.dialog-brand){font-size:12px}.dialog-brand{font-size:23px;margin-bottom:25px}}
@media(max-width:370px){.header{padding:24px 6%}.logo{font-size:27px}.header nav{gap:20px;font-size:9px}.device-stage{min-height:590px}.device-frame img{height:84%;top:4%}.device-caption h1,.device-caption h2{font-size:22px}.device-caption p{font-size:8px}.device-captions{bottom:8.5%}.scroll-hint{font-size:6px}.material-scene,.action-scene,.life-scene{min-height:590px}.action-caption h2{font-size:21px}.life-caption h2{font-size:26px}.closing h2{font-size:31px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js .device-story{height:100svh}.device-stage{position:relative}.device-frame{will-change:auto}}
.life-scene img{filter:saturate(.38) contrast(.88) brightness(1.02)}
@media(max-width:760px){.life-scene:last-child img{object-position:76% center}}
@media(max-width:760px){.life-scene:first-child img{object-position:76% center}}

/* Focus: one physical key, one touch control, the same quiet mode. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.device-visual{z-index:0;pointer-events:none}
.device-product{position:absolute;left:59%;top:4%;height:91%;width:auto;aspect-ratio:3/2;transform:translateX(-50%);mask-image:linear-gradient(90deg,transparent 0%,#000 26%,#000 74%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 5%,#000 95%,transparent 100%);mask-composite:intersect}
.device-product>img{left:0;top:0;transform:none;width:100%;height:100%;max-width:none;mask-image:none;transition:opacity .7s var(--ease)}
.device-product>.focused-screen{opacity:0;pointer-events:none}
.device-product.is-focused>.dashboard-screen{opacity:1}
.device-product.is-focused>.focused-screen{opacity:1}
.focus-control{position:absolute;z-index:2;pointer-events:auto;border:0;background:transparent;padding:0;transform:translate(-50%,-50%);min-width:44px;min-height:44px;border-radius:7px;touch-action:manipulation}
.focus-control:focus-visible{outline:1.5px solid #e6e6dc;outline-offset:3px;box-shadow:0 0 0 4px #15191666}
.focus-control:hover{box-shadow:inset 0 0 0 1px #e6e6dc55}
.focus-touch{left:50.07%;top:68.8%;width:26.05%;height:4%;border-radius:14px}
.focus-physical{left:62.63%;top:79.55%;width:2.5%;height:4.3%;border-radius:5px}
.view-controls,.scroll-hint{z-index:3}
@media(min-width:1800px){.device-product{left:56%;height:94%;top:2%}}
@media(max-width:1100px) and (min-width:761px){.device-product{left:63%;height:88%;top:5%}}
@media(max-width:760px){.device-product{left:50%;height:86%;top:3%;mask-image:linear-gradient(90deg,transparent 0%,#000 24%,#000 76%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 4%,#000 96%,transparent 100%)}}
@media(max-width:370px){.device-product{height:84%;top:4%}}
@media(prefers-reduced-motion:reduce){.device-product>img{transition:none}}