@font-face{font-family:Cormorant;src:url('assets/cormorant-light.woff2') format('woff2');font-style:normal;font-weight:300;font-display:swap}
.page-curtain{position:fixed;inset:0;z-index:2147483647;background:#050505;opacity:0;pointer-events:none}
.page-curtain.is-active{pointer-events:auto}
/* Navigation focuses the content landmark for screen readers, not as a control. */
main[tabindex="-1"]:focus{outline:none}
@font-face{font-family:Cormorant;src:url('assets/cormorant-light-italic.woff2') format('woff2');font-style:italic;font-weight:300;font-display:swap}
:root{color-scheme:dark;--ink:#050505;--paper:#e4e2dc;--muted:#96948f;--edge:clamp(24px,3.75vw,72px);--serif:Cormorant,'Times New Roman',serif}
*{box-sizing:border-box}html{background:var(--ink);scroll-behavior:smooth}body{margin:0;color:var(--paper);background:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}::selection{background:#dcd8cf;color:#050505}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:1px solid #c5c2ba;outline-offset:6px}button[hidden]{display:none}em{font-weight:300}.metadata{font-size:11px;line-height:1.65;letter-spacing:.085em;color:var(--muted)}
.masthead{position:fixed;z-index:10;top:0;left:0;right:0;height:96px;padding:0 var(--edge);display:flex;align-items:center;justify-content:space-between;background:linear-gradient(#050505c0,transparent)}.home{font-size:17px;letter-spacing:-.06em}.header-center{font-size:10px;letter-spacing:.15em;color:var(--muted);position:absolute;left:50%;transform:translateX(-50%)}.motion{background:none;border:0;color:var(--muted);min-height:44px;padding:0;display:flex;gap:10px;align-items:center;cursor:pointer;font-size:12px}.motion:hover{color:var(--paper)}.motion-dot{width:5px;height:5px;border:1px solid currentColor;border-radius:50%;background:var(--paper)}.motion[aria-pressed=false] .motion-dot{background:transparent}.skip-link{position:fixed;top:12px;left:20px;z-index:30;padding:14px;background:#171717;transform:translateY(-180%)}.skip-link:focus{transform:none}
.journey{position:relative}.viewport{position:relative}#atmosphere{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:.84}.edge-shade{position:fixed;inset:0;pointer-events:none;background:linear-gradient(0deg,#050505 0%,transparent 18%,transparent 86%,#050505 100%);z-index:1}.scene{min-height:100svh;position:relative;z-index:2;padding:120px var(--edge) 130px}.scene-anchor{position:absolute;left:0;width:1px;height:1px;pointer-events:none}.hero-overline{display:flex;justify-content:space-between;width:100%}.hero-title{display:flex;align-items:baseline;justify-content:center;margin-top:2.5vh;position:relative}.hero-title h1{font:300 clamp(110px,26.8vw,490px)/.96 var(--serif);letter-spacing:-.065em;margin:0}.vip{font:300 clamp(28px,4.5vw,82px)/1 var(--serif);align-self:flex-start;margin-top:6%;margin-left:1.7vw;letter-spacing:-.04em}.hero-bottom{display:flex;justify-content:space-between;align-items:flex-start;margin:4vh 8% 0 13%}.hero-bottom p{font:300 clamp(23px,2.65vw,43px)/1.05 var(--serif);margin:0}.hero-bottom .metadata{padding-top:6px;font-size:10px}
.chapter{position:absolute;top:136px;left:var(--edge)}.drift-copy{margin:6vh 0 0 20vw}.drift-copy h2{font:300 clamp(64px,8.9vw,164px)/.91 var(--serif);letter-spacing:-.045em;margin:0}.drift-copy p{color:var(--muted);font-size:13px;line-height:1.7;margin:42px 0 0 6px}.side-note{position:absolute;right:var(--edge);bottom:120px;font-size:10px}.closing-copy{text-align:center;margin:5vh auto 0}.closing-copy h2{font:300 clamp(80px,12.5vw,210px)/.85 var(--serif);letter-spacing:-.05em;margin:0}.closing-copy p{font-size:13px;color:var(--muted);margin:35px 0 25px}.return{position:relative;display:inline-flex;gap:25px;align-items:center;min-height:44px;font-size:15px;transition:color .25s ease}.return:hover,.return:focus-visible{color:var(--paper)}.end-mark{position:absolute;bottom:85px;left:50%;transform:translateX(-50%);font-family:serif;font-size:25px;color:#aaa69e}
.chapter-nav{position:fixed;z-index:12;left:var(--edge);bottom:91px;display:flex;flex-direction:column;align-items:start;gap:0}.chapter-nav a{color:#777671;font-size:12px;line-height:1.2;min-height:28px;display:flex;align-items:center;gap:13px;transition:color .35s}.chapter-nav a:hover,.chapter-nav a[aria-current]{color:var(--paper)}.nav-number{font-size:9px;color:#62615d}.chapter-nav a[aria-current] .nav-number{color:#d1cec7}.site-footer{position:fixed;bottom:0;left:0;right:0;padding:22px var(--edge);display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:.075em;color:#898782;z-index:10;background:linear-gradient(transparent,#050505e0)}.footer-message{position:absolute;left:50%;transform:translateX(-50%);font-size:8px}.progress-label{display:flex;align-items:center;gap:10px}.progress-track{width:60px;height:1px;background:#33322f}.progress-track i{height:1px;width:100%;display:block;background:#d0cdc5;transform:scaleX(var(--progress,0));transform-origin:left}
.enhanced .journey{height:420svh}.enhanced .viewport{position:sticky;top:0;height:100svh;overflow:hidden}.enhanced .scene{position:absolute;inset:0;min-height:0;opacity:0;will-change:transform,opacity;pointer-events:none}.enhanced .scene-arrival{opacity:1}.enhanced .scene.is-active{pointer-events:auto}.enhanced #atmosphere,.enhanced .edge-shade{position:absolute}.enhanced #drift{top:145svh}.enhanced #dissolve{top:295svh}
@media(min-width:1700px){.hero-title{margin-top:0}.hero-bottom{margin-top:2vh}}
@media(max-width:700px){:root{--edge:24px}.masthead{height:76px}.home{font-size:16px}.header-center{display:none}.scene{padding-top:119px;padding-bottom:160px}.hero-overline{font-size:9px}.hero-title{margin-top:8vh;justify-content:flex-start}.hero-title h1{font-size:27.8vw}.vip{font-size:7vw;margin-top:7%;margin-left:2vw}.hero-bottom{margin:5vh 0 0;gap:22px}.hero-bottom .metadata{font-size:8px;line-height:1.7}.hero-bottom p{font-size:25px}.chapter-nav{bottom:77px;left:var(--edge);right:var(--edge);flex-direction:row;justify-content:space-between;gap:16px}.chapter-nav a{min-height:44px;font-size:12px;gap:8px}.chapter-nav .nav-number{font-size:9px}.site-footer{padding-bottom:24px;font-size:9px}.footer-message{display:none}.chapter{top:119px;font-size:10px}.drift-copy{margin:14vh 0 0 2vw}.drift-copy h2{font-size:16vw;line-height:.96;letter-spacing:-.045em}.drift-copy p{font-size:12px;margin:30px 0 0 3px}.side-note{bottom:148px;font-size:9px}.closing-copy{margin:15vh auto 0}.closing-copy h2{font-size:20vw;line-height:.9}.closing-copy p{font-size:12px;margin-top:26px}.return{font-size:14px}.end-mark{bottom:155px;font-size:24px}.enhanced .journey{height:390svh}.enhanced #drift{top:130svh}.enhanced #dissolve{top:265svh}}
@media(max-width:360px){:root{--edge:20px}.hero-bottom p{font-size:22px}.hero-bottom .metadata{font-size:8px}.chapter-nav a{font-size:11px;gap:6px}}
@media(max-height:650px) and (min-width:701px){.masthead{height:68px}.scene{padding-top:90px}.hero-title h1{font-size:22vw}.hero-title{margin-top:0}.hero-bottom{margin-top:1vh}.chapter{top:95px}.drift-copy{margin-top:0}.drift-copy h2{font-size:7.5vw}.closing-copy{margin-top:0}.closing-copy h2{font-size:10vw}.chapter-nav{bottom:74px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.chapter-nav a{transition:none}}
/* A readable, ordinary page remains available when motion or scripts are unavailable. */
.static-layout .journey{height:auto}.static-layout .viewport{height:auto;position:relative;overflow:visible}.static-layout .scene{position:relative;min-height:100svh;opacity:1!important;transform:none!important;filter:none!important;pointer-events:auto}.static-layout #atmosphere,.static-layout .edge-shade{position:fixed}.static-layout .scene-anchor{display:none}.static-layout .chapter-nav{display:none}.static-layout .scene-drift,.static-layout .scene-dissolve{padding-top:170px}.static-layout .drift-copy,.static-layout .closing-copy{margin-top:0}
html:not(.enhanced) #drift{top:100svh}html:not(.enhanced) #dissolve{top:200svh}

@media(max-width:700px) and (max-height:700px){.drift-copy{margin-top:7vh}.drift-copy p{margin-top:24px}.closing-copy{margin-top:8vh}.side-note{bottom:140px;font-size:8px}.hero-title{margin-top:4vh}.hero-bottom{margin-top:3vh}}
.static-layout .scene{min-height:max(100svh,650px)}
/* Keep gestures on the visual surface from selecting text or dragging links. */
body{-webkit-user-select:none;user-select:none}
a{-webkit-user-drag:none}
input,textarea,[contenteditable="true"]{-webkit-user-select:text;user-select:text}
#atmosphere{opacity:.96}

/* Shared navigation connects the ambient homepage and quiet editorial pages. */
/* Cover scrolling content behind every header row, including mobile navigation. */
.masthead{background:var(--ink)}
.site-nav{position:absolute;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:28px}
.site-nav a{position:relative;display:flex;align-items:center;min-height:44px;color:#d1cec7;font-size:15px;transition:color .25s ease}
.site-nav a:hover,.site-nav a:focus-visible,.site-nav a[aria-current="page"]{color:var(--paper)}
.site-nav a::after,.return::after,.page-next a::after{content:"";position:absolute;left:0;right:0;top:calc(50% + 12px);height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .32s cubic-bezier(.22,1,.36,1)}
.site-nav a:hover::after,.site-nav a:focus-visible::after,.site-nav a[aria-current="page"]::after,.return:hover::after,.return:focus-visible::after,.page-next a:hover::after,.page-next a:focus-visible::after{transform:scaleX(1)}
.header-mark{font-family:serif;font-size:23px;color:var(--muted)}
.interior-page{min-height:100svh;display:flex;flex-direction:column}
.interior{flex:1;padding:150px var(--edge) 0;width:100%;max-width:1700px;margin:0 auto}
.interior-heading{display:grid;grid-template-columns:23% 1fr;align-items:start;padding-bottom:80px}
.interior-heading>.metadata{margin-top:21px}
.interior h1{font:300 clamp(70px,10vw,174px)/.87 var(--serif);letter-spacing:-.045em;margin:0}
.interior h1 em{color:#bcb9b1}
.interior-body{border-top:1px solid #33322e;border-bottom:1px solid #33322e;display:grid;grid-template-columns:23% 1fr;padding:36px 0 48px}
.section-caption{font-size:10px;letter-spacing:.1em;line-height:1.7;color:var(--muted)}
.section-caption span{display:block;margin-top:9px;font-size:12px;letter-spacing:0;color:#77756f}
.status-label{font-size:10px;letter-spacing:.12em;color:var(--muted)}
.placeholder-copy h2{font:300 clamp(27px,3.25vw,50px)/1.1 var(--serif);letter-spacing:-.02em;margin:20px 0 14px}
.placeholder-copy p{font-size:14px;line-height:1.7;margin:0;color:var(--muted)}
.collection-row{display:grid;grid-template-columns:30px 1fr auto;gap:16px;align-items:center;padding:23px 0;border-bottom:1px solid #242421}
.collection-row:first-child{padding-top:0}.collection-row:last-child{border-bottom:0;padding-bottom:0}
.collection-number{color:#77756f;font-size:10px}.collection-row h2{font:300 clamp(25px,3vw,44px)/1 var(--serif);letter-spacing:-.02em;margin:0}
.coming{font-size:12px;color:#96948f}
.collection-description{grid-column:2 / -1;margin:0;color:var(--muted);font-size:14px;line-height:1.7;max-width:40ch}
.collection-link{position:relative;display:inline-block;padding-bottom:5px}
.collection-link::after{content:'';position:absolute;left:0;bottom:0;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .32s cubic-bezier(.22,1,.36,1)}
.collection-link:hover::after,.collection-link:focus-visible::after{transform:scaleX(1)}
@media(prefers-reduced-motion:reduce){.collection-link::after{transition:none}}
.page-next{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 0 44px}
.page-next-three{display:grid;grid-template-columns:1fr auto 1fr}.page-next-three a{justify-self:start}.page-next-three a:last-child{justify-self:end}
.page-next a{position:relative;font-size:15px;color:#d1cec7;min-height:44px;display:inline-flex;align-items:center;white-space:nowrap;transition:color .25s ease}.page-next a:hover,.page-next a:focus-visible{color:var(--paper)}
.interior-footer{position:relative;align-items:center;padding:22px var(--edge);display:flex;justify-content:space-between;gap:20px;color:#898782;font-size:9px;letter-spacing:.075em}
@media(max-width:700px){.site-nav{top:66px;left:var(--edge);transform:none;gap:25px}.site-nav a{font-size:14px;min-height:44px}.interior{padding-top:150px}.interior-heading{grid-template-columns:1fr;gap:36px;padding-bottom:54px}.interior-heading>.metadata{margin:0}.interior h1{font-size:20vw;line-height:.9}.interior-body{grid-template-columns:1fr;gap:32px;padding:25px 0 32px}.section-caption{display:flex;justify-content:space-between;align-items:center}.section-caption span{margin:0}.placeholder-copy h2{font-size:32px}.collection-row{grid-template-columns:20px 1fr auto;gap:10px;padding:24px 0}.collection-row h2{font-size:27px}.coming{font-size:10px}.page-next{margin-left:0;padding-bottom:32px;gap:12px}.page-next a{font-size:14px}.interior-footer{font-size:8px}}
.footer-quote{margin-left:auto;text-align:right;font-size:8px;letter-spacing:.075em}
@media(max-width:700px){
  .masthead{height:120px;align-items:flex-start;padding-top:16px}
  .masthead>.home,.masthead>.header-mark{display:flex;align-items:center;min-height:44px}
  .scene{padding-top:140px}
  .chapter{top:140px}
}
.site-footer,.interior-footer{font-size:12px;line-height:1.5}
.footer-message,.footer-quote{font-size:inherit}
@media(max-width:700px){.site-footer,.interior-footer{font-size:10px}}
@media(prefers-reduced-motion:reduce){.site-nav a,.site-nav a::after,.return,.return::after,.page-next a,.page-next a::after{transition:none}}

/* Original chapter progress indicator, centered along the left edge. */
.side-progress{position:fixed;left:12px;top:50%;transform:translateY(-50%);z-index:10;font-size:9px;letter-spacing:.075em;color:#898782;pointer-events:none;flex-direction:column}
.side-progress .progress-track{width:1px;height:48px}
.side-progress .progress-track i{width:1px;height:100%;transform:scaleY(var(--progress,0));transform-origin:top}
@media(max-width:700px){.side-progress{left:12px;font-size:8px;gap:6px}.side-progress .progress-track{width:1px;height:32px}}
/* Leave a clear gutter between the opening copy and the fixed progress marker. */
@media(max-width:700px){.hero-bottom{margin-left:24px;gap:18px}}

/* Warm lettering and a soft dark edge stay legible over bright wisps. */
.scene{color:#d1cec7;text-shadow:0 1px 3px #050505e6,0 0 14px #050505b3}
.hero-bottom .metadata{font-size:12px}
.drift-copy p,.closing-copy p{font-size:14px}
@media(max-width:700px){
  .hero-title{justify-content:center}
  .hero-bottom .metadata{font-size:10px}
  .hero-overline,.side-note{font-size:10px}
  .return{font-size:14px}
  .drift-copy{margin-left:24px}
  .drift-copy h2{font-size:14vw}
}

