/* Solid reading surfaces keep passing headlines out of the navigation. */
.lena .topbar{background:#f6f4ef}.nia #nav{background:#f5f2ec}
/* Lena reads like a publication; Nia invites close inspection of a single craft. */
.showcase-page [hidden]{display:none!important}
.edition-section{background:#e6ded0;padding:90px 0 75px;color:#292219}
.edition-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:40px}
.edition-heading h2{font:400 clamp(42px,5.5vw,76px)/1 Georgia,serif;letter-spacing:-.045em;margin-top:19px}
.edition-heading h2 em{color:#8a5736}
.edition-heading>p{font-size:14px;line-height:1.75;color:#5e5345;max-width:24ch}
.edition-controls{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #92836e;border-bottom:1px solid #92836e;margin-bottom:25px}
.edition-tabs{display:flex;gap:0}
.edition-tabs button{background:transparent;color:#62513f;border:0;border-right:1px solid #b7aa94;padding:20px 24px;font:italic 25px/1 Georgia,serif;min-height:65px;position:relative}
.edition-tabs button span{font:10px/1 system-ui,sans-serif;display:inline-block;margin-right:14px;vertical-align:middle}
.edition-tabs button[aria-selected=true]{background:#352a20;color:#f6f4ef}
.edition-tabs button[aria-selected=true]:after{content:'';width:8px;height:8px;background:#352a20;position:absolute;bottom:-4px;left:50%;transform:rotate(45deg)}
.edition-instruction{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#5e5345}
.edition-book{position:relative}
.edition-spread{background:#f9f6ef;display:grid;grid-template-columns:1.06fr .94fr;grid-template-rows:auto 1fr auto;position:relative;box-shadow:0 8px 22px #42321d14;border:1px solid #c4b8a4;margin-bottom:30px;isolation:isolate}
.edition-spread:after{content:'';position:absolute;top:0;bottom:45px;left:53%;width:22px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,#4b39200d,transparent);pointer-events:none;z-index:2}
.spread-intro{grid-column:2;grid-row:1;padding:32px 8% 20px}
.spread-kicker{font:10px/1.5 system-ui,sans-serif;letter-spacing:.15em;text-transform:uppercase;color:#815434;margin-bottom:25px}
.spread-intro h3{font:400 clamp(35px,4.4vw,61px)/1.02 Georgia,serif;letter-spacing:-.045em;max-width:9ch}
.spread-photo{grid-column:1;grid-row:1/3;display:block;margin:22px 20px 22px 22px;position:relative;overflow:hidden;min-height:530px;max-height:690px;cursor:zoom-in;background:#d7cec0}
.spread-photo img{width:100%;height:100%;position:absolute;object-fit:cover;display:block}
.spread-photo>span{position:absolute;bottom:14px;left:14px;background:#f9f6eff2;padding:9px 13px;font:10px/1.4 system-ui,sans-serif;color:#392d23}
.spread-story{grid-column:2;grid-row:2;padding:0 8% 32px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr auto;gap:25px 20px;align-items:start}
.spread-story>p:first-child{grid-column:1/3;font-size:15px;line-height:1.75;color:#5e5345;max-width:37ch}
.spread-detail{grid-column:2;grid-row:2/4;align-self:end;overflow:hidden;position:relative;background:#e8e2d8;padding-bottom:35px}
.spread-detail img{display:block;aspect-ratio:1;object-fit:cover;width:100%;height:auto;transform:scale(1.5);transform-origin:50% 15%}
.spread-detail figcaption{position:absolute;bottom:0;left:0;right:0;background:#f9f6ef;font:9px/1.5 system-ui,sans-serif;text-transform:uppercase;letter-spacing:.08em;padding-top:12px;color:#6d5d48;min-height:35px}
.spread-note{font:italic 26px/1.2 Georgia,serif;color:#815434;align-self:end}
.spread-action{font-size:11px;line-height:1.7;color:#463221;text-decoration:underline;text-underline-offset:5px;min-height:44px;display:flex;align-items:center;align-self:end}
.spread-folio{grid-column:1/3;display:flex;justify-content:space-between;border-top:1px solid #bcae9a;margin:0 22px;padding:14px 0;font:9px/1.5 system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#66543d}
.editions-ready .edition-spread{margin-bottom:0}
.edition-navigation{display:flex;justify-content:space-between;align-items:center;margin-top:25px;gap:16px}
.edition-navigation button{border:0;background:transparent;color:#463221;display:flex;align-items:center;gap:12px;min-height:44px;padding:10px 0;font-size:11px}
.edition-navigation button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.4}
.edition-navigation button:disabled{opacity:.35;cursor:default}
.edition-navigation p{font-size:10px;letter-spacing:.07em;color:#65543e}
.edition-spread.edition-changing .spread-photo img{animation:edition-photograph .6s cubic-bezier(.18,.75,.22,1) both}
.edition-spread.edition-changing .spread-intro,.edition-spread.edition-changing .spread-story{animation:edition-copy .55s ease both}
@keyframes edition-photograph{from{clip-path:inset(0 100% 0 0);transform:translateX(-20px)}to{clip-path:inset(0);transform:none}}
@keyframes edition-copy{from{opacity:.2;transform:translateY(12px)}to{opacity:1;transform:none}}
.lena .menu{background:#f6f4ef;padding-block:90px}
.lena .menu .wrap{display:grid;grid-template-columns:1fr 1.25fr;gap:10%}
.lena .menu h2{font-size:clamp(35px,3.6vw,50px);font-weight:400;max-width:9ch;margin:25px 0}
.lena .menu .head>p:not(.label){font-size:15px;line-height:1.8;max-width:32ch}
.lena .service-links{counter-reset:services}
.lena .service-links li{counter-increment:services}
.lena .service-links li a{display:grid;grid-template-columns:22px 1fr;gap:5px 18px;padding:24px 0}
.lena .service-links li a:before{content:'0' counter(services);grid-row:1/3;font:10px/2 system-ui;color:#815434}
.lena .service-links li span{font-size:26px;line-height:1.2}
.lena .service-links small{grid-column:2;font-size:11px}
.lena-letter{padding-block:90px;display:grid;grid-template-columns:.6fr 1.4fr;gap:8%;border-top:1px solid #b9ad9a}
.letter-heading>span{display:block;font:italic 130px/1 Georgia,serif;color:#b29676;letter-spacing:-.08em;margin-top:50px}
.lena-letter h2{font:400 clamp(40px,5.3vw,70px)/1.03 Georgia,serif;letter-spacing:-.035em;margin-bottom:30px}
.letter-body>p{font-size:17px;line-height:1.9;max-width:47ch;color:#625443}
.letter-signoff{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-top:45px}
.letter-signoff>span{font-size:12px;line-height:1.8;color:#625443}
.letter-signoff em{display:block;font:italic 50px/1.3 Georgia,serif;color:#815434;margin-top:10px}

/* A fixed photographic inspection table, not a carousel or a collection of cards. */
.nia .braid-study{padding:90px 0;background:#f5f2ec}
.nia .braid-study .wrap{max-width:1350px;padding-inline:5%}
.study-heading{display:grid;grid-template-columns:1.2fr 1fr;column-gap:10%;align-items:end;margin-bottom:45px}
.study-heading .kick{grid-column:1/3;margin-bottom:22px}
.nia .study-heading h2{font-size:clamp(48px,5.8vw,78px);margin:0}
.study-heading .lead{font-size:16px;line-height:1.8;max-width:33ch;margin-bottom:5px}
.inspection-table{display:grid;grid-template-columns:1.1fr .9fr;gap:6%;align-items:start;border-top:1px solid #a89d8b;padding-top:30px}
.braid-overview{position:relative;margin:0}
.braid-overview>a{display:block;aspect-ratio:4/5;overflow:hidden;cursor:zoom-in}
.nia .braid-overview img{width:100%;height:100%;object-fit:cover;filter:none;transform:none}
.braid-overview figcaption{display:flex;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:.06em;margin-top:15px}
.braid-points{position:absolute;inset:0 0 30px;pointer-events:none}
.braid-points button{position:absolute;left:var(--point-x);top:var(--point-y);transform:translate(-50%,-50%);pointer-events:auto;min-width:44px;min-height:44px;border:1px solid #fff;background:#27141be8;color:#fff;border-radius:50%;font-size:11px;box-shadow:0 0 0 6px #27141b20}
.braid-points button[aria-pressed=true]{background:#f5f2ec;color:#a70e2a;box-shadow:0 0 0 6px #f5f2ec40}
.detail-selector{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid #aaa08f;gap:10px;margin-bottom:30px}
.detail-selector button{border:0;border-bottom:2px solid transparent;background:none;text-align:left;padding:12px 0 18px;color:#766959;min-height:58px;font:10px/1.5 system-ui}
.detail-selector button span{display:block;font:22px/1.3 Georgia,serif;color:#352b22}
.detail-selector button[aria-pressed=true]{border-color:#bd1537;color:#a91130}
.detail-selector button[aria-pressed=true] span{color:#a91130}
.detail-caption{display:flex;gap:25px;margin:0 0 25px;min-height:115px;text-transform:none;letter-spacing:0}
.detail-number{font:italic 68px/1 Georgia,serif;color:#b51635;min-width:70px}
.detail-caption h3{font:400 30px/1.1 Georgia,serif;color:#241c15;margin:4px 0 13px;letter-spacing:-.025em}
.detail-caption p{font:14px/1.75 system-ui,sans-serif;color:#6d675f;max-width:32ch}
.detail-window{aspect-ratio:1.18;overflow:hidden;background:#e1d9ca;border:9px solid #e6dfd3}
.nia .detail-window img{display:block;width:100%;height:100%;object-fit:cover;filter:none;transform:translate(var(--detail-x,16%),var(--detail-y,46%)) scale(var(--detail-scale,2.2));transition:transform .7s cubic-bezier(.2,.7,.2,1);transform-origin:center}
.detail-footnote{font:10px/1.5 system-ui,sans-serif;color:#6d675f;text-transform:none;letter-spacing:.02em;margin-top:13px}
.nia .movement-styles{background:#e7e0d3;padding:90px 0}
.movement-heading{display:grid;grid-template-columns:1fr 1fr;gap:0 8%;align-items:end;margin-bottom:40px}
.movement-heading .kick{grid-column:1/3}
.nia .movement-heading h2{font-size:clamp(52px,6vw,80px);margin:0}
.movement-heading>p:last-child{font-size:15px;line-height:1.8;color:#685e50}
.style-duet{display:grid;grid-template-columns:1.2fr 1fr;gap:8%;align-items:start}
.style-duet article>a{display:block;overflow:hidden;cursor:zoom-in}
.style-duet img{display:block;width:100%;height:auto;object-fit:cover}
.style-long>a{aspect-ratio:.84}.style-long>a img{height:100%}
.style-twists{padding-top:20%}.style-twists>a{aspect-ratio:1}.style-twists>a img{height:100%}
.style-duet article>div{padding:22px 0 28px;border-bottom:1px solid #b8ad9b}
.style-duet article>div>span{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#6d5947}
.style-duet h3{font:400 35px/1.1 Georgia,serif;margin:12px 0 18px;color:#35261d;letter-spacing:-.025em}
.style-duet article>div>a{font-size:12px;min-height:44px;display:inline-flex;align-items:center;color:#75283a;text-underline-offset:5px}
.style-twists>div{border-top:1px solid #b8ad9b;border-bottom:0!important}
.nia .artist-statement{background:#342129;color:#f5eee5;padding:85px 0}
.artist-heading{display:flex;justify-content:space-between;align-items:start;gap:30px}
.nia .artist-heading .kick{color:#edb0bc}
.artist-heading figure{display:flex;align-items:center;gap:18px;margin:0}
.artist-heading img{width:100px;height:100px!important;object-fit:cover;object-position:center 24%;border-radius:50%}
.nia .artist-heading figcaption{font-size:10px;letter-spacing:.1em;line-height:1.7;max-width:13ch;color:#f5eee5;margin:0}
.artist-statement blockquote{font:400 clamp(32px,4.6vw,57px)/1.25 Georgia,serif;letter-spacing:-.025em;margin:30px 0 45px;max-width:27ch}
.artist-bottom{display:flex;justify-content:space-between;align-items:center;gap:30px;border-top:1px solid #d7a0ad50;padding-top:30px}
.artist-bottom p{font-size:14px;color:#e4c5cf}
.nia .artist-bottom .btn{border-color:#ad808d;color:#f5eee5;font-size:10px}
.nia #services .wrap{max-width:950px}

@media(max-width:900px){
 .spread-photo{min-height:500px;margin:16px}.spread-intro{padding:25px 7% 20px}.spread-intro h3{font-size:42px}.spread-story{padding:0 7% 25px;gap:20px 12px}.spread-kicker{font-size:9px;margin-bottom:20px}.spread-story>p:first-child{font-size:14px}.spread-note{font-size:23px}.spread-detail figcaption{font-size:8px}.spread-action{font-size:10px}.edition-instruction{display:none}
 .inspection-table{gap:5%}.detail-number{font-size:48px;min-width:50px}.detail-caption{gap:15px;min-height:140px}.detail-caption h3{font-size:27px}.detail-caption p{font-size:13px}.detail-selector button span{font-size:19px}
 .lena .menu .wrap{gap:6%}.lena .service-links li span{font-size:23px}
}
@media(max-width:650px){
 .edition-section{padding:60px 0 45px}.edition-heading{display:block;margin-bottom:28px}.edition-heading h2{font-size:45px}.edition-heading>p{font-size:14px;margin-top:20px;max-width:none}.edition-heading>p br{display:none}.edition-tabs{width:100%}.edition-tabs button{font-size:23px;flex:1;padding:16px 10px;min-height:62px}.edition-tabs button span{display:block;font-size:9px;margin:0 0 7px}.edition-controls{margin-bottom:20px}.edition-spread{grid-template-columns:1fr}.edition-spread:after{display:none}.spread-intro{grid-column:1;grid-row:1;padding:25px 23px 20px}.spread-kicker{font-size:9px;margin-bottom:17px}.spread-intro h3{font-size:42px;max-width:11ch}.spread-photo{grid-column:1;grid-row:2;margin:0 15px;aspect-ratio:1;min-height:0;max-height:none}.spread-story{grid-column:1;grid-row:3;padding:24px 23px 28px;gap:22px 18px}.spread-story>p:first-child{font-size:15px;line-height:1.8}.spread-note{font-size:25px}.spread-detail figcaption{font-size:9px}.spread-action{font-size:11px}.spread-folio{grid-column:1;grid-row:4;margin:0 15px;font-size:8px;gap:15px}.edition-navigation{gap:10px;margin-top:20px}.edition-navigation p{font-size:9px;max-width:65px;text-align:center;line-height:1.6}.edition-navigation button{font-size:10px;gap:8px}.edition-navigation svg{width:18px!important}
 .lena .menu{padding-block:60px}.lena .menu .wrap{display:block}.lena .menu h2{font-size:44px;max-width:12ch;margin:20px 0}.lena .menu .head{margin-bottom:30px}.lena .service-links li a{display:grid;padding:22px 0}.lena .service-links li span{font-size:26px}.lena-letter{padding-block:60px;display:block}.letter-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.letter-heading>span{font-size:60px;margin-top:0}.lena-letter h2{font-size:43px}.letter-body>p{font-size:16px;line-height:1.85}.letter-signoff{margin-top:30px;gap:20px;align-items:center}.letter-signoff .btn{font-size:10px;padding:16px}
 .nia .braid-study{padding-block:60px}.nia .braid-study .wrap{padding-inline:6%}.study-heading{display:block;margin-bottom:30px}.nia .study-heading h2{font-size:49px}.study-heading .lead{margin-top:25px;font-size:15px;max-width:none}.inspection-table{display:block;padding-top:22px}.braid-overview>a{aspect-ratio:1}.braid-overview>a img{object-position:center 32%}.braid-overview figcaption{font-size:9px;margin-top:14px;gap:20px;letter-spacing:.02em}.detail-column{margin-top:30px}.detail-selector{margin-bottom:24px;gap:15px}.detail-selector button{padding:10px 0 15px;min-height:62px}.detail-selector button span{font-size:22px}.detail-caption{min-height:0;margin-bottom:22px;gap:18px}.detail-number{font-size:55px;min-width:54px}.detail-caption h3{font-size:29px;margin-top:3px}.detail-caption p{font-size:14px;max-width:none}.detail-window{aspect-ratio:1.25;border-width:6px}.detail-footnote{font-size:10px}.braid-points{inset:0 0 43px}.braid-points button{font-size:10px}
 .nia .movement-styles{padding-block:60px}.movement-heading{display:block;margin-bottom:30px}.nia .movement-heading h2{font-size:58px}.movement-heading>p:last-child{font-size:15px;margin-top:24px}.style-duet{display:block}.style-long>a{aspect-ratio:1.05}.style-duet h3{font-size:35px}.style-twists{padding-top:45px;display:flex;flex-direction:column}.style-twists>div{order:2;border-top:0;border-bottom:1px solid #b8ad9b!important}.style-twists>a{width:85%;margin-left:auto;aspect-ratio:.9}.style-twists>div{width:85%;margin-left:auto}.style-duet article>div>a{font-size:12px}
 .nia .artist-statement{padding-block:60px}.artist-heading{align-items:center}.artist-heading .kick{font-size:9px;max-width:12ch;line-height:1.8;margin:0}.artist-heading figure{gap:12px}.artist-heading img{width:70px;height:70px!important}.nia .artist-heading figcaption{font-size:9px;max-width:10ch}.artist-statement blockquote{font-size:34px;line-height:1.3;margin:35px 0}.artist-bottom{display:block;padding-top:25px}.artist-bottom .btn{margin-top:23px}.artist-bottom p{font-size:14px}
}
@media(prefers-reduced-motion:reduce){.edition-spread *{animation:none!important}.nia .detail-window img{transition:none}}
html.showcase-reduced .edition-spread *{animation:none!important}html.showcase-reduced .detail-window img{transition:none!important}
/* Keep the chapter/detail controls and the beginning of the selected content together. */
.showcase-page .edition-spread{scroll-margin-top:185px}
.showcase-page #braid-detail{scroll-margin-top:180px}

/* The inspection coordinates refer to the original 4:5 photograph, never a cover crop. */
.nia .braid-overview>a{aspect-ratio:4/5}
.nia .braid-overview>a img{object-position:center}
.braid-points{inset:0 0 auto;aspect-ratio:4/5}
.detail-window{position:relative}
.nia .detail-window img{position:absolute;left:50%;top:50%;width:100%;height:auto!important;object-fit:contain;transform:translate(var(--detail-x,-34.6%),var(--detail-y,-3.8%)) scale(var(--detail-scale,2.2))}
.edition-spread:focus-visible,.braid-detail:focus-visible{outline:2px solid #815434;outline-offset:5px}

/* Small section labels retain normal-text contrast on their tinted paper. */
.edition-heading .label{color:#815434}
.nia .movement-heading .kick{color:#a91130}