@font-face{font-family:Cormorant;src:url('/files/cormorant-regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Cormorant;src:url('/files/cormorant-italic.ttf') format('truetype');font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:Manrope;src:url('/files/manrope.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
:root{--paper:#f1f0e9;--ink:#343b31;--rust:#8b493c;--muted:#64685d;--line:#343b3138;--serif:Cormorant,Georgia,serif;--sans:Manrope,Arial,sans-serif;--gutter:5vw}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-weight:400;font-synthesis:none;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none;touch-action:manipulation}
button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation}
a:focus-visible,button:focus-visible{outline:3px solid var(--rust);outline-offset:5px}
h1,h2,p,figure{margin:0}
img{display:block;width:100%;height:100%;object-fit:cover}
em{font-weight:400}
.skip-link{position:absolute;z-index:20;left:16px;top:16px;padding:14px 20px;background:var(--paper);transform:translateY(-180%)}
.skip-link:focus{transform:none}
.site-header{position:absolute;inset:0 0 auto;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:38px var(--gutter)}
.wordmark{font-family:var(--serif);font-size:clamp(64px,5.2vw,108px);line-height:.7;letter-spacing:-.075em}
.wordmark span{display:inline-block;font-family:var(--sans);font-size:.25em;vertical-align:top;margin:0 0 0 15px;color:var(--rust);letter-spacing:0}
.header-note{margin-left:auto;margin-right:8vw;font-size:11px;letter-spacing:.035em}
.story-link{display:flex;align-items:center;gap:34px;min-height:44px;border-bottom:1px solid var(--line);font-size:12px}
.story-link span{font-size:24px}
.chapter{position:relative;width:100%}
.chapter-label{display:flex;align-items:center;gap:26px;font-size:11px;line-height:1.5;letter-spacing:.035em}
.chapter-label>span{font-size:10px;letter-spacing:.09em;font-variant-numeric:tabular-nums;color:var(--muted)}
.small-label{text-transform:uppercase;font-size:9px;line-height:1.7;letter-spacing:.14em;color:var(--muted)}
.chapter-top{display:flex;align-items:center;justify-content:space-between;padding:0 var(--gutter)}
.scene-title{position:relative;font-family:var(--serif);font-size:clamp(110px,13vw,290px);font-weight:400;line-height:.84;letter-spacing:-.055em}
.title-word{display:inline-block;white-space:nowrap;font-weight:400}
.scene-title em{color:var(--rust)}
.story-prose{max-width:33ch;font-size:clamp(14px,.92vw,18px);line-height:1.85;text-wrap:pretty}
.botanical{margin-top:24px;color:var(--muted);font-family:var(--serif);font-size:clamp(19px,1.45vw,29px);font-style:italic;line-height:1.3}
.margin-note{font-family:var(--serif);font-size:clamp(26px,2.4vw,48px);font-style:italic;line-height:1.16;letter-spacing:-.025em}
.photo-frame{position:relative;min-width:0}
.image-link{position:relative;display:block;width:100%;height:100%;overflow:hidden;background:#e3e0d5}
.image-link:focus-visible,.detail-link:focus-visible{outline-offset:-5px}
.image-open{position:absolute;z-index:2;right:24px;bottom:24px;width:44px;height:44px;display:grid;place-items:center;background:#f1f0e9e8;border:1px solid #343b314a;border-radius:50%;font-size:23px;transition:background .25s}
.image-link:hover .image-open{background:var(--paper)}
.image-caption{display:flex;justify-content:space-between;gap:24px;font-size:10px;line-height:1.6;color:var(--muted)}
.detail-link{position:relative;display:block;overflow:hidden;background:#e7e5dc}
.detail-link>span{position:absolute;right:14px;bottom:12px;font-size:23px}
.chapter-wonder{padding-top:162px}
.hero-label{margin:0 0 36px var(--gutter)}
.hero-layout{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));align-items:start}
.hero-photo{grid-column:5/-1;grid-row:1;aspect-ratio:3/2}
.hero-photo .scene-photo{object-position:80% 50%}
.hero-title{grid-column:1/10;grid-row:1;z-index:2;margin:4vw 0 0 var(--gutter);font-size:clamp(130px,18.4vw,410px);pointer-events:none}
.hero-title .title-word{display:block;width:max-content}
.hero-title em{margin:1.7vw 0 0 12vw}
.hero-note{grid-column:1/5;grid-row:2;align-self:start;padding:0 3.5vw 0 var(--gutter);margin-top:24px}
.hero-note .story-prose{font-size:clamp(13px,.86vw,17px);max-width:30ch}
.hero-caption{grid-column:5/-1;grid-row:2;padding:20px 28px 0 0}
.hero-caption>span:last-child{font-size:22px}
.opening-note{display:grid;grid-template-columns:1fr 3fr 1.2fr;align-items:center;column-gap:7vw;margin:100px var(--gutter) 150px}
.opening-note>p{font-family:var(--serif);font-size:clamp(32px,3.6vw,74px);line-height:1.12;letter-spacing:-.025em}
.opening-note>p em{color:var(--rust)}
.opening-note .detail-link{width:100%;aspect-ratio:5/6;transform:translateY(25px)}
.chapter-taste{padding-bottom:170px}
.taste-title{z-index:2;margin:72px 5vw -2.5vw 27vw;font-size:clamp(82px,11.4vw,245px)}
.taste-layout{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));align-items:center}
.taste-photo{grid-column:2/7;aspect-ratio:4/5}
.taste-copy{grid-column:9/12;padding-top:8vw}
.editorial-mark{display:block;font-family:var(--serif);font-size:100px;line-height:1;color:var(--rust);margin-bottom:18px}
.taste-copy .margin-note{margin-top:80px;color:var(--rust)}
.chapter-home{padding-bottom:160px}
.home-heading{display:grid;grid-template-columns:1fr 1fr;align-items:end;column-gap:20vw;padding:0 var(--gutter) 52px}
.home-heading>.chapter-label{grid-column:1/-1;margin-bottom:55px}
.home-heading .scene-title{font-size:clamp(140px,16vw,340px)}
.home-copy{padding-bottom:10px}
.home-photo{width:85%;margin-left:15%;aspect-ratio:3/2}
.home-caption{padding:23px var(--gutter) 0 15%}
.chapter-you{padding:20px 0 150px}
.chapter-you>.chapter-label{margin:0 var(--gutter) 55px}
.you-layout{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:auto auto;align-items:center}
.you-photo{grid-column:1/9;grid-row:1;aspect-ratio:3/2}
.you-title{grid-column:8/-1;grid-row:1;z-index:2;align-self:start;margin:5vw 2vw 0 -2.5vw;font-size:clamp(100px,14.6vw,320px);pointer-events:none}
.you-copy{grid-column:10/12;grid-row:1;align-self:end;padding-bottom:2.5vw}
.you-copy .story-prose{font-size:clamp(13px,.86vw,17px)}
.you-copy .botanical{font-size:clamp(18px,1.25vw,26px)}
.glass-note{display:flex;gap:25px;align-items:center;margin:32px 0 0 var(--gutter);font-size:11px;color:var(--muted)}
.glass-note>span{font-size:30px}
.optical-pane{position:absolute;inset:0;pointer-events:none;clip-path:inset(0 0 0 88%)}
[data-optical="left"] .optical-pane{clip-path:inset(0 94% 0 0)}
.chapter-together{padding:80px 0 140px;background:#e5e5da}
.together-title{z-index:2;margin:60px var(--gutter) 40px;font-size:clamp(140px,21vw,460px);line-height:.8}
.together-photo{width:100%;aspect-ratio:16/9}
.together-bottom{display:grid;grid-template-columns:1fr 1fr;column-gap:20vw;margin:44px var(--gutter) 0}
.together-bottom>.margin-note{font-size:clamp(32px,3vw,65px);color:var(--rust)}
.together-bottom .story-prose{max-width:40ch}
.chapter-care{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));align-items:center;padding:170px 0}
.care-copy{grid-column:2/6;padding-right:4vw}
.care-copy .chapter-label{margin-bottom:70px}
.care-copy .scene-title{z-index:2;margin:0 -10vw 55px 0;font-size:clamp(110px,12.9vw,280px)}
.care-copy .story-prose{max-width:31ch}
.care-line{display:block;width:1px;height:65px;background:var(--line);margin:50px 0 25px}
.care-copy .margin-note{color:var(--muted)}
.care-photo{grid-column:7/12;aspect-ratio:4/5}
.chapter-change{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;padding:90px 0 100px;background:#dce2dc}
.change-heading{grid-column:1/6;grid-row:1;padding-left:var(--gutter);z-index:2}
.change-heading .scene-title{margin:85px -8vw 0 0;font-size:clamp(110px,13.6vw,290px)}
.change-heading .margin-note{margin-top:90px;color:#4c6157}
.change-photo{grid-column:6/-1;grid-row:1;margin-top:110px;aspect-ratio:3/2}
.change-copy{grid-column:7/12;grid-row:2;padding-top:34px}
.change-copy .story-prose{max-width:46ch}
.chapter-memory{padding:170px 0 100px}
.memory-layout{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;margin-top:100px}
.memory-photo{grid-column:2/7;grid-row:1/4;aspect-ratio:4/5}
.memory-title{grid-column:6/-1;grid-row:1;margin:-25px 4vw 0 2vw;z-index:2;font-size:clamp(110px,13.8vw,300px);pointer-events:none}
.memory-copy{grid-column:9/12;grid-row:2;margin-top:45px}
.memory-detail{grid-column:9/12;grid-row:3;margin-top:65px}
.memory-detail .detail-link{aspect-ratio:5/6}
.memory-detail figcaption{margin-top:16px;font-size:10px;color:var(--muted)}
.chapter-again{padding:120px 0 130px}
.chapter-again>.chapter-label{margin:0 var(--gutter) 70px}
.again-layout{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));align-items:center}
.again-photo{grid-column:4/-1;grid-row:1;aspect-ratio:16/9}
.again-title{grid-column:1/9;grid-row:1;z-index:2;align-self:start;margin:0 0 0 var(--gutter);font-size:clamp(120px,17vw,370px);pointer-events:none}
.again-title .title-word{display:block;width:max-content}
.again-title em{margin:1vw 0 0 9vw}
.again-copy{grid-column:2/6;grid-row:2;margin-top:40px}
.again-copy .story-prose{max-width:36ch}
.site-footer{border-top:1px solid var(--line);padding:85px var(--gutter) 24px;overflow:hidden}
.closing{font-family:var(--serif);font-size:clamp(46px,6.1vw,132px);line-height:1.08;letter-spacing:-.035em}
.closing em{color:var(--rust)}
.footer-line{display:flex;align-items:center;gap:40px;margin-top:65px;font-size:10px;line-height:1.6}
.footer-line>a:not(.back-top){margin-left:auto;padding:14px 0;border-bottom:1px solid var(--line)}
.back-top{display:grid;place-items:center;width:46px;height:46px;flex-shrink:0;border:1px solid var(--line);border-radius:50%;font-size:23px}
.footer-wordmark{font-family:var(--serif);font-size:38vw;line-height:.85;letter-spacing:-.075em;margin:4vw 0 0 -1vw}
.footer-wordmark>span{display:inline-block;vertical-align:top;font-family:var(--sans);font-size:.2em;letter-spacing:0;color:var(--rust);margin:5vw 0 0 2vw}
.colophon{margin-top:34px;font-size:9px;letter-spacing:.06em;color:var(--muted)}
.viewer{width:calc(100% - 48px);height:calc(100svh - 48px);max-width:none;max-height:none;margin:auto;padding:24px;border:0;background:var(--paper);color:var(--ink);overflow:hidden}
.viewer::backdrop{background:#1e2925e8}
.viewer[open]{display:grid;grid-template-rows:48px minmax(0,1fr) 22px;gap:18px}
.viewer-header{display:flex;align-items:center;justify-content:space-between;gap:20px}
.viewer-title{font-family:var(--serif);font-style:italic;font-weight:400;font-size:34px}
.viewer-close{width:48px;height:48px;background:transparent;border:1px solid var(--line);font-size:28px;line-height:1}
.viewer-art{position:relative;min-height:0}
.viewer-image{object-fit:contain}
.viewer-status{position:absolute;top:45%;left:10%;right:10%;text-align:center;font-size:14px;line-height:1.7}
.viewer-note{font-size:10px;line-height:1.6;color:var(--muted)}
html:has(.viewer[open]){overflow:hidden}
@media(min-width:2200px){.chapter-label,.header-note{font-size:14px}.chapter-label>span,.image-caption,.glass-note,.footer-line{font-size:12px}.small-label{font-size:11px}.chapter-wonder{padding-top:185px}}
@media(max-width:1100px) and (min-width:701px){
  .header-note{margin-right:3vw;font-size:10px}.chapter-wonder{padding-top:145px}.hero-note{grid-column:1/6;grid-row:3;margin-top:25px}.hero-caption{grid-row:2}.hero-title{margin-top:4vw}.opening-note{grid-template-columns:1fr 3fr 1.2fr;column-gap:4vw;margin-top:70px;margin-bottom:110px}.opening-note>.small-label{font-size:8px}.opening-note>p{font-size:3.6vw}
  .taste-title{font-size:11vw}.taste-copy{grid-column:8/12;padding-top:9vw}.taste-copy .margin-note{margin-top:40px}.chapter-taste,.chapter-home{padding-bottom:100px}.home-heading{column-gap:12vw}.home-heading .scene-title{font-size:16vw}
  .you-photo{grid-column:1/9}.you-title{font-size:14vw}.you-copy{grid-column:9/12;grid-row:2;padding:28px 0 0}.you-copy .story-prose{font-size:13px}.glass-note{max-width:60%;margin-top:0}.chapter-you{padding-bottom:100px}
  .chapter-care{padding:100px 0}.care-copy{grid-column:2/6;padding-right:0}.care-copy .chapter-label{gap:16px;margin-bottom:40px}.care-copy .scene-title{font-size:13vw;margin-bottom:30px}.care-line{height:40px;margin-top:30px}.chapter-change{padding-top:70px}.change-heading .scene-title{font-size:13vw}.change-heading .margin-note{font-size:3vw;margin-top:50px}
  .chapter-memory{padding-top:100px}.memory-layout{margin-top:70px}.memory-title{font-size:13.5vw}.memory-copy{grid-column:8/12;margin-top:35px}.memory-detail{grid-column:9/12;margin-top:35px}.chapter-again{padding-top:80px}.again-copy{grid-column:2/7}.together-bottom{column-gap:12vw}
}
@media(max-width:700px){
  :root{--gutter:22px}.site-header{padding:28px var(--gutter);gap:20px}.wordmark{font-size:66px}.wordmark span{margin-left:10px}.header-note{display:none}.story-link{font-size:11px;gap:24px}.chapter-wonder{padding-top:127px}.chapter-label{gap:17px;font-size:10px}.chapter-label>span{font-size:9px}.small-label{font-size:8px}.chapter-top>.small-label{display:none}.hero-label{margin-bottom:27px}
  .scene-title{font-size:25vw}.hero-layout{grid-template-columns:repeat(6,minmax(0,1fr))}.hero-title{grid-column:1/-1;grid-row:1;font-size:29vw;margin:0 var(--gutter) 20px;line-height:.83}.hero-title .title-word{display:inline-block}.hero-title em{display:block;margin:4px 0 0 16vw}.hero-photo{grid-column:1/-1;grid-row:2;aspect-ratio:16/9}.scene-photo{object-fit:contain}.hero-photo .scene-photo{object-position:center}.hero-note{grid-column:1/-1;grid-row:3;padding:0 var(--gutter);margin:24px 0 0}.hero-note .story-prose{font-size:14px;max-width:37ch}.hero-note .botanical{margin-top:18px}.hero-caption{grid-column:1/-1;grid-row:4;padding:20px var(--gutter) 0;font-size:9px}.hero-caption>span:last-child{font-size:20px}
  .story-prose{font-size:14px;line-height:1.8;max-width:38ch}.botanical{font-size:22px;margin-top:20px}.image-open{right:14px;bottom:14px;width:44px;height:44px;font-size:22px}.image-caption{font-size:9px}
  .opening-note{grid-template-columns:1fr 1fr;gap:22px;margin:75px var(--gutter) 95px;align-items:start}.opening-note>.small-label{grid-column:1/-1}.opening-note>p{grid-column:1/-1;grid-row:2;font-size:9vw;line-height:1.13}.opening-note .detail-link{grid-column:2;grid-row:3;width:100%;transform:none;aspect-ratio:5/6}
  .chapter-taste{padding-bottom:90px}.taste-title{margin:35px var(--gutter) 30px;font-size:20vw;line-height:.9}.taste-layout{grid-template-columns:repeat(6,minmax(0,1fr))}.taste-photo{grid-column:1/6;grid-row:1}.taste-copy{grid-column:2/-1;grid-row:2;padding:30px var(--gutter) 0 0}.editorial-mark{font-size:64px;margin-bottom:0;line-height:.8;float:right}.taste-copy .story-prose{max-width:30ch}.taste-copy .margin-note{margin-top:30px;font-size:30px}
  .chapter-home{padding-bottom:90px}.home-heading{grid-template-columns:1fr;gap:0;padding-bottom:30px}.home-heading>.chapter-label{margin-bottom:35px}.home-heading .scene-title{font-size:33vw}.home-copy{padding:27px 0 0}.home-photo{width:100%;margin:0;aspect-ratio:3/2}.home-caption{padding:20px var(--gutter) 0}.home-caption>span:last-child{display:none}
  .chapter-you{padding:0 0 90px}.chapter-you>.chapter-label{margin-bottom:32px}.you-layout{grid-template-columns:repeat(6,minmax(0,1fr))}.you-photo{grid-column:1/-1;grid-row:2}.you-title{grid-column:1/-1;grid-row:1;margin:0 var(--gutter) 28px;font-size:34vw;line-height:.9}.you-copy{grid-column:2/-1;grid-row:3;padding:28px var(--gutter) 0 0}.you-copy .story-prose{font-size:14px;max-width:30ch}.you-copy .botanical{font-size:22px}.glass-note{margin:28px var(--gutter) 0;font-size:10px;line-height:1.6;gap:18px;max-width:320px}
  .chapter-together{padding:54px 0 65px}.together-title{font-size:25vw;margin:40px var(--gutter) 30px;line-height:.84}.together-bottom{grid-template-columns:1fr;gap:28px;margin:28px var(--gutter) 0}.together-bottom>.margin-note{font-size:32px}.together-bottom .story-prose{max-width:36ch}
  .chapter-care{display:flex;flex-direction:column;padding:85px 0;align-items:stretch}.care-copy{padding:0 var(--gutter)}.care-copy .chapter-label{margin-bottom:35px}.care-copy .scene-title{font-size:27vw;margin:0 0 30px}.care-copy .story-prose{max-width:36ch}.care-copy .margin-note,.care-line{display:none}.care-photo{width:83.333%;margin:35px 0 0 auto}
  .chapter-change{grid-template-columns:repeat(6,minmax(0,1fr));padding:55px 0 65px}.change-heading{grid-column:1/-1;grid-row:1;padding:0 var(--gutter)}.change-heading .scene-title{font-size:29vw;margin:40px 0 0}.change-heading .margin-note{font-size:29px;margin-top:27px}.change-photo{grid-column:1/-1;grid-row:2;margin-top:35px}.change-copy{grid-column:1/-1;grid-row:3;padding:27px var(--gutter) 0}.change-copy .story-prose{max-width:36ch}
  .chapter-memory{padding:85px 0 60px}.memory-layout{grid-template-columns:repeat(6,minmax(0,1fr));margin-top:35px}.memory-title{grid-column:1/-1;grid-row:1;margin:0 var(--gutter) 35px;font-size:27vw}.memory-photo{grid-column:1/6;grid-row:2;aspect-ratio:4/5}.memory-copy{grid-column:2/-1;grid-row:3;margin:30px var(--gutter) 0 0}.memory-copy .story-prose{max-width:30ch}.memory-detail{grid-column:4/7;grid-row:4;margin:35px var(--gutter) 0 0}.memory-detail figcaption{font-size:9px;line-height:1.6}
  .chapter-again{padding:50px 0 85px}.chapter-again>.chapter-label{margin-bottom:36px}.again-layout{grid-template-columns:repeat(6,minmax(0,1fr))}.again-title{grid-column:1/-1;grid-row:1;margin:0 var(--gutter) 30px;font-size:29vw;line-height:.85}.again-title .title-word{display:inline-block}.again-title em{display:block;margin:0 0 0 15vw}.again-photo{grid-column:1/-1;grid-row:2}.again-copy{grid-column:1/-1;grid-row:3;margin:28px var(--gutter) 0}.again-copy .story-prose{max-width:36ch}
  .site-footer{padding:55px var(--gutter) 24px}.closing{font-size:11vw;line-height:1.14}.footer-line{display:grid;grid-template-columns:1fr 46px;gap:26px 15px;margin-top:40px;font-size:10px}.footer-line>span{grid-column:1/-1;max-width:29ch}.footer-line>a:not(.back-top){margin:0;justify-self:start;padding:10px 0}.footer-wordmark{font-size:38vw;margin-top:50px;line-height:.9}.footer-wordmark>span{margin-top:5vw;margin-left:3vw}.colophon{margin-top:24px;font-size:8px}
  .viewer{width:calc(100% - 16px);height:calc(100svh - 16px);padding:14px}.viewer[open]{grid-template-rows:44px minmax(0,1fr) 34px;gap:12px}.viewer-close{width:44px;height:44px}.viewer-title{font-size:28px}.viewer-note{font-size:9px}.viewer-status{font-size:13px}
}
@media(max-width:360px){:root{--gutter:18px}.chapter-label{gap:13px}.story-prose,.hero-note .story-prose,.you-copy .story-prose{font-size:13px}.botanical,.you-copy .botanical{font-size:20px}.taste-title{font-size:19.6vw}.opening-note>p{font-size:8.8vw}.glass-note{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
