/* Original studio concepts. All art direction is scoped below the studio shell. */
.breadth-label{display:flex;justify-content:space-between;gap:16px;padding-top:24px;padding-bottom:24px;font-size:13px}.breadth-page{background:#fff}.breadth{--paper:#f6f2e8;--ink:#25251f;--accent:#32342b;--line:color-mix(in srgb,var(--ink) 22%,transparent);background:var(--paper);color:var(--ink);max-width:1600px;margin:auto;font-size:16px;line-height:1.55}.breadth *{box-sizing:border-box}:where(.breadth) section{padding:0}.breadth h1,.breadth h2,.breadth h3,.breadth strong{color:inherit}.breadth [hidden]{display:none!important}.breadth h1,.breadth h2,.breadth h3,.breadth p,.breadth figure{margin:0}.breadth h1{font-size:clamp(52px,6.5vw,106px);line-height:.99;letter-spacing:-.065em;font-weight:500;max-width:none}.breadth h2{font-size:clamp(30px,3.4vw,52px);line-height:1.12;letter-spacing:-.04em;font-weight:500}.breadth h3{font-size:23px;line-height:1.2;letter-spacing:-.025em;font-weight:500}.breadth p{max-width:58ch}.breadth em{font-family:Georgia,serif;font-weight:400}.breadth a{color:inherit;text-decoration:none}.breadth a:hover{text-decoration:none}.breadth button,.breadth input,.breadth select{font:inherit}.breadth button{border:1px solid var(--line);border-radius:0;background:transparent;color:inherit;padding:10px 16px;min-height:44px;cursor:pointer;line-height:1.3;transition:background .18s,color .18s,transform .18s}.breadth button:hover:not(:disabled){background:var(--ink);color:var(--paper)}.breadth button:active:not(:disabled){transform:translateY(1px)}.breadth button:disabled{cursor:default;opacity:.55}.breadth button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.breadth :focus-visible{outline:3px solid var(--accent);outline-offset:4px}.breadth img{display:block;max-width:100%;width:100%;height:auto;object-fit:cover}.breadth ul,.breadth ol{margin:0;padding:0;list-style:none}.breadth dl{margin:0}.breadth dd{margin:0}.breadth fieldset{min-width:0;border:0;margin:0;padding:0}.breadth legend{padding:0;margin-bottom:14px;font-weight:600}.breadth label{display:block;margin:0 0 14px}.breadth label:has(>input[type=checkbox]),.breadth label:has(>input[type=radio]){display:flex;align-items:center;gap:10px;min-height:44px;margin-bottom:6px}.breadth input[type=checkbox],.breadth input[type=radio]{display:inline-block;flex-shrink:0;width:18px;height:18px;margin:0;accent-color:var(--accent);vertical-align:middle}.breadth input[type=number],.breadth input[type=text],.breadth input:not([type]),.breadth select{display:block;width:100%;max-width:100%;margin-top:8px;padding:12px;border:1px solid var(--line);border-radius:0;background:var(--paper);color:var(--ink);min-height:46px}.breadth input[type=range]{display:block;width:100%;accent-color:var(--accent);margin:18px 0;height:26px}.breadth pre{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:14px;line-height:1.8;font-family:ui-monospace,monospace}.breadth .choice-trigger{background:var(--paper);color:var(--ink);border-radius:0}.breadth .choice-list{background:var(--paper);color:var(--ink)}.breadth .choice-option[aria-selected=true]{background:var(--ink);color:var(--paper)}.breadth [role=status]:empty{display:none}.breadth [role=status]{font-size:14px}.b-nav{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:26px 5%;border-bottom:1px solid var(--line)}.b-brand{font-size:23px;font-weight:650;letter-spacing:-.045em;line-height:1.1}.b-nav nav{display:flex;gap:28px;font-size:14px}.b-nav nav a{padding:8px 0}.b-nav nav a:hover{box-shadow:0 1px currentColor}.b-eyebrow{font-size:12px;letter-spacing:.09em;text-transform:uppercase;line-height:1.5}.b-action{display:inline-flex;align-items:center;min-height:46px;border-bottom:0;padding:12px 0;font-size:16px;gap:28px}.b-action:hover{opacity:.72}.b-section{padding:70px 5%}.b-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:35px}.b-heading>p{max-width:30ch;font-size:14px}.b-filters{display:flex;flex-wrap:wrap;gap:8px}.b-filters button{font-size:13px;padding:10px 13px}.b-row{display:flex;align-items:center;justify-content:space-between;gap:14px}.b-small{font-size:12px;line-height:1.6}.b-options{display:flex;flex-wrap:wrap;gap:12px 24px}.b-end{border-top:1px solid var(--line);padding:22px 5%;font-size:12px}.b-end p{max-width:none}.b-inline-list{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px!important}.b-inline-list li{border:1px solid var(--line);padding:7px 12px;font-size:13px}.b-empty{padding:30px 0}.breadth .b-sublegend{margin-top:20px}.breadth .b-end+section{margin:0}
/* 01 — Warm ecommerce: a full-bleed product world and tactile packaging. */
.coffee{--paper:#f6eadd;--ink:#472217;--accent:#913713}.coffee-hero{display:grid;grid-template-columns:1fr 1.15fr;min-height:560px}.coffee-hero>div{padding:60px 8% 50px 10%}.coffee-hero h1{margin:20px 0 24px}.coffee-hero .b-action{margin-top:24px}.coffee-hero img{height:100%;object-position:55% center}.coffee-strip{display:flex;justify-content:space-around;gap:20px;background:#a23c20;color:#fff5e9;padding:16px;font-size:13px}.coffee .b-heading h2{font-family:Georgia,serif}.coffee-commerce{display:grid;grid-template-columns:1fr 290px;gap:34px;align-items:start}.coffee-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.coffee-products article h3{font-size:22px;margin:20px 0 8px}.coffee-products article p{font-size:13px;margin-bottom:16px}.coffee-products .b-row{align-items:start;flex-direction:column;font-size:14px}.coffee-pack{aspect-ratio:3/4;padding:24px 18px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:inset 8px 0 #0000000a,inset -5px 0 #0000000a;border-top:7px double #0003;border-bottom:7px double #0003;transform:rotate(-2deg);transition:transform .25s}.coffee-products article:hover .coffee-pack{transform:rotate(0)}.coffee-pack strong{font-family:Georgia,serif;font-size:29px;line-height:1.1}.coffee-pack span{font-size:18px}.coffee-pack small{font-size:10px;letter-spacing:.08em}.pack-orange{background:#ae4626;color:#fff3d9}.pack-brown{background:#42261e;color:#f7e7cb;transform:rotate(2deg)}.pack-cream{background:#e9d8b8;color:#4b2b20}.coffee-basket{padding:25px;background:#fffcf4;border:1px solid var(--line);position:sticky;top:110px}.coffee-basket h3{font-family:Georgia,serif;margin:14px 0 24px}.coffee-basket ul{margin-bottom:24px}.coffee-basket li{padding:12px 0;border-bottom:1px solid var(--line);font-size:14px}.coffee-basket li>div{display:flex;align-items:center;gap:10px;margin-top:8px}.coffee-basket li button{padding:5px 12px}.coffee-basket .b-small{margin:16px 0}.coffee-basket [role=status]{margin-top:12px}
/* 02 — Festival: oversized poster type, raw rules, timetable and agenda. */
.festival{--paper:#e3ff54;--ink:#191b15;--accent:#415300}.festival .b-brand{font-size:34px}.festival-poster{padding:38px 5% 32px;overflow:hidden}.festival-poster h1{font-size:clamp(90px,18vw,280px);font-weight:850;letter-spacing:-.085em;line-height:.79;position:relative;margin:48px 0}.festival-poster h1 span{margin-left:13%}.festival-poster sup{position:absolute;right:0;top:4%;font-size:.45em;font-weight:400}.festival-date{border-top:2px solid;padding-top:24px;display:flex;align-items:end;justify-content:space-between;gap:20px}.festival-date strong{font-size:24px;line-height:1.1}.festival-date span{font-size:13px}.festival-date a{border-bottom:0}.festival .b-section{background:#f4f2e9}.festival-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:50px}.festival-session{display:grid;grid-template-columns:130px 1fr auto;align-items:center;gap:20px;border-top:1px solid var(--line);padding:25px 0}.festival-session small{display:block;font-size:12px}.festival-session>div>strong{font-size:14px}.festival-session h3{margin-top:8px}.festival-session button{background:#e3ff54}.festival-agenda{background:#25271f;color:#f4f2e9;padding:25px;align-self:start;--line:#ffffff55;--paper:#25271f;--ink:#f4f2e9;--accent:#e3ff54}.festival-agenda h3{margin:15px 0}.festival-agenda li{border-top:1px solid #ffffff40;padding:12px 0;font-size:13px}.festival-agenda [role=status]{margin:16px 0;color:#e3ff54}.festival-agenda .b-small{margin-top:18px}
/* 03 — Landscape: quiet typography and a garden that fills the page. */
.garden{--paper:#e8ebe1;--ink:#243b2b;--accent:#3f6c40}.garden .b-brand{font-family:Georgia,serif;font-weight:400}.garden-hero{padding:45px 5% 20px}.garden-hero h1{margin:20px 0 35px;font-family:Georgia,serif;font-size:clamp(58px,6.8vw,108px);letter-spacing:-.06em}.garden-hero img{height:440px;object-position:center 65%}.garden-hero .b-row{padding-top:16px;font-size:12px}.garden-study{display:grid;grid-template-columns:.35fr 1fr .8fr;gap:50px}.garden-number{font-family:Georgia,serif;font-size:75px;line-height:1}.garden-study h2{font-family:Georgia,serif;margin:18px 0}.garden-study p{font-size:16px}.garden-facts{padding-top:25px}.garden-facts div{border-top:1px solid var(--line);padding:16px 0}.garden-facts dt{font-size:11px;text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px}.garden-facts dd{font-size:16px}.garden-builder{background:#243b2b;color:#eef1e8;--paper:#243b2b;--ink:#eef1e8;--accent:#d0db9e;--line:#ffffff55;display:grid;grid-template-columns:1fr 1.2fr;gap:80px}.garden-builder h2{font-family:Georgia,serif;font-size:60px;margin:16px 0 24px}.garden-builder label{font-size:14px}.garden-note{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0;margin:20px 0}.garden-builder input{accent-color:#c5d587!important}
/* 04 — Education: cobalt, clay and numbered course rows. */
.kiln{--paper:#efdfcc;--ink:#233586;--accent:#233586}.kiln .b-brand{font-weight:800;letter-spacing:-.06em}.kiln-hero{display:grid;grid-template-columns:1.05fr 1fr;align-items:stretch}.kiln-hero>div{padding:35px 9% 50px}.kiln-hero h1{font-weight:700;margin:35px 0 24px}.kiln-hero img{height:100%;object-position:60% center}.kiln-stamp{font-size:12px;line-height:1.1;display:inline-block;border:2px solid;padding:12px;border-radius:50%;transform:rotate(-12deg)}.kiln-hero .b-action{margin-top:20px}.kiln-filters{display:flex;gap:25px;align-items:end;margin-bottom:12px!important}.kiln-filters label{width:auto}.kiln-filters .choice-field{width:260px}.kiln-course{display:grid;grid-template-columns:70px 1fr auto;align-items:center;gap:25px;border-top:1px solid var(--line);padding:25px 0}.kiln-course h3{font-size:34px;margin:6px 0}.kiln-course p{font-size:13px}.course-index{font-size:42px;font-family:Georgia,serif}.kiln-course>div:last-child{display:flex;align-items:center;gap:24px}.kiln-course strong{font-size:20px}.kiln-plan{background:#263890;color:#fbefde;--ink:#fbefde;--paper:#263890;--line:#ffffff55;--accent:#fbefde;display:grid;grid-template-columns:1fr 1fr;gap:70px}.kiln-plan h2{margin-top:20px}.kiln-plan li{padding:14px 0;border-bottom:1px solid var(--line)}.kiln-plan [role=status]{margin:20px 0}.kiln-plan .b-small{margin-top:20px}
/* 05 — Logistics: a technical board, stop rails and a dispatch ticket. */
.freight{--paper:#eef1f1;--ink:#182e3d;--accent:#ae3c0b}.freight .b-brand{font:700 24px ui-monospace,monospace}.freight-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:8%;padding:65px 5%;background:#182e3d;color:#edf0ec}.freight-hero h1{font-size:clamp(54px,6vw,88px);margin:24px 0}.freight-hero h1 span{color:#ff9a60}.freight-hero p{max-width:33ch}.freight-hero .b-action{margin-top:25px}.freight-board{border:1px solid #ffffff40;padding:25px;font-family:ui-monospace,monospace;align-self:center}.freight-board>div{display:flex;justify-content:space-between;border-bottom:1px solid #ffffff40;padding-bottom:18px;font-size:12px}.freight-board ol{padding:28px 0 28px 15px}.freight-board li{border-left:2px solid #ff9a60;padding:5px 0 25px 30px;position:relative}.freight-board li:before{content:'';position:absolute;width:12px;height:12px;background:#ff9a60;left:-7px;top:9px;border-radius:50%}.freight-board small{display:block;font-size:11px;color:#ffb88e}.freight-board strong{display:block;font-size:19px;font-weight:400;margin-top:7px}.freight-board p{font-size:11px;max-width:none}.freight-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px}.dispatch-stops{margin:25px 0!important;counter-reset:stop}.dispatch-stops li{display:flex;align-items:center;gap:10px;padding:16px 0;border-bottom:1px solid var(--line);counter-increment:stop}.dispatch-stops li:before{content:counter(stop,decimal-leading-zero);font:14px ui-monospace,monospace;color:#a3390c}.dispatch-stops li strong{flex:1;font-size:16px}.dispatch-stops button{padding:8px 12px}.freight-layout input[type=number]{max-width:180px}.freight-ticket{background:#fff;border-top:6px solid #d95b23;padding:30px;align-self:start;box-shadow:0 8px 25px #162d3910}.freight-ticket h3{margin:20px 0}.freight-ticket pre{padding:20px 0;border-top:1px dashed var(--line);border-bottom:1px dashed var(--line)}.freight-ticket p[role=status]{margin:20px 0}
/* 06 — Bookshop: literary typography and designed book jackets. */
.books{--paper:#f4eedf;--ink:#591e2d;--accent:#591e2d;font-family:Georgia,serif}.books .b-brand{font-family:Georgia,serif;font-size:30px}.books .b-eyebrow,.books .b-nav nav,.books button,.books .b-small{font-family:Arial,sans-serif}.books-hero{padding:45px 5% 55px}.books-hero h1{text-align:center;margin:20px 0 45px;font-size:clamp(54px,6.4vw,96px)}.books-hero>.b-eyebrow{text-align:center}.books-feature{display:grid;grid-template-columns:260px 1fr;gap:65px;align-items:center;max-width:780px;margin:auto}.book-cover{display:flex;flex-direction:column;justify-content:space-between;min-width:0;aspect-ratio:2/3;padding:24px 22px;box-shadow:inset 7px 0 #0000001a,8px 10px 0 #00000012;color:#f7eed8;transition:transform .25s}.book-cover strong{font-size:clamp(23px,2.6vw,42px);font-weight:400;line-height:1.02;letter-spacing:-.04em}.book-cover small{font-size:12px}.book-cover span{font:9px Arial,sans-serif;letter-spacing:.13em}.cover-atlas{background:#324e49}.cover-light{background:#c5a06a;color:#4a2630}.cover-making{background:#b23f2d}.cover-afternoon{background:#d6b4ae;color:#4b2734}.cover-room{background:#394963}.cover-looking{background:#70621f;color:#fff6db}.books-feature .book-cover{transform:rotate(-6deg)}.books-feature h2{font-size:48px}.books-feature p{margin:18px 0}.book-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:45px 55px}.book-grid article{min-width:0}.book-grid .book-cover{max-width:260px;margin:0 auto 28px}.book-grid article:hover .book-cover{transform:translateY(-5px) rotate(-2deg)}.book-grid h3{font-size:26px}.book-grid p{font-size:15px;margin:10px 0 18px}.books-shelf{background:#591e2d;color:#f4eedf;--ink:#f4eedf;--paper:#591e2d;--line:#ffffff55;--accent:#f4eedf}.books-shelf ul{margin:24px 0}.books-shelf li{display:inline-block;margin:0 18px 12px 0;border-bottom:1px solid var(--line);padding:8px 0}.books-shelf [role=status]{margin-bottom:20px}.books-shelf .b-small{margin-top:20px}
/* 07 — Membership: a photograph as the entrance, a transparent cost tool. */
.canopy{--paper:#f2ebdf;--ink:#302f27;--accent:#7b3c14}.canopy-hero{position:relative;min-height:620px}.canopy-hero img{height:620px}.canopy-hero>div{position:absolute;bottom:0;left:5%;background:#f2ebdf;padding:30px 35px;max-width:78%}.canopy-hero h1{font-family:Georgia,serif;font-size:clamp(48px,5.5vw,82px);margin:16px 0}.canopy-badge{position:absolute;top:30px;right:5%;background:#f1ae51;width:115px;height:115px;border-radius:50%;display:grid;place-content:center;transform:rotate(12deg);text-align:center;font-size:17px;font-weight:600;line-height:1.2}.canopy-intro{display:grid;grid-template-columns:1.1fr 1fr;gap:70px}.canopy-intro h2{font-family:Georgia,serif}.canopy-membership{border-top:1px solid var(--line)}.canopy-membership fieldset{display:grid;grid-template-columns:1fr 1fr;gap:40px;max-width:900px;margin-bottom:30px}.canopy-membership output{float:right;font-weight:650}.membership-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.membership-grid article{border:1px solid var(--line);padding:28px;position:relative}.membership-grid article[data-best=true]{background:#dfb97d;border-color:#654617}.membership-grid article[data-best=true]:after{content:'Lowest sample cost';display:block;font-size:12px;border-top:1px solid #65461760;padding-top:12px;margin-top:20px}.membership-grid h3{font-size:30px;margin:16px 0}.membership-grid>article>span{font-size:13px}.membership-grid strong{font:48px Georgia,serif}.membership-grid p{font-size:13px;margin-top:20px}.membership-result{padding:20px 0;font-size:16px!important}
/* 08 — Property: architectural image beside a restrained vertical headline. */
.atrium{--paper:#eaf0ef;--ink:#253c48;--accent:#315a70}.atrium .b-brand{font-weight:400;letter-spacing:.2em;font-size:19px}.atrium-hero{display:grid;grid-template-columns:.8fr 1.2fr;min-height:600px}.atrium-hero>div{padding:55px 7% 50px 12%}.atrium-hero h1{font-family:Georgia,serif;font-size:clamp(62px,7vw,105px);margin:30px 0}.atrium-hero img{height:100%}.atrium-ribbon{display:flex;justify-content:space-between;gap:16px;padding:18px 5%;border-bottom:1px solid var(--line);font-size:12px}.unit-row{display:grid;grid-template-columns:80px 80px 100px 1fr auto;gap:20px;align-items:center;border-top:1px solid var(--line);padding:22px 0}.unit-row>strong{font:30px Georgia,serif}.unit-row>span{font-size:14px}.atrium-compare{background:#263e48;color:#f2f3eb;--paper:#263e48;--ink:#f2f3eb;--line:#ffffff55;--accent:#d8e1ad;display:grid;grid-template-columns:.7fr 1.3fr;gap:60px}.atrium-compare h2{font-family:Georgia,serif;margin:16px 0 20px}.atrium-compare p{font-size:14px;margin-bottom:20px}.atrium-compare [data-unit-comparison]{display:grid;grid-template-columns:1fr 1fr;gap:20px}.unit-card{border:1px solid var(--line);padding:22px;min-width:0}.unit-card h3{font:32px Georgia,serif}.unit-card dl{margin-top:20px}.unit-card dl>div{display:flex;justify-content:space-between;gap:15px;padding:10px 0;border-top:1px solid var(--line);font-size:13px}.unit-card button{margin-top:20px}.atrium-compare [role=status]{margin-top:20px}
/* 09 — Developer product: a compact technical interface with readable code. */
.circuit{--paper:#111a20;--ink:#dce7e9;--accent:#b9f572;--line:#ffffff33}.circuit .b-brand{font:26px ui-monospace,monospace}.circuit-hero{display:grid;grid-template-columns:1.15fr 1fr;gap:7%;padding:65px 5% 75px}.circuit-hero h1{font-size:clamp(52px,6.2vw,90px);margin:25px 0}.circuit-hero h1 span{color:#b9f572}.circuit-hero p{max-width:35ch}.circuit-hero .b-action{margin:25px 0}.circuit-terminal{background:#1c272e;border:1px solid var(--line);align-self:center;box-shadow:18px 18px 0 #b9f57210}.circuit-terminal>div{padding:16px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:7px}.circuit-terminal i{width:8px;height:8px;border-radius:50%;background:#75858b}.circuit-terminal>div>span{font:12px ui-monospace,monospace;margin-left:auto}.circuit-terminal pre{padding:32px;font-size:17px;line-height:2}.circuit-terminal pre span{color:#91a4ae;margin-right:20px}.circuit-terminal pre strong{color:#b9f572}.circuit .b-section{border-top:1px solid var(--line)}.circuit-tag{font:11px ui-monospace,monospace;background:#b9f572;color:#1b2420;padding:8px}.circuit-playground{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line)}.circuit-playground>div{padding:30px;min-width:0}.circuit-playground>div+div{border-left:1px solid var(--line);background:#18242b}.circuit-playground legend{margin-top:24px}.circuit-playground label{font-size:14px}.circuit-playground pre{background:#0c1419;padding:20px;margin:24px 0;min-height:120px;font-size:13px;color:#c6e6a7}.circuit-playground [role=status]{margin:16px 0}.circuit-contract{display:grid;grid-template-columns:1fr 1fr;gap:60px}.circuit-contract dl>div{border-bottom:1px solid var(--line);padding:16px 0}.circuit-contract dt{font-family:ui-monospace,monospace;color:#b9f572}.circuit-contract dd{font-size:14px;margin-top:8px}
/* 10 — Magazine: the image, headline and reading column have distinct rhythms. */
.editorial{--paper:#f5f2e9;--ink:#252a29;--accent:#a54128}.editorial .b-brand{font-size:32px;font-weight:850;letter-spacing:-.07em}.editorial-top{padding:20px 5% 45px}.edition-line{display:flex;justify-content:space-between;font-size:11px;text-transform:uppercase;letter-spacing:.09em;border-bottom:1px solid var(--line);padding-bottom:15px}.editorial-top h1{font:clamp(64px,9vw,140px)/.94 Georgia,serif;letter-spacing:-.06em;margin:35px 0}.editorial-cover{display:grid;grid-template-columns:1.45fr 1fr;align-items:end;gap:40px}.editorial-cover img{height:370px}.editorial-cover h2{font:clamp(32px,4vw,55px)/1.1 Georgia,serif;margin:20px 0}.editorial-cover p{font-size:15px}.editorial-cover .b-action{margin-top:20px}.editorial-stories{display:grid;grid-template-columns:repeat(3,1fr);border-top:2px solid}.editorial-stories button{border:0;border-right:1px solid var(--line);padding:28px;text-align:left;display:flex;flex-direction:column;gap:26px;justify-content:space-between}.editorial-stories button:last-child{border-right:0}.editorial-stories small{font-size:12px}.editorial-stories strong{font:32px/1.15 Georgia,serif;max-width:12ch}.editorial-stories span{font-size:14px}.reading-room{display:grid;grid-template-columns:240px minmax(0,680px);justify-content:space-between;gap:55px;border-top:1px solid var(--line);background:#fff}.reading-room[data-warm=true]{background:#e8ddc1}.reading-room aside button{display:block;margin-top:20px}.reading-room aside [role=status]{margin:22px 0}.reading-room aside li{font-size:13px;border-top:1px solid var(--line);padding:12px 0}.reading-room article h2{font-family:Georgia,serif;margin:18px 0 30px;font-size:46px}.reading-room article>p:not(.b-eyebrow){font:20px/1.8 Georgia,serif;margin-bottom:22px}
/* 11 — Community: a garden plan and an inspectable funding model. */
.community{--paper:#f0efd9;--ink:#244238;--accent:#a44224}.community .b-brand{font-size:25px;letter-spacing:-.055em;font-weight:750}.community-hero{display:grid;grid-template-columns:1fr 1fr;gap:6%;padding:55px 5% 65px}.community-hero h1{font-size:clamp(52px,6.5vw,95px);margin:25px 0}.community-hero .b-action{margin-top:25px}.garden-plan{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:170px 45px 135px;gap:14px;transform:rotate(-3deg);font-size:18px;align-self:center}.garden-plan>div{padding:20px;display:flex;flex-direction:column;justify-content:space-between}.plan-bed{grid-column:1/3;background:repeating-linear-gradient(90deg,#517456 0px,#517456 21%,#70916b 21%,#70916b 25%);color:#fff8da}.plan-bed strong{font-size:44px;font-weight:500}.garden-plan .plan-path{grid-column:1/3;justify-content:center;padding:0 20px;background:#d7c99a;font-size:14px}.plan-tools{background:#d2a568}.plan-water{background:#b7ccd0}.garden-plan .plan-seeds{display:none}.community-plan{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:70px}.community-plan h2{font-family:Georgia,serif}.community-plan .b-small{margin-top:24px}.community-budget{display:grid;grid-template-columns:1fr 1fr;gap:70px}.community-budget label{display:flex;justify-content:space-between;gap:20px;align-items:center;padding-bottom:18px;border-bottom:1px solid var(--line)}.community-budget input[type=number]{width:90px;margin:0;flex-shrink:0}.budget-meter{height:22px;background:#dbd9be;overflow:hidden}.budget-meter span{display:block;height:100%;width:86%;background:#427554;transition:width .25s}.budget-meter[data-over=true] span{background:#a13c27}.budget-number{font:80px/1 Georgia,serif!important;margin:25px 0!important}.community-budget dl{margin:25px 0}.community-budget dl>div{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line);font-size:14px}
/* 12 — Outdoors: cinematic image and a clean route card. */
.waymark{--paper:#ecf0ed;--ink:#253c44;--accent:#2b5664}.waymark .b-brand{font-size:25px;font-weight:750;letter-spacing:-.04em}.waymark-hero{position:relative;min-height:640px;background:#253c44;color:#fff}.waymark-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0b1c26aa,transparent 75%),linear-gradient(0deg,#0b1c2677,transparent 30%);pointer-events:none}.waymark-hero img{height:640px;object-position:center}.waymark-hero>div:not(.waymark-caption){position:absolute;inset:70px auto auto 5%;z-index:1}.waymark-hero h1{font-size:clamp(65px,8vw,115px);margin:24px 0}.waymark-caption{position:absolute;z-index:1;bottom:25px;left:5%;right:5%;display:flex;justify-content:space-between;gap:20px;font-size:12px}.waymark-route{display:grid;grid-template-columns:1.1fr 1fr;gap:100px}.waymark-route h2{margin:18px 0 24px}.trail-stages li{display:flex;gap:25px;align-items:center;border-bottom:1px solid var(--line);padding:20px 0}.trail-stages span{font:32px Georgia,serif}.trail-stages h3{font-size:22px}.trail-stages p{font-size:14px;margin-top:6px}.waymark-planner{background:#dce5df}.waymark-plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.waymark-plan-grid .b-options{display:block}.waymark-plan-grid .b-eyebrow{margin:24px 0 16px}.trail-ticket{background:#fbfcf7;padding:30px;border-top:4px solid #456754}.trail-ticket>.b-eyebrow{margin:0 0 25px}.trail-totals{display:flex;justify-content:space-between;gap:20px}.trail-totals strong{font:42px Georgia,serif}.trail-ticket [role=status]{margin:20px 0}.trail-ticket .b-small{margin-bottom:25px}
/* Portfolio directory: every destination remains present in HTML for discovery. */
.breadth-directory{padding:70px 0 80px}.breadth-directory .eyeline{margin-bottom:25px}.work-filter-row{display:flex;flex-wrap:wrap;gap:10px;margin:25px 0 15px}.work-filter-row button{font:inherit;font-size:14px;border:1px solid #d3d3cb;background:transparent;border-radius:30px;padding:10px 17px;cursor:pointer;min-height:44px}.work-filter-row button[aria-pressed=true]{background:#282924;color:#fff}.work-filter-row button:hover{border-color:#282924}.work-filter-count{font-size:13px;color:#64665e;margin-bottom:25px}.breadth-work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 25px}.breadth-work-grid figure{margin:0;min-width:0}.breadth-work-grid figure[hidden]{display:none}.breadth-work-grid .bw-image{display:block;aspect-ratio:1200/703;background:#edece6;overflow:hidden;border:1px solid #e2e1da;border-radius:8px}.breadth-work-grid img{width:100%;height:100%;object-fit:cover;object-position:left top;transition:transform .35s}.breadth-work-grid .bw-image:hover img{transform:scale(1.035)}.breadth-work-grid figcaption{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:17px 0 10px}.breadth-work-grid figcaption h3{font-size:22px;margin:0 0 5px}.breadth-work-grid figcaption span{font-size:12px;color:#66675f}.breadth-work-grid figcaption>a{font-size:14px;white-space:nowrap}.breadth-work-grid figure>p{font-size:14px;line-height:1.55;margin:0;color:#66675f}.breadth-work-grid figure:first-child,.breadth-work-grid figure:nth-child(2){grid-column:auto}.breadth-work-grid img[loading=lazy]{content-visibility:auto}
@media(min-width:1500px){.breadth h1{font-size:106px}.festival-poster h1{font-size:280px}.editorial-top h1{font-size:140px}.waymark-hero h1{font-size:115px}}
@media(max-width:1050px){.coffee-commerce{grid-template-columns:1fr}.coffee-basket{position:static}.coffee-basket ul{display:flex;gap:25px;flex-wrap:wrap}.coffee-basket li{min-width:180px}.festival-layout{grid-template-columns:1fr}.festival-agenda{max-width:none}.garden-study{gap:30px;grid-template-columns:.25fr 1fr 1fr}.garden-builder{gap:40px}.freight-hero{gap:30px}.freight-layout{gap:35px}.circuit-hero{gap:35px}.circuit-terminal pre{font-size:14px;padding:24px}.book-grid{gap:35px}.membership-grid article{padding:20px}.unit-row{grid-template-columns:65px 60px 75px 1fr auto;gap:12px}.reading-room{grid-template-columns:190px 1fr;gap:35px}.waymark-route{gap:50px}.breadth-work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.breadth-label{font-size:11px;align-items:start;flex-direction:column;gap:8px;padding-top:18px;padding-bottom:18px}.breadth{font-size:15px}.b-nav{padding:22px 6%;align-items:start}.b-brand{font-size:21px}.b-nav nav{gap:10px;flex-direction:column;font-size:12px;align-items:end}.b-nav nav a{padding:3px 0}.b-section{padding:45px 6%}.b-heading{align-items:start;flex-direction:column;gap:20px;margin-bottom:25px}.breadth h1{font-size:clamp(48px,11.8vw,82px);letter-spacing:-.055em}.breadth h2{font-size:34px}.breadth h3{font-size:23px}.b-eyebrow{font-size:10px}.b-end{padding:20px 6%}.b-row{flex-wrap:wrap}.coffee-hero{grid-template-columns:1fr}.coffee-hero>div{padding:35px 6%}.coffee-hero img{height:320px}.coffee-strip{font-size:10px;gap:10px;padding:14px 10px}.coffee-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 18px}.coffee-products article:last-child{grid-column:1/3;display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.coffee-products article:last-child .coffee-pack{grid-row:1/4}.coffee-products article:last-child h3{align-self:end}.coffee-pack{padding:18px 14px}.coffee-pack strong{font-size:26px}.coffee-products article h3{font-size:21px}.coffee-basket{padding:23px}.coffee-basket ul{display:block}.festival-poster{padding:30px 6%}.festival-poster h1{font-size:23vw;line-height:.82;margin:35px 0}.festival-poster h1 span{margin-left:5%}.festival-date{align-items:start;flex-wrap:wrap}.festival-date strong{font-size:21px}.festival-date span{font-size:11px}.festival-date a{font-size:14px}.festival-session{grid-template-columns:80px 1fr;gap:16px}.festival-session button{grid-column:2;justify-self:start}.festival-session h3{font-size:24px}.festival-session>div>strong{font-size:12px}.festival-layout{gap:35px}.garden-hero{padding:30px 6% 20px}.garden-hero h1{font-size:13vw;margin:20px 0 28px}.garden-hero img{height:320px}.garden-hero .b-row{gap:7px;font-size:10px}.garden-study{grid-template-columns:45px 1fr;gap:20px}.garden-number{font-size:42px}.garden-facts{grid-column:2;padding-top:0}.garden-builder{grid-template-columns:1fr;gap:35px}.garden-builder h2{font-size:44px}.kiln-hero{grid-template-columns:1fr}.kiln-hero>div{padding:28px 6% 35px;position:relative}.kiln-hero h1{margin-top:28px;font-size:14vw;max-width:85%}.kiln-stamp{position:absolute;right:6%;top:24px;font-size:9px;padding:9px}.kiln-hero img{height:320px}.kiln-filters{flex-direction:column;align-items:stretch;gap:6px}.kiln-filters label,.kiln-filters .choice-field{width:100%}.kiln-course{grid-template-columns:35px 1fr;gap:18px;padding:23px 0}.kiln-course h3{font-size:29px}.kiln-course>div:last-child{grid-column:2;justify-content:space-between;gap:15px}.course-index{font-size:30px}.kiln-plan{grid-template-columns:1fr;gap:30px}.freight-hero{grid-template-columns:1fr;padding:35px 6%;gap:35px}.freight-hero h1{font-size:13vw}.freight-board{padding:22px}.freight-board strong{font-size:18px}.freight-layout{grid-template-columns:1fr}.freight-ticket{padding:24px}.books-hero{padding:30px 6% 40px}.books-hero h1{font-size:12vw;margin-bottom:32px}.books-feature{grid-template-columns:130px 1fr;gap:25px}.books-feature .book-cover{padding:15px 12px}.books-feature .book-cover strong{font-size:27px}.books-feature .book-cover small{font-size:10px}.books-feature .book-cover span{font-size:6px}.books-feature h2{font-size:27px}.books-feature p{font-size:13px;margin:10px 0}.books-feature .b-eyebrow{font-size:9px}.books-feature .b-action{font-size:12px}.book-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 22px}.book-cover{padding:17px 14px}.book-cover strong{font-size:26px}.book-cover small{font-size:10px}.book-cover span{font-size:7px}.book-grid h3{font-size:23px}.book-grid button{font-size:12px;padding:10px 12px}.canopy-hero{min-height:590px}.canopy-hero img{height:370px}.canopy-hero>div{position:relative;margin:-40px 6% 0;left:auto;bottom:auto;max-width:none;padding:25px;z-index:1}.canopy-hero h1{font-size:11vw}.canopy-badge{width:85px;height:85px;font-size:13px;top:20px}.canopy-intro{grid-template-columns:1fr;gap:25px}.canopy-membership fieldset{grid-template-columns:1fr;gap:10px}.membership-grid{grid-template-columns:1fr}.membership-grid article{padding:24px}.membership-grid h3{font-size:28px}.membership-grid strong{font-size:42px}.atrium-hero{grid-template-columns:1fr;min-height:0}.atrium-hero>div{padding:35px 6%}.atrium-hero h1{font-size:15vw;margin:22px 0}.atrium-hero img{height:370px;object-position:center 35%}.atrium-ribbon{font-size:10px;flex-wrap:wrap;gap:10px;padding:18px 6%}.unit-row{grid-template-columns:60px 1fr 1fr;gap:12px}.unit-row>span:nth-of-type(3){grid-column:2/4}.unit-row button{grid-column:2/4;justify-self:start}.atrium-compare{grid-template-columns:1fr;gap:30px}.atrium-compare [data-unit-comparison]{gap:12px}.unit-card{padding:16px 12px}.unit-card dl>div{display:block}.unit-card dd{margin-top:4px}.unit-card h3{font-size:28px}.unit-card button{font-size:12px;padding:10px}.circuit-hero{grid-template-columns:1fr;padding:35px 6% 45px;gap:30px}.circuit-hero h1{font-size:12vw}.circuit-terminal{box-shadow:8px 8px 0 #b9f57210}.circuit-terminal pre{font-size:13px}.circuit-playground{grid-template-columns:1fr}.circuit-playground>div{padding:23px}.circuit-playground>div+div{border-left:0;border-top:1px solid var(--line)}.circuit-contract{grid-template-columns:1fr;gap:25px}.editorial .b-brand{font-size:25px}.edition-line{font-size:8px;gap:20px}.editorial-top{padding:20px 6% 35px}.editorial-top h1{font-size:17vw;margin:28px 0}.editorial-cover{grid-template-columns:1fr;gap:25px}.editorial-cover img{height:280px}.editorial-cover h2{font-size:42px;margin:12px 0}.editorial-stories{grid-template-columns:1fr}.editorial-stories button{border-right:0;border-bottom:1px solid var(--line);padding:23px;gap:16px}.editorial-stories strong{max-width:17ch;font-size:30px}.reading-room{grid-template-columns:1fr;gap:35px}.reading-room aside{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.reading-room aside>.b-eyebrow{width:100%}.reading-room aside button{margin:5px 0}.reading-room aside [role=status]{margin:5px 0;width:100%}.reading-room aside ul{width:100%}.reading-room article h2{font-size:36px}.reading-room article>p:not(.b-eyebrow){font-size:18px}.community-hero{grid-template-columns:1fr;gap:40px;padding:35px 6% 45px}.community-hero h1{font-size:13vw}.garden-plan{grid-template-rows:140px 36px 100px;gap:10px;transform:rotate(-2deg);margin:0 4px}.garden-plan>div{padding:16px;font-size:15px}.plan-bed strong{font-size:35px}.community-plan,.community-budget{grid-template-columns:1fr;gap:30px}.community-budget label{font-size:14px}.budget-number{font-size:66px!important}.waymark-hero{min-height:590px}.waymark-hero img{height:590px;object-position:60% center}.waymark-hero>div:not(.waymark-caption){left:6%;top:55px;right:6%}.waymark-hero h1{font-size:16vw}.waymark-caption{left:6%;right:6%;flex-direction:column;gap:6px;font-size:11px}.waymark-route,.waymark-plan-grid{grid-template-columns:1fr;gap:30px}.trail-ticket{padding:25px}.trail-totals strong{font-size:35px}.breadth-directory{padding:40px 0}.breadth-work-grid{grid-template-columns:1fr;gap:35px}.work-filter-row{gap:8px}.work-filter-row button{font-size:12px;padding:9px 13px}.breadth-work-grid figcaption h3{font-size:22px}.breadth-work-grid figure>p{font-size:14px}}
@media(prefers-reduced-motion:reduce){.breadth *,.breadth-work-grid img{transition:none!important;scroll-behavior:auto!important}.coffee-products article:hover .coffee-pack,.book-grid article:hover .book-cover,.breadth-work-grid .bw-image:hover img{transform:none}}

.work-show-more{margin-top:35px}.work-show-more[hidden]{display:none}

.breadth .choice-option.is-active,.breadth .choice-option:not([aria-disabled]):hover{background:var(--ink);color:var(--paper)}
.breadth input[type=number],.breadth input[type=text],.breadth input:not([type]){border-color:color-mix(in srgb,var(--ink) 65%,var(--paper))}