:root{
--paper:#efe8dc;--cream:#f7f2e9;--ink:#2a2825;--olive:#3d4a36;--sage:#8c9a79;
--clay:#b96f50;--blue:#899fae;--amber:#c99a4a;--line:#cfc4b2;--soft:#e5ddd0
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}
a{color:inherit}.section{padding:90px clamp(22px,5vw,86px)}.topbar{position:sticky;top:0;z-index:50;height:72px;padding:0 clamp(18px,3vw,50px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line);background:rgba(247,242,233,.94);backdrop-filter:blur(12px)}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.logo-mark{width:36px;height:36px;display:grid;grid-template-columns:1fr 1fr;gap:3px}.logo-mark i{background:var(--olive);border-radius:4px}.logo-mark i:nth-child(2){background:var(--clay)}.logo-mark i:nth-child(3){background:var(--blue)}.logo-mark i:nth-child(4){background:var(--amber)}
.topbar nav{display:flex;gap:24px}.topbar nav a{text-decoration:none;font-size:12px;text-transform:uppercase;letter-spacing:.1em}.place{text-align:right;font:700 10px "Courier New",monospace;letter-spacing:.12em}
.house-opening{padding-top:44px}.facade{min-height:720px;display:grid;grid-template-columns:1.3fr .7fr .7fr;grid-template-rows:.6fr .8fr .6fr;gap:12px;border:1px solid var(--line);padding:12px;background:var(--line)}
.room{background:var(--cream);padding:26px;display:flex;flex-direction:column;justify-content:space-between;min-height:160px}.room span,.eyebrow{font:700 10px "Courier New",monospace;letter-spacing:.14em}.room b{font-size:28px}.room small{color:#766d62}.room-main{grid-column:1/3;grid-row:1/4;background:var(--olive);color:var(--cream);justify-content:center;padding:clamp(34px,5vw,80px)}.room-main h1{font-family:Georgia,serif;font-size:clamp(56px,7vw,110px);line-height:.94;margin:18px 0;max-width:950px;font-weight:500;letter-spacing:-.045em}.room-main p{font-size:20px;line-height:1.65;max-width:760px;color:#e7e0d5}.room-month{background:var(--amber)}.room-status{background:var(--blue)}.room-task{background:var(--clay);color:var(--cream)}.room-season{background:var(--sage)}.room-light{background:#d8caa8}.sun{width:62px;height:62px;border-radius:50%;background:#eab659;box-shadow:0 0 0 18px rgba(234,182,89,.18)}
.section-heading{max-width:900px;margin-bottom:34px}.section-heading h2,.drawer-title h2,.studio-note h2,.season-center h2,.season-card h2,.address-plaque h2{font-family:Georgia,serif;font-weight:500;letter-spacing:-.04em;line-height:1;margin:10px 0;font-size:clamp(46px,6vw,82px)}.section-heading .lead{font-size:18px;line-height:1.65;color:#6f675d}
.month-ribbon{display:grid;grid-template-columns:repeat(12,1fr);gap:7px;overflow:auto;padding-bottom:8px}.month-ribbon button{border:1px solid var(--line);background:var(--cream);padding:18px 10px;font:700 11px "Courier New",monospace;cursor:pointer}.month-ribbon button.active{background:var(--clay);color:white;border-color:var(--clay);transform:translateY(-8px)}.month-meta{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);margin-top:24px}.month-meta div{padding:18px 0}.month-meta div+div{border-left:1px solid var(--line);padding-left:22px}.month-meta span{display:block;font:700 9px "Courier New",monospace;color:#766d62}.month-meta b{display:block;margin-top:7px}
.floorplan{display:grid;grid-template-columns:1fr 1fr 1.2fr;grid-template-rows:180px 220px 160px;border:1px solid var(--ink);gap:2px;background:var(--ink)}.zone{background:var(--cream);padding:22px;display:flex;flex-direction:column;justify-content:flex-end;transition:.25s ease}.zone:hover{background:#fffaf1;transform:scale(.99)}.zone span{font:700 9px "Courier New",monospace}.zone b{font-family:Georgia,serif;font-size:25px;margin-top:7px}.zone small{color:#756d63;margin-top:5px}.entry{grid-row:1/3}.kitchen{grid-column:2/4}.bedroom{grid-column:2}.living{grid-column:3;grid-row:2/4}.outdoor{grid-column:1}.utility{grid-column:2}.drawer-shell{max-width:1150px;margin:auto}.drawer-tab{width:max-content;background:var(--ink);color:var(--cream);padding:12px 18px;font:700 10px "Courier New",monospace;letter-spacing:.12em}.drawer{background:var(--cream);border:1px solid var(--ink);padding:34px;box-shadow:0 22px 0 #d6ccbd}.drawer{display:grid;grid-template-columns:1.1fr .9fr;gap:26px}.drawer-title p{line-height:1.7;color:#696157;max-width:650px}.drawer-stats{display:grid;grid-template-columns:1fr 1fr}.drawer-stats div{border:1px solid var(--line);padding:18px}.drawer-stats span{display:block;font:700 9px "Courier New",monospace;color:#766d62}.drawer-stats b{display:block;margin-top:7px}.progress{grid-column:1/-1;height:7px;background:#ddd2c2}.progress i{display:block;width:62%;height:100%;background:var(--olive);transition:width 1s ease}.drawer>small{grid-column:1/-1;color:#7b7267}
.prep-board{display:grid;grid-template-columns:1.2fr 1fr 1.5fr;border:1px solid var(--ink);background:var(--ink);gap:1px}.prep-board>div{background:var(--cream);padding:24px}.prep-title{grid-row:1/3}.prep-title span,.prep-col span,.prep-meta span{display:block;font:700 9px "Courier New",monospace;color:#766d62}.prep-title b{display:block;font-family:Georgia,serif;font-size:38px;margin-top:18px}.prep-title small{display:block;margin-top:16px;color:#766d62}.prep-col ul,.prep-col ol{padding-left:20px;line-height:1.9}.prep-meta b{font-size:28px;display:block;margin-top:10px}
.season-shift{display:grid;grid-template-columns:1fr .85fr 1fr;padding-left:0;padding-right:0}.season{padding:70px clamp(24px,5vw,70px);min-height:560px;display:flex;flex-direction:column;justify-content:center}.season h3{font-family:Georgia,serif;font-size:48px;font-weight:500}.season ul{line-height:2;padding-left:20px}.autumn{background:#a96a4d;color:#fff7ee}.winter{background:#7894a4;color:#f6fbff}.season-center{background:var(--ink);color:var(--cream);padding:60px 34px;display:flex;flex-direction:column;justify-content:center}.season-center span{font:700 9px "Courier New",monospace;color:#d8c9b8}.season-center i{font-size:80px;font-style:normal;color:var(--amber)}
.shelf{margin-top:26px}.shelf-label{font:700 10px "Courier New",monospace;margin-bottom:8px}.shelf-items{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;border-bottom:14px solid var(--olive);padding:0 16px 10px}.shelf-items article{background:var(--cream);border:1px solid var(--line);padding:22px;min-height:145px;display:flex;flex-direction:column;justify-content:flex-end;box-shadow:0 12px 18px rgba(45,38,31,.06)}.shelf-items span{font:700 9px "Courier New",monospace;color:var(--clay)}.shelf-items b{font-family:Georgia,serif;font-size:25px;margin-top:8px}.shelf-items small{margin-top:5px;color:#786f64}
.windows{display:grid;grid-template-columns:1.15fr .85fr;gap:22px;align-items:start}.window{margin:0}.glass{background:linear-gradient(160deg,#b7c8d1,#8fa8b5);border:16px solid var(--cream);outline:1px solid var(--line);min-height:360px;padding:28px;display:flex;flex-direction:column;justify-content:flex-end;color:#233039}.glass span{font:700 10px "Courier New",monospace}.glass b{font-family:Georgia,serif;font-size:42px;margin-top:8px}.glass small{margin-top:8px}.window figcaption{font:700 9px "Courier New",monospace;margin-top:8px}.w2 .glass{min-height:520px;background:linear-gradient(165deg,#d3b990,#b88864)}.w3{margin-top:-120px}.w3 .glass{min-height:440px;background:linear-gradient(165deg,#a6b39b,#7e9176)}.w4 .glass{min-height:320px;background:linear-gradient(165deg,#d6c9b6,#bba98e)}
.studio-section{display:grid;grid-template-columns:1.2fr .8fr;gap:28px;align-items:center}.studio-note p{font-size:19px;line-height:1.7;color:#6f675d;max-width:760px}.studio-stamp{border:1px solid var(--ink);padding:28px;min-height:330px;display:flex;flex-direction:column;justify-content:space-between;background:var(--cream)}.studio-stamp span,.studio-stamp small{font:700 9px "Courier New",monospace}.studio-stamp b{font-family:Georgia,serif;font-size:54px;font-weight:500}
.workshop-route{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:30px 0}.workshop-route:before{content:"";position:absolute;left:4%;right:4%;top:50%;height:2px;background:var(--line)}.station{position:relative;z-index:2;background:var(--cream);border:1px solid var(--ink);padding:22px;min-height:135px}.station span{font:700 9px "Courier New",monospace;color:var(--clay)}.station b{display:block;margin-top:10px}.station:nth-child(even){transform:translateY(52px)}.season-card{background:var(--olive);color:var(--cream);padding:42px;border-radius:2px}.cta-grid{display:grid;grid-template-columns:1.4fr .6fr;gap:30px;align-items:end}.season-card p{font-size:18px;line-height:1.6;color:#e8e1d8}.play-btn{display:inline-block;margin-top:18px;background:var(--amber);color:#211f1b;padding:15px 20px;text-decoration:none;font-weight:700}.next-month{border-left:1px solid rgba(255,255,255,.35);padding-left:26px}.next-month span{display:block;font:700 9px "Courier New",monospace;color:#d7cdbf;margin-top:18px}.next-month b{display:block;font-size:30px;margin-top:6px}
.address-plaque{max-width:900px;margin:auto;background:var(--cream);border:1px solid var(--ink);padding:36px;box-shadow:18px 18px 0 var(--clay)}.plaque-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}.plaque-grid div{padding:18px 0;border-bottom:1px solid var(--line)}.plaque-grid div:nth-child(even){padding-left:22px;border-left:1px solid var(--line)}.plaque-grid span{display:block;font:700 9px "Courier New",monospace;color:#786f64}.plaque-grid b,.plaque-grid a{display:block;margin-top:8px;text-decoration:none;line-height:1.5}
footer{border-top:1px solid var(--line);padding:22px clamp(22px,5vw,86px);display:flex;justify-content:space-between;gap:18px;font-size:11px}
.reveal{opacity:0;transform:translateY(20px);transition:.7s ease}.reveal.in{opacity:1;transform:none}
@media(max-width:980px){.topbar{grid-template-columns:1fr auto}.topbar nav{display:none}.place{display:none}.facade{grid-template-columns:1fr 1fr;grid-template-rows:auto}.room-main{grid-column:1/-1;grid-row:auto}.floorplan{grid-template-columns:1fr 1fr;grid-template-rows:auto}.entry,.kitchen,.bedroom,.living,.outdoor,.utility{grid-column:auto;grid-row:auto}.drawer,.studio-section,.cta-grid{grid-template-columns:1fr}.prep-board{grid-template-columns:1fr 1fr}.prep-title{grid-row:auto}.season-shift{grid-template-columns:1fr}.season{min-height:auto}.windows{grid-template-columns:1fr}.w3{margin-top:0}.workshop-route{grid-template-columns:1fr 1fr}.station:nth-child(even){transform:none}.workshop-route:before{display:none}}
@media(max-width:680px){.section{padding-top:64px;padding-bottom:64px}.facade{grid-template-columns:1fr}.room-main{padding:36px 24px}.month-meta,.shelf-items,.plaque-grid,.prep-board,.workshop-route{grid-template-columns:1fr}.month-meta div+div{border-left:0;padding-left:0}.floorplan{grid-template-columns:1fr}.drawer{grid-template-columns:1fr}.drawer-stats{grid-template-columns:1fr}.shelf-items{border-bottom-width:10px}.plaque-grid div:nth-child(even){padding-left:0;border-left:0}.windows .glass{min-height:300px}.topbar{height:64px}.season-card{padding:28px}footer{flex-direction:column}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}html{scroll-behavior:auto}.reveal{opacity:1;transform:none}}