@font-face{font-family:Fraunces;src:url('assets/fraunces-latin-400-normal.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:Fraunces;src:url('assets/fraunces-latin-400-italic.woff2') format('woff2');font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:'Public Sans';src:url('assets/public-sans-latin-400-normal.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:'Public Sans';src:url('assets/public-sans-latin-600-normal.woff2') format('woff2');font-weight:600;font-display:swap}
:root{--paper:#eee5d4;--page:#fbf4e5;--ink:#33291f;--muted:#70604d;--line:#cebea3;--wine:#713d32;--gold:#edd3a0;--serif:Fraunces,Georgia,serif;--sans:'Public Sans',sans-serif;color:var(--ink);background:var(--paper);font-family:var(--sans);font-size:16px;scroll-behavior:smooth;scroll-padding-top:2rem}*{box-sizing:border-box}body{margin:0}h1,h2,h3,p,figure,blockquote{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:400}h1,h2{text-wrap:balance}h2{font-size:clamp(2rem,3.5vw,3rem);line-height:1.12;letter-spacing:-.045em}h3{font-size:1.4rem;line-height:1.25;letter-spacing:-.02em}p{line-height:1.75}a{color:inherit;text-underline-offset:5px}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--wine);outline-offset:6px}img{display:block;width:100%;height:auto}a,button,summary{touch-action:manipulation}.wrap{width:min(1200px,100% - 2 * max(24px,env(safe-area-inset-left),env(safe-area-inset-right)));margin-inline:auto}.section{padding-block:clamp(54px,7vw,96px)}.eyebrow{font-size:.875rem;line-height:1.6;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:20px}.quiet{font-size:.875rem;color:var(--muted)}.header{display:flex;align-items:center;gap:32px;padding-block:22px;border-bottom:1px solid var(--line)}.wordmark{font-family:var(--serif);font-size:1.55rem;letter-spacing:-.045em;text-decoration:none;display:inline-flex;align-items:center;min-height:44px}.brand-mark{font-size:1.7rem;margin-right:9px;color:var(--wine)}.header nav{margin-left:auto;display:flex;gap:26px}.header nav a,.header-status{font-size:.875rem;text-decoration:none;display:flex;align-items:center;min-height:44px}.header-status{border:1px solid var(--line);padding:8px 16px;border-radius:3px}.header a:hover{color:var(--wine)}.hero{display:grid;grid-template-columns:1fr 1.13fr;align-items:center;gap:22px;padding-top:72px;padding-bottom:65px}.hero h1{font-size:clamp(2.8rem,4.8vw,4.6rem);line-height:1.05;letter-spacing:-.055em;margin-bottom:26px}.hero h1 em{display:block;font-weight:400;color:var(--wine)}.intro{font-size:1rem;max-width:520px;color:#5c4e3e}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin-top:28px}.button{display:inline-flex;justify-content:center;align-items:center;gap:24px;min-height:50px;padding:13px 22px;background:var(--wine);color:var(--page);text-decoration:none;border-radius:3px;font-size:.9375rem}.button:hover{background:#582d24}.hero-art{min-width:0}.hero-art figcaption{font-size:.875rem;color:var(--muted);text-align:center;margin-top:12px;font-style:italic;font-family:var(--serif)}.art-link{position:relative;display:block;text-decoration:none;border-radius:4px}.art-link img{aspect-ratio:3/2;object-fit:contain}.art-hint{display:flex;align-items:center;justify-content:center;gap:12px;font-size:.875rem;min-height:44px;color:var(--muted)}.hero-art .art-hint{position:absolute;bottom:4%;right:5%;background:var(--page);padding:0 12px;border:1px solid var(--line);border-radius:3px;opacity:0;transition:opacity .2s}.hero-art .art-link:hover .art-hint,.hero-art .art-link:focus-visible .art-hint{opacity:1}.library{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:90px;border-top:1px solid var(--line)}.section-intro p:last-child{margin-top:22px;color:var(--muted)}.ornament{font-size:1.8rem}.how{background:var(--page);border-block:1px solid var(--line)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:60px;list-style:none;margin:40px 0 0;padding:0}.step-number{display:block;font-family:var(--serif);font-style:italic;font-size:2.5rem;color:#987749;margin-bottom:14px}.steps h3{margin-bottom:12px}.steps p,.story-copy>p,.reason-grid p,.parents p,.faq details p{color:#655542}.story{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center;border-bottom:1px solid var(--line)}.story-copy>p{margin-top:22px}.story-copy .eyebrow{margin-top:0;margin-bottom:13px}.story-copy .personalization{font-family:var(--serif);font-style:italic;color:var(--wine)}.personalization span{margin-right:8px}.story blockquote{border-left:2px solid #a28a62;padding:5px 0 5px 20px;margin-top:24px;font-family:var(--serif);font-size:1.2rem;line-height:1.55}.reasons{background:#e5dac6}.reasons-layout{display:grid;grid-template-columns:.85fr 1.4fr;gap:90px}.reason-grid{display:grid;grid-template-columns:1fr 1fr;gap:38px}.reason-grid h3{font-size:1.3rem;margin-bottom:12px}.parents{display:grid;grid-template-columns:1.3fr .7fr;gap:100px;align-items:center;border-bottom:1px solid var(--line)}.parents h2{max-width:620px;margin-bottom:24px}.parents aside{border:1px solid var(--line);outline:1px solid var(--line);outline-offset:6px;padding:30px;text-align:center;background:var(--page)}.parents aside .ornament{color:#987749;display:block;margin-bottom:18px}.parents aside h3{margin-bottom:16px}.faq{display:grid;grid-template-columns:1fr 1.3fr;gap:100px}.faq details{border-bottom:1px solid var(--line)}.faq details:first-child{border-top:1px solid var(--line)}summary{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;font-size:1rem;line-height:1.5;cursor:pointer;list-style:none;min-height:60px}summary::-webkit-details-marker{display:none}summary span{font-size:1.2rem}details[open] summary span{transform:rotate(45deg)}details p{padding-bottom:22px}.about{text-align:center;max-width:690px;padding-bottom:80px}.about .eyebrow{margin-bottom:15px}.about>p:last-child{font-family:var(--serif);font-size:1.4rem;line-height:1.6}.launch{text-align:center;color:var(--gold);background:linear-gradient(#241912ea,#241912ea),url('assets/leather.jpg') center/cover;border-block:4px double #b58b5150}.launch .eyebrow{color:#d4b98c}.launch h2{font-size:clamp(2.6rem,5vw,4rem)}.launch-intro{margin-top:20px;color:#e4d4b9}.testing-status{display:inline-block;border:1px solid #a88b5b;padding:12px 26px;margin-top:32px;font-size:1rem}.launch-detail{font-size:.875rem;color:#d2c0a3;margin-top:18px}.launch a{display:inline-flex;align-items:center;gap:10px;font-size:.875rem;min-height:44px;margin-top:24px}.launch a:focus-visible{outline-color:var(--gold)}.footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:32px;padding-bottom:max(32px,env(safe-area-inset-bottom))}.footer p,.footer>a{font-size:.875rem;color:var(--muted)}.footer>a{min-height:44px;display:inline-flex;align-items:center}.skip-link{position:fixed;top:8px;left:8px;z-index:20;background:var(--page);padding:16px;transform:translateY(-150%)}.skip-link:focus{transform:none}.viewer{padding:0;border:1px solid var(--line);width:min(96vw,1500px);max-width:96vw;height:94dvh;max-height:94dvh;background:var(--paper);color:var(--ink)}.viewer::backdrop{background:#1c160ee6}.viewer-toolbar{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:12px;padding:12px;border-bottom:1px solid var(--line)}.viewer-toolbar button{min-height:44px;border:1px solid var(--line);padding:8px 16px;background:var(--page);color:var(--ink);border-radius:3px}.viewer[open]{display:flex;flex-direction:column}.viewer-canvas{overflow:auto;flex:1;min-height:0}.viewer-canvas img{width:100%;height:100%;object-fit:contain}.viewer-canvas.is-zoomed img{width:1536px;max-width:none;height:auto;object-fit:initial}
@media(hover:none){.hero-art .art-hint{opacity:1}}
@media(max-width:1000px){.header{gap:20px;flex-wrap:wrap}.header nav{gap:20px}.header-status{margin-left:auto}.hero{padding-top:50px}.library,.story,.reasons-layout,.parents,.faq{gap:40px}.steps{gap:30px}.hero h1{font-size:3.1rem}.hero{grid-template-columns:1fr 1fr}}
@media(max-width:740px){.header{padding-block:14px;gap:6px 18px}.wordmark{font-size:1.35rem}.header nav{order:3;width:100%;justify-content:center;gap:28px;border-top:1px solid var(--line);padding-top:5px}.header-status{font-size:.8125rem;padding-inline:10px}.hero{grid-template-columns:1fr;gap:30px;padding-block:42px}.hero h1{font-size:clamp(2.6rem,8vw,3.8rem)}.hero-copy{max-width:580px}.hero-art{max-width:590px;margin-inline:auto}.library{grid-template-columns:1fr;gap:32px}.steps{grid-template-columns:1fr;gap:28px}.steps li{display:grid;grid-template-columns:44px 1fr;gap:8px 22px}.step-number{grid-row:1/3;margin:0;font-size:2rem}.steps h3{margin:0}.steps p{grid-column:2}.story{grid-template-columns:1fr;gap:24px}.story-art{max-width:580px;width:100%;margin-inline:auto}.reasons-layout{grid-template-columns:1fr}.reason-grid{gap:28px}.parents,.faq{grid-template-columns:1fr}.parents aside{margin:6px}.about{padding-bottom:54px}.footer{flex-wrap:wrap}.footer>div{width:100%}.hero-art .art-hint{opacity:1}}
@media(max-width:400px){.header-status{margin-left:0}.header{justify-content:space-between}.reason-grid{grid-template-columns:1fr}.hero-actions{gap:14px}}
@media(orientation:landscape) and (max-height:500px){.header{padding-block:8px}.header nav{order:initial;width:auto;border:0;padding:0;margin-left:auto;gap:18px}.header-status{display:none}.hero{grid-template-columns:1.1fr 1fr;gap:24px;padding-block:28px}.hero h1{font-size:2.5rem}.hero .eyebrow{margin-bottom:12px}.hero-art .art-hint{position:static;opacity:1;background:transparent;border:0}.hero-art figcaption{margin:0}.section{padding-block:44px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}

.brand-logo{display:block;width:250px;height:auto}.header .wordmark{flex-shrink:0}@media(max-width:740px){.brand-logo{width:210px}}@media(max-width:400px){.brand-logo{width:195px}.header-status{font-size:.875rem}}
/* Allow enlarged reading text to reflow inside grid and book navigation. */
.wrap>*{min-width:0}h1,h2,h3,p,a,summary{overflow-wrap:anywhere}

/* The brand illustrations introduce worlds, personality, and the reading experience. */
.section-intro>p:not(.eyebrow){margin-top:22px;color:var(--muted)}
.library-art{width:100%;max-width:560px;margin-inline:auto}
.book-links{display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin-top:24px}
.book-links a{display:inline-flex;align-items:center;gap:18px;min-height:44px;font-family:var(--serif);font-size:1.2rem;text-decoration-thickness:1px}
.book-links a:hover{color:var(--wine)}
.book-links a span:last-child{flex-shrink:0}
.how-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:64px;align-items:center}
.how-layout .steps{grid-template-columns:1fr;gap:24px;margin-top:32px}
.how-layout .steps li{display:grid;grid-template-columns:44px 1fr;gap:6px 20px}
.how-layout .step-number{grid-row:1/3;margin:0;font-size:2rem}
.how-layout .steps h3{margin:0}
.how-layout .steps p{grid-column:2}
.how-art{min-width:0}
.header .brand-logo{width:260px;margin:0}
.footer .brand-logo{width:240px;margin:0}
@media(max-width:740px){.header .brand-logo{width:220px}}
@media(max-width:400px){.header .brand-logo{width:200px}}
@media(max-width:1000px){.how-layout{gap:36px}}
@media(max-width:740px){.library-art{max-width:440px}.how-layout{grid-template-columns:1fr;gap:28px}.how-art{max-width:420px;width:100%;margin-inline:auto}}
@media(orientation:landscape) and (max-height:500px){.hero-art .art-hint{display:none}}

/* A library to explore: progressive interactions retain ordinary links without JS. */
[hidden]{display:none!important}
.hero{position:relative;gap:28px 40px;padding-bottom:24px}
.hero h1{font-size:clamp(2.8rem,4.5vw,4.3rem)}
.hero .intro{font-size:1.0625rem;max-width:460px}
.hero-foot{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:20px;color:var(--muted);font-size:.8125rem}
.motion-toggle{background:none;border:0;border-bottom:1px dotted currentColor;color:inherit;min-height:44px;padding:4px 0;font-size:.8125rem}
.door-stage{width:100%;position:relative}
.door-picture{position:relative;isolation:isolate}
.door-picture>img{position:relative;z-index:1;pointer-events:none}
.door-picture::before{content:"";position:absolute;inset:10%;background:radial-gradient(ellipse,#d4aa5830,transparent 70%);border-radius:50%}
.door-hotspot{position:absolute;z-index:2;width:23%;height:52%;top:21%;border-radius:48% 48% 10% 10%;text-decoration:none;transition:box-shadow .25s,background .25s}
.door-hotspot span{display:none}
.door-1{left:12%;--door-light:#96c5e8}.door-0{left:39%;top:8%;--door-light:#d7a65f}.door-2{left:67%;top:24%;--door-light:#c9acdc}
.door-hotspot:hover,.door-hotspot.is-selected{background:color-mix(in srgb,var(--door-light) 14%,transparent);box-shadow:0 0 25px color-mix(in srgb,var(--door-light) 55%,transparent),inset 0 0 18px color-mix(in srgb,var(--door-light) 35%,transparent)}
.door-stage figcaption{font-size:1.125rem;font-style:normal;color:var(--ink);margin-top:14px}
.door-labels{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px;padding-inline:4%}
.door-label{display:flex;align-items:center;justify-content:center;gap:12px;min-height:46px;border:1px solid #ad9979;border-radius:24px;text-decoration:none;font-size:.875rem;background:#fbf4e580;transition:background .2s,transform .2s}
.door-label:hover{background:var(--page);transform:translateY(-2px)}
.door-label.is-selected{color:var(--page);background:var(--wine);border-color:var(--wine)}
.world-preview{grid-column:1/-1;scroll-margin:24px}
.world-selection{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:36px;padding:30px;border:1px solid var(--world-line);border-radius:12px;background:var(--world-paper);box-shadow:0 12px 32px #33291f0d}
.world-selection>img{width:100%;height:auto;max-height:380px;object-fit:contain}
.world-selection .eyebrow{color:var(--world-accent);margin-bottom:12px}
.world-selection h2{font-size:2rem;margin-bottom:16px}
.world-selection p:not(.eyebrow){font-size:.9375rem;color:var(--muted)}
.selection-actions{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin-top:20px}
.text-button{border:0;background:none;color:inherit;min-height:44px;padding:10px 12px;text-decoration:underline;text-underline-offset:5px}
.path-divider{height:100px;max-width:1000px;width:100%;margin-inline:auto;overflow:hidden;color:#a68b60}
.path-divider svg{width:100%;height:100%;stroke:currentColor;stroke-width:1.6}
.path-divider circle{fill:var(--paper)}
.trail-line{stroke-dasharray:5 8;vector-effect:non-scaling-stroke}
.library{border-top:0;padding-top:30px}
.living-art{position:relative;isolation:isolate}
.library-art::after{content:"";position:absolute;left:20%;top:32%;width:8px;height:8px;border-radius:50%;background:#fff6d9;box-shadow:0 0 12px #fff0b8;opacity:0;pointer-events:none}
.theme-can-opener{--world-accent:#855231;--world-paper:#f0e2cc;--world-line:#b69773;--world-tint:#dec19a}
.theme-space-walker{--world-accent:#456578;--world-paper:#e3ebec;--world-line:#9eb4c2;--world-tint:#b7c9d0}
.theme-summoned-mage{--world-accent:#785276;--world-paper:#ede4ee;--world-line:#b7a0b5;--world-tint:#d7bfd8}
.story-world{position:relative;isolation:isolate;background:var(--world-paper);overflow:hidden;border-block:1px solid var(--world-line)}
.story-world .story{position:relative;z-index:1;border:0;grid-template-columns:1.1fr 1fr;gap:36px 70px}
.story-world .eyebrow,.story-world .personalization{color:var(--world-accent)}
.story-world h2{font-size:clamp(2.5rem,4vw,3.8rem)}
.story-world .story-art{filter:drop-shadow(0 12px 18px #33291f10)}
.theme-space-walker .story-art{order:2}
.story-world .story-quote{grid-column:1/-1;order:3;border:0;border-top:1px solid var(--world-line);padding:34px 10% 0;text-align:center;font-size:clamp(1.6rem,2.8vw,2.35rem);line-height:1.4;color:var(--world-accent);margin-top:10px}
.preview-trigger{display:inline-flex;align-items:center;gap:28px;margin-top:24px;min-height:48px;padding:12px 22px;border:1px solid var(--world-accent);border-radius:3px;background:transparent;color:var(--world-accent)}
.preview-trigger:hover{background:var(--world-accent);color:var(--world-paper)}
.world-decoration{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.45}
.theme-can-opener>.world-decoration{background-image:linear-gradient(90deg,transparent 97%,#a2793e22 97%),linear-gradient(transparent 97%,#a2793e22 97%);background-size:64px 64px;mask-image:linear-gradient(to right,#000,transparent 60%)}
.theme-space-walker>.world-decoration{background-image:radial-gradient(circle at 8% 15%,#fff 0 2px,transparent 3px),radial-gradient(circle at 30% 85%,#7898aa 0 1px,transparent 2px),radial-gradient(circle at 90% 22%,#fff 0 2px,transparent 3px),radial-gradient(ellipse at 90% 10%,#9ab4c535,transparent 60%);background-size:170px 190px,130px 160px,230px 230px,100% 100%}
.theme-summoned-mage>.world-decoration{background:radial-gradient(ellipse at 5% 100%,#95ad8730,transparent 50%),radial-gradient(ellipse at 85% 0,#b399c73b,transparent 55%)}
.theme-summoned-mage>.world-decoration::after{content:"";position:absolute;width:240px;height:440px;border:1px solid #8d719940;border-radius:100% 0 100% 0;right:-100px;top:80px;transform:rotate(-25deg);box-shadow:-35px 30px 0 -1px #bba6c520,-75px 65px 0 -1px #bba6c515}
.book-preview{padding:0;border:1px solid #a58d67;border-radius:8px;width:min(1100px,96vw);max-width:96vw;max-height:94dvh;background:var(--page);color:var(--ink);box-shadow:0 30px 100px #1c160e70}
.book-preview[open]{display:flex;flex-direction:column}
.book-preview::backdrop{background:#211c16d9;backdrop-filter:blur(4px)}
.preview-toolbar,.preview-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 24px;background:var(--paper);flex-shrink:0}
.preview-toolbar{border-bottom:1px solid var(--line)}
.preview-toolbar .eyebrow{margin:0;letter-spacing:.06em}
.preview-pages{overflow:auto;min-height:0;touch-action:pan-y pinch-zoom;outline-offset:-4px}
.preview-spread{display:grid;grid-template-columns:1fr 1fr;min-height:440px;background:var(--world-paper)}
.preview-art{display:flex;align-items:center;justify-content:center;padding:24px;background:linear-gradient(90deg,transparent 94%,#33291f0c)}
.preview-art img{object-fit:contain;max-height:440px}
.preview-copy{padding:40px 32px;display:flex;flex-direction:column;justify-content:center;gap:22px;border-left:1px solid #33291f14;box-shadow:inset 9px 0 15px -13px #33291f70}
.preview-copy .eyebrow{color:var(--world-accent);margin:0}
.preview-copy h2{font-size:clamp(1.8rem,3vw,2.8rem)}
.preview-copy p:not(.eyebrow){font-size:.9375rem;color:#655542}
.preview-copy blockquote{font-family:var(--serif);font-size:clamp(1.8rem,3vw,2.5rem);line-height:1.35;color:var(--world-accent)}
.preview-controls{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);border-top:1px solid var(--line)}
[data-preview-prev]{grid-column:1;justify-self:start}[data-preview-status]{grid-column:2;grid-row:1;font-size:.8125rem;color:var(--muted)}[data-preview-next]{grid-column:3;grid-row:1;justify-self:end}
body.modal-open{overflow:hidden}
@media(prefers-reduced-motion:no-preference){
 body:not(.motion-paused) .path-divider.arrived .trail-line{stroke-dasharray:1;animation:trace-path 1.6s ease-out both}
 body:not(.motion-paused) .living-art.arrived img{animation:art-settle 1.3s ease-out both}
 body:not(.motion-paused) .library-art.arrived::after{animation:eye-glint 2.2s ease-out both}
 body:not(.motion-paused) .story-world.arrived .world-decoration{animation:world-arrival 1.8s ease-out both}
 .living-art img{transition:transform .45s ease}
 body:not(.motion-paused) .how-art:hover img{transform:translateY(-5px) rotate(-1deg)}
 @keyframes trace-path{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
 @keyframes art-settle{from{transform:translateY(12px) rotate(-1deg)}to{transform:none}}
 @keyframes eye-glint{0%,45%,100%{opacity:0;transform:scale(.4)}65%{opacity:.9;transform:scale(1.4)}}
 @keyframes world-arrival{from{opacity:.15;transform:translateY(12px)}to{opacity:.45;transform:none}}
}
.motion-paused *, .motion-paused *::before,.motion-paused *::after{animation:none!important;transition:none!important}
@media(max-width:1000px){.world-selection{gap:24px;padding:24px}.story-world .story{gap:28px 40px}}
@media(max-width:740px){.hero{gap:24px}.hero-foot{flex-wrap:wrap;padding-top:0}.door-stage{max-width:560px}.world-selection{grid-template-columns:1fr;padding:20px}.world-selection>img{max-height:260px}.path-divider{height:70px}.story-world .story{grid-template-columns:1fr}.theme-space-walker .story-art{order:0}.story-world .story-quote{padding-inline:0}.preview-spread{grid-template-columns:1fr;min-height:0}.preview-art{padding:16px;background:none}.preview-art img{max-height:220px}.preview-copy{padding:24px;border-left:0;box-shadow:none}.preview-controls,.preview-toolbar{padding:10px 12px;gap:8px}.preview-controls button{font-size:.875rem;padding-inline:4px}.preview-toolbar .eyebrow{font-size:.75rem}.library{padding-top:20px}}
@media(orientation:landscape) and (max-height:500px){.hero h1{font-size:2.5rem}.door-labels{gap:6px;padding:0}.door-label{font-size:.8125rem;gap:6px}.door-stage figcaption{font-size:.9375rem}.preview-spread{grid-template-columns:1fr;min-height:0}.preview-copy{padding:22px}.preview-art img{max-height:150px}.preview-toolbar{padding-block:4px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.trail-line{stroke-dashoffset:0}}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.door-hotspot.is-hovered{background:color-mix(in srgb,var(--door-light) 14%,transparent);box-shadow:0 0 25px color-mix(in srgb,var(--door-light) 55%,transparent)}

.preview-controls button{min-width:0;max-width:100%;overflow-wrap:anywhere}