*{box-sizing:border-box}:root{color-scheme:light;--ink:#263c31;--paper:#f7f5ef;--line:#d7d9cf;--muted:#647067;--green:#23372d}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;line-height:1.55}button{font:inherit;cursor:pointer;color:inherit;touch-action:manipulation}button:focus-visible,canvas:focus-visible{outline:3px solid #b57740;outline-offset:3px}[hidden]{display:none!important}header,main,footer{max-width:1344px;margin:auto;padding-left:32px;padding-right:32px}header{display:flex;gap:50px;align-items:center;padding-top:34px;padding-bottom:30px}.brand{font-size:23px;font-weight:760;letter-spacing:3px;line-height:1.2;min-width:230px}.brand span{display:block;font-size:10px;letter-spacing:3.4px;margin-top:6px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;margin:0 0 7px}h1{font-size:clamp(30px,3vw,43px);line-height:1.13;letter-spacing:-1.5px;font-weight:550;margin:0 0 9px}.heading>p:last-child{margin:0;font-size:14px;color:var(--muted)}.workspace{background:#fff;border:1px solid var(--line);border-radius:5px;overflow:hidden}.viewbar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 18px;border-bottom:1px solid var(--line)}.segmented{display:flex;gap:4px;background:#eeefe9;padding:3px;border-radius:6px}.segmented button{font-size:13px;font-weight:600;border:0;padding:8px 18px;border-radius:4px;background:transparent}.segmented [aria-pressed=true]{background:var(--green);color:#fff}.quiet{background:transparent;border:0;font-size:12px;padding:10px}.stage{height:min(62vh,590px);min-height:330px;position:relative;background:#e9e8e1;overflow:hidden}.stage canvas{display:block;width:100%;height:100%;touch-action:none}#loading,#fallback{position:absolute;top:45%;left:20px;right:20px;text-align:center;color:#23372d;font-size:14px}#fallback{background:#fff;padding:20px}#photoFrame{position:absolute;inset:0;overflow:hidden;display:flex;align-items:center;justify-content:center}#photo{width:100%;height:100%;object-fit:contain;display:block}#photoFrame.detail #photo{position:absolute;width:200%;max-width:none;height:auto;min-height:0}#photoFrame.detail.left #photo{left:0}#photoFrame.detail.right #photo{right:0}.gesture{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);font-size:11px;letter-spacing:.3px;color:#fff;background:#263c31df;border-radius:22px;padding:6px 14px;white-space:nowrap;pointer-events:none}.cameras{display:flex;justify-content:center;gap:5px;padding:12px 10px;border-bottom:1px solid var(--line)}.cameras button{border:1px solid transparent;background:transparent;padding:7px 14px;border-radius:25px;font-size:12px}.cameras button[aria-pressed=true]{border-color:#a6b1a7;background:#f3f5ef}.palette{display:grid;grid-template-columns:repeat(3,1fr);padding:17px 20px;gap:14px}.palette button{display:flex;align-items:center;gap:13px;text-align:left;padding:13px;border:1px solid var(--line);background:#fff;border-radius:4px;min-width:0}.palette button[aria-pressed=true]{border:2px solid var(--green);padding:12px;background:#f7f8f3}.palette small{display:block;font-size:9px;letter-spacing:1.5px;font-weight:600;color:#667466;margin-bottom:3px}.palette strong{font-size:15px;font-weight:600;display:block}.sample{display:block;flex-shrink:0;width:42px;height:42px;border-radius:50%;border:1px solid #0002}.light{background:#c9c8c2}.warm{background:#acaaa1}.medium{background:#898985}.selected{padding:0 24px 18px}.selected h2{font-size:16px;margin:0 0 4px}.selected p{font-size:13px;color:var(--muted);margin:0}.changes{display:grid;grid-template-columns:1fr 1.8fr;gap:80px;padding:60px 4px 36px}.sectionIntro h2,.next h2{font-size:32px;line-height:1.18;font-weight:550;letter-spacing:-.7px;margin:10px 0 15px}.sectionIntro>p:last-child{font-size:15px;color:var(--muted)}.changes ol{margin:0;padding:0;list-style:none}.changes li{display:flex;gap:23px;padding:0 0 22px;margin-bottom:22px;border-bottom:1px solid var(--line)}.changes li>span{font-size:12px;margin-top:4px;color:#6f7e6c}.changes h3{font-size:18px;font-weight:600;margin:0 0 6px}.changes li p{font-size:14px;color:var(--muted);margin:0;line-height:1.65}.next{border-top:1px solid var(--line);padding:28px 0 20px;display:grid;grid-template-columns:1fr 1.8fr;gap:80px}.next h2{font-size:26px;margin-top:0}.next p{font-size:15px;margin-top:0;color:var(--muted)}.disclosure{font-size:11px;color:#707b72;margin:15px 0 32px;max-width:1100px}footer{padding-top:20px;padding-bottom:30px;border-top:1px solid var(--line);font-size:12px;display:flex;justify-content:space-between;color:var(--muted)}@media(max-width:700px){header,main,footer{padding-left:15px;padding-right:15px}header{display:block;padding-top:20px;padding-bottom:23px}.brand{font-size:16px;letter-spacing:2px;margin-bottom:27px}.brand span{font-size:8px;letter-spacing:2px;margin-top:3px}.eyebrow{font-size:9px}.heading>p:last-child{font-size:13px}.viewbar{padding:9px}.segmented button{padding:9px 12px;font-size:12px}.quiet{font-size:11px}.stage{height:420px;height:53svh;min-height:330px;max-height:510px}.cameras{gap:1px;flex-wrap:wrap;padding:8px 3px}.cameras button{font-size:10px;padding:7px 8px}.palette{padding:12px 8px;gap:6px}.palette button{display:block;text-align:center;padding:10px 3px}.palette button[aria-pressed=true]{padding:9px 2px}.sample{width:33px;height:33px;margin:0 auto 8px}.palette small{font-size:8px;letter-spacing:1px}.palette strong{font-size:11px}.selected{padding:0 14px 16px}.selected h2{font-size:14px}.selected p{font-size:12px}.changes{grid-template-columns:1fr;gap:18px;padding:38px 4px 16px}.sectionIntro h2{font-size:28px}.changes li{gap:15px;margin-bottom:19px;padding-bottom:19px}.changes h3{font-size:17px}.next{grid-template-columns:1fr;gap:0;padding-top:25px}.next h2{font-size:25px}.disclosure{font-size:10px}footer{font-size:10px}}

.edgeChoice{border-top:1px solid var(--line);display:flex;align-items:center;gap:15px;margin:0 20px 16px;padding-top:14px;flex-wrap:wrap}.edgeChoice>span{font-size:12px;font-weight:600}.edgeChoice .segmented button{font-size:11px;padding:7px 12px}.edgeChoice p{font-size:11px;color:var(--muted);margin:0}@media(max-width:700px){.edgeChoice{margin:0 14px 15px;gap:8px}.edgeChoice p{width:100%;font-size:10px}}

footer{gap:24px;flex-wrap:wrap;font-size:13px}footer p{margin:8px 0 0}footer strong{font-size:15px;color:var(--ink)}footer a{color:inherit;text-underline-offset:3px}@media(max-width:700px){footer{display:block;font-size:12px}footer>div{margin-bottom:18px}}

.brand{position:relative;width:180px;height:143px;min-width:180px;overflow:hidden;background:#fff;flex-shrink:0}.brand img{position:absolute;display:block;width:238px;height:238px;max-width:none;left:-29px;top:-48px}@media(max-width:700px){header{display:flex;gap:19px;align-items:center}.brand{width:115px;height:91px;min-width:115px;margin:0}.brand img{width:152px;height:152px;left:-18.5px;top:-30.5px}.heading h1{font-size:27px;letter-spacing:-1px}.heading .eyebrow{font-size:8px;letter-spacing:1px}.heading>p:last-child{font-size:11px}}

/* Approved photographic presentation and touch controls. */
header{gap:28px;padding-top:18px;padding-bottom:18px}.heading h1{font-size:34px}.brand{transform:scale(.82);transform-origin:left center;margin-right:-28px}
.stage{height:auto;aspect-ratio:4/3;min-height:0;max-height:690px;background:#ebe7dc}#photoFrame{touch-action:none;cursor:grab}#photoFrame:active{cursor:grabbing}#photo{position:absolute;max-width:none;object-fit:fill;transform-origin:center;user-select:none;-webkit-user-drag:none;pointer-events:none}
.photoTools{position:absolute;right:12px;top:12px;display:flex;gap:5px;z-index:4}.photoTools button{border:1px solid #d6d9d0;border-radius:5px;background:#fffffff0;padding:7px 12px;font-size:14px;min-width:36px;min-height:36px}.layoutNote{font-size:14px;line-height:1.6;margin:18px 0 0;color:var(--muted)}
.stage.expanded{position:fixed;z-index:100;inset:0;width:100vw;height:100dvh;max-height:none;aspect-ratio:auto;background:#1c2922}.viewExpanded{overflow:hidden}.stage.expanded .photoTools{top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right))}.stage.expanded .gesture{bottom:max(15px,env(safe-area-inset-bottom))}
@media(max-width:700px){header{gap:12px;padding-top:10px;padding-bottom:12px}.brand{transform:scale(.78);margin-right:-20px}.heading h1{font-size:24px}.stage{height:auto;min-height:0;max-height:none;aspect-ratio:4/3}.stage.expanded{height:100dvh;aspect-ratio:auto}.viewbar{padding:8px}.segmented button{font-size:13px;padding:9px 10px}.palette strong{font-size:12px}.palette small{font-size:10px;letter-spacing:.7px}.cameras button{font-size:12px;padding:7px 9px}.selected p,.layoutNote{font-size:14px}.photoTools{top:7px;right:7px;gap:3px}.photoTools button{font-size:12px;padding:5px 8px;min-width:32px;min-height:32px}.gesture{font-size:10px;padding:5px 9px;bottom:8px}.edgeChoice .segmented button{font-size:12px}.edgeChoice p{font-size:12px}}

.backsplash{padding:40px 0 12px;border-bottom:1px solid var(--line)}.backsplash h2{font-size:32px;font-weight:550;letter-spacing:-.7px;margin:8px 0 14px}.backsplash>p{font-size:15px;max-width:900px;color:var(--muted)}.backCards{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin:25px 0}.backCards article{background:#fff;border:1px solid var(--line);padding-bottom:20px}.backCards img{width:100%;height:auto;display:block}.backCards h3,.backCards p,.backCards article>a:last-child{margin:15px 20px;display:block}.backCards h3{font-size:22px;margin-bottom:6px}.backCards p{font-size:14px;color:var(--muted);margin-top:5px;min-height:44px}.backCards a{color:var(--ink);text-underline-offset:4px}.backCards a:first-child{text-decoration:none}.backCaption{font-size:12px!important}@media(max-width:700px){.backsplash{padding-top:29px}.backsplash h2{font-size:28px}.backCards{grid-template-columns:1fr;gap:20px}.backCards p{min-height:0}.backCards h3{font-size:21px}}

/* Home Screen presentation and offline availability. */
.offlinePanel{margin:0 0 14px;font-size:12px;color:var(--muted)}.offlineRow{display:flex;align-items:center;flex-wrap:wrap;gap:8px;min-height:34px}#offlineStatus{display:inline-flex;align-items:center;gap:7px}#offlineStatus::before{content:"";width:7px;height:7px;flex-shrink:0;border-radius:50%;background:#b38a4b}#offlineStatus[data-state=ready]::before{background:#368454}#offlineStatus[data-state=ready]{color:#285d3b}#offlineStatus[data-state=error]::before{background:#ac5738}.offlinePanel .quiet{text-decoration:underline;text-underline-offset:3px;padding:6px}.offlinePanel summary{cursor:pointer;text-decoration:underline;text-underline-offset:3px;min-height:30px;padding:4px 0}.offlinePanel ol{margin:8px 0;padding-left:22px;max-width:620px}.offlinePanel li{margin:7px 0}.offlinePanel details p{max-width:650px;margin:8px 0 14px}.standalone body{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.standalone .offlinePanel{margin-bottom:8px}.standalone .offlineRow{min-height:26px}.previewOpen{overflow:hidden}#backsplashDialog{border:0;padding:0;background:#1c2922;color:#fff;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;overflow:auto}#backsplashDialog::backdrop{background:#1c2922}.dialogBar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:max(14px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) 12px max(18px,env(safe-area-inset-left))}.dialogBar h2{font-size:17px;font-weight:550;margin:0}.dialogBar button{font-size:14px;min-height:44px;padding:8px 18px;border:1px solid #b8c2b9;background:#fff;color:var(--green);border-radius:5px}#backsplashPreview{display:block;width:100%;height:calc(100dvh - 88px - env(safe-area-inset-top) - env(safe-area-inset-bottom));object-fit:contain;padding:0 env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}@media(max-width:700px){.offlinePanel{font-size:12px}.offlinePanel summary{min-height:36px}.dialogBar h2{font-size:15px;line-height:1.3}}