:root{--ink:#14201d;--cream:#f3efe3;--gold:#c9b67a;--muted:#9da59a}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 0,#26322c,#0d1715 75%);color:var(--cream);font-family:Arial,sans-serif}button,a,input{touch-action:manipulation}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--gold);outline-offset:4px}header{max-width:1440px;margin:auto;padding:25px 36px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff25}.brand{display:flex;align-items:center;gap:15px;font-size:12px;letter-spacing:3px;font-weight:600}.brand small{display:block;color:var(--gold);font-size:9px;letter-spacing:2px;margin-top:9px;font-weight:400}.seal{border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;width:44px;height:44px;font:19px Georgia;color:var(--gold)}.tools{display:flex;gap:9px}button{border:1px solid #ffffff35;background:#ffffff08;color:var(--cream);padding:12px 16px;border-radius:4px;font-size:12px}button:hover{background:#ffffff17}button:disabled{opacity:.3;cursor:default}main{max-width:1440px;margin:auto;padding:0 36px}.issue{display:flex;justify-content:space-between;padding:22px 0 15px;font-size:10px;letter-spacing:2px;color:var(--gold)}#stage{border:1px solid #c9b67a50;box-shadow:0 25px 60px #0005;overflow:hidden}.page{aspect-ratio:1.66;position:relative;background:var(--cream);color:var(--ink);animation:reveal .65s ease both;overflow:hidden}.photo{background-image:url('assets/interiors.png');background-size:200% 300%;background-repeat:no-repeat}.p0{background-position:0 0}.p1{background-position:100% 0}.p2{background-position:0 50%}.p3{background-position:100% 50%}.p4{background-position:0 100%}.p5{background-position:100% 100%}.cover .hero{position:absolute;inset:0}.cover .shade{position:absolute;inset:0;background:linear-gradient(90deg,#071412ed 0%,#09151199 40%,#06141210 80%),linear-gradient(0deg,#07141299,transparent 60%)}.mast{position:absolute;top:5%;left:6%;right:6%;border-block:1px solid #f3efe350;padding:12px 0;display:flex;justify-content:space-between;color:var(--cream);font-size:9px;letter-spacing:2px}.covercopy{position:absolute;left:7%;top:28%;max-width:75%;color:var(--cream)}.line{width:60px;height:2px;background:var(--gold);margin-bottom:20px}h1{font:clamp(40px,6.8vw,96px)/.98 Georgia,serif;font-weight:400;letter-spacing:-3px;margin:0 0 25px}.covercopy p{font:clamp(15px,1.5vw,23px)/1.5 Georgia;max-width:550px}.author{font:11px Arial;letter-spacing:3px;margin-top:25px}.inset{position:absolute;right:6%;bottom:8%;width:25%;aspect-ratio:1.65;border:4px solid var(--cream);box-shadow:0 8px 30px #0003}.cover .inset{width:23%;bottom:7%}.folio{position:absolute;bottom:3%;right:6%;font-size:9px;letter-spacing:2px;color:var(--cream)}.visual{height:59%;position:relative}.visual .inset{right:4%;top:13%;bottom:auto;width:24%}.location{position:absolute;top:7%;left:4%;padding:10px 13px;background:#12201c66;color:white;font-size:9px;letter-spacing:2px}.editorial{height:41%;padding:2.5% 4%;display:flex;flex-direction:column}.eyebrow{display:flex;justify-content:space-between;font-size:9px;letter-spacing:2px;color:#656b5c}.article{display:grid;grid-template-columns:38% 1fr;gap:5%;align-items:center;flex:1}.article h2{font:clamp(27px,3.6vw,52px)/1.05 Georgia;letter-spacing:-1.5px;margin:15px 0}.article p{font:clamp(14px,1.35vw,20px)/1.55 Georgia;margin:12px 0}.article p em{font-style:normal;color:#59684e}.pagefoot{font-size:8px;letter-spacing:1.6px;border-top:1px solid #14201d30;padding-top:12px;color:#73786b;display:flex;justify-content:space-between}.sheet{padding:5% 6%;background:var(--cream)}.sheet h2{font:clamp(32px,4.5vw,60px)/1.05 Georgia;letter-spacing:-1.5px;margin:20px 0}.intro{font:18px/1.6 Georgia;max-width:760px}.columns{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:30px}.columns section{border-top:1px solid #a3a48e;padding-top:15px}.columns b{color:#738064;font:32px Georgia}.columns h3{font:23px Georgia;margin:15px 0 10px}.columns p,.sheet li{font:16px/1.6 Georgia}.note{font:12px/1.6 Arial;color:#72776a}.sheet .pagefoot{position:absolute;bottom:4%;left:6%;right:6%}.checklist{display:grid;grid-template-columns:1fr 1fr;gap:12px 30px;margin:25px 0}.checklist label{display:flex;align-items:center;gap:12px;border-bottom:1px solid #14201d22;padding:12px 0;font:17px Georgia;cursor:pointer}.checklist input{accent-color:#536a50;width:18px;height:18px}.checklist input:checked+span{text-decoration:line-through;color:#828778}.actions{display:flex;gap:12px;margin-top:20px}.actions button,.actions a{border:1px solid #56604c;background:#182c23;color:var(--cream);padding:12px 18px;font:12px Arial;text-decoration:none;border-radius:2px}.sources{font:12px/1.6 Arial}.sources a{color:var(--ink)}nav{display:flex;justify-content:space-between;align-items:center;padding:24px 2%}#chapter{font-size:10px;letter-spacing:2px;color:var(--gold)}.controls{display:flex;align-items:center;gap:20px}#dots{display:flex;gap:9px}#dots button{padding:0;width:8px;height:8px;border-radius:0;transform:rotate(45deg);border:1px solid #c9b67a;background:transparent}#dots button.active{background:var(--gold)}footer{border-top:1px solid #ffffff20;display:flex;justify-content:space-between;padding:20px 0 30px;font-size:10px;color:#b1b5a8}dialog{background:var(--cream);color:var(--ink);width:min(620px,90vw);max-height:85vh;border:1px solid var(--gold);padding:25px 30px}dialog::backdrop{background:#061410d9;backdrop-filter:blur(8px)}.menuhead{display:flex;justify-content:space-between;align-items:center}.menuhead h2{font:32px Georgia}.menuhead button{color:var(--ink);font-size:25px}#chapters{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}#chapters button{text-align:left;color:var(--ink);border:none;border-bottom:1px solid #14201d25;padding:15px 0;border-radius:0;font:17px Georgia}#chapters button span{color:#7b856d;margin-right:12px;font:11px Arial}#printpages{display:none}@keyframes reveal{from{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.page{animation:none}}@media(max-width:700px){header{padding:18px 16px}.brand{font-size:9px;letter-spacing:1.5px;gap:9px}.brand small{font-size:7px;letter-spacing:1px}.seal{width:32px;height:32px;font-size:14px}.tools{gap:5px}.tools button{padding:9px;font-size:10px}main{padding:0 12px}.issue{font-size:8px;padding-top:18px}.page{aspect-ratio:auto;min-height:680px}.cover{height:72vh;min-height:570px;max-height:800px}.cover .hero{background-size:400% 300%;background-position:14% 0}.mast{font-size:7px;gap:15px}.mast span:nth-child(2){display:none}.covercopy{top:25%;max-width:90%;left:7%;right:5%}h1{font-size:53px;letter-spacing:-2px}.covercopy p{font-size:19px;max-width:300px}.cover .inset{width:45%;bottom:8%}.visual{height:300px}.editorial{height:auto;min-height:380px;padding:24px}.article{display:block}.article h2{font-size:37px;margin:25px 0 18px}.article p{font-size:18px;line-height:1.6;margin-bottom:25px}.pagefoot{margin-top:auto;font-size:7px}.visual .inset{width:35%}.sheet{padding:30px 25px 65px}.sheet h2{font-size:40px}.intro{font-size:18px}.columns{grid-template-columns:1fr;gap:15px;margin-top:20px}.columns section{padding-top:15px}.columns b{float:left;margin-right:16px}.columns h3{margin:4px 0 12px}.columns p{margin:0 0 12px}.checklist{grid-template-columns:1fr;gap:0;margin:15px 0}.sheet .pagefoot{bottom:24px}.controls{gap:12px}#dots{gap:7px}#dots button{width:6px;height:6px}nav{padding:20px 0;gap:10px}#chapter{font-size:8px;max-width:100px}.controls>button{padding:10px}footer{font-size:8px;gap:20px;line-height:1.5}.actions{flex-wrap:wrap}#chapters{grid-template-columns:1fr 1fr}#chapters button{font-size:15px}.sources{font-size:11px}}@media print{@page{size:landscape;margin:8mm}body{background:white}header,main,dialog{display:none!important}#printpages{display:block}.page{aspect-ratio:1.66;width:100%;height:180mm;min-height:0;break-after:page;animation:none;print-color-adjust:exact;-webkit-print-color-adjust:exact}.page:last-child{break-after:auto}.actions{display:none}.sheet{padding:3% 5%}.sheet h2{font-size:40px}.columns{margin-top:10px}.columns p{font-size:15px}.cover h1{font-size:75px}.article h2{font-size:40px}.article p{font-size:17px}.checklist{margin:12px 0}.checklist label{padding:8px}.intro{font-size:16px}}

.official-logo{width:84px;height:63px;object-fit:contain;background:white}.sheet{aspect-ratio:auto;min-height:780px;padding-bottom:90px}.signature{font:italic 22px Georgia}.resource-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px 36px;margin:25px 0}.resource-grid section{border-top:1px solid #a3a48e;padding-top:15px}.resource-grid small{font:10px Arial;text-transform:uppercase;letter-spacing:1px;color:#59684e}.resource-grid h3{font:23px Georgia;margin:10px 0}.resource-grid a{color:var(--ink)}.resource-grid p{font:16px/1.5 Georgia}.visual{height:54%}.editorial{height:46%}.article p{font-size:clamp(14px,1.2vw,18px)}#dots{gap:7px}@media(max-width:700px){.official-logo{width:54px;height:41px}.brand>div{max-width:125px}.sheet{min-height:680px}.resource-grid{grid-template-columns:1fr}.visual{height:270px}.editorial{height:auto}.article p{font-size:18px}#dots{display:none}}@media print{.sheet{min-height:0;height:180mm;padding-bottom:15mm}.resource-grid{gap:10px 20px;margin:10px 0}.resource-grid p{font-size:13px}.resource-grid h3{font-size:19px}.sheet h2{font-size:34px;margin:15px 0}.intro{font-size:15px;line-height:1.5}}

/* User-supplied editorial motion; typography, paper and tools remain unchanged. */
.motion-visual{overflow:hidden;background:#e8e2d8}.motion-poster,.editorial-motion{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 55%}.motion-visual .location{z-index:2}.motion-toggle{position:absolute;z-index:3;right:18px;bottom:16px;border:1px solid rgba(255,255,255,.7);border-radius:0;background:rgba(25,35,33,.65);color:#fff;padding:8px 12px;font:inherit;font-size:12px;cursor:pointer}.motion-toggle:focus-visible{outline:3px solid #fff;outline-offset:3px}@media print{.editorial-motion,.motion-toggle{display:none!important}.motion-poster{display:block!important}}

/* Quiet motion in the cover inset and Scott's opening note. */
.cover-motion{overflow:hidden}.note-motion{position:relative;float:right;width:37%;aspect-ratio:16/10;margin:28px 0 22px 28px;overflow:hidden}.scott-note .pagefoot{clear:both}.scott-note h2{max-width:60%}@media(max-width:700px){.note-motion{float:none;width:100%;margin:20px 0;aspect-ratio:16/9}.scott-note h2{max-width:100%}}@media print{.cover-motion video,.note-motion video{display:none!important}}

/* Context for the distinct opening-note renovation example only. */
.note-motion .renovation-context{position:absolute;z-index:2;left:0;right:0;bottom:0;background:rgba(20,32,29,.82);color:#f3efe3;padding:7px 9px;font:11px/1.35 Arial,sans-serif;text-align:center}