:root{--forest:#153c31;--pine:#0e2c25;--moss:#497457;--cream:#f6f0df;--paper:#fffdf7;--brass:#b98a42;--ink:#203129;--muted:#5f6c61;--line:#d9ccb0;--orange:#c85d31;--radius:18px;--shadow:0 16px 38px rgba(20,53,43,.13)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.55}img{display:block;max-width:100%;width:100%;object-fit:cover}a{color:inherit;text-underline-offset:3px}.skip-link{position:absolute;left:-999px;top:auto}.skip-link:focus{left:16px;top:16px;z-index:999;background:var(--cream);padding:10px}.site-header{background:var(--forest);color:var(--cream);position:sticky;top:0;z-index:50;border-bottom:1px solid rgba(255,255,255,.13)}.nav-shell{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:18px;max-width:1220px;margin:auto;padding:12px 24px}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-weight:760;letter-spacing:.02em;white-space:nowrap}.brand-mark{width:33px;height:33px}.nav-links{display:flex;gap:20px;align-items:center}.nav-links a{font-size:.9rem;text-decoration:none}.header-mail{color:#ffe8b9;font-size:.9rem;font-weight:650}.nav-toggle{display:none;appearance:none;border:1px solid rgba(255,255,255,.45);background:transparent;color:var(--cream);border-radius:10px;min-width:44px;min-height:44px;font-size:1.1rem}.hero{background:var(--pine);color:var(--cream);padding:56px 0 64px;overflow:visible}.wrap{width:min(1160px,calc(100% - 48px));margin:auto}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:48px;align-items:center}.eyebrow{font-size:.76rem;text-transform:uppercase;letter-spacing:.15em;font-weight:800;color:var(--brass);margin:0 0 14px}.hero h1{font-size:clamp(2.75rem,5vw,5.2rem);line-height:.96;letter-spacing:-.065em;margin:0 0 22px;max-width:9ch}.hero-copy{font-size:1.08rem;color:#dce6d6;max-width:52ch;margin:0 0 28px}.brass-rule{display:flex;align-items:center;gap:12px;font-size:.83rem;color:#dfc18d}.brass-rule:before{content:"";height:1px;width:52px;background:var(--brass)}.hero-visual{position:relative;min-height:460px}.hero-visual img{height:460px;border-radius:70% 30% 26% 42%/48% 33% 55% 44%;box-shadow:var(--shadow)}.photo-stamp{position:absolute;bottom:-18px;left:-19px;background:var(--paper);color:var(--ink);padding:17px 18px;border-left:4px solid var(--brass);font-size:.9rem;box-shadow:var(--shadow);transform:rotate(-3deg);max-width:235px}.cta,.small-button,.mood-button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 17px;border-radius:999px;border:1px solid var(--brass);background:var(--brass);color:#152e27;font-size:.94rem;font-weight:800;text-decoration:none;cursor:pointer}.cta:hover,.small-button:hover{filter:brightness(1.06)}main>section{padding:88px 0}.section-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,.75fr);gap:36px;align-items:end;margin-bottom:34px}.section-number{font-size:.78rem;color:var(--orange);font-weight:850;letter-spacing:.13em;text-transform:uppercase;margin:0 0 10px}.section-head h2,.content-title{font-size:clamp(2rem,3.7vw,3.45rem);line-height:1;letter-spacing:-.05em;margin:0}.section-head p{margin:11px 0 0;color:var(--muted);max-width:43ch}.shelf{background:var(--paper)}.shelf-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:38px;align-items:center}.shelf-image{height:425px;border-radius:var(--radius);box-shadow:var(--shadow)}.shelf-intro{margin:0 0 25px;color:var(--muted);max-width:53ch}.shelf-list{list-style:none;padding:0;margin:0;display:grid;gap:14px}.shelf-list li{display:grid;grid-template-columns:40px 1fr;gap:13px;padding:15px 0;border-top:1px solid var(--line)}.shelf-list strong{display:block}.shelf-list span{color:var(--muted);font-size:.94rem}.index-circle{width:31px;height:31px;border:1px solid var(--brass);border-radius:50%;display:grid;place-items:center;font-weight:800;color:var(--forest)}.mood{background:var(--forest);color:var(--cream)}.mood .section-head p{color:#d7e1d1}.mood-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 28px}.mood-button{background:transparent;color:var(--cream);border-color:rgba(246,240,223,.44);min-height:48px}.mood-button.is-active{background:var(--brass);border-color:var(--brass);color:var(--pine)}.mood-note{background:#214c3e;border:1px solid rgba(255,255,255,.15);padding:31px;border-radius:var(--radius);display:grid;grid-template-columns:1fr .75fr;gap:36px}.mood-note h3{font-size:2rem;margin:0 0 12px;letter-spacing:-.04em}.mood-note p{margin:0;color:#edf0df}.mood-cue{border-left:2px solid var(--brass);padding-left:21px;align-self:center;color:#f4e5c0}.timeline{background:var(--cream)}.timeline-track{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;position:relative}.time-card{position:relative;padding:18px;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);min-height:286px}.time-card:nth-child(even){transform:translateY(28px)}.time-card img{height:132px;border-radius:10px;margin-bottom:18px}.time-card b{font-size:.77rem;text-transform:uppercase;letter-spacing:.1em;color:var(--orange)}.time-card h3{font-size:1.23rem;margin:7px 0}.time-card p{font-size:.91rem;color:var(--muted);margin:0}.anatomy{background:var(--paper)}.anatomy-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:42px;align-items:center}.anatomy-photo{height:500px;border-radius:48% 48% 10px 10px;box-shadow:var(--shadow)}.callouts{display:grid;gap:14px}.callout{display:grid;grid-template-columns:41px 1fr;gap:13px;padding:15px 0;border-bottom:1px solid var(--line)}.callout h3{margin:0;font-size:1rem}.callout p{margin:4px 0 0;color:var(--muted);font-size:.93rem}.notebook{background:#e6ddc7}.notebook-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:46px;align-items:start}.notebook-photo{height:382px;border-radius:var(--radius);box-shadow:var(--shadow)}.note-paper{background:var(--paper);padding:32px 34px;border-radius:4px;box-shadow:var(--shadow);position:relative}.note-paper:before{content:"";position:absolute;left:20px;top:0;bottom:0;width:1px;background:#e6b5a1}.note-paper h3{margin:0 0 15px;font-size:1.65rem;letter-spacing:-.04em}.note-paper ol{margin:0;padding-left:25px}.note-paper li{padding:9px 0 10px 7px;border-bottom:1px dashed #cfc4aa}.rail{background:var(--pine);color:var(--cream)}.rail .section-head p{color:#d7e1d1}.rail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.rail-card{padding:26px;border-top:3px solid var(--brass);background:#163a30}.rail-card h3{margin:0 0 10px;font-size:1.25rem}.rail-card p{margin:0;color:#d7e1d1}.role-board{background:var(--paper)}.roles{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.role{border:1px solid var(--line);padding:22px 18px;min-height:206px;border-radius:12px}.role:nth-child(2){background:#f2ead9}.role:nth-child(3){background:#e7efe1}.role:nth-child(4){background:#eee4c9}.role-label{display:inline-block;font-size:.75rem;font-weight:800;color:var(--orange);text-transform:uppercase;letter-spacing:.12em;margin-bottom:18px}.role h3{margin:0 0 8px;font-size:1.28rem}.role p{margin:0;color:var(--muted);font-size:.92rem}.pack{background:var(--cream)}.pack-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:43px;align-items:start}.pack-photo{height:390px;border-radius:var(--radius);box-shadow:var(--shadow)}.pack-list{background:var(--paper);border:1px solid var(--line);padding:23px;border-radius:var(--radius)}.pack-status{display:flex;justify-content:space-between;align-items:center;gap:15px;padding-bottom:14px;border-bottom:1px solid var(--line);margin-bottom:8px}.pack-status strong{color:var(--forest)}.clear-button{background:transparent;border:0;color:var(--orange);font-size:.9rem;font-weight:800;cursor:pointer;min-height:44px;padding:8px}.check-row{display:flex;gap:12px;align-items:center;min-height:51px;border-bottom:1px solid #eee6d5;cursor:pointer}.check-row input{width:20px;height:20px;accent-color:var(--forest);flex:0 0 auto}.check-row span{font-weight:620}.faq{background:var(--forest);color:var(--cream)}.faq .section-head p{color:#d7e1d1}.faq .accordion-item{background:transparent;border:0;border-bottom:1px solid rgba(255,255,255,.22)}.faq .accordion-button{background:transparent;color:var(--cream);font-weight:760;font-size:1.08rem;padding:21px 4px;min-height:64px}.faq .accordion-button:not(.collapsed){box-shadow:none;background:transparent;color:#ffdf9d}.faq .accordion-button:focus{box-shadow:0 0 0 3px rgba(185,138,66,.35)}.faq .accordion-button:after{filter:invert(1)}.faq .accordion-body{padding:0 4px 23px;color:#dde5d9;max-width:70ch}.contact{background:var(--paper)}.contact-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:48px}.contact-note{background:var(--cream);border-left:4px solid var(--brass);padding:30px}.contact-note h2{font-size:2.5rem;line-height:1;letter-spacing:-.05em;margin:0 0 15px}.contact-note p{color:var(--muted)}.contact-note a{font-weight:800;color:var(--forest)}.contact-form{padding:30px;border:1px solid var(--line);border-radius:var(--radius)}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field{display:grid;gap:6px;margin:0 0 15px}.field label{font-size:.87rem;font-weight:800}.field input,.field textarea{width:100%;min-height:46px;border:1px solid #a9ac9b;border-radius:8px;padding:10px 12px;font:inherit;background:#fff}.field textarea{min-height:122px;resize:vertical}.form-note{font-size:.88rem;color:var(--muted);margin:0 0 15px}.form-alert{margin:15px 0 0;padding:12px 14px;border-radius:8px;font-size:.92rem}.form-alert.error{background:#f8e1d9;color:#702d1a}.form-alert.success{background:#e1eddd;color:#204c32}.closing{background:#d8c5a1;padding:52px 0}.closing .wrap{display:flex;justify-content:space-between;align-items:center;gap:26px}.closing h2{font-size:clamp(1.9rem,3vw,3rem);letter-spacing:-.05em;line-height:1;margin:0;max-width:15ch}.site-footer{background:#102d25;color:#d9e1d3;padding:44px 0 24px}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:25px}.footer-grid p{margin:12px 0 0;max-width:45ch;color:#bfcfc4;font-size:.9rem}.footer-links{display:grid;gap:7px;align-content:start}.footer-links a{font-size:.91rem}.copyright{border-top:1px solid rgba(255,255,255,.15);margin-top:31px;padding-top:18px;font-size:.82rem;color:#afc0b3}.legal-main{padding:62px 0 84px}.legal-paper{max-width:820px;margin:auto;background:var(--paper);border:1px solid var(--line);padding:clamp(26px,6vw,65px);border-radius:var(--radius)}.legal-paper h1{font-size:clamp(2.5rem,5vw,4.3rem);letter-spacing:-.06em;line-height:1;margin:0 0 18px}.legal-paper h2{font-size:1.35rem;margin:32px 0 11px}.legal-paper p,.legal-paper li{color:#44534a}.legal-paper ul{padding-left:22px}.notfound{min-height:66vh;display:grid;place-items:center;text-align:center}.notfound-card{max-width:680px;padding:56px 30px}.notfound .code{font-size:5rem;line-height:1;color:var(--brass);font-weight:800;letter-spacing:-.08em}@media(max-width:760px){.nav-shell{padding:11px 18px;min-height:64px}.nav-toggle{display:inline-flex}.header-mail{display:none}.nav-links{display:none;position:absolute;left:0;right:0;top:64px;background:var(--forest);padding:14px 24px 20px;flex-direction:column;align-items:flex-start;border-bottom:1px solid rgba(255,255,255,.15)}.nav-links.show{display:flex}.wrap{width:min(100% - 32px,620px)}.hero{padding:38px 0 46px}.hero-grid,.shelf-grid,.anatomy-grid,.notebook-grid,.pack-grid,.contact-grid{grid-template-columns:1fr;gap:29px}.hero h1{max-width:11ch}.hero-visual,.hero-visual img{min-height:0;height:330px}.photo-stamp{left:10px;bottom:-13px}.section-head{grid-template-columns:1fr;gap:0;margin-bottom:27px}main>section{padding:60px 0}.timeline-track,.roles{grid-template-columns:1fr 1fr;gap:12px}.time-card{min-height:0}.time-card:nth-child(even){transform:none}.time-card img{height:118px}.mood-note{grid-template-columns:1fr;gap:17px;padding:24px}.anatomy-photo{height:350px}.rail-grid{grid-template-columns:1fr;gap:12px}.closing .wrap{align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1fr;gap:22px}.field-grid{grid-template-columns:1fr}.contact-form,.contact-note{padding:22px}.legal-main{padding:35px 0 56px}}@media(max-width:430px){.timeline-track,.roles{grid-template-columns:1fr}.hero-visual,.hero-visual img{height:285px}.mood-tabs{display:grid;grid-template-columns:1fr}.mood-button{width:100%}.pack-status{align-items:flex-start;flex-direction:column;gap:2px}.brand{font-size:.91rem}.brand-mark{width:29px;height:29px}.nav-links[style]{display:grid!important;grid-template-columns:repeat(2,max-content);gap:0 7px!important;font-size:.72rem}}

/* Deliberate reading space between display headings and their supporting copy. */
.content-title{margin:0 0 16px}
.time-card h3{margin:8px 0 13px}
.callout h3{margin:0 0 11px}
.callout p{margin:0}

/* Visual hardening: preserve every module while giving text, images and columns safe room. */
main > section { overflow: visible; }
.hero { overflow: visible; }
.hero-grid,.shelf-grid,.anatomy-grid,.notebook-grid,.pack-grid,.contact-grid,.section-head,.mood-note,.timeline-track,.rail-grid,.roles,.field-grid,.footer-grid { min-width:0; }
.hero-grid > *,.shelf-grid > *,.anatomy-grid > *,.notebook-grid > *,.pack-grid > *,.contact-grid > *,.section-head > *,.mood-note > *,.timeline-track > *,.rail-grid > *,.roles > *,.field-grid > *,.footer-grid > * { min-width:0; }
.hero-visual,.hero-visual img,.shelf-image,.anatomy-photo,.notebook-photo,.pack-photo,.time-card img,.contact-note img { position:relative; isolation:isolate; }
.hero-visual { z-index:0; }
.hero-visual img,.shelf-image,.anatomy-photo,.notebook-photo,.pack-photo,.time-card img,.contact-note img { z-index:0; }
.photo-stamp { z-index:1; }
.hero h1 { line-height:1.02; margin-bottom:24px; }
.content-title,.section-head h2 { line-height:1.06; }
.content-title { margin-bottom:18px; }
.section-head p { margin-top:16px; }
.mood-note h3 { line-height:1.12; margin-bottom:15px; }
.time-card { padding:22px; }
.time-card h3 { line-height:1.18; margin:10px 0 14px; }
.callout { padding:17px 0; }
.callout h3 { line-height:1.22; margin-bottom:12px; }
.note-paper { padding:36px 38px; }
.note-paper h2 { line-height:1.08; margin:0 0 20px; }
.rail-card { padding:30px; }
.rail-card h3 { line-height:1.2; margin-bottom:14px; }
.role { padding:26px 22px; }
.role h3 { line-height:1.2; margin-bottom:13px; }
.contact-note h2 { line-height:1.08; margin-bottom:18px; }
.contact-note p { margin:0 0 16px; }
.contact-form { padding:34px; }
.pack-list { padding:27px; }
.hero-grid { gap:52px; }
.shelf-grid { gap:48px; }
.anatomy-grid { gap:48px; }
.notebook-grid { gap:48px; }
.pack-grid { gap:48px; }
.contact-grid { gap:52px; }
.section-head { gap:44px; }
.mood-note { gap:44px; }
.timeline-track { gap:28px; }
.rail-grid { gap:28px; }
.roles { gap:24px; }
.field-grid { gap:20px; }
@media (max-width:980px) {
  .hero-grid,.shelf-grid,.anatomy-grid,.notebook-grid,.pack-grid,.contact-grid,.section-head { grid-template-columns:minmax(0,1fr); }
  .hero-grid,.shelf-grid,.anatomy-grid,.notebook-grid,.pack-grid,.contact-grid { gap:34px; }
  .section-head { gap:0; }
  .section-head p { max-width:62ch; }
  .timeline-track,.roles { grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
  .mood-note { grid-template-columns:minmax(0,1fr); gap:24px; }
  .hero-visual,.hero-visual img { height:min(60vw,460px); }
}
@media (max-width:760px) {
  .wrap { width:min(100% - 32px,620px); }
  main > section { padding:64px 0; }
  .hero { padding:44px 0 54px; }
  .hero-grid,.shelf-grid,.anatomy-grid,.notebook-grid,.pack-grid,.contact-grid { gap:30px; }
  .hero-visual,.hero-visual img { height:min(78vw,380px); }
  .shelf-image,.anatomy-photo,.notebook-photo,.pack-photo { height:auto; min-height:300px; }
  .note-paper,.contact-form { padding:28px 26px; }
  .contact-note { padding:28px 24px; }
  .pack-list { padding:22px; }
  .timeline-track,.roles { gap:16px; }
  .rail-grid { gap:16px; }
  .rail-card { padding:26px; }
}
@media (max-width:640px) {
  .timeline-track,.roles { grid-template-columns:minmax(0,1fr); }
  .time-card,.role { min-height:0; }
  .time-card img { height:180px; }
  .hero h1 { max-width:12ch; }
}
@media (max-width:430px) {
  .wrap { width:min(100% - 28px,620px); }
  main > section { padding:56px 0; }
  .hero { padding:38px 0 48px; }
  .hero-visual,.hero-visual img { height:285px; }
  .photo-stamp { left:8px; max-width:min(235px,calc(100% - 16px)); padding:14px 15px; }
  .note-paper,.contact-form { padding:24px 20px; }
  .contact-note { padding:24px 20px; }
  .pack-list { padding:18px; }
  .time-card { padding:20px; }
  .time-card img { height:156px; }
  .rail-card { padding:22px; }
  .role { padding:23px 20px; }
}