@font-face{font-family:"SN Pro";src:url("fonts/SNPro-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"SN Pro";src:url("fonts/SNPro-Medium.woff2") format("woff2");font-weight:500 700;font-style:normal;font-display:swap}
body[data-page="home"]{--paper:#fdfdfc;--ink:#21201c;--muted:#63635e;--line:#e5e5e2;--button:#21221d;--button-ink:#fff;color-scheme:light;background:var(--paper);font-family:"SN Pro",-apple-system,system-ui,"Segoe UI",Helvetica,Arial,sans-serif;font-size:15px;line-height:28px}
body[data-page="home"] .shell,.story-shell{width:min(528px,calc(100% - 48px));margin-inline:auto}
body[data-page="home"] .topbar{min-height:30px;padding:0;margin-top:80px;margin-bottom:48px;gap:16px}
body[data-page="home"] .brand{min-height:30px}
body[data-page="home"] .brand img{width:78px;height:auto;filter:none}
body[data-page="home"] .nav-actions{gap:16px;flex-direction:row-reverse}
body[data-page="home"] .nav-link{display:flex;min-height:30px;padding:3px 12px;background:var(--button);color:var(--button-ink);border-radius:20px;font-size:13px;line-height:24px;transition:opacity .18s}
body[data-page="home"] .nav-link:hover{text-decoration:none;opacity:.8}
body[data-page="home"] .language select{padding:0;border:0;border-radius:0;min-height:30px;font-family:inherit;font-size:13px;max-width:92px;color:var(--muted)}
.story-shell h1,.story-shell h2{font:500 15px/28px "SN Pro",-apple-system,system-ui,"Segoe UI",Helvetica,Arial,sans-serif;letter-spacing:0;text-wrap:pretty;color:var(--ink);margin:0 0 16px}
.story-shell p{font-size:15px;font-weight:400;line-height:28px;color:var(--muted);margin:0 0 16px;text-wrap:pretty}
.story-shell h2{margin-top:28px}
.product-photo{margin:24px 0 24px}
.photo-stage{display:flex;position:relative;align-items:center;justify-content:center;gap:26px;width:100%;aspect-ratio:1.29;padding:28px 32px;border:0;border-radius:16px;overflow:hidden;cursor:zoom-in;background:#b5ab98 url('home-scene-v2.png') center/cover no-repeat;box-shadow:inset 0 0 0 1px #21201c0a}
.screen-frame{display:block;position:relative;flex:0 0 auto;width:34%;border:3px solid #282723;border-radius:24px;overflow:hidden;background:#fff;box-shadow:7px 15px 35px #1c1a174d,0 1px 2px #ffffff90;line-height:0;transition:transform .25s}
.screen-frame img{display:block;width:100%;height:auto;aspect-ratio:1206/2622}
.photo-home .screen-frame{width:36%}
.photo-detail{background-position:65% 60%;gap:24px}
.photo-detail .screen-frame:first-child{transform:translateY(-8px)}
.photo-detail .screen-frame:last-child{transform:translateY(8px)}
.photo-stage:hover .screen-frame{transform:translateY(-3px)}
.photo-stage:focus-visible{outline:2px solid var(--ink);outline-offset:5px}
.product-photo figcaption{font-size:11px;line-height:20px;color:#8a8a84;margin-top:8px;text-align:right}
.download-area{margin-top:24px;padding-bottom:12px}
.story-shell .download-status{display:inline-flex;align-items:center;gap:8px;color:var(--ink);border:1px solid var(--line);border-radius:20px;font-size:13px;line-height:24px;padding:4px 13px;margin-bottom:8px}
.download-status::before{content:"";width:5px;height:5px;border-radius:50%;background:#9b9d8e}
.story-shell .availability,.story-shell .platform-note{font-size:12px;line-height:22px;margin:0;color:#8a8a84}
body[data-page="home"] .button{font-family:inherit;font-size:14px;line-height:24px;min-height:36px;gap:16px;padding:6px 16px;margin-bottom:10px}
body[data-page="home"] .footer{border-top:1px solid var(--line);font-size:11px;line-height:20px;align-items:flex-start;flex-direction:column;gap:0;padding-block:20px 48px}
body[data-page="home"] .footer a{min-height:30px}
body[data-page="home"] .footer nav{gap:20px}
.image-viewer{position:fixed;max-width:96vw;max-height:94dvh;width:max-content;border:0;border-radius:16px;padding:50px 30px 24px;background:#fdfdfc;overflow:auto}
.image-viewer::backdrop{background:#1b1c1aaa;backdrop-filter:blur(8px)}
.viewer-screens{display:flex;gap:20px;justify-content:center}
.viewer-screens img{display:block;max-height:78dvh;max-width:40vw;width:auto;height:auto;object-fit:contain;border-radius:16px}
.viewer-close{position:absolute;top:3px;right:7px;width:44px;height:44px;border:0;background:none;color:#21201c;font-size:28px;cursor:pointer}
.viewer-close:focus-visible{outline:2px solid #21201c;outline-offset:-4px}
@media(max-width:600px){body[data-page="home"] .topbar{margin-top:32px;margin-bottom:38px}.photo-stage{padding:22px 24px;gap:18px}.screen-frame{border-width:2px;border-radius:18px}.photo-detail{gap:16px}.photo-home .screen-frame{width:38%}.photo-detail .screen-frame{width:36%}.image-viewer{padding:48px 16px 16px}.viewer-screens{gap:10px}.viewer-screens img{max-width:40vw}.story-shell .availability{max-width:100%}}
@media(prefers-reduced-motion:reduce){.screen-frame{transition:none}.photo-stage:hover .screen-frame{transform:none}}
body[data-page="home"] .nav-link{white-space:nowrap}
@media(max-width:360px){body[data-page="home"] .brand img{width:64px}body[data-page="home"] .nav-actions{gap:8px}body[data-page="home"] .topbar{gap:10px}body[data-page="home"] .nav-link{font-size:12px;padding-inline:9px}body[data-page="home"] .language select{font-size:12px;max-width:76px}}