/* An intimate exhibition: bounded images, tactile paper and controlled depth. */
.atelier-opening{background:radial-gradient(ellipse at 80% 35%,#fffaf0 0,transparent 54%),linear-gradient(120deg,#e4d9c8,#eee7d9 48%,#d7c6af);padding:26px max(var(--pad),calc((100vw - 1440px)/2)) 0;color:#4a342a;overflow:hidden}
.atelier-topline,.atelier-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px}
.atelier-topline .eyebrow,.atelier-topline>span,.atelier-bottom>span{font-size:11px;letter-spacing:.13em;line-height:1.6}
.atelier-intro{display:grid;grid-template-columns:.85fr 1.3fr;align-items:center;gap:35px;min-height:min(690px,calc(100svh - 220px));padding:35px 0}
.atelier-copy h1{font-size:clamp(70px,7vw,108px);line-height:.94;letter-spacing:-.06em}
.atelier-copy h1 em{color:#8a432f}
.atelier-copy>p{font-size:16px;line-height:1.75;margin:26px 0}
.atelier-actions{display:flex;flex-direction:column;align-items:flex-start;gap:18px}
.atelier-actions .button{background:#633e30;color:#fff8ea;border-color:#633e30;font-size:14px;gap:30px}
.atelier-actions .text-link{font-size:14px}
.atelier-scene{position:relative;display:block;width:100%;height:clamp(340px,58svh,580px);perspective:1600px;padding:0;isolation:isolate}
.atelier-orbit{position:absolute;inset:0 15% 2%;border:1px solid #9d80663d;border-radius:48% 48% 0 0;background:radial-gradient(ellipse at 50% 30%,#fff9eab0,#c8ab891a);box-shadow:inset 12px 0 24px #a2846010}
.atelier-frames{position:absolute;inset:0;transform:rotateY(var(--look-x,0deg)) rotateX(var(--look-y,0deg));transform-style:preserve-3d;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.atelier-frame{position:absolute;display:block;padding:9px;background:#f7efe2;box-shadow:8px 20px 28px #573e3533,1px 0 0 2px #b49e87;transform-style:preserve-3d}
.atelier-frame img{width:100%;height:100%;object-fit:contain}
.atelier-frame-0{width:29%;height:54%;left:1%;top:25%;transform:translateZ(-50px) rotateY(20deg) rotateZ(-6deg)}
.atelier-frame-1{width:43%;height:83%;left:28%;top:5%;transform:translateZ(40px) rotateY(-5deg) rotateZ(2deg);z-index:2}
.atelier-frame-2{width:28%;height:53%;right:1%;top:31%;transform:translateZ(-40px) rotateY(-20deg) rotateZ(7deg)}
.atelier-scene-note{position:absolute;bottom:-10px;left:14%;right:12%;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:9px;letter-spacing:.13em;text-align:left}
.atelier-scene-note b{font-size:22px;font-weight:400}
.atelier-bottom{border-top:1px solid #4a342a35;padding:22px 0}
.atelier-bottom>div{display:flex;gap:25px;font-size:13px}
.atelier-bottom a{padding:8px 0}

/* Keep the full photographic composition visible, even on wide screens. */
.photography-cover{height:min(700px,calc(100svh - 102px));min-height:450px;background:radial-gradient(ellipse at 72% 35%,#f5ebda,#d2c0aa);color:#47342b}
.photography-cover-pictures{inset:45px max(var(--pad),calc((100vw - 1450px)/2)) 85px 40%;gap:24px;align-items:center;perspective:1600px}
.photography-cover-pictures .editorial-image{height:100%;padding:9px;background:#f6eee1;box-shadow:8px 15px 35px #503b2925;max-height:560px}
.photography-cover-pictures .editorial-image:first-child{transform:rotateY(5deg) rotateZ(-2deg)}
.photography-cover-pictures .editorial-image:last-child{transform:rotateY(-5deg) rotateZ(2deg)}
.photography-cover-pictures img{width:100%;height:100%;object-fit:contain;object-position:center!important}
.photography-cover-type{inset:0 63% 0 max(0px,calc((100vw - 1600px)/2));padding:48px var(--pad) 115px;background:none;justify-content:center;gap:40px}
.photography-cover h1{font-size:clamp(64px,5.8vw,93px);text-shadow:none}
.photography-cover-type .eyebrow{font-size:11px}
.photography-cover-bottom{background:none;border-top:1px solid #47342b25;padding:18px max(var(--pad),calc((100vw - 1450px)/2))}
.photography-cover-bottom button{color:inherit}
.photography-chapters{gap:28px;flex-wrap:wrap}
.story-crimson,.story-visible,.editorial-collections{padding-left:max(var(--pad),calc((100vw - 1300px)/2));padding-right:max(var(--pad),calc((100vw - 1300px)/2))}
.crimson-diptych,.visible-diptych{gap:50px;align-items:center}
.crimson-diptych .editorial-image:nth-child(2){margin-top:0}
.crimson-diptych .editorial-image,.visible-diptych .editorial-image{height:min(600px,68svh);background:transparent}
.crimson-diptych img,.visible-diptych img{height:100%;aspect-ratio:auto;object-fit:contain}
.editorial-image:hover img{transform:none}
.story-color{padding:50px max(var(--pad),calc((100vw - 1300px)/2));gap:55px;grid-template-columns:1fr 1fr;background:radial-gradient(ellipse at 30% 40%,#bf7558,#9d4c35)}
.color-story-image .editorial-image img{height:min(640px,72svh);object-fit:contain}
.color-story-copy{padding:35px 0}
.color-story-copy h2{font-size:clamp(60px,6vw,96px)}
.editorial-collection img{height:min(420px,52svh);object-fit:contain;aspect-ratio:auto}
.editorial-collection>div{background:#eae5db;padding:14px}
.archive{max-width:1540px;margin-inline:auto}
.archive .gallery-grid:not(.contact-sheet) .photo-open img,.selected .photo-open img{max-height:min(680px,75svh);object-fit:contain;object-position:center;aspect-ratio:auto}
.archive .gallery-grid:not(.contact-sheet) .photo-open{background:#ebe7de}
.archive .gallery-grid:not(.contact-sheet) .photo-caption h3{font-size:25px}
.selected .photo-open{background:#ebe7de}
.literary-front{max-width:1480px;margin-inline:auto}
.literary-front-image{align-self:center}
.literary-front-image img{max-height:min(620px,70svh);height:auto;object-fit:contain}
.literary-front h1{font-size:clamp(90px,9vw,150px)}
.literary-experience{display:flex;width:fit-content}
.literary-library{background:radial-gradient(ellipse at 90% 5%,#f9f1df,transparent 50%),#ece5d5}
.letter-collection{max-width:1400px;margin-inline:auto}
.letter-cover{position:relative;padding-right:8px;padding-bottom:8px;isolation:isolate}
.letter-cover:before{content:'';position:absolute;inset:7px 0 0 8px;background:repeating-linear-gradient(0deg,#c7baa3 0px,#f5eddc 1px,#f5eddc 3px);box-shadow:7px 12px 25px #44332622;z-index:-1}
.letter-cover-face{background:linear-gradient(90deg,#0003,transparent 4%,#ffffff0b 7%,transparent 14%),var(--letter-color);box-shadow:inset 1px 0 #ffffff25;min-height:440px}
.letter-cover-title h3{font-size:clamp(42px,4.5vw,68px)}
.book-reading{background-image:radial-gradient(ellipse at 25% 5%,#ffffff13,transparent 55%),repeating-linear-gradient(100deg,transparent 0px,transparent 3px,#00000003 4px)}
.book-layout,.book-topbar,.book-chapters{max-width:1260px;margin-inline:auto}
.book-layout{grid-template-columns:minmax(220px,.65fr) minmax(0,1.35fr);gap:65px}
.book-paper{box-shadow:7px 7px 0 -1px #ded4c2,9px 9px 0 -1px #bcb09d,20px 30px 65px #0003}
.book-leaf{background-image:linear-gradient(90deg,#ad967914,transparent 6%,transparent 96%,#ad967908)}
.book-mode{display:flex;align-items:center;gap:25px;padding:12px 30px;background:#332d2808;border-bottom:1px solid #322d281a}
.book-mode button{font-size:13px;padding:8px 0;min-height:44px;border-bottom:1px solid transparent}
.book-mode button[aria-pressed=true]{border-color:currentColor}
.book-complete-end{padding:20px 30px 28px;border-top:1px solid #322d282a;display:flex;justify-content:space-between;gap:25px;align-items:center}
.book-complete-end>span{font-size:10px;letter-spacing:.12em}
.book-complete-end>a{font-size:13px;padding:10px 0;white-space:nowrap}
.book-immersive{border:1px solid #ffffff55;width:100%;display:flex;justify-content:space-between;gap:20px;padding:17px 18px;margin-top:25px;font-size:14px}
.book-immersive:hover{background:#ffffff12}
.book-paper .poem-body{height:auto;max-height:none;overflow:visible;white-space:pre-wrap}

/* Full-screen exhibition: no autoplay, scroll locking only inside the dialog. */
body.exhibition-open{overflow:hidden}
.exhibition{--room-color:#d8b69a;--room-ink:#412c26;--room-paper:#f5edde;margin:0;padding:0;width:100%;max-width:none;height:100dvh;max-height:none;inset:0;border:0;background:var(--room-color);color:var(--room-ink);overflow:hidden;transition:background-color .7s,color .7s}
.exhibition::backdrop{background:#201c19}
.exhibition[open]{display:block}
.exhibition-shell{height:100%;display:flex;flex-direction:column;background:radial-gradient(ellipse at 50% 10%,#fff7e779,transparent 60%);overflow:hidden}
.exhibition-top{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 35px;border-bottom:1px solid #00000017;flex-shrink:0}
.exhibition-brand{font-size:25px;letter-spacing:-1.2px}
.exhibition-brand small{display:inline-block;font-size:9px;letter-spacing:.13em;margin-left:20px}
.exhibition-top>div{display:flex;gap:24px;align-items:center}
.exhibition-top button{font-size:13px;min-height:44px;padding:8px 0;display:flex;gap:12px;align-items:center}
.exhibition-close span{font-size:25px;line-height:1}
.room-light span{font-size:20px}
.room-tabs{display:flex;gap:40px;justify-content:center;padding:10px 24px;flex-shrink:0}
.room-tabs button{display:flex;align-items:center;gap:12px;padding:10px 0;min-height:44px;font-size:13px;border-bottom:1px solid transparent}
.room-tabs small{font-size:9px;opacity:.65}
.room-tabs button[aria-pressed=true]{border-bottom-color:currentColor}
.exhibition-content{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr);max-width:1600px;width:100%;margin:0 auto}
.exhibition-art{min-height:0;min-width:0;display:flex;flex-direction:column;position:relative}
.room-heading{text-align:center;flex-shrink:0;padding:6px 24px 0;position:relative;z-index:1;pointer-events:none}
.room-heading .eyebrow{font-size:9px;letter-spacing:.16em}
.room-heading h2{font-size:clamp(32px,4.4vw,64px);line-height:1.1;margin-top:8px}
.room-stage{position:relative;flex:1;min-height:0;perspective:1800px;isolation:isolate;touch-action:pan-y;outline-offset:-8px}
.room-halo{position:absolute;top:2%;left:26%;width:48%;height:88%;border-radius:50% 50% 0 0;border:1px solid #fff4da50;box-shadow:inset 25px 0 65px #ffffff15;background:linear-gradient(120deg,#ffffff17,transparent);pointer-events:none}
.room-floor{position:absolute;left:0;bottom:0;width:100%;height:24%;background:linear-gradient(#392c1610,transparent);clip-path:polygon(20% 0,80% 0,100% 100%,0 100%);pointer-events:none}
.room-frames{position:absolute;inset:6% 5% 8%;transform-style:preserve-3d;transform:rotateY(var(--look-x,0deg)) rotateX(var(--look-y,0deg));transition:transform .55s cubic-bezier(.2,.7,.2,1)}
.room-frame{position:absolute;top:0;left:50%;height:100%;width:42%;max-width:380px;padding:10px;background:var(--room-paper);box-shadow:12px 22px 30px #36231c30,1px 0 0 2px #ac9276;transition:transform .85s cubic-bezier(.2,.7,.2,1),opacity .5s;transform-style:preserve-3d;cursor:pointer}
.room-frame img{height:100%;width:100%;object-fit:contain;pointer-events:none}
.room-frame[data-position=center]{transform:translateX(-50%) translateZ(65px);z-index:3}
.room-frame[data-position=left]{transform:translateX(-148%) translateZ(-170px) rotateY(28deg) scale(.82);z-index:1}
.room-frame[data-position=right]{transform:translateX(48%) translateZ(-170px) rotateY(-28deg) scale(.82);z-index:1}
.room-frame-edge{position:absolute;top:0;bottom:0;right:-9px;width:9px;background:#8d745c;transform:rotateY(90deg);transform-origin:left}
.room-caption{display:flex;align-items:center;justify-content:space-between;gap:22px;margin:0 auto;width:min(760px,85%);flex-shrink:0;padding:4px 0 12px}
.room-caption p{font-family:var(--serif);font-size:22px;line-height:1.2}
.room-caption span{font-size:8px;letter-spacing:.13em;display:block;margin-top:6px}
.room-inspect{font-size:12px;padding:12px 0;white-space:nowrap;border-bottom:1px solid currentColor}
.room-navigation{display:flex;justify-content:center;align-items:center;gap:28px;padding:2px 20px 14px;flex-shrink:0}
.room-navigation button{width:44px;height:44px;border-radius:50%;border:1px solid #0003;font-size:22px}
.room-navigation button:hover{background:#ffffff30}
.room-navigation span{font-size:11px;letter-spacing:.15em;min-width:45px;text-align:center}
.exhibition-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;flex-shrink:0;padding:17px 35px;border-top:1px solid #00000020}
.exhibition-bottom>p{font-size:12px;max-width:360px;line-height:1.6}
.exhibition-bottom .room-hint{font-size:8px;letter-spacing:.12em}
.room-read{font-family:var(--serif);font-size:22px;border-bottom:1px solid;padding:7px 0;white-space:nowrap}
.is-inspecting .room-frame:not([data-position=center]){opacity:0;pointer-events:none}
.is-inspecting .room-frame[data-position=center]{transform:translateX(-50%);box-shadow:none;padding:0;background:transparent;width:80%;max-width:850px}
.is-inspecting .room-frame-edge{display:none}
.is-inspecting .room-frames{transform:none}
.is-inspecting .room-halo,.is-inspecting .room-floor{opacity:0}
.exhibition.is-reading .exhibition-content{grid-template-columns:minmax(0,1.15fr) minmax(350px,.85fr);gap:25px;padding-right:35px}
.is-reading .room-heading h2{font-size:clamp(32px,3.4vw,48px)}
.is-reading .room-frame{max-width:285px;width:48%}
.is-reading .room-frame[data-position=left]{transform:translateX(-115%) translateZ(-190px) rotateY(30deg) scale(.75)}
.is-reading .room-frame[data-position=right]{transform:translateX(15%) translateZ(-190px) rotateY(-30deg) scale(.75)}
.room-writing{min-height:0;overflow-y:auto;overscroll-behavior:contain;background:#f3ecdf;color:#3d352f;box-shadow:10px 15px 35px #0002;margin:15px 0 20px;border-right:5px solid #d2c4ad;scrollbar-width:thin}
.room-writing[hidden]{display:none}
.room-writing-controls{position:sticky;top:0;z-index:4;background:#f3ecdf;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:10px 26px;border-bottom:1px solid #3d352f25}
.room-writing-controls>div{display:flex;gap:20px}
.room-writing-controls button{font-size:12px;min-height:44px;padding:8px 0;border-bottom:1px solid transparent}
.room-writing-controls button[aria-pressed=true]{border-color:currentColor}
.room-writing-controls .room-writing-close{font-size:26px;padding:0 8px}
.room-poem-page{padding:30px clamp(22px,3vw,48px) 45px;background:linear-gradient(90deg,#b5a48914,transparent 8%)}
.room-poem-page>.eyebrow{font-size:9px;line-height:1.8}
.room-poem-illustration{display:none}
.room-poem-page h3{font-size:38px;line-height:1.08;margin:23px 0 30px}
.room-poem-text{white-space:pre-wrap;font-family:var(--serif);font-size:20px;line-height:1.7;overflow-wrap:anywhere}
.room-poem-author{font:italic 26px Cormorant,Georgia,serif;margin:30px 0 15px}
.room-poem-note{font-size:11px;line-height:1.7}
.room-poem-page>a{display:block;font-size:13px;padding-top:24px;margin-top:24px;border-top:1px solid #3d352f25}
.exhibition.is-evening{background:#292927;color:#f5e8d6;--room-paper:#c0af98}
.exhibition.is-evening .exhibition-shell{background:radial-gradient(ellipse at 50% 20%,#bea47738,transparent 70%)}
.is-evening .room-navigation button,.is-evening .exhibition-top,.is-evening .exhibition-bottom{border-color:#fff3}
.exhibition :focus-visible{outline:2px solid currentColor;outline-offset:4px}
.exhibition[open] .room-frames{animation:room-entrance .8s cubic-bezier(.2,.7,.2,1) both}
.exhibition.is-poetry[open] .room-writing{transform-origin:left center;animation:poem-opening .9s cubic-bezier(.2,.7,.2,1) both}
.exhibition.is-poetry .exhibition-content{perspective:1600px}
@keyframes poem-opening{from{opacity:0;transform:translateZ(-100px) rotateY(-12deg) translateY(20px)}to{opacity:1;transform:translateZ(0) rotateY(0) translateY(0)}}
@keyframes room-entrance{from{opacity:0;scale:.9}to{opacity:1;scale:1}}
@media(min-width:1800px){.room-frame{max-width:470px}.exhibition.is-reading .room-frame{max-width:320px}.room-heading h2{font-size:65px}}
@media(max-height:730px) and (min-width:761px){.atelier-intro{min-height:0;padding:20px 0}.atelier-copy h1{font-size:70px}.atelier-copy>p{margin:18px 0;font-size:14px}.atelier-scene{height:350px}.exhibition-top{padding-block:10px}.room-tabs{padding-block:2px}.room-heading h2{font-size:36px}.room-heading .eyebrow{display:none}.exhibition-bottom{padding-block:10px}.room-navigation{padding-bottom:8px}.room-caption{padding-bottom:4px}}
@media(max-width:1000px){.atelier-intro{grid-template-columns:.85fr 1fr;gap:20px}.atelier-copy h1{font-size:75px}.atelier-topline>span{display:none}.atelier-bottom>span{max-width:160px}.photography-cover-pictures{left:43%;gap:16px}.photography-cover-type{right:57%;padding-inline:30px}.photography-cover h1{font-size:68px}.photography-chapters{gap:21px}.book-layout{gap:40px}.exhibition.is-reading .exhibition-content{grid-template-columns:minmax(0,1fr) minmax(320px,1fr);gap:0;padding-right:20px}.is-reading .room-caption{display:block}.is-reading .room-caption .room-inspect{margin-top:4px}.exhibition-bottom .room-hint{display:none}.exhibition.is-reading .room-frame{width:50%}.exhibition-brand small{display:none}}
@media(max-width:760px){
 .atelier-opening{padding:22px 22px 0}.atelier-topline .eyebrow{font-size:9px;letter-spacing:.1em}.atelier-intro{grid-template-columns:1fr;padding:25px 0;gap:20px;min-height:0}.atelier-copy{display:contents}.atelier-copy h1{font-size:61px;line-height:.95;grid-row:1}.atelier-copy h1 br:first-child{display:none}.atelier-copy h1 em{font-size:1.15em}.atelier-copy>p{grid-row:3;margin:0;font-size:15px}.atelier-scene{height:clamp(280px,44svh,390px);grid-row:2;margin:0 0 15px}.atelier-scene-note{left:0;right:0;font-size:8px;bottom:-8px}.atelier-actions{grid-row:4;gap:16px}.atelier-actions .button{padding:16px 21px;font-size:14px;gap:25px}.atelier-bottom{display:block;padding:18px 0}.atelier-bottom>span{display:block;max-width:none;font-size:9px}.atelier-bottom>div{flex-wrap:wrap;gap:6px 22px;font-size:12px;margin-top:13px}.atelier-frame{padding:6px}.atelier-frame-1{width:46%;left:27%}.atelier-frame-0{left:0}.atelier-frame-2{right:0}
 .photography-cover{height:auto;min-height:0;padding-top:30px}.photography-cover-type{position:relative;inset:auto;padding:0 24px;gap:20px;background:none}.photography-cover h1{font-size:65px;line-height:.95}.photography-cover h1 br{display:none}.photography-cover h1 em{display:block}.photography-cover-pictures{position:relative;inset:auto;grid-template-columns:1fr 1fr;margin:28px 24px 23px;gap:15px;height:clamp(220px,39svh,390px)}.photography-cover-pictures .editorial-image{padding:5px;max-height:none}.photography-cover .cover-warm{display:block}.photography-cover-type .eyebrow{font-size:10px;max-width:none}.photography-cover-bottom{position:relative;padding:15px 24px;align-items:center}.photography-cover-bottom>span{font-size:9px}.photography-chapters{flex-wrap:nowrap;justify-content:flex-start;gap:22px}
 .crimson-diptych,.visible-diptych{gap:25px}.crimson-diptych .editorial-image,.visible-diptych .editorial-image{height:auto}.crimson-diptych img,.visible-diptych img{height:auto;max-height:70svh;object-fit:contain}.story-color{padding:35px 22px;gap:30px;grid-template-columns:1fr}.color-story-copy{padding:0}.color-story-copy h2{font-size:65px}.color-story-image .editorial-image img{height:auto;max-height:70svh}.editorial-collection img{height:220px}.editorial-collection>div{padding:6px}.editorial-collection>p>span{font-size:24px}.editorial-collection small{font-size:11px}.story-heading h2{font-size:49px}.story-footnote>span{font-size:10px}
 .literary-front-image img{max-height:65svh;aspect-ratio:auto}.literary-front h1{font-size:clamp(88px,21vw,130px)}.letter-cover-face{min-height:410px}.letter-cover-title h3{font-size:50px}.book-layout{gap:25px}.book-mode{padding:9px 20px;gap:20px}.book-mode button{font-size:12px}.book-complete-end{padding:16px 22px;gap:15px}.book-complete-end>span{font-size:9px}.book-immersive{margin:0 0 20px;font-size:13px}.book-paper{box-shadow:4px 4px 0 -1px #ded4c2,6px 6px 0 -1px #bcb09d,10px 15px 35px #0002}
 .exhibition-top{padding:10px 18px;gap:12px}.exhibition-brand{font-size:21px}.exhibition-top>div{gap:20px}.exhibition-top button{font-size:12px;gap:8px}.room-light span{font-size:17px}.room-tabs{gap:0;justify-content:space-between;padding:4px 18px}.room-tabs button{font-size:12px;gap:6px}.room-tabs small{display:none}.room-heading{padding:12px 18px 0}.room-heading h2{font-size:33px;line-height:1.1;margin-top:9px}.room-heading .eyebrow{font-size:8px}.room-halo{left:15%;width:70%;height:86%;top:4%}.room-frames{inset:9% 0 11%;}.room-frame{width:58%;max-width:330px;padding:7px}.room-frame[data-position=center]{transform:translateX(-50%) translateZ(20px)}.room-frame[data-position=left]{transform:translateX(-123%) translateZ(-220px) rotateY(32deg) scale(.74)}.room-frame[data-position=right]{transform:translateX(23%) translateZ(-220px) rotateY(-32deg) scale(.74)}.room-caption{width:calc(100% - 40px);padding-bottom:10px;gap:15px}.room-caption p{font-size:19px}.room-caption span{font-size:7px;letter-spacing:.06em}.room-inspect{font-size:11px}.room-navigation{gap:23px;padding-bottom:14px}.exhibition-bottom{padding:12px 20px 18px;display:block}.exhibition-bottom>p{font-size:11px;max-width:100%;line-height:1.5}.room-read{font-size:21px;padding:10px 0 0;margin-top:5px}.exhibition .room-hint{display:none}
 .exhibition.is-reading .exhibition-content{display:block;position:relative;padding:0}.exhibition.is-reading .exhibition-art{height:100%}.room-writing{position:absolute;z-index:8;inset:8px 14px 12px;margin:0;border-right-width:3px}.room-writing-controls{padding:8px 20px}.room-writing-controls>div{gap:18px}.room-poem-page{padding:26px 24px 32px}.room-poem-page h3{font-size:37px}.room-poem-text{font-size:21px;line-height:1.65}.exhibition.is-reading .exhibition-bottom>p{display:none}.exhibition.is-reading .exhibition-bottom{text-align:center}.exhibition.is-reading .room-read{margin:0;padding:4px 0;font-size:19px}
}
@media(max-width:390px){.atelier-copy h1{font-size:57px}.editorial-collection img{height:180px}.room-tabs button{font-size:11px}.room-heading h2{font-size:30px}.room-caption p{font-size:17px}.room-caption span{font-size:6.5px}.exhibition-top>div{gap:15px}.exhibition-top .room-light{font-size:11px}.room-poem-text{font-size:20px}}
@media(max-width:760px){.atelier-copy h1 br:first-child{display:initial}.atelier-scene{height:clamp(240px,34svh,300px)}.atelier-frame{height:auto;aspect-ratio:4/5}.atelier-frame img{height:auto;aspect-ratio:4/5}.atelier-frame-1{width:52%;left:24%;top:7%}.atelier-frame-0,.atelier-frame-2{width:31%;top:30%}.room-tabs{justify-content:flex-start;gap:24px;overflow-x:auto;scrollbar-width:thin}.room-tabs button{flex-shrink:0;font-size:12px}.room-poem-illustration{display:block;float:right;width:88px;margin:20px 0 18px 18px;transform:rotate(3deg);padding:4px;background:#fffaf0;box-shadow:4px 6px 10px #44332720}.room-poem-illustration img{max-height:115px;object-fit:contain}.room-poem-page h3{min-height:120px;margin-bottom:25px}.room-poem-text{clear:both}.exhibition.is-poetry[open] .room-writing{animation-name:poem-opening-mobile}}
@keyframes poem-opening-mobile{from{opacity:0;transform:translateY(35px) rotateX(4deg)}to{opacity:1;transform:none}}
@media(max-height:600px) and (max-width:760px){.room-heading{padding-top:2px}.room-heading .eyebrow{display:none}.room-heading h2{font-size:26px;margin-top:3px}.exhibition-bottom>p{display:none}.room-navigation{padding-bottom:5px}.exhibition-bottom{padding:8px 20px}.room-read{font-size:18px;padding-top:0}.room-caption span{display:none}.room-caption{padding-bottom:0}.room-inspect{padding-block:8px}}
@media(prefers-reduced-motion:reduce){.atelier-frames,.room-frames{transform:none!important;animation:none!important}.room-frame,.exhibition{transition:none}.letter-cover-face{transition:none}.atelier-frame{transition:none}.exhibition.is-poetry[open] .room-writing{animation:none;transform:none}}

/* The photographic index follows the compact editorial rhythm of the references. */
.atelier-copy h1{font-size:clamp(62px,6vw,92px);line-height:1.03}
.portfolio-intro{max-width:1440px;margin-inline:auto}
.portfolio-intro .page-intro{padding-top:50px;padding-bottom:28px}
.portfolio-intro .page-intro h1{font-size:clamp(52px,5.5vw,80px);margin-top:20px}
.portfolio-intro .intro-bottom{margin-top:24px}
.portfolio-ways{display:flex;align-items:center;gap:30px;padding:0 var(--pad) 28px;flex-wrap:wrap;font-size:13px}
.portfolio-ways a,.portfolio-ways button{padding:10px 0;border-bottom:1px solid #322d2830}
.archive{max-width:1440px}
.archive .gallery-grid:not(.contact-sheet) .gallery-batch{columns:3;column-gap:14px}
.archive .gallery-grid:not(.contact-sheet) .photo-card{margin-bottom:24px}
.archive .gallery-grid:not(.contact-sheet) .photo-caption{padding:11px 0 0;gap:10px}
.archive .gallery-grid:not(.contact-sheet) .photo-caption h3{font:14px var(--sans);line-height:1.45;letter-spacing:0}
.archive .gallery-grid:not(.contact-sheet) .photo-caption p{font-size:10px;line-height:1.6;margin-top:3px}
.archive .gallery-grid:not(.contact-sheet) .photo-open img{max-height:min(650px,75svh);height:auto;object-fit:contain}
@media(max-width:1000px) and (min-width:761px){.atelier-copy h1{font-size:62px}}
@media(max-width:760px){.atelier-copy h1{font-size:54px;line-height:1.05}.atelier-copy h1 em{display:block}.portfolio-intro .page-intro{padding-top:30px;padding-bottom:20px}.portfolio-intro .page-intro h1{font-size:54px}.portfolio-ways{gap:13px 24px;padding-bottom:22px;font-size:12px}.archive .gallery-grid:not(.contact-sheet) .gallery-batch{columns:2;column-gap:12px}.archive .gallery-grid:not(.contact-sheet) .photo-caption h3{font-size:12px}.archive .gallery-grid:not(.contact-sheet) .photo-caption p{display:none}.archive .gallery-grid:not(.contact-sheet) .photo-caption{padding-top:8px;gap:5px}.archive .gallery-grid:not(.contact-sheet) .photo-card{margin-bottom:20px}}

/* Cinematic opening from BAVINGA's supplied visual direction, using his own work. */
.home-cinematic .header{position:absolute;inset:0 0 auto;background:linear-gradient(#10120fde,transparent);color:#f1edde;border-color:#ffffff13}
.home-cinematic .brand{font-family:var(--serif);font-weight:400;letter-spacing:.08em;font-size:35px}
.home-cinematic .brand span{font-family:var(--sans);letter-spacing:.14em;font-size:8px}
.home-cinematic .header-inquiry{background:transparent;border:1px solid #ffffff50;color:#f1edde}
.home-cinematic .menu-toggle span{background:#f1edde}
.home-cinematic .header nav a:after{background:#f1edde}
.cinematic-opening{background:#121411;color:#f1edde;overflow:hidden}
.cinematic-stage{height:min(820px,85svh);min-height:640px;position:relative;max-width:1800px;margin:0 auto;isolation:isolate}
.cinematic-portrait{position:absolute;top:35px;right:1%;bottom:0;left:39%;background:#121411}
.cinematic-portrait img{width:100%;height:100%;object-fit:contain;object-position:center bottom;animation:cinematic-reveal .9s ease both}
.cinematic-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#121411 0%,#121411ed 24%,#12141175 40%,transparent 59%),linear-gradient(0deg,#121411 0%,transparent 14%)}
.cinematic-copy{position:absolute;left:var(--pad);top:27%;width:48%;max-width:650px}
.cinematic-copy>.eyebrow{font-size:10px;letter-spacing:.24em;margin-bottom:25px;color:#dfd9c8}
.cinematic-copy h1{font-size:clamp(59px,5.4vw,87px);line-height:1.02;letter-spacing:-.035em;color:#f6f0e4}
.cinematic-copy h1 em{font-size:1.1em}
.cinematic-practice{font-size:14px;line-height:1.8;color:#d6d3c6;margin-top:30px}
.cinematic-intention{font-size:9px;letter-spacing:.25em;margin:25px 0 27px;padding-top:24px;border-top:1px solid #ffffff35;width:fit-content}
.cinematic-enter{display:flex;align-items:center;gap:23px;font-size:11px;letter-spacing:.15em;text-transform:uppercase;padding:0;min-height:48px}
.cinematic-enter>span{display:grid;place-items:center;border:1px solid #fff9;border-radius:50%;width:48px;height:48px;font-size:22px;transition:transform .4s,background .4s}
.cinematic-enter:hover>span{transform:rotate(45deg);background:#ffffff16}
.cinematic-controls{position:absolute;right:var(--pad);bottom:28px;display:flex;align-items:center;gap:22px;font-size:9px;letter-spacing:.16em}
.cinematic-controls>div{display:flex;gap:12px}
.cinematic-controls button{width:36px;height:40px;font-size:12px;border-bottom:1px solid #ffffff40;opacity:.65}
.cinematic-controls button[aria-pressed=true]{opacity:1;border-bottom-color:#fff}
.cinematic-credit{position:absolute;bottom:28px;left:var(--pad);font-size:8px;letter-spacing:.16em;color:#bdbdb0}
.cinematic-index{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;padding:0 var(--pad);max-width:1800px;margin:0 auto}
.cinematic-index a{display:block;position:relative;overflow:hidden;height:clamp(115px,13vw,175px)}
.cinematic-index img{height:100%;object-fit:cover;object-position:center 40%;transition:transform .7s,filter .7s;filter:brightness(.7)}
.cinematic-index a:hover img{transform:scale(1.045);filter:brightness(.9)}
.cinematic-index a>span{position:absolute;inset:0;display:flex;align-items:end;justify-content:space-between;gap:12px;padding:20px 19px;background:linear-gradient(transparent 30%,#000a);font-size:10px;letter-spacing:.15em;text-transform:uppercase}
.cinematic-index b{font-weight:400;font-size:17px}
.cinematic-baseline{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:25px var(--pad);max-width:1800px;margin:0 auto;font-size:9px;letter-spacing:.12em}
.cinematic-baseline>a{font-size:12px;letter-spacing:0;padding:10px 0}
.home-cinematic .artist-reel-section{border-top:1px solid #ffffff24}
@keyframes cinematic-reveal{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1800px){.home-cinematic .header{padding-inline:max(var(--pad),calc((100vw - 1644px)/2))}.cinematic-copy{top:28%}}
@media(max-height:800px) and (min-width:761px){.cinematic-stage{height:650px}.cinematic-copy{top:23%}.cinematic-copy h1{font-size:64px}.cinematic-practice{margin-top:22px}.cinematic-intention{margin-block:18px;padding-top:18px}}
@media(max-width:1050px) and (min-width:761px){.cinematic-copy h1{font-size:61px}.cinematic-copy{width:52%;top:27%}.cinematic-portrait{left:40%;right:0}.cinematic-shade{background:linear-gradient(90deg,#121411,#121411aa 40%,transparent 70%)}.cinematic-index a>span{font-size:9px;padding:15px 13px;letter-spacing:.08em}}
@media(max-width:760px){.home-cinematic .header{padding:22px}.home-cinematic .brand{font-size:27px}.home-cinematic .brand span{font-size:7px}.home-cinematic .header:has(nav.open){background:#151812}.cinematic-stage{height:auto;min-height:760px}.cinematic-portrait{inset:100px 0 auto 20%;height:480px}.cinematic-shade{background:linear-gradient(0deg,#121411 0%,#121411f0 20%,transparent 65%),linear-gradient(90deg,#12141155,transparent 80%)}.cinematic-copy{left:24px;right:24px;top:380px;width:auto;max-width:none}.cinematic-copy>.eyebrow{font-size:8px;margin-bottom:18px;letter-spacing:.17em}.cinematic-copy h1{font-size:clamp(49px,11vw,64px);line-height:1.04}.cinematic-practice{font-size:13px;margin-top:20px;line-height:1.75}.cinematic-intention{font-size:8px;letter-spacing:.16em;margin:18px 0;padding-top:17px}.cinematic-enter{font-size:10px;gap:17px;min-height:44px}.cinematic-enter>span{width:42px;height:42px;font-size:21px}.cinematic-credit{display:none}.cinematic-controls{bottom:auto;top:320px;right:24px;gap:12px}.cinematic-controls>span{display:none}.cinematic-controls button{font-size:11px;width:30px;height:35px}.cinematic-controls>div{gap:10px}.cinematic-index{padding:0 22px;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;gap:5px}.cinematic-index a{width:155px;flex-shrink:0;scroll-snap-align:start;height:145px}.cinematic-index a>span{padding:15px 12px;font-size:9px;letter-spacing:.1em}.cinematic-baseline{padding:20px 24px;display:block;font-size:8px}.cinematic-baseline>a{display:block;margin-top:8px;font-size:12px}}
@media(max-width:390px){.cinematic-copy h1{font-size:47px}.cinematic-stage{min-height:740px}.cinematic-copy{top:355px}.cinematic-portrait{height:440px;left:14%}.cinematic-controls{top:295px}.cinematic-copy>.eyebrow{font-size:8px}}
@media(prefers-reduced-motion:reduce){.cinematic-portrait img{animation:none}.cinematic-index img,.cinematic-enter>span{transition:none}.cinematic-index a:hover img,.cinematic-enter:hover>span{transform:none}}

/* Clear proportions across the cinematic cover and the photographic index. */
.brand{font-family:var(--serif);font-weight:400;letter-spacing:.08em;font-size:35px}
.brand span{font-family:var(--sans);letter-spacing:.14em;font-size:8px}
.exhibition-brand{font-family:var(--serif);letter-spacing:.06em}
.exhibition-brand small{font-family:var(--sans)}
.portfolio-intro .page-intro{display:grid;grid-template-columns:1fr 1fr;gap:0 40px;padding-top:42px;padding-bottom:25px}
.portfolio-intro .page-intro>.eyebrow{grid-column:1/-1}
.portfolio-intro .page-intro h1{margin:14px 0 0}
.portfolio-intro .intro-bottom{align-self:end;margin-top:18px;padding-bottom:7px}
.portfolio-intro .page-intro .intro-bottom p{font-size:14px;max-width:400px}
.portfolio-intro .intro-bottom>span{display:none}
.portfolio-ways{padding-bottom:22px}
.archive .archive-toolbar{padding-top:16px}
.archive .gallery-grid{padding-top:28px}
@media(max-width:760px){
 .brand{font-size:27px}.brand span{font-size:7px}
 .cinematic-stage{min-height:800px}
 .cinematic-portrait{inset:78px 0 auto;height:365px}
 .cinematic-portrait img{object-position:center}
 .cinematic-shade{background:linear-gradient(0deg,#121411 0%,#121411 42%,transparent 58%)}
 .cinematic-copy{top:430px}
 .cinematic-controls{top:365px;right:24px}
 .cinematic-controls button{height:40px;background:#121411b3;opacity:1;color:#fff}
 .portfolio-intro .page-intro{display:block;padding-top:30px;padding-bottom:12px}
 .portfolio-intro .page-intro h1{font-size:48px;margin-top:12px}
 .portfolio-intro .intro-bottom{margin-top:15px;padding-bottom:0}
 .portfolio-intro .page-intro .intro-bottom p{font-size:13px}
 .portfolio-ways{padding-bottom:17px}
}

.header .mobile-inquiry{display:none}
@media(max-width:760px){.header nav .mobile-inquiry{display:block}.home-cinematic .header nav.open{background:#151812;color:#f1edde;border-color:#ffffff25}}

/* Readable controls remain quiet around the photography. */
.cinematic-practice{font-size:16px}
.cinematic-enter{font-size:12px}
.cinematic-index a>span{font-size:12px;letter-spacing:.08em}
.header nav a,.portfolio-ways,.filter,.view-toggle button,.shortlist-toggle{font-size:14px}
.exhibition-top button,.room-tabs button,.room-inspect,.room-writing-controls button{font-size:14px}
.room-poem-note,.room-poem-page>a{font-size:14px}
@media(max-width:760px){.cinematic-practice{font-size:16px}.cinematic-stage{min-height:815px}.cinematic-copy{top:420px}.cinematic-copy h1{font-size:47px}.cinematic-index a>span{font-size:12px}.portfolio-ways{font-size:14px}.filter{font-size:12px}.view-toggle button,.shortlist-toggle{font-size:12px}.room-tabs{gap:22px}.room-tabs button{font-size:14px}.exhibition-top button{font-size:13px}.room-inspect{font-size:13px}.room-writing-controls{padding-inline:18px}.room-writing-controls button{font-size:13px}.exhibition-brand{font-size:22px}.header nav a{font-size:25px}}

@media(min-width:761px) and (max-width:900px){.home-cinematic .header nav.open{background:#151812;color:#f1edde;border-color:#ffffff25}.header nav a{font-size:27px}}

/* Container padding follows its own width, not the ultrawide viewport. */
.archive,.portfolio-intro .page-intro{padding-left:var(--pad);padding-right:var(--pad)}