html{scroll-behavior:smooth;background:#18291f}body{margin:0}a{color:inherit;text-decoration:none}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{max-width:100%}::selection{background:#d3bd83;color:#18291f}

    .see-collection-book{--see-paper:#f1eddf;--see-gold:#d3bd83;--see-ink:#18291f;--see-green:#24392b;--see-green-rgb:36,57,43;--see-ink-rgb:24,41,31;--see-muted:#b3bdae;--see-body:#d2d8ca;--see-line:rgba(211,189,131,.28);background:var(--see-ink);color:var(--see-paper);font:14px/1.6 Arial,sans-serif;overflow:hidden;isolation:isolate;color-scheme:dark}
    .see-collection-book *{box-sizing:border-box}
    .see-collection-book button{font:inherit;color:inherit;background:none;border:0;border-radius:0}
    .see-collection-book button:focus-visible{outline:2px solid var(--see-gold);outline-offset:-4px}
    .see-collection-book .see-header{padding:28px 7% 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--see-line);gap:18px}
    .see-collection-book .see-micro{font-size:11px;letter-spacing:.14em;text-transform:uppercase;line-height:1.7;color:var(--see-gold);margin:0}
    .see-collection-book .see-wordmark{display:flex;flex-direction:column;align-items:center;gap:9px;font:400 19px/1.3 Georgia,serif;letter-spacing:.22em;white-space:nowrap;color:var(--see-gold)}
    .see-collection-book .see-wordmark img{width:44px;height:20px;object-fit:contain}
    .see-collection-book .see-header>p{width:22%;font-size:11px}
    .see-collection-book .see-header>p:last-child{text-align:right;padding-right:45px}
    .see-collection-book .see-chapter{padding:26px 7% 20px;display:flex;align-items:baseline;justify-content:space-between;gap:18px}
    .see-collection-book .see-chapter h1{font:400 52px/1 Georgia,serif;letter-spacing:-.04em;margin:0}
    .see-collection-book .see-chapter p{font:400 16px/1.4 Georgia,serif;margin:0;opacity:.85}
    .see-collection-book .see-spread{position:relative;display:grid;grid-template-columns:43% 57%;min-height:520px;background:var(--see-green)}
    .see-collection-book .see-visual{grid-area:1/2;position:relative;overflow:hidden;min-height:520px}
    .see-collection-book .see-photo{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%;transition:transform .85s cubic-bezier(.18,.68,.2,1);transform-origin:50% 58%}
    .see-collection-book .see-visual:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,var(--see-green),transparent 19%),linear-gradient(0deg,rgba(var(--see-ink-rgb),.35),transparent 30%)}
    .see-collection-book .see-copy{grid-area:1/1;align-self:center;padding:48px 0 48px 16.3%;position:relative;z-index:1}
    .see-collection-book .see-overline{display:flex;gap:19px;align-items:center}
    .see-collection-book .see-overline:before{content:"";display:block;width:32px;height:1px;background:var(--see-gold)}
    .see-collection-book .see-name{font:400 clamp(72px,11vw,122px)/1.1 Georgia,serif;letter-spacing:-.065em;margin:27px 0 24px;position:relative;z-index:2}
    .see-collection-book .see-thought{font:400 27px/1.35 Georgia,serif;max-width:270px;margin:0 0 24px}
    .see-collection-book .see-description{font-size:13px;max-width:240px;margin:0;color:var(--see-body)}
    .see-collection-book .see-read{display:inline-flex;gap:20px;align-items:center;padding:14px 0 8px;border-bottom:1px solid var(--see-line);margin-top:23px;font-size:12px;letter-spacing:.03em;min-height:44px}
    .see-collection-book .see-read span:last-child{font-size:19px}
    .see-collection-book .see-zoom{position:absolute;right:25px;bottom:23px;z-index:2;padding:9px 13px;background:rgba(var(--see-ink-rgb),.92);min-height:44px;font-size:11px;letter-spacing:.05em;border:1px solid rgba(241,237,223,.25)}
    .see-collection-book[data-zoom="true"] .see-photo{transform:scale(1.4)}
    .see-collection-book .see-details{margin:24px 0 0;max-width:260px;padding-right:20px}
    .see-collection-book .see-details[hidden]{display:none}
    .see-collection-book .see-details p{font-size:13px;margin:0 0 18px;color:var(--see-body)}
    .see-collection-book .see-details dl{margin:0;padding-top:17px;border-top:1px solid var(--see-line)}
    .see-collection-book .see-details dt{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--see-gold)}
    .see-collection-book .see-details dd{font-size:12px;margin:5px 0 0}
    .see-collection-book .see-caption{position:absolute;bottom:22px;left:7%;z-index:2;font-size:11px;color:var(--see-gold);letter-spacing:.09em}
    .see-collection-book .see-closing{border-top:1px solid var(--see-line);padding:17px 7%;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:var(--see-muted)}
    .see-collection-book .see-closing em{font:400 15px/1.5 Georgia,serif;color:var(--see-paper)}
    .see-collection-book[data-layout="reverse"] .see-spread{grid-template-columns:58% 42%}
    .see-collection-book[data-layout="reverse"] .see-visual{grid-area:1/1}
    .see-collection-book[data-layout="reverse"] .see-visual:after{background:linear-gradient(270deg,var(--see-green),transparent 18%),linear-gradient(0deg,rgba(var(--see-ink-rgb),.3),transparent 25%)}
    .see-collection-book[data-layout="reverse"] .see-copy{grid-area:1/2;padding:48px 14% 48px 8%}
    .see-collection-book[data-layout="reverse"] .see-name{font-style:italic;margin-left:-55px}
    .see-collection-book[data-layout="reverse"] .see-caption{left:auto;right:7%}
    .see-collection-book[data-layout="reverse"] .see-zoom{right:auto;left:24px}
    .see-collection-book[data-layout="immersive"] .see-spread{grid-template-columns:43% 57%}
    .see-collection-book[data-layout="immersive"] .see-visual{grid-area:1/1/2/3;min-height:580px}
    .see-collection-book[data-layout="immersive"] .see-photo{width:76%;margin-left:auto;object-position:50% 49%}
    .see-collection-book[data-layout="immersive"] .see-visual:after{background:linear-gradient(90deg,var(--see-green) 3%,rgba(var(--see-green-rgb),.96) 23%,rgba(var(--see-green-rgb),.5) 42%,transparent 65%)}
    .see-collection-book[data-layout="immersive"] .see-copy{grid-area:1/1}
    .see-collection-book .see-live{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
    @media(max-width:650px){
      .see-collection-book .see-header{padding:22px 22px 18px;justify-content:center}
      .see-collection-book .see-header>p{display:none}
      .see-collection-book .see-wordmark{font-size:16px;letter-spacing:.18em}
      .see-collection-book .see-chapter{padding:23px 24px 20px}
      .see-collection-book .see-chapter h1{font-size:40px}
      .see-collection-book .see-chapter p{font-size:13px;max-width:140px;text-align:right}
      .see-collection-book .see-spread,.see-collection-book[data-layout="reverse"] .see-spread,.see-collection-book[data-layout="immersive"] .see-spread{display:flex;flex-direction:column;min-height:0}
      .see-collection-book .see-visual,.see-collection-book[data-layout="immersive"] .see-visual{order:0;min-height:0;height:auto;aspect-ratio:1.1}
      .see-collection-book .see-photo,.see-collection-book[data-layout="immersive"] .see-photo{width:100%;margin:0;object-fit:cover;object-position:center}
      .see-collection-book .see-visual:after,.see-collection-book[data-layout="reverse"] .see-visual:after,.see-collection-book[data-layout="immersive"] .see-visual:after{background:linear-gradient(0deg,var(--see-green),transparent 24%)}
      .see-collection-book .see-copy,.see-collection-book[data-layout="reverse"] .see-copy{order:1;width:100%;padding:8px 27px 25px;align-self:auto;margin-top:-10px}
      .see-collection-book .see-name,.see-collection-book[data-layout="reverse"] .see-name{font-size:74px;line-height:1;margin:12px 0 18px}
      .see-collection-book .see-thought{font-size:25px;max-width:none;margin-bottom:14px}
      .see-collection-book .see-description{max-width:280px}
      .see-collection-book .see-caption{display:none}
      .see-collection-book .see-read{margin-top:9px}
      .see-collection-book .see-details{max-width:none;margin-top:20px;padding-right:0}
      .see-collection-book .see-zoom,.see-collection-book[data-layout="reverse"] .see-zoom{right:20px;left:auto;bottom:25px}
      .see-collection-book .see-closing{padding:16px 26px;align-items:center}
      .see-collection-book .see-closing>span{max-width:150px}
    }
    @media(prefers-reduced-motion:reduce){.see-collection-book .see-photo{transition:none}}
  

/* Production navigation and an intrinsic-height editorial spread. */
.see-collection-book [hidden]{display:none!important}
.see-collection-book a:focus-visible{outline:2px solid var(--see-gold);outline-offset:5px}
.see-name:focus{outline:none}
.book-skip{position:fixed;top:10px;left:10px;transform:translateY(-200%);z-index:10;background:#f1eddf;color:#18291f;padding:14px;font:14px Arial,sans-serif}
.book-skip:focus{transform:none}
.see-collection-book .see-header{display:grid;grid-template-columns:1fr auto 1fr}
.see-collection-book .see-home-link{font-size:12px;letter-spacing:.03em;display:flex;align-items:center;min-height:44px;width:max-content}
.see-collection-book .see-right{justify-self:end}
.see-collection-book .see-chapter{padding-top:32px;padding-bottom:27px;align-items:end}
.see-collection-book .see-chapter .see-volume{font:11px/1.5 Arial,sans-serif;letter-spacing:.14em;margin-bottom:17px;color:var(--see-gold);opacity:1}
.see-collection-book .see-spread{min-height:clamp(540px,56vw,760px)}
.see-collection-book .see-visual{min-height:540px}
.see-collection-book .see-photo{position:absolute;inset:0}
.see-collection-book .see-copy{padding-top:55px;padding-bottom:72px}
.see-collection-book .see-volumes{display:flex;flex-wrap:wrap;justify-content:center;gap:30px;padding:36px 24px 30px;border-top:1px solid var(--see-line);font:20px/1.4 Georgia,serif}
.see-collection-book .see-volumes a{padding:10px 0;color:var(--see-body)}
.see-collection-book .see-volumes a[aria-current]{color:var(--see-gold)}
.see-collection-book .see-closing a{padding:12px 0;min-height:44px;display:inline-flex;align-items:center}
.see-collection-book .see-closing em{align-self:center}
.see-collection-book .see-credit{margin:0;padding:0 7% 24px;font:10px/1.5 Arial,sans-serif;letter-spacing:.06em;color:var(--see-muted)}
.see-collection-book .see-fallback{padding:40px 7%;border-top:1px solid var(--see-line)}
.see-collection-book .see-fallback img{width:min(700px,100%);height:auto}
@media(max-width:650px){
 .see-collection-book .see-header{padding:17px 18px;gap:9px}
 .see-collection-book .see-home-link{font-size:9px;max-width:70px}
 .see-collection-book .see-wordmark{font-size:13px;letter-spacing:.14em;gap:7px}
 .see-collection-book .see-wordmark img{width:36px;height:17px}
 .see-collection-book .see-chapter{padding:24px}
 .see-collection-book .see-chapter .see-volume{font-size:9px;max-width:none;text-align:left;margin-bottom:13px;letter-spacing:.1em}
 .see-collection-book .see-chapter>p{max-width:120px}
 .see-collection-book .see-spread{min-height:0}
 .see-collection-book .see-visual{width:100%;min-height:0;flex:none}
 .see-collection-book .see-copy,.see-collection-book[data-layout="reverse"] .see-copy{padding-top:8px;padding-bottom:30px}
 .see-collection-book .see-volumes{gap:22px;padding:22px;font-size:17px}
 .see-collection-book .see-closing{gap:10px;flex-wrap:wrap}
 .see-collection-book .see-closing em{order:3;width:100%;margin-top:4px}
 .see-collection-book .see-credit{padding-left:26px;padding-top:0}
}
@media(max-width:360px){.see-collection-book .see-wordmark{font-size:11px}.see-header{gap:6px}.see-collection-book .see-volumes{gap:17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.see-collection-book .see-edition{white-space:nowrap}

/* Reverie — warm olive and walnut, with room for seven chapter entries. */
html.chapter-reverie{background:#29271b}
.see-collection-book[data-collection="reverie"]{--see-paper:#f1e7d6;--see-ink:#29271b;--see-green:#403e2d;--see-green-rgb:64,62,45;--see-ink-rgb:41,39,27;--see-muted:#c6bea9;--see-body:#ded5c2}
.see-collection-book[data-long-chapter] .see-name{font-size:clamp(64px,8vw,104px)}
@media(max-width:650px){
 .see-collection-book[data-long-chapter] .see-name{font-size:clamp(59px,16vw,82px)}
}

/* Emblem — midnight navy with champagne-gold typography. */
html.chapter-emblem{background:#0a1220}
.see-collection-book[data-collection="emblem"]{--see-paper:#f0ece5;--see-ink:#0a1220;--see-green:#111d30;--see-green-rgb:17,29,48;--see-ink-rgb:10,18,32;--see-muted:#b6becd;--see-body:#d6dce6}

/* Vesper — burgundy, black and warm light. */
html.chapter-vesper{background:#260e17}
.see-collection-book[data-collection="vesper"]{--see-paper:#f1e8dc;--see-ink:#260e17;--see-green:#40151e;--see-green-rgb:64,21,30;--see-ink-rgb:38,14,23;--see-muted:#d0b6b9;--see-body:#e4d1ce}
.see-collection-book[data-piece="viola-rose"] .see-name{font-size:clamp(58px,7.1vw,96px)}
.see-collection-book .see-view-nav{display:flex;gap:18px;flex-wrap:wrap;margin:0 0 22px}
.see-collection-book .see-view-nav button{min-height:44px;padding:5px 0;color:var(--see-muted);font-size:11px;letter-spacing:.04em;border-bottom:1px solid transparent}
.see-collection-book .see-view-nav button[aria-pressed="true"]{color:var(--see-gold);border-bottom-color:var(--see-gold)}
.see-collection-book .see-fallback figure{margin:20px 0}
.see-collection-book .see-fallback figcaption{font-size:12px;color:var(--see-muted);margin-top:8px}
@media(max-width:650px){
 .see-collection-book[data-piece="viola-rose"] .see-name{font-size:clamp(46px,13.5vw,74px)}
 .see-collection-book .see-view-nav{margin-bottom:16px}
}

/* One photographic selection language across all four chapters. */
.see-collection-book .see-explore-index{display:flex;align-items:center;gap:20px;width:max-content;min-height:44px;margin-top:20px;font-size:11px;color:var(--see-muted);letter-spacing:.03em}
.see-collection-book .see-explore-index span{color:var(--see-gold);font-size:18px}
.see-collection-book .see-curation{padding:70px 7% 38px;scroll-margin-top:20px}
.see-collection-book .see-index-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:42px}
.see-collection-book .see-index-heading h2{font:400 clamp(32px,3.6vw,52px)/1.12 Georgia,serif;letter-spacing:-.04em;margin:13px 0 12px}
.see-collection-book .see-index-intro{font-size:12px;color:var(--see-muted);margin:0}
.see-collection-book .see-browse-controls{display:flex;gap:10px;flex-shrink:0}
.see-collection-book .see-browse-controls button{width:44px;height:44px;border:1px solid var(--see-line);border-radius:50%;font-size:21px;transition:background .2s}
.see-collection-book .see-browse-controls button:disabled{opacity:.25;cursor:default}
.see-collection-book .see-browse-controls button:not(:disabled):hover{background:rgba(211,189,131,.12)}
.see-collection-book .see-piece-nav{display:flex;gap:30px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:var(--see-line) transparent;padding:8px 5px 28px}
.see-collection-book .see-object{display:grid;grid-template-columns:auto 1fr;align-items:baseline;column-gap:14px;position:relative;flex:0 0 28%;min-width:0;scroll-snap-align:start;transition:opacity .25s}
.see-collection-book .see-object-image{display:block;grid-column:1/-1;width:100%;position:relative;overflow:hidden;aspect-ratio:1;outline:1px solid transparent;outline-offset:5px;margin-bottom:22px}
.see-collection-book .see-object-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.2,.65,.3,1),filter .4s}
.see-collection-book .see-object-number{font:10px/1.5 Arial,sans-serif;color:var(--see-gold);letter-spacing:.1em}
.see-collection-book .see-object-label{display:flex;flex-direction:column;gap:7px}
.see-collection-book .see-object-name{font:400 28px/1.15 Georgia,serif;letter-spacing:-.025em}
.see-collection-book .see-object-theme{font:10px/1.4 Arial,sans-serif;text-transform:uppercase;letter-spacing:.14em;color:var(--see-muted)}
.see-collection-book .see-object-current{display:none;position:absolute;bottom:10px;left:10px;padding:5px 9px;background:var(--see-ink);color:var(--see-gold);font:9px/1.5 Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase}
.see-collection-book .see-object[aria-current] .see-object-current{display:block}
.see-collection-book .see-object[aria-current] .see-object-image{outline-color:var(--see-gold)}
.see-collection-book .see-object[aria-current] .see-object-name{color:var(--see-gold)}
.see-collection-book .see-index-foot{display:flex;justify-content:space-between;gap:20px;padding-top:18px;margin-top:15px;border-top:1px solid var(--see-line);font-size:10px;letter-spacing:.07em;color:var(--see-muted)}
@media(hover:hover){
 .see-collection-book .see-object:hover .see-object-image img{transform:scale(1.045)}
}
/* Vesper: a continuous, widescreen contact sheet with alternating captions. */
.see-collection-book .see-piece-nav{gap:2px;padding:8px 5px 25px;align-items:start}
.see-collection-book .see-object{flex-basis:32%;padding-bottom:12px;column-gap:12px}
.see-collection-book .see-object-image{aspect-ratio:1.05;margin-bottom:22px}
.see-collection-book .see-object-number{padding-left:16px}
.see-collection-book .see-object:nth-child(even){margin-top:55px}
.see-collection-book .see-object[aria-current] .see-object-image{outline-offset:-1px}
@media(max-width:900px){
 .see-collection-book .see-object{flex-basis:43%}
}
@media(max-width:650px){
 .see-collection-book .see-curation{padding:42px 24px 26px}
 .see-collection-book .see-index-heading{align-items:start;gap:12px;margin-bottom:24px}
 .see-collection-book .see-index-heading h2{font-size:32px;max-width:250px}
 .see-collection-book .see-index-heading .see-micro{font-size:9px;letter-spacing:.12em}
 .see-collection-book .see-index-intro{font-size:11px;max-width:240px}
 .see-collection-book .see-browse-controls{gap:4px;padding-top:29px}
 .see-collection-book .see-browse-controls button{width:38px;min-width:38px;height:44px;border:0}
 .see-collection-book .see-piece-nav{margin-right:-24px;padding-right:24px;scroll-padding-left:5px}
 .see-collection-book .see-object-name{font-size:27px}
 .see-collection-book .see-index-foot{font-size:9px;letter-spacing:.02em;gap:8px}
 .see-collection-book .see-object{flex-basis:80%}
 .see-collection-book .see-object:nth-child(even){margin-top:35px}
 .see-collection-book .see-object-number{padding-left:5px}
}
@media(prefers-reduced-motion:reduce){.see-collection-book .see-object,.see-collection-book .see-object-image img{transition:none}}
