/* V3 — a bound editorial, with uncropped photography and readable paper leaves. */
body{background:radial-gradient(ellipse at 50% 10%,#f3eadd,#ded2c1 95%);padding-bottom:66px}
main{padding:6px 35px 20px}.book{max-width:1240px;border:0;overflow:visible;box-shadow:1px 1px #c1ae91,3px 3px #eee3d1,4px 4px #c1ae91,6px 6px #eee3d1,7px 7px #c1ae91,0 25px 60px -24px #3a261b66}
.book:after{background:linear-gradient(90deg,transparent 48.5%,#6d4d1d08 49.5%,#6d4d1d1f 50%,#fff9ef55 50.3%,transparent 52%)}
.page-content{min-height:0;overflow:hidden}.folio-top{padding:18px 30px;font-size:8px}
body[data-chapter=cover] .book{max-width:520px;border-left:5px solid #d1bea2;transform:rotate(-.7deg);transition:transform .6s var(--ease)}
body[data-chapter=cover] .book:hover{transform:rotate(0)}
body[data-chapter=cover] .book:after{background:linear-gradient(90deg,#6e421916,transparent 3%,transparent 97%,#fff8e988)}
body[data-chapter=cover] main{padding-top:8px;padding-bottom:45px}
.magazine-cover{padding:18px 23px 16px;position:relative}
.cover-volume,.cover-colophon{display:flex;justify-content:space-between;gap:15px;font-size:7px;letter-spacing:.14em;line-height:1.7}
.cover-name{font:clamp(55px,8.7vw,105px)/.9 var(--serif);letter-spacing:-.065em;text-align:center;border-top:1px solid var(--red);border-bottom:1px solid var(--red);padding:14px 0 8px;margin-top:10px;white-space:nowrap}
.cover-portrait{display:block;height:340px;position:relative;margin-top:12px;padding-right:15px;background:#f6eee1}
.cover-portrait img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .8s var(--ease)}
.cover-portrait:hover img{transform:translateY(-3px)}
.cover-margin-note{position:absolute;right:0;top:20px;writing-mode:vertical-rl;font-size:6px;letter-spacing:.15em}
.cover-headlines{padding:11px 0 15px}.cover-headlines>.eyebrow{font-size:7px;letter-spacing:.17em}
.cover-headlines h1{font-size:47px;line-height:.91;letter-spacing:-.05em;margin:10px 0 15px}
.cover-deck{display:flex;justify-content:space-between;align-items:end;gap:15px}.cover-deck p{font-size:9px;line-height:1.8;color:var(--ink)}
.cover-open{display:flex;align-items:center;gap:20px;font:23px/.94 var(--serif);padding:9px 0 6px;border-bottom:1px solid var(--red);min-height:48px}
.cover-open svg{width:32px;height:32px;transition:transform .4s}.cover-open:hover svg{transform:translateX(6px)}
.cover-colophon{padding-top:12px;border-top:1px solid var(--red);font-size:6px;align-items:center}.cover-colophon a{display:flex;align-items:center;gap:5px;min-height:32px}.cover-colophon svg{width:13px;height:13px}
.editorial-index{display:grid;grid-template-columns:1fr 1fr;min-height:700px}
.index-leaf,.portrait-leaf{padding:38px 42px 24px;min-width:0;display:flex;flex-direction:column}
.index-leaf h1{font-size:clamp(40px,4.7vw,65px);line-height:.95;margin:25px 0 22px}.editor-letter{font-size:12px;line-height:1.9;color:var(--ink);max-width:340px;margin-bottom:28px}
.index-leaf h2{font-size:33px;border-bottom:1px solid var(--red);padding-bottom:12px}.issue-index{margin-bottom:30px}
.issue-index a{display:flex;align-items:center;gap:18px;min-height:62px;padding:10px 0;border-bottom:1px solid var(--rule)}
.issue-index small{font:20px var(--serif);min-width:22px}.issue-index a>span{font:27px/1 var(--serif)}.issue-index em{display:block;font:7px/1.6 var(--sans);font-style:normal;letter-spacing:.15em;text-transform:uppercase;margin-top:5px}.issue-index svg{margin-left:auto;transition:transform .35s}.issue-index a:hover svg{transform:translateX(6px)}
.leaf-footer{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--rule);padding-top:14px;font-size:7px;letter-spacing:.09em;margin-top:auto}
.portrait-leaf>.eyebrow{font-size:7px}.portrait-leaf>button{width:100%;height:515px;margin:22px 0;background:var(--paper-light)}.portrait-leaf img{width:100%;height:100%;object-fit:contain}
.portrait-caption{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:35px}.portrait-caption p{font:34px/.95 var(--serif)}.portrait-caption a{font-size:9px;min-height:44px;display:flex;gap:10px;align-items:center}.portrait-caption svg{width:14px}
/* Framing contract: no forced cover crops, zoom-on-hover, or portrait-over-portrait masks. */
.photo-button img,.teaser-image img,.about-images>img,.enquire-art img,.contents-main,.contents-inset,.edit-look img,.mini-look img,.film-poster img{object-fit:contain!important;object-position:center!important}
.photo-button:hover img,.teaser:hover img{transform:none!important}
.gallery-card:nth-child(n) .print{height:auto;aspect-ratio:4/5;box-shadow:none;border:0;background:#eee4d5}
.gallery-card .photo-button{position:absolute;inset:0;width:100%;height:100%;padding:12px}
.gallery{gap:35px 28px}.print-index{font-size:12px;left:6px;top:6px}.bookmark{background:#fff9f0e6}
.teaser-image{background:var(--paper-light)}
.story-title-row{display:flex;justify-content:space-between;align-items:end;gap:20px}.story-header{padding:25px 35px 20px}.story-header h1{margin:25px 0 0;font-size:65px}.story-title-row>.eyebrow{text-align:right;font-size:8px}
.magazine-story{padding:20px 35px 28px;gap:70px}.magazine-story .gallery-card:nth-child(n) .print{height:530px;aspect-ratio:auto;background:var(--paper-light)}
.magazine-story .card-caption{border-top:1px solid var(--rule);margin-top:14px}.magazine-story .card-caption h2{font-size:25px}
.spread-pagination{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--rule);margin:0 35px;padding:15px 0;font-size:10px}
.spread-pagination a{display:flex;align-items:center;gap:8px;min-height:44px}.spread-pagination>span{font-size:8px;letter-spacing:.1em;text-align:center}.spread-pagination svg{width:18px}
.story-credits{margin:0 35px;padding:0 0 22px;font-size:9px;line-height:1.8;color:var(--muted)}.story-credits a{display:inline-flex;align-items:center;gap:8px;margin-left:8px}.story-credits svg{width:12px}
.about-images{display:grid!important;grid-template-columns:1fr;gap:20px;height:auto!important;align-self:start;max-width:100%}.about-images>img:nth-child(n){position:static!important;width:100%!important;height:360px!important;transform:none!important;background:var(--paper-light);border:0!important;box-shadow:none!important}
.about-images>img:last-child{height:220px!important}
.enquire-art{height:auto!important;display:flex;flex-direction:column;gap:22px}.enquire-art>.print{position:static;width:100%;height:440px;transform:none;border:0;box-shadow:none}.enquire-art>img{display:none}.enquire-art h2{position:static;font-size:48px;margin:0}.enquire-art h2 br{display:block}
.contents-pictures{display:flex;flex-direction:column;justify-content:center;gap:18px;padding:25px!important;height:auto!important;min-height:250px}
.contents-main{position:static!important;width:100%!important;height:400px!important;transform:none!important;background:var(--paper-light);border:0!important;box-shadow:none!important}.contents-inset{display:none}.contents-photo-caption{position:static!important;font-size:7px!important;text-align:center}
.film-poster{background:#e8dece}.film-poster img{width:100%;height:100%}
.chapter-nav{position:fixed;bottom:0;left:0;right:0;z-index:60;max-width:none;margin:0;padding:12px max(25px,calc((100vw - 1240px)/2)) calc(12px + env(safe-area-inset-bottom));border-top:1px solid #85171155;background:#f6eee1f5;backdrop-filter:blur(15px);box-shadow:0 -5px 25px #45302008;min-height:62px}
.chapter-nav button{min-height:36px}.chapter-nav>span{font-size:9px;letter-spacing:.08em}.site-footer{max-width:1240px;font-size:9px;padding-bottom:28px}.edit-dock{bottom:83px}.toast{bottom:145px}
/* The entrance is a single actual cover, with title and portrait in separate layout rows. */
.arrival{background:radial-gradient(ellipse at 50% 35%,#f9f1e5,#ded2c1);padding:25px}
.arrival:before{display:none}.arrival-scene{position:absolute;width:min(390px,calc(100vw - 64px),calc((100dvh - 150px)*.65));aspect-ratio:.65;left:50%;top:50%;transform:translate(-50%,-50%);perspective:1800px}
.arrival-cover,.arrival-underleaf{position:absolute;inset:0;background:var(--paper);padding:16px 20px;box-shadow:2px 2px #c4b294,5px 5px #f0e5d4,6px 6px #c4b294,0 24px 45px -12px #39241755}
.arrival-cover{display:flex;flex-direction:column;transform-origin:0 50%;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-left:4px solid #cebaa0}
.arrival-cover-folio{font:6px/1.5 var(--sans);letter-spacing:.1em;display:flex;justify-content:space-between;gap:8px}.arrival-cover-name{font:clamp(38px,12vw,78px)/.95 var(--serif);letter-spacing:-.065em;text-align:center;border-top:1px solid var(--red);border-bottom:1px solid var(--red);margin-top:9px;padding:10px 0 6px}
.arrival-cover>img{width:100%;height:0;flex:1;min-height:0;object-fit:contain;margin:12px 0;mix-blend-mode:multiply}
.arrival-cover-line{font:clamp(22px,6vw,35px)/.92 var(--serif);letter-spacing:-.04em;margin-bottom:13px}.arrival-cover-folio:last-child{border-top:1px solid var(--red);padding-top:10px}
.arrival-underleaf{display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(90deg,#e4d5bf,var(--paper) 10%)}.arrival-underleaf>span{font-size:6px;letter-spacing:.14em}.arrival-underleaf p{font:clamp(28px,7vw,44px)/.95 var(--serif)}
.arrival-index{max-width:210px;line-height:1.6;font-size:7px}.arrival-bottom{font-size:7px;gap:20px}.arrival-bottom span:last-child{text-align:right}
.arrival.playing{animation:bound-arrival-out .6s 2.65s ease both}.arrival.playing .arrival-scene{animation:bound-arrival-in 1s var(--ease) both}.arrival.playing .arrival-cover{animation:bound-cover-open 1.15s 1.5s cubic-bezier(.4,0,.2,1) both}.arrival.playing .arrival-rule{animation:arrival-line 3s ease both}
@keyframes bound-arrival-in{from{opacity:0;transform:translate(-50%,-43%) rotate(5deg) scale(.94)}to{opacity:1;transform:translate(-50%,-50%) rotate(-2deg) scale(1)}}
@keyframes bound-cover-open{0%{transform:rotateY(0)}100%{transform:rotateY(-145deg);opacity:0}}
@keyframes bound-arrival-out{to{opacity:0;visibility:hidden}}
@media(min-width:701px){body[data-chapter=cover] .chapter-nav{padding-inline:max(25px,calc((100vw - 760px)/2))}}
@media(max-width:1000px){.index-leaf,.portrait-leaf{padding:30px 26px 22px}.portrait-leaf>button{height:480px}.portrait-caption{display:block}.portrait-caption a{margin-top:15px}.magazine-story{gap:40px}.magazine-story .gallery-card:nth-child(n) .print{height:460px}}
@media(max-width:700px){body{padding-bottom:72px}main{padding:3px 17px 20px}.site-header{padding-inline:19px;min-height:56px}.book:after{display:none}body[data-chapter=cover] .book{max-width:420px;transform:rotate(0);border-left-width:3px}body[data-chapter=cover] main{padding-top:3px;padding-bottom:30px}.magazine-cover{padding:13px 16px 12px}.cover-volume{font-size:5.5px;letter-spacing:.11em}.cover-name{font-size:18.5vw;padding-top:12px;margin-top:7px}.cover-portrait{height:clamp(245px,75vw,325px);margin-top:9px;padding-right:12px}.cover-margin-note{font-size:5px}.cover-headlines{padding-top:9px}.cover-headlines>.eyebrow{font-size:6px}.cover-headlines h1{font-size:clamp(33px,10.1vw,43px);margin-top:8px;margin-bottom:12px}.cover-deck p{font-size:8px;line-height:1.7}.cover-open{font-size:21px;gap:12px;min-height:44px}.cover-open svg{width:25px}.cover-colophon{font-size:5px;letter-spacing:.07em;gap:12px;padding-top:7px}.cover-colophon>span{max-width:150px}.cover-colophon a{font-size:5.5px}.folio-top{padding:14px 19px;font-size:6px}.editorial-index{display:block;min-height:0}.index-leaf,.portrait-leaf{padding:25px 23px 20px}.index-leaf h1{font-size:45px;margin:22px 0 18px}.editor-letter{font-size:11px;margin-bottom:25px}.index-leaf h2{font-size:31px}.issue-index a{min-height:63px}.issue-index a>span{font-size:27px}.issue-index em{font-size:7px}.portrait-leaf{border-top:1px solid var(--red)}.portrait-leaf>button{height:420px;margin:20px 0}.portrait-caption{display:flex;align-items:center;margin-bottom:28px}.portrait-caption p{font-size:28px}.portrait-caption a{font-size:8px;margin-top:0}.leaf-footer{font-size:6px}.gallery{gap:26px 15px;padding:0 18px 28px}.gallery-card .photo-button{padding:7px}.gallery-card:nth-child(n) .print{height:auto;aspect-ratio:3/4}.gallery-card .card-caption h2{font-size:23px}.bookmark{width:32px;height:36px;right:3px;top:3px}.print-index{font-size:10px;left:4px;top:4px}.story-header{padding:20px 22px}.story-title-row{display:block}.story-header h1{font-size:48px;line-height:.97;margin:20px 0 13px}.story-title-row>.eyebrow{display:block;text-align:left;font-size:7px}.story-title-row>.eyebrow br{display:none}.magazine-story{display:grid;grid-template-columns:1fr;padding:0 22px 25px;gap:28px}.magazine-story .gallery-card:nth-child(n) .print{height:auto;aspect-ratio:4/5}.magazine-story .gallery-card .photo-button{padding:0}.magazine-story .card-caption h2{font-size:26px}.spread-pagination{margin:0 22px;gap:10px;flex-wrap:wrap;padding:12px 0;font-size:9px}.spread-pagination>span{font-size:7px;order:3;width:100%;border-top:1px solid var(--rule);padding-top:12px}.story-credits{margin:0 22px;font-size:8px;padding-bottom:24px}.about-images>img:first-child{height:350px!important}.about-images>img:last-child{height:220px!important}.enquire-art>.print{height:300px}.enquire-art h2{font-size:37px}.enquire-art h2 br{display:none}.contents-pictures{padding:10px 0!important;min-height:0;gap:8px}.contents-main{height:175px!important}.contents-photo-caption{font-size:6px!important}.chapter-nav{padding:9px 17px calc(9px + env(safe-area-inset-bottom));gap:10px;min-height:62px}.chapter-nav>span{font-size:7px;max-width:95px}.chapter-nav button{font-size:10px}.site-footer{font-size:9px}.site-footer button{font-size:9px}.edit-dock{bottom:80px}.arrival-index{font-size:6px;max-width:170px}.arrival-cover{padding:12px 15px}.arrival-cover-name{font-size:12.7vw}.arrival-cover-folio{font-size:5px}.arrival-bottom{font-size:5px}.arrival-cover-line{font-size:7vw}}
@media(max-width:380px){.cover-deck p{max-width:140px;font-size:7px}.cover-open{font-size:19px}.cover-portrait{height:235px}.cover-colophon>span{max-width:120px}.index-leaf h1{font-size:39px}.portrait-leaf>button{height:330px}.portrait-caption p{font-size:25px}.portrait-caption{gap:10px}.arrival-cover-name{font-size:12vw}.arrival-cover-folio{font-size:4px}}
@media(prefers-reduced-motion:reduce){body[data-chapter=cover] .book{transform:none}.arrival{display:none!important}}
.arrival-scene{container-type:inline-size}.arrival-cover-name{font-size:21cqw!important}
@media(max-width:700px){.cover-name{font-size:18vw}}
@media print{body{padding:0}.chapter-nav{display:none}.book{box-shadow:none}.magazine-story{display:grid;grid-template-columns:1fr 1fr}}