body{grid-template-rows:minmax(0,1fr) 43px 78px}.chapter-toolbar{margin:0 3.1%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:15px}.chapter-toolbar button{min-height:36px;font-size:12px}.chapter-toolbar>button{color:var(--muted);white-space:nowrap}.chapter-toolbar>button span{margin-left:12px}#chapter-steps{display:flex;gap:25px;align-items:center}#chapter-steps button{position:relative;color:var(--muted);padding:0}#chapter-steps button span{font-size:10px;margin-right:7px;opacity:.7}#chapter-steps button[aria-current]{color:var(--ink)}#chapter-steps button[aria-current]:after{content:'';height:2px;background:var(--accent);position:absolute;bottom:0;left:0;right:0}.opening-note{font-size:10px;letter-spacing:.11em}.type-mask{display:block;overflow:hidden;padding-bottom:.08em;margin-bottom:-.08em}.type-line{display:block;transform-origin:0 100%;will-change:transform}.cover-copy h1{font-size:clamp(60px,7.3vw,130px)}.chapter-copy{z-index:2}.chapter-photo{z-index:1}.chapter-watermark{position:absolute;bottom:25px;right:-15px;z-index:2;font:400 clamp(100px,13vw,230px)/.8 var(--serif);color:#fff5;letter-spacing:-.04em;pointer-events:none;writing-mode:vertical-rl;mix-blend-mode:soft-light}.cover-frame{position:absolute;inset:18px;z-index:1;border:1px solid #ffffff30;pointer-events:none;clip-path:inset(0 0 0 50%)}.active .cover-frame{animation:frame-draw 3s cubic-bezier(.16,1,.3,1) both}.active .chapter-watermark{animation:watermark-in 2.5s cubic-bezier(.16,1,.3,1) both}.active .chapter-photo>img,.active .cover-photo>img{animation:photo-breathe 20s ease-in-out infinite alternate}.chapter-photo,.cover-photo{transform-origin:center}.chapter-copy .intro{max-width:355px}.chapter h2{font-size:clamp(48px,5.5vw,98px)}
.gallery-spread{display:flex;flex-direction:column;background:#e4dfd5;padding:30px 3.4% 20px;isolation:isolate}.gallery-heading{display:grid;grid-template-columns:1fr auto;align-items:end;position:relative;z-index:2}.gallery-heading .eyebrow{grid-column:1/-1;margin:0 0 12px}.gallery-heading .eyebrow span{color:var(--muted);margin-left:15px}.gallery-heading h2{font:400 clamp(36px,4.7vw,78px)/1 var(--serif);letter-spacing:-.035em;margin:0}.gallery-note{font-size:10px;letter-spacing:.09em;color:var(--muted);padding-bottom:6px}.gallery-composition{flex:1;min-height:0;position:relative;display:grid;grid-template-columns:1.1fr .77fr .85fr;gap:3.2%;padding:23px 0 6px;align-items:center}.gallery-card{margin:0;min-width:0;position:relative;z-index:2;height:88%;display:flex;flex-direction:column;will-change:transform;transform:translate(var(--pointer-x,0px),var(--pointer-y,0px));transition:transform 1.5s cubic-bezier(.16,1,.3,1)}.gallery-card.card-0{align-self:start;height:95%}.gallery-card.card-1{height:73%;align-self:end}.gallery-card.card-2{height:84%;align-self:center}.gallery-card button{display:block;padding:0;flex:1;min-height:0;position:relative;overflow:hidden;background:#c8c1b5;text-align:left}.gallery-card img{width:100%;height:100%;object-fit:cover;display:block;transition:filter .7s}.gallery-card button:hover img{filter:brightness(1.1)}.image-open{position:absolute;right:13px;bottom:13px;display:grid;place-items:center;width:35px;height:35px;border:1px solid #fff8;border-radius:50%;background:#1b201b35;color:#fff;font-size:23px}.gallery-card figcaption{font-size:11px;padding-top:12px;display:flex;gap:13px;color:var(--muted);line-height:1.3}.gallery-card figcaption>span{color:var(--accent);font-size:10px}.gallery-rule{position:absolute;top:52%;left:-10%;width:120%;height:1px;background:#a79b8738;z-index:0;transform:rotate(-10deg)}.gallery-cross{position:absolute;left:38%;top:40%;font:200 66px/1 var(--sans);color:#99866866;z-index:0}.active .gallery-cross{animation:cross-turn 20s linear infinite}.active .gallery-card.card-0 img{animation:gallery-drift 17s ease-in-out infinite alternate}.active .gallery-card.card-1 img{animation:gallery-drift 21s ease-in-out infinite alternate-reverse}.active .gallery-card.card-2 img{animation:gallery-drift 19s ease-in-out infinite alternate}.gallery-bottom{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:12px;min-height:32px}.gallery-bottom>span{font-size:11px;color:var(--muted);max-width:65%}.gallery-bottom button{font-size:13px;white-space:nowrap}.gallery-bottom button span{margin-left:15px}.gallery-1{background:#262b25;color:#eeeae2;--muted:#c4c3b7;--accent:#c2ae8c}.gallery-1 .gallery-composition{grid-template-columns:.8fr 1.2fr .8fr}.gallery-1 .card-0{height:78%;align-self:center}.gallery-1 .card-1{height:95%;align-self:start}.gallery-1 .card-2{height:68%;align-self:end}.gallery-2{background:#ddd6c8}.gallery-2 .gallery-composition{grid-template-columns:1fr .8fr 1.1fr}.gallery-2 .card-0{height:75%;align-self:end}.gallery-2 .card-1{height:92%;align-self:start}.gallery-2 .card-2{height:87%;align-self:center}
.focus-spread{display:block;background:#151b17;color:#fff;--ink:#fff;--muted:#dddcd3;--accent:#d7c29e;isolation:isolate}.focus-background,.focus-shade{position:absolute;inset:0}.focus-background{overflow:hidden}.focus-background img{width:100%;height:100%;object-fit:cover;display:block}.active .focus-background img{animation:focus-pan 25s ease-in-out infinite alternate}.focus-shade{background:linear-gradient(90deg,#0e1512e6 0%,#0e1512c7 35%,#0e151239 100%);z-index:1}.focus-copy{position:absolute;left:5%;top:23%;width:43%;z-index:3}.focus-copy h2{font:400 clamp(48px,6.2vw,106px)/.98 var(--serif);letter-spacing:-.035em;margin:0 0 24px;max-width:600px}.focus-copy>p:not(.eyebrow){font-size:16px;line-height:1.65;max-width:350px;color:#d2d3ca;margin:0 0 25px}.focus-copy .eyebrow{font-size:11px;letter-spacing:.14em}.focus-window{position:absolute;right:8%;top:18%;width:30%;height:60%;z-index:3;transform:translate(var(--pointer-x,0px),var(--pointer-y,0px));transition:transform 1.5s cubic-bezier(.16,1,.3,1)}.focus-window button{display:block;padding:0;width:100%;height:100%;position:relative;overflow:hidden;border:1px solid #ffffff80;box-shadow:0 30px 80px #0006}.focus-window img{height:100%;width:100%;object-fit:cover}.active .focus-window img{animation:gallery-drift 16s ease-in-out infinite alternate-reverse}.window-caption{display:block;font-size:11px;padding-top:12px;color:#f4f1e6}.window-corner{position:absolute;right:14px;bottom:14px;color:white;font-size:25px}.focus-running{position:absolute;left:0;top:-.13em;display:flex;width:max-content;white-space:nowrap;font:400 clamp(110px,17vw,280px)/1 var(--serif);letter-spacing:-.035em;color:transparent;-webkit-text-stroke:1px #eeebe537;pointer-events:none;z-index:2}.focus-running span{padding-right:.25em}.active .focus-running{animation:running-type 40s linear infinite}.focus-bottom{position:absolute;left:5%;right:5%;bottom:24px;display:flex;justify-content:space-between;gap:25px;align-items:center;z-index:4;border-top:1px solid #ffffff40;padding-top:17px}.focus-bottom>span{font-size:12px;color:#e1dfd5;max-width:65%}.focus-bottom button{font-size:13px;white-space:nowrap}.focus-bottom button span{margin-left:14px}.motion-graphic{position:absolute;right:2%;bottom:13%;width:43%;height:38%;display:flex;gap:6px;align-items:center;z-index:2;opacity:.5;pointer-events:none}.motion-graphic i{display:block;flex:1;height:var(--height);border:1px solid #d7c29e90;transform-origin:center;background:#b9aa8910}.active .motion-graphic i{animation:graphic-wave 3.5s calc(var(--j)*-.16s) ease-in-out infinite alternate}.graphic-0{transform:rotate(-20deg);height:55%;opacity:.32}.graphic-0 i{height:100%;border-width:0 1px}.graphic-2{border:1px solid #e4d9bb55;transform:perspective(600px) rotateY(-20deg)}.graphic-2 i{height:100%;background:none}.graphic-3,.graphic-7{display:block}.graphic-3 i,.graphic-7 i{height:4%;width:100%;margin-bottom:3%;transform-origin:right;border-width:1px 0 0}.graphic-4,.graphic-8{border-radius:50%;aspect-ratio:1;align-items:center;justify-content:center;transform:rotate(-25deg)}.graphic-4 i,.graphic-8 i{position:absolute;width:calc(20% + var(--j)*4%);height:calc(20% + var(--j)*4%);flex:none;border-radius:50%;background:none}.graphic-5 i{background:#d7c29e20;transform-origin:bottom}.graphic-6{transform:perspective(500px) rotateX(45deg);bottom:6%}.graphic-6 i{height:100%;background:none}.focus-1 .focus-window{right:9%;top:20%;width:32%;height:57%}.focus-2 .focus-window{top:17%;height:64%;width:29%}
#index-list button b em{display:block;font:400 10px var(--sans);letter-spacing:.06em;color:var(--muted);margin-top:6px}.photo-dialog{background:#191d18;color:#eeeae2}.photo-dialog #detail-body{display:block;padding-top:20px}.photo-dialog figure{margin:0}.photo-dialog figure img{width:100%;height:68svh;object-fit:contain;display:block}.photo-dialog figcaption{font-size:13px;padding-top:15px}.photo-dialog .dialog-header{border-color:#55584f}.motion-paused *, .motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}.motion-paused .gallery-card,.motion-paused .focus-window{transform:none!important}.motion-paused .chapter-photo>img,.motion-paused .focus-background img{animation:none!important}
@keyframes photo-breathe{from{transform:scale(1.02)}to{transform:scale(1.06) translate(-1%,.5%)}}@keyframes gallery-drift{from{transform:scale(1.02) translateY(0)}to{transform:scale(1.06) translateY(-1%)}}@keyframes focus-pan{from{transform:scale(1.03) translateX(-1%)}to{transform:scale(1.07) translateX(1%)}}@keyframes running-type{to{transform:translateX(-50%)}}@keyframes graphic-wave{from{transform:scaleY(.35);opacity:.3}to{transform:scaleY(1);opacity:1}}@keyframes cross-turn{to{transform:rotate(360deg)}}@keyframes watermark-in{from{opacity:0;transform:translateY(120px)}to{opacity:1;transform:translateY(0)}}@keyframes frame-draw{from{clip-path:inset(100% 0 0 50%)}to{clip-path:inset(0 0 0 50%)}}
@media(max-height:760px) and (orientation:landscape){body{grid-template-rows:minmax(0,1fr) 38px 65px}.chapter-copy{padding-top:23px;padding-bottom:23px}.chapter-number{margin-bottom:16px}.chapter h2{font-size:clamp(44px,5.2vw,72px)}.cover-copy h1{font-size:clamp(54px,6.5vw,95px)}.chapter .intro{font-size:14px;line-height:1.5}.chapter-topics{margin-bottom:15px}.gallery-spread{padding-top:20px;padding-bottom:13px}.gallery-heading h2{font-size:42px}.gallery-heading .eyebrow{font-size:10px;margin-bottom:8px}.gallery-composition{padding-top:15px}.gallery-card figcaption{font-size:10px;padding-top:8px}.gallery-bottom{margin-top:5px}.focus-copy{top:22%}.focus-copy h2{font-size:clamp(42px,5.6vw,76px);margin-bottom:16px}.focus-copy>p:not(.eyebrow){font-size:14px;line-height:1.5;margin-bottom:20px}.focus-copy .eyebrow{margin-bottom:15px}.focus-bottom{bottom:18px;padding-top:13px}.focus-running{font-size:16vw}.focus-window{height:57%}}
@media(orientation:portrait) and (max-width:1100px){body{grid-template-rows:minmax(0,1fr) 45px 106px}.chapter-toolbar{margin:0 5%}.cover-copy h1{font-size:clamp(60px,10.5vw,100px)}.chapter h2{font-size:clamp(48px,7.5vw,78px)}.chapter-watermark{font-size:120px;bottom:auto;top:0}.cover-frame{display:none}.gallery-spread{padding:28px 27px 19px}.gallery-heading{display:block}.gallery-heading h2{font-size:clamp(40px,7.2vw,70px)}.gallery-heading .eyebrow{font-size:10px}.gallery-note{display:block;margin-top:12px;font-size:10px}.gallery-composition,.gallery-1 .gallery-composition,.gallery-2 .gallery-composition{grid-template-columns:1fr 1fr;grid-template-rows:53% 47%;gap:15px 19px;padding:22px 0 10px}.gallery-card.card-0,.gallery-1 .card-0,.gallery-2 .card-0{grid-column:1/-1;grid-row:1;height:100%;width:85%;align-self:start}.gallery-card.card-1,.gallery-1 .card-1,.gallery-2 .card-1{grid-column:1;grid-row:2;height:95%;align-self:end}.gallery-card.card-2,.gallery-1 .card-2,.gallery-2 .card-2{grid-column:2;grid-row:2;height:87%;align-self:center}.gallery-card figcaption{font-size:11px}.gallery-bottom{margin-top:15px;gap:12px}.gallery-bottom>span{max-width:55%;font-size:10px;line-height:1.5}.gallery-bottom button{font-size:12px}.focus-copy{top:15%;left:7%;width:82%}.focus-copy h2{font-size:clamp(50px,8.8vw,83px);max-width:90%;margin-bottom:17px}.focus-copy>p:not(.eyebrow){max-width:80%;font-size:16px}.focus-window,.focus-1 .focus-window,.focus-2 .focus-window{right:10%;top:auto;bottom:14%;width:55%;height:32%}.focus-bottom{left:7%;right:7%;bottom:23px}.focus-bottom>span{max-width:54%;font-size:11px}.focus-running{font-size:24vw;top:0}.motion-graphic{width:60%;right:4%;bottom:12%;height:33%}.focus-shade{background:linear-gradient(180deg,#0e1512c9,#0e151288 55%,#0e1512ca)}.window-caption{font-size:10px}}
@media(max-width:600px) and (orientation:portrait){body{grid-template-rows:minmax(0,1fr) 41px 97px}.chapter-toolbar{margin:0 4%;gap:5px}.chapter-toolbar button{font-size:10px}#chapter-steps{gap:13px}#chapter-steps button span{font-size:9px;margin-right:4px}.opening-note{font-size:8px;letter-spacing:.04em}.chapter-toolbar>button span{margin-left:4px}.chapter-watermark{font-size:75px}.cover-copy h1{font-size:clamp(46px,12vw,65px)}.chapter h2{font-size:clamp(39px,10.5vw,56px)}.chapter .intro{font-size:13px}.chapter .chapter-copy,.chapter.reverse .chapter-copy{padding:18px 22px}.chapter-number{top:19px;right:22px}.chapter .eyebrow{margin-bottom:9px}.chapter .intro{margin-bottom:12px}.gallery-spread{padding:18px 17px 12px}.gallery-heading h2{font-size:36px}.gallery-heading .eyebrow{font-size:8px;margin-bottom:8px}.gallery-heading .eyebrow span{margin-left:5px}.gallery-note{font-size:9px;margin-top:6px}.gallery-composition,.gallery-1 .gallery-composition,.gallery-2 .gallery-composition{padding:14px 0 6px;gap:12px}.gallery-card figcaption{font-size:9px;gap:6px;padding-top:7px}.gallery-bottom{margin-top:10px}.gallery-bottom>span{font-size:8px}.gallery-bottom button{font-size:10px}.gallery-bottom button span{margin-left:4px}.image-open{width:26px;height:26px;font-size:18px;bottom:8px;right:8px}.focus-copy{top:13%;width:86%}.focus-copy h2{font-size:clamp(39px,10vw,55px);margin-bottom:12px}.focus-copy .eyebrow{font-size:9px;margin-bottom:12px}.focus-copy>p:not(.eyebrow){font-size:13px;line-height:1.45;max-width:95%;margin-bottom:14px}.focus-copy .detail-button{font-size:12px}.focus-window,.focus-1 .focus-window,.focus-2 .focus-window{bottom:14%;width:51%;height:26%}.focus-bottom{bottom:17px;padding-top:12px;gap:12px}.focus-bottom>span{font-size:9px}.focus-bottom button{font-size:10px}.focus-bottom button span{margin-left:4px}.window-caption{font-size:8px;padding-top:7px}.focus-running{font-size:26vw}.book-footer{grid-template-rows:39px 44px}.photo-dialog figure img{height:60svh}}
@media(prefers-reduced-motion:reduce){.active *{animation:none!important}.gallery-card,.focus-window{transform:none!important}}
.motion-graphic{overflow:hidden}
.active .graphic-3 i,.active .graphic-7 i{animation-name:screen-sweep}
.active .graphic-4 i,.active .graphic-8 i{animation-name:orbit-pulse;animation-duration:6s}
.active .graphic-2 i{animation-name:frame-depth;animation-duration:5s}
@keyframes screen-sweep{from{transform:scaleX(.25);opacity:.25}to{transform:scaleX(1);opacity:1}}
@keyframes orbit-pulse{from{transform:scale(.76) rotate(-15deg);opacity:.25}to{transform:scale(1) rotate(15deg);opacity:.8}}
@keyframes frame-depth{from{transform:scale(.7);opacity:.3}to{transform:scale(1);opacity:.85}}
.motion-paused .chapter-watermark,.motion-paused .cover-frame{animation:none!important}
.chapter-watermark{max-height:calc(100% - 50px);overflow:hidden}
.gallery-rule{clip-path:inset(0)}
.gallery-card{min-height:0}
@media(orientation:landscape){.gallery-composition{grid-template-rows:minmax(0,1fr)}}
/* Carry the moving outlined category title onto every main section cover. */
.motion-cover .cover-running{top:-.08em;font-size:clamp(110px,14vw,240px);z-index:2;-webkit-text-stroke:1px #ad9d7d70}
.motion-cover.dark .cover-running{-webkit-text-stroke:1px #eeeae24d}
.motion-cover .chapter-copy{z-index:3}
@media(orientation:portrait) and (max-width:1100px){.motion-cover .cover-running{font-size:24vw;-webkit-text-stroke:1px #eeeae27a}}
/* Vector icons avoid platform-dependent emoji rendering. */
.arrow-icon{display:inline-block;width:20px;height:20px;flex:none;vertical-align:middle;pointer-events:none}
.page-controls button{display:grid;place-items:center}
.image-open .arrow-icon{width:18px;height:18px}
.window-corner{display:flex}
@media(max-width:600px){.arrow-icon{width:18px;height:18px}.image-open .arrow-icon{width:15px;height:15px}}

.back-home{display:flex;align-items:center;gap:8px;font-size:12px;white-space:nowrap;min-height:30px}.back-home .arrow-icon{width:17px;height:17px}.back-home:hover{text-decoration:underline;text-underline-offset:4px}.page-position{display:flex;gap:12px;align-items:center}.footer-meta{min-width:142px;gap:3px}@media(orientation:portrait) and (max-width:1100px){.footer-meta{align-items:flex-start;flex-direction:column;gap:0}.page-position{gap:9px}#page-label{font-size:8px}#page-counter{font-size:10px}.back-home{min-height:24px}}