
*{box-sizing:border-box}body{margin:0;background:#FBF7EE;color:#241C15;font-family:'Jost',sans-serif;line-height:1.65}a{color:inherit;text-underline-offset:4px}img{max-width:100%}.site-header{display:flex;align-items:center;gap:1rem;padding:1.1rem clamp(1.25rem,5vw,4rem);border-bottom:1px solid #241c1520;background:#fbf7eef2;position:sticky;top:0;z-index:10;backdrop-filter:blur(10px)}.site-header img{width:61px;height:auto}.word{font-size:.8rem;letter-spacing:.18em;text-transform:uppercase;font-weight:700}.back{margin-left:auto;font-size:.8rem;text-decoration:none}main{max-width:1080px;margin:auto;padding:0 clamp(1.25rem,4vw,2.5rem)}.case-cover{padding:4rem 0 2.5rem}.eyebrow,.section-label,.badge,.tagword,.route-kicker{font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#675574}.eyebrow{margin-bottom:1rem}h1,h2,h3{font-family:'Fraunces',serif;line-height:1.15;letter-spacing:-.025em}h1{font-size:clamp(2.2rem,5.5vw,3.7rem);font-weight:900;max-width:21ch;margin:0 0 1.4rem}h2{font-size:clamp(1.65rem,3.5vw,2.4rem);margin:.8rem 0 1.3rem}h3{font-size:1.45rem}p{max-width:72ch}.summary{font-size:1.15rem;max-width:64ch}.status{font-size:.84rem;border-left:3px solid #85728f;padding:.7rem 1rem;color:#55485e;background:#eee7f280;max-width:80ch}.case-flow{display:flex;gap:.6rem 1.1rem;flex-wrap:wrap;padding:1rem 0 1.5rem;border-bottom:1px solid #241c1520;font-size:.8rem}.case-section{padding:3rem 0;border-bottom:1px solid #241c1520;scroll-margin-top:7rem}.compare-row,.rebuild-row,.route-images{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.4rem}.compare-col,.rebuild-col,.concept-card{min-width:0;border:1px solid #241c1520;border-radius:18px;background:#f2ece5;padding:1.5rem}.compare-col:has(.badge.live),.rebuild-col.live{background:#eee7f2}.brand-mock h2{font-size:clamp(1.5rem,2.6vw,2rem)}.brand-mock p,.copy p{font-size:1rem}.badge{display:block;margin-bottom:1.1rem}.btn{display:inline-block;margin-top:.8rem;padding:.65rem 1rem;border:1px solid #766780;border-radius:999px;font-size:.85rem}.rebuild{margin-top:2.4rem}.compare-heading{font-weight:700;margin-bottom:1rem}.image-moment,.exhibit-img,.route-card{margin:1.5rem 0;border-radius:18px;overflow:hidden}.image-moment img{display:block;width:100%;max-height:580px;object-fit:cover}.exhibit-img{max-width:640px;background:#eee7f2}.exhibit-img img{display:block;max-height:560px;width:100%;object-fit:contain}.concept-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem}.concept-card{padding:0;overflow:hidden;background:#f2ece5}.concept-img img{width:100%;height:auto;display:block}.concept-body{padding:1.3rem}.concept-body h3{margin:.5rem 0}.route-card{background:#f2ece5;border:1px solid #241c1520}.route-images{gap:0}.route-images img{width:100%;height:100%;object-fit:cover;aspect-ratio:4/3}.route-body{padding:1.6rem}.route-tags{display:flex;flex-wrap:wrap;gap:.6rem}.route-tag{font-size:.75rem;border:1px solid #241c1525;padding:.3rem .6rem;border-radius:99px}.source-note{font-size:.85rem;color:#655b68}.takeaway{font-family:'Fraunces',serif;font-size:1.6rem;line-height:1.4}.case-end{padding:2.5rem 0 4rem}.actions{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.primary{display:inline-block;background:#51405f;color:white;padding:.85rem 1.2rem;border-radius:99px;text-decoration:none}.next{margin-left:auto}footer{border-top:1px solid #241c1520;text-align:center;padding:2rem 1.25rem;font-size:.8rem}footer img{height:30px;width:auto}.review-nav{display:flex;justify-content:center;flex-wrap:wrap;gap:1rem;margin:1rem 0}.review-company{margin:.5rem auto;color:#655b68}a:focus-visible{outline:3px solid #85728f;outline-offset:5px}@media(max-width:760px){.compare-row,.rebuild-row,.concept-row,.route-images{grid-template-columns:1fr}.case-cover{padding-top:2.5rem}.site-header{flex-wrap:wrap}.word{font-size:.65rem}.case-section{padding:2.2rem 0}.next{margin-left:0}}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}

/* Preserve the entire tree and hamper basket. */
.image-moment img{height:auto;max-height:none;object-fit:contain;}

/* Studio Notebook — shared structure, three muted ink palettes. */
.notebook{--ink:#2d2a29;--accent:#4e6573;--wash:#e3eaed;--line:#adc0ca;--paper:#fffdf6;background:#f8f4eb;color:var(--ink)}
.notebook-cowshed{--accent:#79515a;--wash:#f0e1e3;--line:#ceb0b7}
.notebook-battersea{--accent:#526349;--wash:#e4e9dc;--line:#b6c3a6}
.notebook .site-header{background:#f8f4ebf2}.notebook .word span{color:var(--accent)}
.notebook main{max-width:1180px}
.notebook .case-cover{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(2rem,5vw,4rem);align-items:center;padding:4rem 1.5rem 3.5rem;background:linear-gradient(90deg,transparent 23px,#9e969518 24px,transparent 25px),linear-gradient(#9e969514 1px,transparent 1px);background-size:100% 100%,100% 28px}
.notebook .notebook-copy{min-width:0}.notebook h1{text-decoration:underline;text-decoration-color:var(--line);text-decoration-thickness:5px;text-underline-offset:9px;font-size:clamp(2.15rem,4.8vw,3.5rem)}
.notebook .eyebrow{color:var(--accent)}.notebook .summary{font-size:1.1rem}
.notebook .status{background:var(--wash);color:var(--ink);border-left-color:var(--accent);font-size:.78rem;padding:.8rem 1rem;transform:rotate(-.5deg)}
.notebook-figure{position:relative;margin:1rem .4rem;padding:12px 12px 22px;background:var(--paper);box-shadow:7px 9px 0 var(--line),0 16px 30px #30262515;transform:rotate(1.5deg);min-width:0;border:1px solid #39312a25}
.notebook-figure:before{content:'';position:absolute;top:-12px;left:calc(50% - 40px);width:80px;height:26px;background:var(--wash);border-left:1px dashed var(--line);border-right:1px dashed var(--line);transform:rotate(-6deg);z-index:1}
.notebook-image{display:block;width:100%;height:auto;max-height:460px;object-fit:contain;background:var(--paper)}
.notebook-cowshed .notebook-image{max-height:none}
.notebook-figure figcaption{font-size:.7rem;letter-spacing:.06em;margin-top:12px;color:var(--accent)}
.notebook-annotation{display:block;font-family:'Cormorant Garamond',serif;font-style:italic;font-weight:600;font-size:1.35rem;line-height:1.2;margin-top:7px;color:var(--accent)}
.notebook .case-flow{background:var(--wash);border-color:var(--line);padding:1rem 1.4rem;gap:.6rem 1.2rem}.notebook .case-flow a{text-decoration:none;color:var(--accent);font-weight:600}
.notebook .case-section{position:relative;padding:3rem 1.5rem;border-color:var(--line)}
.notebook .section-label{display:inline-block;color:var(--accent);border-bottom:1px dashed var(--accent);padding-bottom:7px}
.notebook #step-2{background:var(--paper);border:1px solid #39312a20;margin:1.5rem 0;box-shadow:5px 5px 0 var(--wash)}
.notebook #step-3{background:var(--wash);border-radius:0 35px 0 0}
.notebook .compare-col,.notebook .rebuild-col{background:var(--paper);border:1px dashed var(--line);border-radius:0;padding:1.5rem;box-shadow:4px 4px 0 #39312a08}
.notebook .compare-col:has(.badge.live),.notebook .rebuild-col.live{background:var(--wash);border-radius:0 28px 0 0}
.notebook .badge,.notebook .tagword,.notebook .route-kicker{color:var(--accent)}
.notebook .concept-card,.notebook .route-card{background:var(--paper);border-radius:3px;border-color:var(--line);box-shadow:4px 5px 0 var(--wash)}
.notebook .concept-img{padding:10px;background:var(--wash)}
.notebook .image-moment{padding:12px;background:var(--paper);border:1px solid var(--line);border-radius:0;max-width:660px;margin:2.5rem auto;box-shadow:6px 7px 0 var(--wash)}
.notebook .image-moment img{height:auto;max-height:none;object-fit:contain}
.notebook .case-end{padding:2rem 1.5rem 3.5rem}.notebook .takeaway{color:var(--accent);border-left:3px solid var(--line);padding-left:1.2rem}
.notebook .primary{background:var(--accent)}
@media(max-width:760px){.notebook .case-cover{grid-template-columns:1fr;padding:2.5rem .4rem;gap:1.5rem}.notebook-figure{transform:none;margin:.6rem;}.notebook .case-section{padding:2rem 1rem}.notebook .case-end{padding:2rem .4rem}.notebook h1{text-decoration-thickness:3px;text-underline-offset:6px}}

.research-note{margin-top:1.8rem;padding:1.4rem;background:var(--paper,#fffdf6);border:1px dashed var(--accent,#635573);box-shadow:4px 4px 0 #3026250c}.research-number{display:block;font-family:'Fraunces',serif;font-size:2.1rem;line-height:1.2;margin:1rem 0;color:var(--accent,#635573)}.research-note p{font-size:.95rem}.research-note .source-note{font-size:.8rem}

.existing-mascot-label{display:block;font-family:'Jost',sans-serif;font-size:.7rem;line-height:1.5;letter-spacing:.08em;color:#62403a;background:#f1e1d8;padding:.65rem;margin-bottom:12px}.proposal-origin{font-family:'Jost',sans-serif;font-weight:700;font-size:.65rem;letter-spacing:.1em;margin-bottom:.8rem;color:var(--accent)}
