@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Libre+Franklin:wght@300;400;500;600&family=Parisienne&display=swap');
:root{--ink:#3d3129;--brown:#624a39;--muted:#806f62;--cream:#f6f0e5;--paper:#fbf7ef;--gold:#a18463;--line:rgba(98,74,57,.24);--shadow:0 24px 70px rgba(65,48,36,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#eee5d8;font-family:'Libre Franklin',sans-serif;font-weight:300;line-height:1.7}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.17;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.2'/%3E%3C/svg%3E");z-index:9999}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:1rem;top:1rem;background:#fff;padding:.7rem 1rem;z-index:99999}.site-header{position:fixed;top:0;left:0;right:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:1.1rem clamp(1.2rem,4vw,4.5rem);background:rgba(251,247,239,.92);backdrop-filter:blur(12px);border-bottom:1px solid transparent;transform:translateY(-105%);transition:.5s}.site-header.visible{transform:none;border-color:var(--line)}.brand{text-decoration:none;color:var(--ink);font-family:'Cormorant Garamond',serif;font-size:1.28rem;line-height:.9}.brand span,.brand em{display:block}.brand em{font-weight:400}.site-header nav{display:flex;gap:clamp(1rem,2.6vw,2.5rem)}.site-header nav a,footer a{text-decoration:none;color:var(--ink);font-size:.77rem;letter-spacing:.09em;text-transform:uppercase}.menu-toggle{display:none;background:none;border:0}.menu-toggle span:not(.sr-only){display:block;width:25px;height:1px;background:var(--ink);margin:6px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.cover{height:100vh;min-height:620px;position:relative;background:#1f1916}.cover-image{position:absolute;inset:0;background:linear-gradient(90deg,rgba(34,24,18,.72),rgba(34,24,18,.12)),radial-gradient(circle at 72% 45%,rgba(246,215,167,.28),transparent 32%),linear-gradient(140deg,#59463b,#a38268 52%,#4a392f);overflow:hidden}.cover-image:before{content:'Remembering';position:absolute;left:8vw;top:31vh;color:#f9f3e9;font:500 clamp(4rem,10vw,9rem)/.8 'Cormorant Garamond',serif}.cover-image:after{content:'the Decades  ·  Preserving memories, one decade at a time.';position:absolute;left:11vw;top:51vh;color:#f9f3e9;font:400 clamp(1.25rem,2.5vw,2rem)/1.4 'Cormorant Garamond',serif;font-style:italic;letter-spacing:.03em}.cover-click-layer{position:absolute;inset:0}.chapter{padding:clamp(5rem,10vw,10rem) clamp(1.3rem,7vw,8rem);background:var(--paper);position:relative}.chapter:nth-of-type(even){background:var(--cream)}.split{max-width:1300px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:clamp(3rem,8vw,8rem);align-items:center}.chapter-copy h2,.chapter-heading h2{font:500 clamp(2.8rem,5.5vw,5.7rem)/.95 'Cormorant Garamond',serif;margin:0 0 1.5rem}.chapter-copy h2 em,.series-preview em,.collection-row em{font-weight:400}.chapter-copy p{max-width:570px}.script{font-family:'Parisienne',cursive;font-size:clamp(1.8rem,3vw,2.8rem);line-height:1.3;color:var(--brown)}.small-flourish{font-size:1.8rem;color:var(--gold);margin:1.5rem 0}.photo-frame{aspect-ratio:4/5;box-shadow:var(--shadow);border:10px solid rgba(255,255,255,.72);outline:1px solid var(--line);display:grid;place-items:center;text-align:center;padding:2rem;color:rgba(255,255,255,.9);font-family:'Cormorant Garamond',serif;font-size:1.3rem}.placeholder-photo{background:linear-gradient(145deg,rgba(56,43,35,.36),rgba(203,174,133,.18)),radial-gradient(circle at 68% 28%,#dfc9ab,transparent 26%),linear-gradient(135deg,#796757,#b6a083 53%,#695548)}.gallery-intro{text-align:center;margin:8rem auto 3rem;font-family:'Cormorant Garamond',serif;font-size:1.75rem}.memory-gallery{max-width:1200px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:1.3rem}.memory-card{margin:0}.memory-image{aspect-ratio:3/4;background:linear-gradient(150deg,#7d6653,#cfb48f);box-shadow:0 12px 30px rgba(60,45,35,.12)}.scene-bikes{background:linear-gradient(140deg,#b1a288,#6f7a6a)}.scene-dance{background:linear-gradient(140deg,#6a5147,#c7a177)}.scene-birthday{background:linear-gradient(140deg,#bca788,#806656)}.gallery-dots{text-align:center;margin-top:2rem}.gallery-dots span{display:inline-block;width:6px;height:6px;border-radius:50%;background:#c5b4a2;margin:4px}.gallery-dots .active{background:var(--brown)}.chapter-heading{text-align:center;max-width:850px;margin:0 auto 5rem}.decade-grid{max-width:1200px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:1.4rem}.decade-card{text-decoration:none;color:var(--ink);text-align:center}.decade-image{aspect-ratio:3/4;display:grid;place-items:end center;padding:1.5rem;background:linear-gradient(145deg,#7f6858,#d2b58c);transition:.4s;box-shadow:0 12px 35px rgba(61,49,41,.1)}.decade-card:hover .decade-image{transform:translateY(-8px);box-shadow:var(--shadow)}.decade-image span{color:white;font:500 2.4rem 'Cormorant Garamond',serif;text-shadow:0 2px 15px #000}.decade-40s{filter:sepia(.5)}.decade-60s{background:linear-gradient(145deg,#866d5f,#c69e70)}.decade-70s{background:linear-gradient(145deg,#6d5a45,#c48f55)}.decade-card h3{font:500 2rem 'Cormorant Garamond',serif}.eyebrow{text-transform:uppercase;letter-spacing:.25em;font-size:.72rem;font-weight:500}.decade-themes,.series-preview{max-width:1200px;margin:8rem auto 0;text-align:center}.decade-themes h3,.series-preview h3,.section-title{font:500 clamp(2rem,4vw,3.6rem) 'Cormorant Garamond',serif}.theme-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem;margin-top:3rem}.theme-grid>div{padding:2rem .8rem;border-top:1px solid var(--line)}.theme-grid span{font-size:2rem}.book-row{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem;margin-top:4rem}.book-cover{width:70%;margin:auto;aspect-ratio:8.5/11;background:linear-gradient(145deg,#5d4838,#b38f65);color:white;padding:2rem 1rem;display:flex;flex-direction:column;justify-content:center;box-shadow:0 18px 40px rgba(50,36,26,.18)}.book-cover strong{font:500 1.7rem 'Cormorant Garamond',serif}.book-cover span{font-size:.68rem;margin-top:auto}.collection-list{max-width:1200px;margin:4rem auto}.collection-row{display:grid;grid-template-columns:1.2fr .7fr 1fr;align-items:center;gap:2rem;padding:3rem 0;border-top:1px solid var(--line)}.collection-row h3{font:500 2.3rem 'Cormorant Garamond',serif;margin:0}.mini-books{display:flex;justify-content:center}.mini-books span{width:45px;height:70px;margin:-5px;background:#8c7056;border:2px solid #e9dece;box-shadow:2px 7px 10px #9d8d7b}.button{display:inline-block;border:1px solid var(--brown);background:transparent;color:var(--ink);padding:.9rem 1.7rem;text-decoration:none;text-transform:uppercase;letter-spacing:.12em;font:500 .7rem 'Libre Franklin',sans-serif;cursor:pointer;transition:.25s}.button:hover,.button:focus-visible{background:var(--brown);color:#fff;transform:translateY(-2px)}.button-dark{background:var(--brown);color:white}.aunt-story{max-width:1100px;margin:8rem auto;display:grid;grid-template-columns:1fr 1.2fr;gap:5rem;align-items:center}.story-art{aspect-ratio:4/3;background:linear-gradient(145deg,#725e50,#c4a783);display:grid;place-items:center;text-align:center;color:#fff;font:500 2.8rem 'Cormorant Garamond',serif;box-shadow:var(--shadow)}.benefit-grid,.values-grid{max-width:1100px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;text-align:center}.benefit-grid>div,.values-grid>div{padding:2rem}.benefit-grid span,.values-grid span{font-size:2rem}.benefit-grid h3,.values h3{font:500 1.7rem 'Cormorant Garamond',serif}.journey-cta{text-align:center;max-width:850px;margin:8rem auto 0}.journey-cta h3{font:500 3rem 'Cormorant Garamond',serif}
/* Version 5.1 Memory Journal */
.memory-journal{min-height:100vh;display:grid;place-items:center;overflow:hidden;background:linear-gradient(rgba(251,247,239,.82),rgba(251,247,239,.88)),radial-gradient(circle at 20% 15%,rgba(176,143,105,.12),transparent 35%),var(--paper)}.memory-journal:before,.memory-journal:after{content:"";position:absolute;width:42vw;height:42vw;border:1px solid rgba(161,132,99,.08);border-radius:50%;pointer-events:none}.memory-journal:before{left:-20vw;top:-22vw}.memory-journal:after{right:-24vw;bottom:-25vw}.journal-shell{width:min(900px,100%);text-align:center;padding:clamp(3rem,8vw,6.5rem) clamp(1.5rem,8vw,7rem);position:relative;background:rgba(255,252,245,.55);border:1px solid rgba(111,84,62,.14);box-shadow:0 35px 90px rgba(72,52,38,.08)}.journal-shell:before{content:"";position:absolute;inset:12px;border:1px solid rgba(111,84,62,.08);pointer-events:none}.journal-shell h2{font:500 clamp(3.1rem,7vw,6.2rem)/.9 'Cormorant Garamond',serif;margin:.5rem 0 1.3rem}.journal-rule{display:flex;align-items:center;gap:1rem;color:var(--gold);justify-content:center}.journal-rule:before,.journal-rule:after{content:"";height:1px;width:75px;background:var(--line)}.prompt-stage{min-height:250px;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity .42s ease,transform .42s ease}.prompt-stage.changing{opacity:0;transform:translateY(8px)}.journal-question{font:400 clamp(2.1rem,4.6vw,4.1rem)/1.14 'Cormorant Garamond',serif;max-width:730px;margin:2.2rem auto 1.8rem;text-wrap:balance}.journal-support{color:var(--muted);font:400 clamp(.9rem,1.5vw,1.05rem)/1.6 'Cormorant Garamond',serif;font-style:italic}.journal-support p{margin:.1rem}.journal-button{margin-top:1.5rem;padding:1.1rem 2.2rem;background:var(--brown);color:#fff}.journal-note{margin:2.2rem 0 0;color:#9a897a;font:400 .88rem 'Cormorant Garamond',serif;letter-spacing:.03em}.mission-hero{margin-bottom:9rem}.journey-behind{max-width:1100px}.desk-still{aspect-ratio:4/3}.signature{font-family:'Parisienne',cursive;font-size:2.2rem}.values{text-align:center;max-width:1200px;margin:9rem auto}.values-grid{grid-template-columns:repeat(5,1fr)}.closing-quote{text-align:center;border:0;margin:10rem auto 0;font:400 clamp(2.4rem,5vw,5rem)/1.1 'Cormorant Garamond',serif}.closing-quote small{display:block;font:400 1.2rem 'Libre Franklin',sans-serif;margin-top:2rem}footer{text-align:center;padding:5rem 1.5rem;background:#3b3029;color:#eee4d7}footer a{color:#eee4d7;margin:0 1rem}.footer-brand{font:500 2.4rem 'Cormorant Garamond',serif}.footer-note{margin-top:3rem;font-family:'Cormorant Garamond',serif;font-style:italic}.reveal{opacity:0;transform:translateY(32px);transition:opacity .9s ease,transform .9s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:850px){.site-header nav{position:absolute;top:100%;left:0;right:0;background:var(--paper);padding:1.5rem;display:none;flex-direction:column}.site-header nav.open{display:flex}.menu-toggle{display:block}.split,.aunt-story,.collection-row{grid-template-columns:1fr}.photo-frame{max-width:580px;width:100%;margin:auto}.memory-gallery,.decade-grid{grid-template-columns:repeat(2,1fr)}.theme-grid{grid-template-columns:repeat(2,1fr)}.book-row{grid-template-columns:1fr}.book-cover{max-width:240px}.benefit-grid{grid-template-columns:1fr}.values-grid{grid-template-columns:repeat(2,1fr)}.collection-row{text-align:center}.cover-image:before{left:7vw;top:34vh;font-size:16vw}.cover-image:after{left:8vw;top:49vh;width:80%;}.journal-shell{box-shadow:none}.prompt-stage{min-height:300px}}
@media(max-width:520px){.chapter{padding-left:1.1rem;padding-right:1.1rem}.memory-gallery,.decade-grid,.values-grid{grid-template-columns:1fr}.journal-shell{padding:4rem 1.2rem}.journal-question{font-size:2.25rem}.site-header{padding:1rem}.footer nav{display:flex;flex-direction:column;gap:.8rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal,.prompt-stage,.site-header,.decade-image,.button{transition:none!important}}

/* =========================================================
   FIRST EDITION — REVISION 2
   Motion, spacing and atmosphere refinement
   ========================================================= */
:root{
  --ease-heirloom:cubic-bezier(.22,.61,.36,1);
  --ease-page:cubic-bezier(.16,1,.3,1);
}

html{scroll-padding-top:76px}
body{overflow-x:hidden}

/* A quieter, warmer page surface */
body:after{
  content:"";
  position:fixed;
  inset:0;
  z-index:9998;
  pointer-events:none;
  background:
    radial-gradient(circle at 18% 12%,rgba(255,255,255,.18),transparent 28%),
    radial-gradient(circle at 82% 88%,rgba(103,74,49,.035),transparent 32%);
  mix-blend-mode:soft-light;
}

/* Opening sequence — like an album being gently uncovered */
.cover{isolation:isolate;overflow:hidden}
.cover-image{
  opacity:0;
  transform:scale(1.035);
  filter:saturate(.88) sepia(.06);
  animation:coverAwaken 1.8s var(--ease-page) .08s forwards;
}
.cover-image:before{
  opacity:0;
  transform:translateY(18px);
  animation:coverTitleIn 1.15s var(--ease-page) .72s forwards;
}
.cover-image:after{
  opacity:0;
  transform:translateY(14px);
  animation:coverTitleIn 1.1s var(--ease-page) 1.08s forwards;
}
.cover-click-layer:after{
  content:"Begin the Journey";
  position:absolute;
  left:11vw;
  top:63vh;
  color:rgba(249,243,233,.9);
  border-bottom:1px solid rgba(249,243,233,.42);
  padding-bottom:.3rem;
  font:500 .68rem/1 'Libre Franklin',sans-serif;
  letter-spacing:.2em;
  text-transform:uppercase;
  opacity:0;
  transform:translateY(10px);
  animation:coverTitleIn 1s var(--ease-page) 1.5s forwards;
  transition:letter-spacing .45s var(--ease-heirloom),color .45s ease,border-color .45s ease;
}
.cover-click-layer:hover:after,.cover-click-layer:focus-visible:after{
  letter-spacing:.25em;
  color:#fff;
  border-color:rgba(255,255,255,.85);
}
@keyframes coverAwaken{to{opacity:1;transform:scale(1)}}
@keyframes coverTitleIn{to{opacity:1;transform:none}}

/* More generous editorial rhythm */
.chapter{
  padding-top:clamp(6.5rem,12vw,12rem);
  padding-bottom:clamp(6.5rem,12vw,12rem);
}
.split{gap:clamp(3.5rem,9vw,9.5rem)}
.chapter-copy h2,.chapter-heading h2{margin-bottom:2rem;letter-spacing:-.018em}
.chapter-copy p{margin-top:1.15rem;margin-bottom:1.15rem}
.gallery-intro{margin-top:clamp(8rem,13vw,12rem);margin-bottom:4rem}
.chapter-heading{margin-bottom:clamp(4.5rem,8vw,7rem)}
.decade-themes,.series-preview{margin-top:clamp(8rem,13vw,12rem)}
.collection-list{margin-top:clamp(4rem,7vw,6rem)}
.collection-row{padding-top:clamp(3.5rem,6vw,5.5rem);padding-bottom:clamp(3.5rem,6vw,5.5rem)}
.aunt-story{margin-top:clamp(8rem,13vw,12rem);margin-bottom:clamp(8rem,13vw,12rem)}
.journey-cta{margin-top:clamp(8rem,13vw,12rem)}
.values{margin-top:clamp(8rem,13vw,12rem);margin-bottom:clamp(8rem,13vw,12rem)}
.closing-quote{margin-top:clamp(9rem,15vw,14rem)}

/* Section transitions feel more like turning a page */
.chapter:after{
  content:"";
  position:absolute;
  left:8%;right:8%;bottom:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(113,86,63,.14),transparent);
}
.chapter:last-of-type:after{display:none}

/* Reveals: slower, softer, with a tiny sense of depth */
.reveal{
  opacity:0;
  transform:translate3d(0,42px,0) scale(.994);
  filter:blur(2px);
  transition:
    opacity 1.15s var(--ease-page),
    transform 1.15s var(--ease-page),
    filter 1.05s ease;
  will-change:opacity,transform;
}
.reveal.visible{opacity:1;transform:none;filter:blur(0)}
.reveal:nth-child(2){transition-delay:.07s}
.reveal:nth-child(3){transition-delay:.13s}
.reveal:nth-child(4){transition-delay:.19s}

/* Calm tactile feedback */
.photo-frame,.memory-image,.book-cover,.story-art,.journal-shell{
  transition:transform .7s var(--ease-heirloom),box-shadow .7s var(--ease-heirloom),filter .7s ease;
}
.photo-frame:hover,.story-art:hover{transform:translateY(-3px);box-shadow:0 30px 65px rgba(55,39,28,.17)}
.memory-card:hover .memory-image{transform:translateY(-3px);box-shadow:0 22px 48px rgba(60,45,35,.16)}
.decade-image{transition:transform .65s var(--ease-heirloom),box-shadow .65s var(--ease-heirloom),filter .65s ease}
.decade-card:hover .decade-image{transform:translateY(-4px) scale(1.008);box-shadow:0 24px 55px rgba(55,39,28,.16);filter:brightness(1.025)}
.book-card:hover .book-cover{transform:translateY(-4px) rotate(.15deg);box-shadow:0 28px 55px rgba(50,36,26,.2)}
.button{transition:background-color .42s ease,color .42s ease,transform .42s var(--ease-heirloom),box-shadow .42s ease,letter-spacing .42s ease}
.button:hover,.button:focus-visible{transform:translateY(-2px);box-shadow:0 10px 25px rgba(75,52,36,.12);letter-spacing:.14em}

/* Memory Journal: a deliberate pause in the journey */
.memory-journal{padding-top:clamp(7rem,11vw,11rem);padding-bottom:clamp(7rem,11vw,11rem)}
.journal-shell{padding-top:clamp(4.5rem,9vw,8rem);padding-bottom:clamp(4.5rem,9vw,8rem);box-shadow:0 42px 110px rgba(72,52,38,.085)}
.journal-shell.visible{animation:journalSettle 1.5s var(--ease-page) both}
@keyframes journalSettle{0%{box-shadow:0 18px 45px rgba(72,52,38,.04)}100%{box-shadow:0 42px 110px rgba(72,52,38,.085)}}
.prompt-stage{transition:opacity .62s ease,transform .62s var(--ease-page),filter .62s ease}
.prompt-stage.changing{opacity:0;transform:translateY(10px);filter:blur(2px)}
.journal-question{margin-top:2.8rem;margin-bottom:2.2rem}
.journal-button{margin-top:2rem}

/* Header arrives gracefully after the cover */
.site-header{transition:transform .75s var(--ease-page),border-color .5s ease,background-color .5s ease,box-shadow .5s ease}
.site-header.visible{box-shadow:0 8px 30px rgba(55,42,33,.055)}

/* Gentle progress indicator */
.journey-progress{
  position:fixed;
  z-index:1002;
  top:0;left:0;
  height:2px;
  width:0;
  background:linear-gradient(90deg,var(--gold),var(--brown));
  opacity:.62;
  pointer-events:none;
  transition:width .1s linear;
}

@media(max-width:850px){
  .cover-click-layer:after{left:8vw;top:63vh}
  .chapter{padding-top:6.5rem;padding-bottom:6.5rem}
  .reveal{transform:translate3d(0,28px,0)}
  .photo-frame:hover,.story-art:hover,.memory-card:hover .memory-image,.decade-card:hover .decade-image,.book-card:hover .book-cover{transform:none}
}
@media(max-width:520px){
  .cover-click-layer:after{top:66vh;font-size:.61rem}
  .gallery-intro{margin-top:6.5rem}
}
@media(prefers-reduced-motion:reduce){
  .cover-image,.cover-image:before,.cover-image:after,.cover-click-layer:after,.journal-shell.visible{animation:none!important;opacity:1!important;transform:none!important}
  .reveal{filter:none!important}
  .journey-progress{display:none}
}

/* Launch wiring and accessibility polish */
:focus-visible{outline:2px solid var(--brown);outline-offset:4px}.site-header nav a{position:relative}.site-header nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-.45rem;height:1px;background:var(--gold);transition:right .35s ease}.site-header nav a:hover:after,.site-header nav a:focus-visible:after{right:0}.series-action{margin-top:3.25rem}.instagram-cta{margin-left:.75rem}footer nav{display:flex;justify-content:center;flex-wrap:wrap;gap:1rem 2rem}@media(max-width:850px){.site-header nav{max-height:calc(100vh - 80px);overflow-y:auto}.instagram-cta{display:block;width:max-content;margin:1rem auto 0}}@media(max-width:520px){.button{max-width:100%;white-space:normal;text-align:center;line-height:1.45}.journey-cta .button{display:block;width:100%;margin:.8rem 0 0}}

/* Production Build v1 — approved editorial photography */
.production-photo{overflow:hidden;padding:0;background:#8d7865;color:transparent}
.production-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.hero-photo{aspect-ratio:3/2}
.hero-photo img{object-position:center 46%}
.memory-image{overflow:hidden;position:relative}
.memory-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.memory-card:nth-child(1) .memory-image img{object-position:center 40%}
.memory-card:nth-child(2) .memory-image img{object-position:center 42%}
.memory-card:nth-child(3) .memory-image img{object-position:center 45%}
.memory-card:nth-child(4) .memory-image img{object-position:center 48%}
.chapter-one-closing{max-width:900px;margin:5rem auto 0;text-align:center}
.chapter-one-closing img{display:block;width:100%;max-height:760px;object-fit:cover;object-position:center 50%;border:10px solid rgba(255,255,255,.72);outline:1px solid var(--line);box-shadow:var(--shadow)}
.chapter-one-closing figcaption,.journal-editorial-card figcaption{margin-top:1.15rem;font:400 1.35rem 'Cormorant Garamond',serif;font-style:italic;color:var(--muted)}
.library-photo{aspect-ratio:2/3}
.library-photo img{object-position:center 52%}
.conversation-photo{aspect-ratio:3/2}
.conversation-photo img{object-position:center 44%}
.story-art{aspect-ratio:3/2;overflow:hidden;background:none}
.story-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 42%}
.journal-editorial-grid{max-width:1200px;margin:8rem auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.5rem,3vw,3rem)}
.journal-editorial-card{margin:0;text-align:center}
.journal-editorial-card img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;object-position:center;border:8px solid rgba(255,255,255,.72);outline:1px solid var(--line);box-shadow:var(--shadow);transition:transform .5s var(--ease-page),box-shadow .5s var(--ease-page)}
.journal-editorial-card:hover img{transform:translateY(-3px);box-shadow:0 30px 65px rgba(55,39,28,.17)}
@media(max-width:850px){
  .hero-photo,.conversation-photo{aspect-ratio:4/3}
  .journal-editorial-grid{grid-template-columns:1fr;margin:5rem auto}
  .chapter-one-closing{margin-top:3.5rem}
}
@media(max-width:520px){
  .memory-image{aspect-ratio:4/5}
  .photo-frame,.chapter-one-closing img,.journal-editorial-card img{border-width:5px}
}
@media(prefers-reduced-motion:reduce){.journal-editorial-card:hover img{transform:none}}


/* =========================================================
   PRODUCTION BUILD V2 — final asset integration and polish
   ========================================================= */
.cover-image{
  background-image:linear-gradient(90deg,rgba(28,20,15,.72) 0%,rgba(28,20,15,.34) 47%,rgba(28,20,15,.05) 78%),url("assets/images/cover-heirloom.webp");
  background-size:cover;
  background-position:center 48%;
}
.cover-image:before{text-shadow:0 4px 30px rgba(20,13,9,.35)}
.cover-image:after{max-width:560px;text-shadow:0 3px 22px rgba(20,13,9,.4)}
.decade-image{position:relative;overflow:hidden;padding:0;background:#8d7865;isolation:isolate}
.decade-image:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(28,19,13,.62),transparent 47%);z-index:1}
.decade-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease-heirloom),filter .8s ease}
.decade-card:hover .decade-image img{transform:scale(1.035)}
.decade-image span{position:absolute;z-index:2;left:0;right:0;bottom:1.15rem;text-align:center}
.decade-40s{filter:sepia(.42) saturate(.78)}
.decade-50s{filter:sepia(.18) saturate(.9)}
.decade-60s{filter:sepia(.12) saturate(.92)}
.decade-70s{filter:sepia(.08) saturate(1.02)}
.decade-photo{aspect-ratio:4/3}
.decade-photo img{object-position:center 45%;transition:opacity .36s ease,transform .75s var(--ease-heirloom)}
.production-book{padding:0;background:transparent;overflow:hidden;width:min(78%,290px);aspect-ratio:8.5/11}
.production-book img{display:block;width:100%;height:100%;object-fit:contain;background:var(--cream)}
.mini-books{gap:0;align-items:center;min-width:180px}
.mini-books img{display:block;width:58px;aspect-ratio:8.5/11;object-fit:cover;margin-left:-9px;border:2px solid #eee3d5;box-shadow:2px 9px 18px rgba(60,45,35,.2);transition:transform .5s var(--ease-heirloom)}
.mini-books img:first-child{margin-left:0;transform:rotate(-3deg)}
.mini-books img:nth-child(2){z-index:2;transform:translateY(-5px)}
.mini-books img:nth-child(3){transform:rotate(3deg)}
.collection-row:hover .mini-books img:first-child{transform:translateX(-3px) rotate(-4deg)}
.collection-row:hover .mini-books img:nth-child(2){transform:translateY(-8px)}
.collection-row:hover .mini-books img:nth-child(3){transform:translateX(3px) rotate(4deg)}
.sunset-photo{aspect-ratio:4/3}
.sunset-photo img{object-position:center 52%}
.desk-still{overflow:hidden;box-shadow:var(--shadow);border:8px solid rgba(255,255,255,.72);outline:1px solid var(--line)}
.desk-still img{object-position:center 52%}
.series-preview>p{max-width:760px;margin-left:auto;margin-right:auto}
.book-card p{max-width:310px;margin:1.5rem auto 0}
.collection-row>div:last-child p{margin-top:0}
@media(max-width:850px){
  .cover-image{background-position:62% center}
  .cover-image:before{font-size:clamp(3.4rem,15vw,6rem);top:32vh}
  .cover-image:after{top:49vh;max-width:78%;font-size:clamp(1.1rem,4.6vw,1.6rem)}
  .decade-photo,.sunset-photo{aspect-ratio:4/3}
  .collection-row{gap:2.75rem}
  .mini-books{margin:0 auto}
}
@media(max-width:520px){
  .cover-image{background-position:66% center}
  .cover-image:before{top:30vh;line-height:.86}
  .cover-image:after{top:47vh}
  .cover-click-layer:after{top:63vh}
  .decade-image span{font-size:2rem}
  .production-book{width:min(82%,250px)}
  .mini-books img{width:52px}
}
@media(prefers-reduced-motion:reduce){.decade-image img,.mini-books img{transition:none}.decade-card:hover .decade-image img{transform:none}}

/* Production Build v2.1 — editorial decade collection showcases */
.collections-heading{max-width:880px;margin:clamp(5rem,9vw,8rem) auto clamp(2.5rem,5vw,4rem);text-align:center}
.collections-heading .section-title{margin:.35rem 0 0;font-size:clamp(2.7rem,5vw,4.7rem);line-height:1}
.collections-heading .small-flourish{margin:1rem 0;color:#9a6d3a}
.collections-heading>p:last-child{max-width:720px;margin:0 auto;color:#594d44}
.editorial-collections{max-width:1400px;margin:0 auto;display:grid;gap:1rem}
.collection-showcase{--series:#435a3f;display:grid;grid-template-columns:minmax(190px,245px) minmax(480px,1fr) minmax(165px,210px);gap:clamp(1.5rem,3vw,3rem);align-items:center;padding:clamp(1.6rem,3vw,2.6rem);background:rgba(255,252,247,.7);border:1px solid rgba(119,91,64,.11);border-radius:20px;box-shadow:0 12px 38px rgba(67,45,28,.075);position:relative;overflow:hidden}
.collection-showcase:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,color-mix(in srgb,var(--series) 4%,transparent),transparent 30%,rgba(255,255,255,.22));opacity:.8}
.collection-showcase>*{position:relative;z-index:1}
.decade-1940s{--series:#40583b}
.decade-1950s{--series:#9b2f22}
.decade-1960s{--series:#174b6b}
.decade-1970s{--series:#b65e19}
.collection-intro{align-self:center}
.collection-kicker{font:500 clamp(1.15rem,1.7vw,1.45rem)/1.1 'Cormorant Garamond',serif;margin:0;color:#2f2925}
.collection-intro h3{font:500 clamp(2.7rem,4vw,4.35rem)/.9 'Cormorant Garamond',serif;color:var(--series);margin:.15rem 0 1rem;white-space:nowrap}
.decade-flourish{color:var(--series);font-size:1.25rem;margin:0 0 1rem;display:flex;align-items:center;gap:.7rem}
.decade-flourish:before,.decade-flourish:after{content:"";height:1px;flex:0 1 52px;background:color-mix(in srgb,var(--series) 58%,transparent)}
.collection-intro>p:last-child{font-family:'Cormorant Garamond',serif;font-size:1.08rem;line-height:1.45;margin:0;color:#352e29}
.collection-books{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.75rem,1.6vw,1.45rem);align-items:end;justify-items:center;padding:.15rem 0}
.collection-books img{display:block;width:100%;max-width:225px;height:auto;aspect-ratio:4/5;object-fit:contain;background:#f8f1e6;box-shadow:0 14px 25px rgba(44,31,21,.18),0 2px 5px rgba(44,31,21,.11);transition:transform .45s var(--ease-heirloom),box-shadow .45s ease;border-radius:1px}
.collection-showcase:hover .collection-books img{box-shadow:0 18px 31px rgba(44,31,21,.22),0 3px 7px rgba(44,31,21,.12)}
.collection-showcase:hover .collection-books img:nth-child(1){transform:translateY(-3px)}
.collection-showcase:hover .collection-books img:nth-child(2){transform:translateY(-6px)}
.collection-showcase:hover .collection-books img:nth-child(3){transform:translateY(-3px)}
.collection-action{text-align:center;color:var(--series)}
.action-flourish{font:500 2rem 'Cormorant Garamond',serif;margin-bottom:1rem;color:var(--series)}
.collection-action a{display:flex;min-height:120px;align-items:center;justify-content:center;flex-direction:column;border-radius:7px;padding:1.25rem 1rem;background:var(--series);color:#fff;text-decoration:none;font:500 1.17rem/1.35 'Cormorant Garamond',serif;box-shadow:0 9px 18px color-mix(in srgb,var(--series) 28%,transparent);transition:transform .25s ease,filter .25s ease,box-shadow .25s ease}
.collection-action a span{display:block;font-size:1.4rem;line-height:1;margin-top:.35rem;transition:transform .25s ease}
.collection-action a:hover,.collection-action a:focus-visible{transform:translateY(-3px);filter:brightness(1.06);box-shadow:0 13px 22px color-mix(in srgb,var(--series) 34%,transparent)}
.collection-action a:hover span,.collection-action a:focus-visible span{transform:translateX(4px)}
@media(max-width:1100px){
 .collection-showcase{grid-template-columns:minmax(175px,220px) minmax(400px,1fr) minmax(150px,180px);gap:1.5rem}
 .collection-books{gap:.75rem}
 .collection-action a{font-size:1.03rem;min-height:108px}
}
@media(max-width:850px){
 .editorial-collections{gap:1.4rem}
 .collection-showcase{grid-template-columns:1fr;padding:2rem;gap:1.8rem;text-align:center}
 .collection-intro{max-width:620px;margin:0 auto}
 .collection-intro h3{white-space:normal}
 .decade-flourish{justify-content:center}
 .collection-books{width:min(100%,700px);margin:0 auto;gap:clamp(.55rem,2.3vw,1.2rem)}
 .collection-books img{max-width:210px}
 .collection-action{width:min(100%,320px);margin:0 auto}
 .action-flourish{display:none}
 .collection-action a{min-height:auto;padding:1rem 1.25rem;display:block}
 .collection-action a br{display:none}
 .collection-action a span{display:inline-block;margin:.15rem 0 0 .35rem}
}
@media(max-width:520px){
 .collection-showcase{padding:1.5rem 1rem;border-radius:15px}
 .collection-books{gap:.4rem}
 .collection-books img{width:100%;max-width:none}
 .collection-intro>p:last-child{font-size:1rem}
 .collection-intro h3{font-size:3rem}
 .collection-action{width:100%}
}
@media(prefers-reduced-motion:reduce){.collection-books img,.collection-action a,.collection-action a span{transition:none}.collection-showcase:hover .collection-books img{transform:none}}

/* Production Build v2.2 — clean cover edges and completed decade photography */
.collection-books img,
.production-book img,
.mini-books img{
  background:transparent !important;
  aspect-ratio:auto !important;
  object-fit:contain;
  box-shadow:none !important;
  filter:drop-shadow(0 14px 13px rgba(44,31,21,.22)) drop-shadow(0 3px 3px rgba(44,31,21,.12));
}
.collection-showcase:hover .collection-books img{
  box-shadow:none !important;
  filter:drop-shadow(0 18px 16px rgba(44,31,21,.25)) drop-shadow(0 4px 4px rgba(44,31,21,.13));
}
.production-book{
  background:transparent !important;
  box-shadow:none !important;
  padding:0 !important;
  aspect-ratio:auto !important;
}
.production-book img{display:block;width:100%;height:auto}
.decade-feature-photo{
  margin:0;
  aspect-ratio:4/3;
  overflow:hidden;
  border:10px solid rgba(255,255,255,.76);
  outline:1px solid var(--line);
  box-shadow:var(--shadow);
  background:#8d7865;
}
.decade-feature-photo img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 45%;
  transition:opacity .36s ease,transform .75s var(--ease-heirloom);
}
.decade-hero:hover .decade-feature-photo img{transform:scale(1.015)}
@media(max-width:850px){.decade-feature-photo{max-width:680px;width:100%;margin:auto}}
@media(prefers-reduced-motion:reduce){.decade-feature-photo img{transition:none}.decade-hero:hover .decade-feature-photo img{transform:none}}

/* Production Build v2.3 — final decade museum photographs */
.decade-feature-photo img{object-position:center center}


/* =========================================================
   PRODUCTION BUILD v3.0 — definitive launch refinements
   ========================================================= */
.experience-intro{
  max-width:920px;
  margin:clamp(7rem,12vw,11rem) auto 0;
  padding:clamp(2.8rem,6vw,5rem) clamp(1.5rem,6vw,5.5rem);
  text-align:center;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.experience-intro h3{
  max-width:760px;
  margin:.75rem auto 1.5rem;
  font:500 clamp(2.5rem,5vw,4.6rem)/1.02 'Cormorant Garamond',serif;
  text-wrap:balance;
}
.experience-intro>p:not(.eyebrow){max-width:790px;margin:1rem auto;color:#594d44}
.experience-intro .experience-intro-closing{
  max-width:700px;
  font:400 clamp(1.35rem,2.2vw,1.8rem)/1.45 'Cormorant Garamond',serif;
  font-style:italic;
  color:var(--brown);
}

.why-conversations{
  max-width:960px;
  margin:clamp(8rem,13vw,12rem) auto 0;
  padding:clamp(3rem,7vw,5.5rem) clamp(1.5rem,7vw,6rem);
  text-align:center;
  background:rgba(255,252,245,.48);
  border:1px solid rgba(98,74,57,.14);
}
.why-conversations h3{
  max-width:820px;
  margin:.8rem auto 1.2rem;
  font:500 clamp(2.25rem,4.5vw,4rem)/1.08 'Cormorant Garamond',serif;
  text-wrap:balance;
}
.why-conversations>p:not(.eyebrow){max-width:760px;margin:1rem auto;color:#594d44}

/* The approved museum-vintage artworks contain their own top captions.
   Display each complete image so no wording or photographic detail is clipped. */
.decade-feature-photo{
  aspect-ratio:auto;
  overflow:visible;
  background:#e7ddd0;
}
.decade-feature-photo img{
  width:100%;
  height:auto;
  object-fit:contain;
  object-position:center center;
}
.decade-hero:hover .decade-feature-photo img{transform:none}

.closing-quote{max-width:980px;text-wrap:balance}
.closing-quote span{
  display:block;
  margin-top:2.4rem;
  color:var(--brown);
  font:400 clamp(1.35rem,2.4vw,2rem) 'Parisienne',cursive;
}

@media(max-width:850px){
  .experience-intro{margin-top:6rem}
  .why-conversations{margin-top:7rem}
  .decade-feature-photo{border-width:6px}
}