/* N1.3: existing notebook layout, with the supplied animation and secondary previews. */
.notebook-main{max-width:1440px;margin:auto;padding:56px clamp(24px,4.45vw,80px) 72px;min-height:70vh}
.notebook-hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.85fr);gap:clamp(32px,5vw,72px);align-items:center}
.notebook-media{margin:0;min-width:0}.notebook-media figcaption{font-size:13px;color:var(--ink-muted,#625e55);margin-top:14px;line-height:1.6}
.notebook-hero>.notebook-media>figcaption{text-align:center}
.notebook-stage{display:grid;place-items:center;background:var(--surface,#f9f7f2);padding:20px;margin-top:16px}
.notebook-stage img{display:block;width:auto;max-width:100%;height:340px;object-fit:contain;box-shadow:0 8px 20px rgb(48 43 36 / 12%);transition:opacity .2s}
.notebook-stage img[data-card-image=loading]{opacity:.55}
.notebook-views{display:flex;gap:12px;flex-wrap:wrap;margin-top:10px}.notebook-views button{min-width:44px;min-height:44px;padding:8px 0;border:0;border-bottom:1px solid transparent;background:none;color:var(--ink-muted,#625e55);font:inherit;font-size:13px;cursor:pointer;touch-action:manipulation}.notebook-views button[aria-pressed=true]{color:var(--brand-green);border-color:currentColor}
.notebook-copy{min-width:0}.notebook-copy :is(h1,h2){margin:18px 0 12px;font:400 clamp(38px,4.1vw,60px)/1.12 'EB Garamond','Noto Serif SC',serif;letter-spacing:.005em;color:var(--brand-green)}
.notebook-subtitle{font-size:18px;line-height:1.65;margin:0 0 26px;text-wrap:pretty}.notebook-status{display:inline-block;color:var(--brand-green);border-bottom:1px solid #d75f33;padding:5px 0;font-size:13px}
.notebook-colors{border:0;padding:0;margin:0 0 24px;min-width:0}.notebook-colors legend{font-size:14px;margin-bottom:8px}.notebook-color-options{display:flex;gap:12px;flex-wrap:wrap}.notebook-swatch{width:48px;height:48px;border:1px solid transparent;padding:8px;display:grid;place-items:center;background:none;cursor:pointer;touch-action:manipulation}.notebook-swatch span{display:block;width:28px;height:28px;background:linear-gradient(90deg,var(--cover) 0 50%,var(--endpaper) 50% 85%,var(--accent) 85% 100%);box-shadow:inset 0 0 0 1px #302b2426}.notebook-swatch[aria-pressed=true]{border-color:#d75f33}
.notebook-main :is(button,a):focus-visible{outline:2px solid var(--brand-green);outline-offset:4px}.notebook-main button{-webkit-tap-highlight-color:transparent;user-select:none}.notebook-swatch:active{border-color:var(--brand-green)}
.notebook-specs{margin:0;border-top:1px solid var(--line,#d7d1c5);font-size:14px}.notebook-specs>div{display:grid;grid-template-columns:1fr 1.25fr;gap:16px;padding:11px 0;border-bottom:1px solid var(--line,#d7d1c5)}.notebook-specs dt{color:var(--ink-muted,#625e55)}.notebook-specs dd{margin:0;overflow-wrap:anywhere}
.notebook-error{min-height:50vh;padding:48px 0}.notebook-error button{min-height:44px;min-width:44px;background:none;border:0;border-bottom:1px solid currentColor;color:var(--brand-green);font:inherit;cursor:pointer}
.notebook-secondary{display:grid;grid-template-columns:1.25fr .85fr;gap:clamp(32px,5vw,72px);margin-top:72px;padding-top:32px;border-top:1px solid var(--line)}.notebook-secondary>section{min-width:0}.notebook-secondary h2{font-size:24px;color:var(--brand-green);margin:0 0 12px;font-weight:400}.notebook-photo-note{font-size:13px;color:var(--ink-muted);margin:0 0 16px}.notebook-photo-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:16px;align-items:start}.notebook-photo-grid figure{margin:0;min-width:0}.notebook-photo-grid img{display:block;width:100%;height:auto;background:none!important}.notebook-photo-grid figcaption{font-size:13px;color:var(--ink-muted);margin-top:10px}
@media(hover:hover) and (pointer:fine){.notebook-views button:hover{color:var(--brand-green);border-bottom-color:currentColor}.notebook-swatch:hover{border-color:var(--brand-green)}}
@media(max-width:760px){.notebook-main{padding:28px 20px 48px}.notebook-hero,.notebook-secondary{grid-template-columns:minmax(0,1fr);gap:28px}.notebook-copy :is(h1,h2){font-size:40px}.notebook-subtitle{font-size:16px}.notebook-specs{font-size:14px}.notebook-secondary{margin-top:40px}.notebook-stage img{max-height:340px;width:auto;height:auto;max-width:100%}.notebook-photo-grid{gap:12px}.notebook-views{gap:16px}}
@media(prefers-reduced-motion:reduce){.notebook-stage img{transition:none}}
/* H1.1: promotion is before Carnet; no duplicate card or mockup caption. */
.notebook-page-heading{margin:0 0 28px;color:var(--brand-green);font:400 clamp(32px,3vw,44px)/1.25 'EB Garamond','Noto Serif SC',serif}
.notebook-herbier-entry{display:grid;grid-template-columns:200px minmax(0,1fr);gap:clamp(30px,5vw,72px);align-items:center;min-height:250px;margin:0 0 56px;padding:22px clamp(28px,5vw,72px);background:#1A201A;color:#ECE5D6;border-radius:2px}
.notebook-herbier-entry .herbier-cover-static{height:206px;width:auto;justify-self:center}
.notebook-herbier-entry h2{margin:0 0 10px;color:inherit;font:400 clamp(24px,2.2vw,32px)/1.35 'EB Garamond','Noto Serif SC',serif}
.notebook-herbier-entry :focus-visible{outline-color:#ECE5D6}
@media(max-width:760px){.notebook-page-heading{font-size:32px}.notebook-herbier-entry{grid-template-columns:minmax(0,1fr);gap:28px;padding:30px 24px;margin-bottom:40px}.notebook-herbier-entry .herbier-cover-static{height:240px}.notebook-herbier-entry h2{font-size:26px}}
.notebook-main .notebook-views button,.notebook-main .controls button{min-width:44px}

/* H2.1: compact version of the approved home stone scene. */
.notebook-herbier-entry{position:relative;isolation:isolate;overflow:hidden;height:260px;min-height:260px;color:#16261F;background:linear-gradient(145deg,#E2D8C8,#CFC3AF);padding-block:24px}
.notebook-herbier-entry:before{content:'';position:absolute;inset:0;z-index:-1;background:url('/assets/home-h2/paper.jpg') center/380px;mix-blend-mode:multiply;opacity:.28;pointer-events:none}
.notebook-herbier-entry:after{content:'';position:absolute;inset:-20% -5%;z-index:-1;background:#FFF0D6;mask:url('/assets/home-h2/gobo2a-800.png') center/100% 100%;-webkit-mask:url('/assets/home-h2/gobo2a-800.png') center/100% 100%;mix-blend-mode:soft-light;pointer-events:none}
.notebook-herbier-entry .herbier-cover-static{transform:rotate(-6deg);box-shadow:1px 2px 2px #2d200f59,8px 14px 18px #2d200f40,34px 52px 70px #2d200f38}
.notebook-herbier-entry .herbier-promo-eyebrow{color:#55605A}.notebook-herbier-entry .herbier-promo-link{background:#0F3D2E;color:#F3EEE6!important;text-decoration:none;padding:10px 20px}.notebook-herbier-entry .herbier-promo-link:hover{background:#174C3A;color:#F3EEE6!important}.notebook-herbier-entry :focus-visible{outline-color:#0F3D2E}
@media(max-width:760px){.notebook-herbier-entry{height:auto;min-height:260px;padding-block:32px}.notebook-herbier-entry .herbier-cover-static{height:220px}.notebook-herbier-entry .herbier-promo-summary{font-size:15px}}