/* One continuous image-tool plate fills the viewport; no repeating foreground strip. */
:root{--master-photo:url(final/desktop-light-1440.webp)}
html[data-theme=dark]{--master-photo:url(final/desktop-dark-1440.webp)}
.studio .scene-wide{display:none!important}
@media(min-width:1600px){:root{--master-photo:url(final/wide-light-1920.webp)}html[data-theme=dark]{--master-photo:url(final/wide-dark-1920.webp)}.studio .scene-desktop{display:none!important}.studio .scene-wide{display:block!important}}
@media(max-width:768px){:root{--master-photo:image-set(url(final/portrait-light-390.webp) 1x,url(final/portrait-light-780.webp) 2x)}html[data-theme=dark]{--master-photo:image-set(url(final/portrait-dark-390.webp) 1x,url(final/portrait-dark-780.webp) 2x)}}
body.studio.physical-home{--stage-width:100vw!important;--desk-height:100svh!important}
.studio.physical-home .environment{left:50%;top:0;width:var(--stage-width);height:var(--desk-height)}
.physical-home .study-hero-surface{display:none!important}
.hero-ui-layer{position:absolute;left:50%;top:0;width:var(--stage-width);height:var(--desk-height);transform:translateX(-50%);pointer-events:none}
.physical-face{position:absolute;pointer-events:auto;color:var(--study-ink);overflow:visible}
.physical-copy{height:100%;width:100%;display:flex;flex-direction:column;align-items:stretch;justify-content:center;padding:4px 7px}
.physical-copy p{margin:0}.physical-copy .physical-kicker{font-size:12px;line-height:1.2;font-weight:600;letter-spacing:.12em;margin-bottom:4px}
.physical-copy h1{font-size:clamp(24px,2.4vw,36px);line-height:1.04;font-weight:600;letter-spacing:-.045em;margin:0 0 4px}
.physical-copy h1 em{font-weight:400}
.physical-copy .physical-price{font-size:18px;line-height:1.2;margin:0 0 6px}
.physical-copy .hero-lede{font-size:14px!important;line-height:1.3;text-align:center;flex:none}
.physical-home .physical-copy .hero-browser{width:100%;height:62px;min-height:62px;flex:none;margin:0}
.physical-copy .hero-current{height:auto;min-height:48px}
.physical-copy .hero-counter{color:var(--study-muted)!important;font-size:12px}
.physical-copy .hero-name{font-size:16px!important;line-height:1.15;overflow-wrap:normal}
.physical-copy .disclosure{text-align:center;color:var(--study-muted);font-size:12px!important;line-height:1.4;margin-top:2px}
@media(max-width:768px){
.physical-copy{padding:4px 5px;text-align:center}
.physical-copy .physical-kicker{display:none}
.physical-copy h1{font-size:24px;line-height:1.03;margin-bottom:3px}
.physical-copy .physical-price{font-size:16px;margin-bottom:6px}
.physical-copy .hero-name{font-size:14px!important}
.physical-copy .hero-lede{font-size:14px!important}
.physical-copy .disclosure{font-size:12px!important;margin-top:1px}
}
@media(min-width:769px) and (max-width:900px) and (max-height:500px){
.hero-ui-layer{left:26%;top:56px}
.physical-copy{padding:2px 4px}.physical-copy .physical-kicker,.physical-copy .hero-lede,.physical-copy .disclosure{display:none}
.physical-copy h1{font-size:18px;line-height:1.02;margin-bottom:2px}.physical-copy .physical-price{font-size:12px;margin-bottom:2px}
.physical-home .physical-copy .hero-browser{height:44px;min-height:44px}.physical-copy .hero-name{font-size:12px!important}.physical-copy .hero-counter{font-size:12px}
}
/* Keep the photographed board usable on narrower phones and landscape. */
@media(max-width:374px){
.physical-copy h1{font-size:22px}
.physical-home .physical-copy .hero-browser{height:56px;min-height:56px}
}
@media(min-width:769px) and (max-width:900px) and (max-height:500px){
body.studio.physical-home{--stage-width:100vw!important;--desk-height:calc(100vw * 2 / 3)!important}
.studio.physical-home .environment{left:50%;top:0;width:var(--stage-width)}
.physical-home .hero-ui-layer{left:50%;top:0;width:var(--stage-width)}
.physical-copy h1{font-size:22px;line-height:1.02;margin-bottom:2px}
.physical-copy .physical-price{font-size:14px;margin-bottom:2px}
.physical-copy .physical-kicker,.physical-copy .hero-lede{display:none}
.physical-copy .disclosure{display:block;font-size:12px!important;line-height:1.25;margin-top:0}
.physical-home .physical-copy .hero-browser{height:62px;min-height:62px;flex-wrap:nowrap}
.physical-copy .hero-current{order:0;flex-basis:auto}
.physical-copy .hero-name{font-size:14px!important}
}
@media(min-width:901px) and (max-width:1100px){
.physical-copy .physical-kicker{display:none}
.physical-copy h1{font-size:24px;margin-bottom:4px}
.physical-copy .physical-price{font-size:16px;margin-bottom:4px}
.physical-home .physical-copy .hero-browser{height:52px;min-height:52px}
}

@media(min-width:769px) and (max-width:900px) and (max-height:500px){body.studio.physical-home{--desk-height:calc(100vw * 1067 / 1536)!important}}

.physical-copy .physical-kicker{display:none}
@media(min-width:769px) and (max-width:900px) and (max-height:500px){
.physical-copy{padding:4px}
.physical-copy h1{font-size:20px;line-height:1;margin-bottom:2px}
.physical-copy .physical-price{margin-bottom:0}
.physical-home .physical-copy .hero-browser{height:52px;min-height:52px}
.physical-copy .disclosure{line-height:1.1}
}

.physical-home .physical-face{left:14.02925532%;top:19.98087954%;width:33.24468085%;height:23.51816444%}
@media(max-width:768px){.physical-home .physical-face{left:17.23329426%;top:7.86334056%;width:67.87807737%;height:23.37310195%}}
@media(min-width:1600px){.physical-home .physical-face{left:17.46411483%;top:14.24017003%;width:28.88755981%;height:26.03613177%}}