/* MB Combo: original forest / cream / sage, with graphite annotations. */
:root{--muted:#52635a;--graphite:#424844}
.service-request-note{font-size:14px;max-width:780px;border-top:1px solid var(--line);padding:22px 0;margin-top:24px}.service-request-note a,.process-reference a{text-decoration:underline;text-underline-offset:4px}.remote-section .process-reference{margin:25px 0 0;font-size:14px}
.compare-stage{touch-action:none;cursor:ew-resize;user-select:none}.compare-stage img{pointer-events:none}.compare-line:after{content:'↔';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--paper);color:var(--ink);border:1px solid var(--ink);font-size:24px}.compare-stage:focus-within{outline:2px solid var(--ink)}
.preview-pickers{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:30px 0}.preview-pickers label{display:block;border:1px dashed var(--muted);padding:25px}.preview-pickers input{display:block;max-width:100%;margin-top:16px}.preview-workspace{max-width:980px;margin:auto;padding:45px 20px}.preview-workspace h1{font-size:clamp(36px,6vw,60px);margin:20px 0}.preview-workspace p{margin:20px 0}.preview-workspace a{text-decoration:underline}.preview-workspace .compare{margin-top:30px}
@media(max-width:700px){.preview-pickers{grid-template-columns:1fr}}
img{height:auto;max-width:100%}
.landing-grid>*{min-width:0}
.landing-hero figure img,.story-page-grid>img{width:100%;max-width:100%}
.skip-link{position:fixed;top:8px;left:12px;z-index:1000;padding:12px 20px;background:var(--ink);color:var(--paper);transform:translateY(-150%)}
.skip-link:focus{transform:none}
input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
main:focus{outline:0}
.notebook-section{padding:76px 0;border-top:1px solid var(--line)}
.home-page main>section{min-height:0;padding:64px 0}
.home-page .hero-grid{width:min(1180px,calc(100% - 40px))}
.home-page main>.notebook-section{min-height:0;padding:70px 0;display:block}
.notebook-section h2{font-size:clamp(32px,4.4vw,58px);max-width:900px;line-height:1.1;margin:15px 0 32px}
.notebook-section h3{font-size:24px;line-height:1.2;margin:15px 0}
.notebook-section p{max-width:780px;line-height:1.75;margin:0 0 20px}
.notebook-section p a,.notebook-section li a{text-decoration:underline;text-underline-offset:4px}
.notebook-section .solid-button{margin-top:8px}
.notebook-section .small-note{max-width:700px}
.notebook-columns{display:grid;grid-template-columns:1fr 1fr;gap:55px}
.notebook-columns ul,.fit-list{padding-left:22px;line-height:1.8}
.notebook-columns li,.fit-list li{padding:6px 0}
.notebook-section .kicker{color:var(--graphite)}
.mission,.remote-section{background:var(--ink);color:var(--paper)}
.mission .kicker,.remote-section .kicker{color:var(--sage)}
.mission p,.remote-section p{color:var(--paper)}
.notebook-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;margin-top:40px}
.notebook-grid article{border-top:1px solid #cbd3c75c;padding-top:16px}
.notebook-grid article>span{font-size:12px;letter-spacing:.07em;text-transform:uppercase}
.notebook-grid h3{font-size:22px}.notebook-grid p{font-size:15px}
.remote-section blockquote{font-family:var(--serif);font-size:clamp(27px,3.3vw,43px);line-height:1.3;max-width:900px;margin:35px 0 0;border-left:3px solid var(--sage);padding-left:25px}
.book-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:75px;align-items:center}
.book-index{padding:32px;border:1px solid var(--ink);border-left:8px solid var(--ink);background:var(--white);box-shadow:8px 8px 0 var(--sage)}
.book-index>span,.book-index small{font-size:11px;letter-spacing:.07em;color:var(--graphite)}
.book-index h3{font-size:38px;margin:30px 0}.book-index ol{list-style:none;counter-reset:book}
.book-index li{counter-increment:book;padding:10px 0;border-top:1px solid var(--line);font-size:14px}
.book-index li:before{content:'0' counter(book) ' / ';font-size:11px;margin-right:12px}
.book-index small{display:block;margin-top:20px;letter-spacing:0}
.flow-list{counter-reset:flow;list-style:none;display:grid;grid-template-columns:repeat(5,1fr);gap:24px;margin:35px 0}
.flow-list li{counter-increment:flow;border-top:1px solid var(--ink);padding-top:14px;min-width:0}
.flow-list li:before{content:'0' counter(flow);display:block;color:var(--muted);font-size:12px;margin-bottom:16px}
.flow-list strong{font-size:17px;font-weight:600}.flow-list p{font-size:14px;margin-top:12px}
.orientation{background:var(--sage)}
.price-inline{font-size:42px!important;margin:24px 0!important}.price-inline span{font-size:14px}
.online-stamp{font-size:11px;letter-spacing:.14em;color:var(--graphite);margin-bottom:25px}
.subpage-hero .online-stamp{padding-top:0}
.landing-hero{padding:55px 0 65px}
.landing-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:55px;align-items:center}
.landing-hero h1{font-size:clamp(42px,5.2vw,74px);line-height:1.04;margin:20px 0 30px}
.landing-hero p{max-width:570px;line-height:1.75;margin-bottom:22px}
.landing-hero .landing-price{font-size:14px;margin-top:22px;margin-bottom:5px}
.landing-hero .small-note{font-size:12px!important;margin-top:5px}
.landing-hero figure{position:relative;padding-bottom:30px}
.landing-hero figure img{aspect-ratio:4/5;object-fit:cover}
.landing-hero figcaption{font-size:11px;color:var(--graphite);margin-top:12px}
.image-annotation{position:absolute;bottom:80px;left:-22px;padding:16px 22px;background:var(--paper);font-size:13px;border-left:3px solid var(--ink)}
.landing-page .room-includes-list{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:0 45px}
.landing-page .room-includes-list li{padding:17px 0;border-bottom:1px solid var(--line)}
.landing-page .room-includes-list strong,.landing-page .room-includes-list span{display:block}
.landing-page .room-includes-list strong{font-weight:600}.landing-page .room-includes-list span{font-size:14px;margin-top:6px}
.price-ledger{margin:30px 0;max-width:720px}.price-ledger>div{border-top:1px solid var(--ink);padding:22px 0;display:flex;justify-content:space-between;align-items:baseline;gap:20px}.price-ledger strong{font-size:48px;font-weight:500}
.notebook-faq details{border-bottom:1px solid var(--line);padding:18px 0;max-width:850px}.notebook-faq summary{font-size:20px;cursor:pointer}.notebook-faq details p{margin:18px 0 0}
.case-pending{border:1px dashed var(--muted);padding:28px;max-width:850px}.case-pending>span{font-size:11px;letter-spacing:.12em}.case-pending p{margin-top:20px;font-size:14px}.case-pending dl{display:grid;grid-template-columns:100px 1fr;gap:12px 24px;font-size:14px}.case-pending dt{font-weight:600}.case-pending dd{margin:0}
.compare{--position:50%;position:relative;max-width:100%;margin-block:25px}.compare-stage{position:relative;overflow:hidden;aspect-ratio:4/3}.compare-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.compare-stage .compare-after{clip-path:inset(0 0 0 var(--position))}.compare-line{position:absolute;top:0;bottom:0;left:var(--position);width:3px;background:var(--paper);box-shadow:0 0 0 1px var(--ink)}.compare-labels{display:flex;justify-content:space-between;gap:15px;font-size:11px;letter-spacing:.1em;margin:12px 0}.compare label{display:block;font-size:14px}.compare input[type=range]{width:100%;height:44px;accent-color:var(--ink);cursor:ew-resize}
.wizard-panel.active>h3:focus{outline:2px solid var(--ink);outline-offset:5px}
.upload input[type=file],.upload-box input[type=file]{max-width:100%}
.file-keyboard{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden;clip-path:inset(50%)}
label:has(.file-keyboard:focus-visible){outline:2px solid var(--ink);outline-offset:4px}
.notebook-section a{overflow-wrap:anywhere}
@media(max-width:1000px){.notebook-grid{grid-template-columns:1fr 1fr}.flow-list{grid-template-columns:1fr 1fr}.landing-grid{gap:30px}.book-layout{gap:35px}}
@media(max-width:700px){.notebook-section,.home-page main>.notebook-section{padding:42px 0}.notebook-section h2{font-size:34px;margin-bottom:25px}.notebook-columns,.book-layout,.landing-grid{grid-template-columns:1fr;gap:25px}.notebook-grid{gap:20px}.notebook-grid h3{font-size:20px}.notebook-grid p{font-size:14px}.flow-list{grid-template-columns:1fr}.flow-list li{display:grid;grid-template-columns:30px 1fr;gap:0 14px}.flow-list li:before{grid-row:1/3}.flow-list p{grid-column:2}.landing-hero{padding:35px 0}.landing-hero h1{font-size:43px}.landing-hero figure img{aspect-ratio:4/3}.image-annotation{left:10px;bottom:65px}.landing-page .room-includes-list{grid-template-columns:1fr}.book-index{padding:23px}.case-pending{padding:20px}.case-pending dl{grid-template-columns:1fr;gap:8px}.case-pending dd{margin-bottom:10px}.online-stamp{font-size:10px;letter-spacing:.08em}.notebook-section .price-inline{font-size:36px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media(max-width:700px){.home-page main>section{padding:36px 0}.home-page .hero-grid{width:calc(100% - 40px)}.home-page .hero-caption{display:block;position:absolute;top:100%;left:0;right:auto;bottom:auto;transform:none;writing-mode:horizontal-tb;padding-top:8px;font-size:10px;color:var(--graphite)}.home-page .hero-visual{margin-bottom:22px}}