:root{--ink:#0b0b0a;--coal:#141311;--paper:#e8e3db;--cream:#f2eee8;--muted:#a59d94;--copper:#d28468;--line:#ffffff30;--serif:Didot,'Bodoni MT','Times New Roman',Georgia,serif;--sans:'Helvetica Neue',-apple-system,BlinkMacSystemFont,Arial,sans-serif;--ease:cubic-bezier(.22,1,.36,1)}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:64px}body{margin:0;background:var(--ink);color:var(--cream);font-family:var(--sans);-webkit-font-smoothing:antialiased;overflow-x:clip}img{display:block;max-width:100%}button,input,summary{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline:2px solid var(--copper);outline-offset:4px}button{border:0}em{font-family:var(--serif);font-weight:400;font-style:italic}h1,h2,h3,p,figure{margin:0}::selection{background:var(--copper);color:#111}.micro{font:600 10px/1.4 var(--sans);letter-spacing:.23em;color:var(--muted)}.skip-link{position:fixed;z-index:9000;top:5px;left:5px;padding:14px 18px;background:white;color:black;transform:translateY(-160%)}.skip-link:focus{transform:none}.top-progress{position:fixed;z-index:1002;left:0;right:0;top:0;height:2px;pointer-events:none}.top-progress i{display:block;width:100%;height:100%;background:var(--copper);transform:scaleX(0);transform-origin:left}.masthead{position:fixed;z-index:350;top:0;left:0;right:0;height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;pointer-events:none;transition:background .45s,border .45s}.masthead.scrolled{background:rgba(8,8,7,.91);border-bottom:1px solid #ffffff22;backdrop-filter:blur(16px)}.masthead a{pointer-events:auto}.wordmark,.footer-brand{font:400 47px/.9 var(--serif);letter-spacing:-.11em}.wordmark span,.footer-brand span{color:var(--copper)}.masthead-line,.masthead-side{font-size:9px;letter-spacing:.21em;font-weight:650;color:#f5f2ed}.masthead-line b{color:var(--copper);padding:0 9px}.masthead-side{margin-right:115px;color:var(--muted)}.now-indicator i{display:inline-block;background:var(--copper);height:5px;width:5px;border-radius:50%;margin-right:7px;vertical-align:middle;box-shadow:0 0 12px var(--copper)}.nav-native{position:fixed;z-index:500;top:0;right:0}.nav-native summary{width:140px;height:78px;display:flex;justify-content:center;align-items:center;gap:16px;list-style:none;color:#faf8f5;cursor:pointer;position:relative;z-index:521;font:650 10px var(--sans);letter-spacing:.2em}.nav-native summary::-webkit-details-marker{display:none}.menu-lines{width:29px;height:18px;display:grid;align-content:center;gap:6px}.menu-lines i{display:block;width:100%;height:1px;background:currentColor;transition:transform .3s}.menu-lines i:last-child{width:72%;justify-self:end}.nav-native[open] summary{color:#171513}.nav-native[open] .menu-word{font-size:0}.nav-native[open] .menu-word:after{content:'CLOSE';font-size:10px}.nav-native[open] .menu-lines i:first-child{transform:translateY(3.5px) rotate(45deg)}.nav-native[open] .menu-lines i:last-child{transform:translateY(-3.5px) rotate(-45deg);width:100%}.nav-curtain{position:fixed;z-index:520;inset:0;background:var(--paper);color:#13120f;display:flex;flex-direction:column;justify-content:space-between;padding:45px 5vw 30px;overflow:auto}.nav-curtain-head,.nav-curtain-foot{display:flex;justify-content:space-between;gap:15px;font:600 10px var(--sans);letter-spacing:.18em;color:#777066}.nav-curtain-head{padding-right:140px}.nav-curtain-links{width:min(1300px,100%);margin:auto}.nav-curtain-links a{display:grid;grid-template-columns:65px 1fr 35px;align-items:center;gap:20px;padding:7px 0;border-top:1px solid #11111135;font:400 clamp(30px,5.8vw,91px)/1.04 var(--serif);letter-spacing:-.055em;transition:padding .28s,color .28s}.nav-curtain-links a:last-child{border-bottom:1px solid #11111135}.nav-curtain-links a:hover,.nav-curtain-links a:focus-visible{color:#a34f35;padding-left:15px}.nav-curtain-links a small{font:600 11px var(--sans);letter-spacing:0}.nav-curtain-links a b{font:400 25px var(--sans)}.scene-label{position:fixed;z-index:100;left:22px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:12px;align-items:center;color:#f8f5f0;font:600 9px var(--sans);letter-spacing:.15em;mix-blend-mode:difference;pointer-events:none}.scene-rule{height:62px;width:1px;background:currentColor;opacity:.5}.chapter{position:relative}.hero{min-height:720px;height:100svh;background:#0a0a09;overflow:hidden}.hero-visual{position:absolute;z-index:0;right:0;top:0;bottom:0;width:53%;overflow:hidden;background:#16120f}.hero-visual img{height:100%;width:100%;object-fit:cover;object-position:center 54%;animation:heroBreath 19s ease-out both}.hero-visual-edge{position:absolute;inset:0;background:linear-gradient(90deg,#0b0b0a 0,transparent 33%),linear-gradient(0deg,#0b0b0a 0,transparent 27%);pointer-events:none}@keyframes heroBreath{from{transform:scale(1.09)}to{transform:scale(1)}}.hero-copy{position:relative;z-index:2;height:calc(100% - 68px);padding:clamp(150px,19svh,280px) 5.5vw 40px;display:flex;flex-direction:column;align-items:flex-start;pointer-events:none}.hero-copy a,.hero-copy button{pointer-events:auto}.hero-pre{color:#f4efe7}.micro-line{display:inline-block;vertical-align:middle;background:var(--copper);height:1px;width:35px;margin-right:14px}.hero-copy h1{font:400 clamp(98px,12.7vw,255px)/.76 var(--serif);letter-spacing:-.087em;white-space:nowrap;margin-top:clamp(45px,8svh,105px);text-shadow:0 9px 60px #0008}.hero-name-1,.hero-name-2{display:block}.hero-name-2{margin-left:6.5vw}.hero-name-2 i{color:var(--copper);font-style:normal}.hero-caption{margin-top:auto;display:flex;gap:65px;align-items:start}.hero-caption>span{color:var(--copper);font:700 9px var(--sans);letter-spacing:.16em;padding-top:8px;white-space:nowrap}.hero-caption p{font:400 clamp(17px,1.7vw,23px)/1.5 var(--sans);letter-spacing:-.015em;color:#f6efe8}.hero-actions{display:flex;align-items:center;gap:18px;margin-top:32px}.entry-orb{width:58px;height:58px;display:grid;place-items:center;border:1px solid #f1eee9b5;border-radius:50%;font:400 26px var(--sans);transition:transform .35s,background .35s}.entry-orb:hover{background:var(--paper);color:var(--ink);transform:rotate(-30deg)}.entry-label,.film-launch{font:650 10px var(--sans);letter-spacing:.17em;color:var(--cream)}.film-launch{margin-left:clamp(10px,4vw,95px);padding:18px 0;background:transparent}.film-launch span{display:inline-grid;place-items:center;border:1px solid #fff8;border-radius:50%;height:32px;width:32px;margin-right:11px}.film-launch:hover{color:var(--copper)}.hero-bottom{position:relative;z-index:2;height:68px;display:flex;justify-content:space-between;align-items:center;margin:0 5vw;border-top:1px solid #ffffff54;font:650 9px var(--sans);letter-spacing:.18em}.hero-bottom i{font-size:24px;font-weight:400;font-style:normal;vertical-align:middle;padding-left:10px}.statement{min-height:95svh;display:flex;flex-direction:column;justify-content:space-between;padding:16svh 8vw 9svh;background:var(--paper);color:var(--ink)}.statement-index{display:flex;justify-content:space-between;color:#655b50}.statement-index span{font-size:35px}.statement-words{font:400 clamp(48px,7.8vw,140px)/1.07 var(--serif);letter-spacing:-.067em;max-width:1460px}.statement-words em{color:#a75b42}.statement-bottom{display:flex;justify-content:space-between;gap:25px;border-top:1px solid #19171355;padding-top:25px;color:#6c6059;font:650 10px var(--sans);letter-spacing:.21em}.marquee{height:120px;background:#0e0e0c;overflow:hidden;display:flex;align-items:center;border-bottom:1px solid #ffffff22}.marquee-inner{white-space:nowrap;min-width:max-content;font:italic 400 72px/1 var(--serif);letter-spacing:-.05em;animation:marqueeSlide 30s linear infinite}.marquee-inner span{color:var(--copper)}@keyframes marqueeSlide{to{transform:translateX(-34%)}}.place{height:240svh;background:#080807}.place-sticky{position:sticky;top:0;height:100svh;overflow:hidden}.place-picture{position:absolute;inset:0;overflow:hidden;clip-path:inset(17% 22% 17% 22%);will-change:clip-path}.place-picture img{width:100%;height:100%;object-fit:cover;object-position:center 46%}.place-picture:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#09080799,transparent 76%),linear-gradient(0deg,#08080780,transparent 44%)}.place-number{position:absolute;z-index:2;top:15%;left:8%;color:#fff}.place-title{position:absolute;z-index:2;left:8%;top:39%;width:min(930px,85%)}.place-ghost{font:600 11px var(--sans);letter-spacing:.25em}.place-title h2{font:400 clamp(78px,10.6vw,184px)/.84 var(--serif);letter-spacing:-.08em;margin:26px 0 42px;text-shadow:0 4px 35px #0009}.place-title h2 em{color:#ebd2c1}.place-title p{font:400 clamp(18px,1.7vw,24px)/1.5 var(--sans);text-shadow:0 2px 25px #000}.place-caption{position:absolute;z-index:2;left:8%;right:8%;bottom:45px;display:flex;justify-content:space-between;color:#fff}.place-meter{position:absolute;z-index:2;right:5vw;top:45%;display:flex;flex-direction:column;align-items:center;gap:14px;font:600 10px var(--sans)}.place-meter i{height:110px;width:1px;background:#ffffff80;display:block}.place-meter b{display:block;width:2px;height:100%;background:var(--copper);transform:scaleY(0);transform-origin:top}.lens{background:#11100f;padding:clamp(110px,12vw,200px) 7vw 125px}.lens-heading{display:grid;grid-template-columns:1fr 1.7fr 1fr;align-items:end;gap:4vw;padding-bottom:70px}.lens-heading h2{font:400 clamp(62px,7.1vw,130px)/.85 var(--serif);letter-spacing:-.068em}.lens-heading h2 em{color:#d4a28f}.lens-description{font-size:clamp(15px,1.25vw,20px);line-height:1.58;max-width:350px;color:#c2bbb3}.compare-panel{width:min(990px,100%);margin:auto}.compare-image-wrap{--split:50%;position:relative;aspect-ratio:1.28;max-height:800px;width:100%;overflow:hidden;background:#1b1b19;touch-action:pan-y;cursor:ew-resize}.compare-img,.compare-overlay img{position:absolute;inset:0;height:100%;width:100%;object-fit:contain}.compare-overlay{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--split)) 0 0)}.compare-divider{position:absolute;z-index:5;top:0;bottom:0;left:var(--split);transform:translateX(-50%);width:1px;background:var(--cream);pointer-events:none;display:grid;place-items:center}.compare-divider span{background:#111b;border:1px solid white;backdrop-filter:blur(10px);width:66px;height:66px;border-radius:50%;display:grid;place-items:center;letter-spacing:-3px;font:500 27px var(--sans);box-shadow:0 7px 35px #0009}.compare-top-label{position:absolute;inset:25px 25px auto;display:flex;justify-content:space-between;z-index:3;font:700 10px var(--sans);letter-spacing:.17em;text-shadow:0 1px 5px black}.compare-image-wrap>input[type=range]{position:absolute;inset:0;z-index:8;appearance:none;-webkit-appearance:none;width:100%;height:100%;opacity:0;margin:0;cursor:ew-resize;touch-action:pan-y}.compare-controller{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px 0 16px;border-bottom:1px solid #ffffff35}.compare-controller>.micro{white-space:nowrap}.compare-presets{display:flex;align-items:center;justify-content:center;gap:8px}.compare-presets input,.world-selector>input{position:absolute;opacity:0;width:1px;height:1px}.compare-presets label{padding:13px 14px;border:1px solid #ffffff45;color:#c8c2b9;cursor:pointer;font:650 10px var(--sans);letter-spacing:.14em;transition:background .22s,color .22s}.compare-presets label:hover{color:white;border-color:#fff}.compare-presets input:focus-visible+label{outline:2px solid var(--copper)}#viewColour:checked+label,#viewSplit:checked+label,#viewMono:checked+label{background:var(--paper);color:var(--ink);border-color:var(--paper)}.compare-help{font:650 9px var(--sans);letter-spacing:.14em;color:#8d857e;text-align:right}.compare-panel:has(#viewColour:checked) .compare-image-wrap{--split:100%}.compare-panel:has(#viewMono:checked) .compare-image-wrap{--split:0%}.compare-panel:has(#viewSplit:checked) .compare-image-wrap{--split:50%}.lens-note{font:400 13px/1.55 var(--sans);color:#aaa29a;width:min(990px,100%);margin:18px auto 0}.nocturne{background:#060606}.nocturne-first{display:grid;grid-template-columns:1.05fr .95fr;min-height:120svh;padding:clamp(90px,11vw,180px) 8vw;gap:6vw;align-items:center}.nocturne-title h2{font:400 clamp(68px,8.7vw,157px)/.88 var(--serif);letter-spacing:-.075em;margin:45px 0 50px;white-space:nowrap;position:relative;z-index:2}.nocturne-title h2 em{color:#b46353}.nocturne-title p{font-size:18px;color:#bbb5af}.nocturne-portrait{height:min(79svh,900px);min-height:500px;position:relative;overflow:hidden}.nocturne-portrait img{width:100%;height:100%;object-fit:cover;object-position:center}.nocturne-portrait figcaption,.afterhours-photo figcaption,.person-image figcaption{position:absolute;bottom:22px;left:23px;color:white;font:650 10px var(--sans);letter-spacing:.19em;text-shadow:0 1px 10px #000}.afterhours{display:grid;grid-template-columns:1fr 1fr;background:#292018;min-height:90svh;align-items:center;gap:8vw;padding:clamp(70px,8vw,140px) 8vw}.afterhours-photo{height:min(78svh,900px);min-height:480px;position:relative;overflow:hidden}.afterhours-photo img{height:100%;width:100%;object-fit:cover;object-position:center 40%}.afterhours-copy h3{font:400 clamp(72px,8vw,135px)/.9 var(--serif);letter-spacing:-.08em;margin:37px 0 45px}.afterhours-copy h3 em{color:#eccbb6}.afterhours-copy p{max-width:460px;font:400 clamp(18px,1.8vw,26px)/1.6 var(--sans)}.afterhours-rule{display:block;width:80px;height:1px;background:var(--copper);margin:45px 0 25px}.afterhours-copy .micro{color:#ddd0c3}.person{display:grid;grid-template-columns:.92fr 1.08fr;min-height:95svh;background:var(--paper);color:var(--ink)}.person-image{min-height:760px;position:relative;overflow:hidden}.person-image img{width:100%;height:100%;object-fit:cover;object-position:50% center}.person-content{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:clamp(90px,8vw,170px) 8vw}.person-content .micro{color:#806c5f}.person-content h2{font:400 clamp(80px,9.1vw,156px)/.85 var(--serif);letter-spacing:-.075em;margin:38px 0 50px}.person-content h2 em{color:#985e46}.person-lead{font:400 clamp(24px,2.1vw,32px)/1.35 var(--serif);margin-bottom:26px;max-width:550px}.person-content>p:not(.person-lead){max-width:520px;color:#594f47;font:400 clamp(16px,1.3vw,19px)/1.85 var(--sans)}.person-sign{font:650 10px var(--sans);letter-spacing:.19em;border-top:1px solid #0005;margin-top:60px;padding-top:24px;color:#765950}.interact{background:#100f0e;padding:clamp(110px,10vw,160px) 7vw 145px}.interact-heading{max-width:1200px;margin:0 auto 85px}.interact-heading h2{font:400 clamp(72px,9vw,150px)/.85 var(--serif);letter-spacing:-.08em;margin:30px 0}.interact-heading h2 em{color:#d5ac9d}.interact-heading p{color:#bbb2aa;font-size:18px}.world-selector{display:grid;grid-template-columns:1fr 1fr 1fr;max-width:1300px;margin:auto}.world-selector>label{border-top:1px solid #ffffff55;border-bottom:1px solid #ffffff55;padding:27px 10px;cursor:pointer;font:650 clamp(11px,1.1vw,17px) var(--sans);letter-spacing:.13em;transition:background .3s,color .3s}.world-selector>label span{color:var(--copper);font-size:10px;margin-right:12px}.world-selector>label b{float:right;margin-right:15px}.world-selector>input:focus-visible+label{outline:2px solid var(--copper)}.world-selector:has(#world01:checked)>label[for=world01],.world-selector:has(#world02:checked)>label[for=world02],.world-selector:has(#world03:checked)>label[for=world03]{background:var(--paper);color:var(--ink)}.world-stage{display:none;grid-column:1/-1;min-height:clamp(420px,55vw,700px);padding:clamp(55px,8vw,130px);background:#211f1c;position:relative;overflow:hidden}.world-stage:before{content:'';position:absolute;right:-5%;top:-40%;width:65%;aspect-ratio:1;border:1px solid #ffffff18;border-radius:50%;box-shadow:0 0 0 70px #ffffff05,0 0 0 140px #ffffff04;pointer-events:none}.world-stage h3{font:400 clamp(67px,10.5vw,175px)/.83 var(--serif);letter-spacing:-.075em;margin:55px 0 42px;position:relative}.world-stage h3 em{color:#c6a392}.world-key,.world-stamp{font:650 11px var(--sans);letter-spacing:.19em;color:#aaa29b}.world-stage p{font:400 clamp(17px,1.5vw,22px)/1.6 var(--sans);max-width:560px;position:relative}.world-stamp{display:block;margin-top:50px}.world-two{background:#281e1b}.world-three{background:#1e2923}.world-selector:has(#world01:checked) .world-one,.world-selector:has(#world02:checked) .world-two,.world-selector:has(#world03:checked) .world-three{display:block;animation:worldIn .52s var(--ease) both}@keyframes worldIn{from{opacity:.2;transform:translateY(15px)}to{opacity:1;transform:none}}.archive{background:#151310;padding:clamp(110px,10vw,180px) 5vw}.archive-header{padding:0 2vw 75px}.archive-heading{display:grid;grid-template-columns:1.9fr 1fr;gap:50px;align-items:end;margin-top:40px}.archive-heading h2{font:400 clamp(74px,8.9vw,160px)/.83 var(--serif);letter-spacing:-.08em}.archive-heading em{color:#bea89a}.archive-heading p{font:400 clamp(17px,1.4vw,22px)/1.65 var(--sans);color:#c5bcb1;max-width:380px}.archive-mosaic{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(160px,19vw);gap:8px}.archive-card{position:relative;overflow:hidden;background:#28241f}.archive-card img{height:100%;width:100%;object-fit:cover;transition:transform .9s var(--ease)}.archive-card:hover img{transform:scale(1.035)}.archive-card:after{content:'';pointer-events:none;position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#000b)}.archive-card span{position:absolute;z-index:2;left:22px;right:22px;bottom:22px;display:flex;justify-content:space-between;align-items:center;font:650 10px var(--sans);letter-spacing:.18em;text-shadow:0 1px 8px #000}.archive-card span b{font-size:21px}.archive-a{grid-area:span 2/span 2}.archive-b{grid-area:span 2/span 1}.archive-c{grid-area:span 1/span 1}.archive-d{grid-area:span 1/span 1}.archive-e{grid-area:span 2/span 1}.archive-f{grid-area:span 2/span 2}.archive-g,.archive-h{grid-area:span 1/span 1}.last{min-height:105svh;display:flex;align-items:center;padding:11svh 8vw 12svh;overflow:hidden}.last-photo{position:absolute;inset:0}.last-photo img{width:100%;height:100%;object-fit:cover;object-position:center 60%}.last-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#080706e6,#0908067d 75%),linear-gradient(0deg,#060504aa,transparent 40%)}.last-content{z-index:2;position:relative}.last-content h2{font:400 clamp(100px,13vw,240px)/.83 var(--serif);letter-spacing:-.088em;margin:52px 0 50px}.last-content h2 em{color:#e0c9b8}.last-content p{font:400 clamp(18px,1.7vw,26px)/1.5 var(--sans);max-width:450px}.last-links{display:flex;gap:45px;flex-wrap:wrap;margin:65px 0 60px}.last-links button{color:#fff;background:none;border-bottom:1px solid #fff8;padding:0 0 14px;font:650 11px var(--sans);letter-spacing:.2em}.last-links button:hover{color:#f2bca4}.last-rewind{font:650 10px var(--sans);letter-spacing:.2em;color:var(--copper)}footer{background:#070706;border-top:1px solid #ffffff35;min-height:110px;padding:30px 5vw;display:flex;justify-content:space-between;align-items:center;gap:20px;font:650 10px var(--sans);letter-spacing:.12em;color:#b1aaa0}footer .footer-brand{font-size:40px;color:#fff}.reveal{opacity:1;transform:none}html.motion-ready .reveal{opacity:0;transform:translateY(30px);transition:opacity .9s var(--ease),transform .9s var(--ease)}html.motion-ready .reveal.in-view{opacity:1;transform:none}
dialog{border:0;padding:0;max-height:none;max-width:none}dialog::backdrop{background:#000e;backdrop-filter:blur(6px)}.gallery-dialog,.film-dialog,.notice-dialog{position:fixed;inset:0;width:100%;height:100%;background:#090908;color:var(--cream);overflow:hidden}.gallery-dialog[open]{display:flex;flex-direction:column;align-items:center;justify-content:center}.dialog-bar{position:absolute;top:0;left:0;right:0;height:75px;padding:0 5vw;display:flex;justify-content:space-between;align-items:center;z-index:2;font:650 11px var(--sans);letter-spacing:.18em}.dialog-bar button,.dialog-controls button,.film-controls button{background:none;color:inherit;padding:10px;font:650 11px var(--sans);letter-spacing:.14em}.gallery-dialog img{width:auto;height:auto;max-width:94vw;max-height:calc(100dvh - 180px);object-fit:contain}.dialog-controls{position:absolute;bottom:0;left:0;right:0;height:75px;padding:0 5vw;display:flex;justify-content:space-between;align-items:center;font:650 10px var(--sans);letter-spacing:.16em}.film-dialog[open]{display:block}.film-scene{position:absolute;inset:75px 5vw 85px;display:grid;place-items:center;overflow:hidden;background:#18140f}.film-scene img{height:100%;width:100%;object-fit:contain;animation:filmDrift 4.5s linear both}.film-scene:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0808079a,transparent 70%);pointer-events:none}.film-caption{position:absolute;z-index:3;left:7%;bottom:10%}.film-caption>span{font:650 11px var(--sans);letter-spacing:.18em}.film-caption h2{font:400 clamp(68px,12vw,180px)/.84 var(--serif);letter-spacing:-.07em;margin-top:27px}.film-controls{position:absolute;bottom:0;left:5vw;right:5vw;height:85px;display:flex;gap:20px;align-items:center}.film-progress{height:2px;flex:1;background:#ffffff40;margin-left:20px}.film-progress span{display:block;width:100%;height:100%;background:var(--copper);transform-origin:left;transform:scaleX(0)}@keyframes filmDrift{from{transform:scale(1.025)}to{transform:scale(1.075)}}.notice-dialog[open]{display:grid;place-items:center}.notice-content{max-width:650px;padding:50px}.notice-content h2{font:400 clamp(66px,10vw,140px)/.82 var(--serif);letter-spacing:-.075em;margin:35px 0}.notice-content p{font:400 18px/1.55 var(--sans);color:#c3b7ae}.notice-content button{background:var(--paper);color:var(--ink);padding:17px 24px;margin-top:35px;font:650 11px var(--sans);letter-spacing:.17em}
@media(max-width:1050px){.masthead-line{display:none}.masthead-side{margin-left:auto}.hero-copy h1{font-size:12.6vw}.lens-heading{grid-template-columns:1fr 1.6fr}.lens-description{grid-column:2}.nocturne-first{padding:100px 5vw;gap:1vw}.nocturne-title h2{font-size:9.4vw}.afterhours{gap:5vw;padding:75px 5vw}.person-image{min-height:600px}.person-content{padding:80px 6vw}.person-content h2{font-size:10vw}.archive-mosaic{grid-auto-rows:23vw}}
@media(max-width:700px){html{scroll-padding-top:60px}.masthead{height:62px;padding:0 6vw}.wordmark{font-size:36px}.masthead-side{display:none}.nav-native summary{width:135px;height:62px;gap:13px;font-size:10px}.nav-curtain{padding:83px 6vw 25px}.nav-curtain-head{padding-right:0;font-size:8px}.nav-curtain-foot{font-size:8px}.nav-curtain-links{margin:auto 0}.nav-curtain-links a{grid-template-columns:23px 1fr 20px;gap:12px;padding:16px 0;font-size:clamp(31px,7.4vw,56px)}.nav-curtain-links a small{font-size:9px}.nav-curtain-links a b{font-size:18px}.scene-label{display:none}.hero{height:auto;min-height:740px;min-height:100svh}.hero-visual{top:62px;left:0;right:0;width:100%;height:53%;bottom:auto}.hero-visual img{object-position:center 49%}.hero-visual-edge{background:linear-gradient(0deg,#0b0b0a 0,transparent 48%,#0b0b0a2b 100%)}.hero-copy{min-height:calc(100svh - 58px);height:auto;padding:calc(62px + 40svh) 6vw 34px;justify-content:flex-start}.hero-pre{font-size:8px;white-space:nowrap}.micro-line{width:18px;margin-right:7px}.hero-copy h1{font-size:clamp(88px,22vw,170px);margin-top:22px;line-height:.74}.hero-name-2{margin-left:5vw}.hero-caption{margin-top:38px;display:block}.hero-caption>span{font-size:8px}.hero-caption p{font-size:16px;line-height:1.5;margin-top:13px}.hero-actions{margin-top:auto;padding-top:24px;gap:12px;flex-wrap:wrap}.entry-orb{height:51px;width:51px;font-size:23px}.entry-label{font-size:9px}.film-launch{margin:0 0 0 auto;font-size:9px;padding:9px 0}.film-launch span{width:29px;height:29px;margin-right:4px}.hero-bottom{height:58px;margin:0 6vw;font-size:8px}.hero-bottom span:first-child{display:none}.hero-bottom i{font-size:19px}.statement{min-height:78svh;padding:110px 7vw 65px}.statement-words{font-size:clamp(44px,10.1vw,81px)}.statement-bottom{font-size:8px;letter-spacing:.12em}.marquee{height:82px}.marquee-inner{font-size:52px}.place{height:210svh}.place-picture{clip-path:inset(14% 10% 14% 10%)}.place-picture img{object-position:center}.place-number{top:12%;left:7%}.place-title{left:7%;top:42%;width:85%}.place-ghost{font-size:9px}.place-title h2{font-size:clamp(61px,12.9vw,107px);margin:20px 0 30px}.place-title p{font-size:16px}.place-caption{bottom:27px;left:7%;right:7%;font-size:8px}.place-caption span:last-child{display:none}.place-meter{right:6vw;top:25%}.lens{padding:110px 6vw 100px}.lens-heading{display:block;padding-bottom:42px}.lens-heading h2{font-size:clamp(62px,13vw,95px);margin:28px 0}.lens-description{font-size:16px;max-width:330px}.compare-image-wrap{aspect-ratio:.72;max-height:700px}.compare-img,.compare-overlay img{object-fit:cover;object-position:50% 50%}.compare-divider span{height:54px;width:54px;font-size:21px}.compare-top-label{inset:15px 14px auto;font-size:8px}.compare-controller{display:block;padding-top:22px}.compare-controller>.micro{display:block;text-align:center;font-size:8px;margin-bottom:16px}.compare-presets{gap:5px}.compare-presets label{padding:13px 11px;font-size:9px;flex:1;text-align:center}.compare-help{display:block;margin-top:12px;text-align:center;font-size:8px}.lens-note{font-size:12px}.nocturne-first{display:flex;flex-direction:column-reverse;padding:0 0 110px;gap:0}.nocturne-portrait{height:75svh;min-height:450px;max-height:850px;width:100%}.nocturne-portrait img{object-position:center 45%}.nocturne-title{padding:75px 7vw 0;width:100%}.nocturne-title h2{font-size:clamp(65px,13vw,110px);margin:32px 0 45px}.nocturne-title p{font-size:16px}.afterhours{grid-template-columns:1fr;gap:0;padding:0 0 90px}.afterhours-photo{height:72svh;min-height:400px}.afterhours-photo img{object-position:center 46%}.afterhours-copy{padding:70px 7vw 0}.afterhours-copy h3{font-size:clamp(72px,14vw,122px);margin:30px 0}.afterhours-copy p{font-size:18px}.person{display:block}.person-image{height:78svh;min-height:440px;max-height:850px}.person-content{padding:90px 7vw 100px}.person-content h2{font-size:clamp(79px,16vw,137px);margin:27px 0 40px}.person-lead{font-size:28px}.person-content>p:not(.person-lead){font-size:17px}.person-sign{font-size:9px}.interact{padding:115px 6vw 110px}.interact-heading{margin-bottom:45px}.interact-heading h2{font-size:clamp(67px,13.5vw,120px)}.interact-heading p{font-size:16px}.world-selector{display:flex;flex-wrap:wrap}.world-selector>label{width:33.333%;border-bottom:1px solid #ffffff65;padding:18px 7px;font-size:9px;letter-spacing:.06em;text-align:center}.world-selector>label span{display:block;margin:0 0 8px}.world-selector>label b{display:none}.world-stage{width:100%;min-height:490px;padding:50px 7vw}.world-stage:before{width:120%;top:-12%;right:-60%}.world-stage h3{font-size:clamp(66px,14vw,120px);margin:55px 0 35px}.world-stage p{font-size:17px}.world-key,.world-stamp{font-size:9px}.archive{padding:110px 5vw}.archive-header{padding:0 2vw 46px}.archive-heading{display:block;margin-top:26px}.archive-heading h2{font-size:clamp(73px,15vw,124px)}.archive-heading p{font-size:16px;margin-top:32px}.archive-mosaic{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:38vw;gap:6px}.archive-a{grid-area:span 2/span 1}.archive-b{grid-area:span 1/span 1}.archive-c{grid-area:span 1/span 1}.archive-d{grid-area:span 1/span 1}.archive-e{grid-area:span 2/span 1}.archive-f{grid-area:span 2/span 1}.archive-g,.archive-h{grid-area:span 1/span 1}.archive-card span{font-size:8px;letter-spacing:.08em;bottom:12px;left:11px;right:11px}.archive-card span b{font-size:16px}.last{min-height:95svh;padding:140px 7vw 85px}.last-photo img{object-position:62% center}.last-photo:after{background:linear-gradient(90deg,#060504dc,#06050461),linear-gradient(0deg,#050403bc,transparent 65%)}.last-content h2{font-size:clamp(94px,19vw,169px);margin:43px 0 35px}.last-content p{font-size:18px}.last-links{gap:25px;margin:55px 0}.last-links button{font-size:9px;letter-spacing:.13em}footer{flex-wrap:wrap;min-height:100px;gap:12px;padding:24px 6vw;font-size:9px}footer span:nth-child(3){display:none}footer a:last-child{margin-left:auto}.dialog-bar{height:65px;font-size:9px}.dialog-controls{height:65px;font-size:9px}.gallery-dialog img{max-height:calc(100dvh - 155px)}.film-scene{inset:65px 0 75px}.film-caption{left:6%;bottom:7%}.film-caption h2{font-size:16vw}.film-controls{height:75px;left:3vw;right:3vw;gap:6px}.film-controls button{font-size:9px}.film-progress{margin-left:4px}.notice-content{padding:30px}.notice-content h2{font-size:17vw}}
@media(max-width:390px){.hero{min-height:720px}.hero-visual{height:49%}.hero-copy{padding-top:calc(62px + 36svh)}.hero-copy h1{font-size:21vw}.hero-caption{margin-top:27px}.hero-actions{gap:9px}.entry-label{font-size:8px}.film-launch{font-size:8px}.entry-orb{height:46px;width:46px}.place-title h2{font-size:12.5vw}.nav-curtain-links a{font-size:30px}.world-selector>label{font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal,html.motion-ready .reveal{opacity:1!important;transform:none!important}.hero-visual img{animation:none}.place-picture{clip-path:none!important}.marquee-inner{animation:none}}
body.menu-active{overflow:hidden}
@media(max-width:700px){.last-content{min-width:0;max-width:100%}.last-content h2{font-size:clamp(59px,15vw,110px);overflow-wrap:normal}}
@media(max-width:700px){.last-content h2{font-size:clamp(46px,13vw,90px)}}
@media(max-width:700px){.world-stage h3{font-size:clamp(49px,13vw,105px)}.nocturne-title h2{font-size:clamp(57px,12vw,108px)}}
/* Reveal choreography should never sacrifice legibility while the visitor is scrolling. */
html.motion-ready .reveal{opacity:.86;transform:translateY(10px);transition:opacity .48s var(--ease),transform .48s var(--ease)}
html.motion-ready .reveal.in-view{opacity:1;transform:none}


/* V3.1 targeted correction — more legible, tighter mobile pacing, clearer interactions. */
:root{--muted:#c9beb3}
.micro{font-size:12px;letter-spacing:.14em;line-height:1.5}
.masthead-line,.masthead-side,.now-indicator{font-size:11px}
.hero-caption>span,.hero-bottom,.scene-label,.place-caption,.place-number{font-size:11px}
.hero-visual-edge{background:linear-gradient(90deg,#0b0b0a 0,transparent 41%),linear-gradient(0deg,#0b0b0a 0,transparent 43%)}
.compare-controller{border-bottom:1px solid #ffffff3d}
.compare-presets label{border:none;border-bottom:1px solid #ffffff65;padding:13px 17px;min-height:44px;display:flex;align-items:center;justify-content:center;font-size:11px;letter-spacing:.07em}
#viewColour:checked+label,#viewSplit:checked+label,#viewMono:checked+label{background:none;color:#fff;border-bottom:3px solid var(--copper)}
.compare-help{font-size:11px}
.lens-note{font-size:15px;max-width:680px}
.nav-curtain-links a:focus-visible{outline-offset:-2px}
.entry-label,.film-launch,.last-links button,.world-key,.world-stamp{font-size:12px}
.world-stage p,.person-content>p:not(.person-lead){line-height:1.7}
.archive-card span{font-size:11px}
@media(max-width:700px){
 .masthead{background:rgba(9,9,9,.88);backdrop-filter:blur(12px)}
 .masthead.scrolled{background:rgba(9,9,9,.96)}
 .nav-native summary{min-height:62px;font-size:12px}
 .nav-curtain-links a{font-size:clamp(29px,7.2vw,53px);min-height:56px}
 .nav-curtain-head,.nav-curtain-foot{font-size:11px;line-height:1.4}
 .micro{font-size:11px;letter-spacing:.12em}
 .hero{height:100svh;min-height:650px;max-height:970px}
 .hero-visual{top:62px;height:60%;max-height:590px}
 .hero-visual-edge{background:linear-gradient(0deg,#0b0b0a 0,transparent 52%)}
 .hero-copy{height:calc(100% - 58px);min-height:0;padding:calc(62px + 32svh) 6vw 19px}
 .hero-copy h1{font-size:clamp(86px,21.2vw,147px);margin-top:19px;line-height:.78}
 .hero-caption{margin-top:18px}
 .hero-caption>span{font-size:10px}
 .hero-caption p{font-size:17px;margin-top:10px;line-height:1.46}
 .hero-actions{margin-top:24px;padding-top:0;gap:9px}
 .entry-orb{width:48px;height:48px}
 .entry-label,.film-launch{font-size:10px;letter-spacing:.09em}
 .film-launch{margin-left:12px;text-decoration:none}
 .film-launch span{display:none}
 .hero-bottom{position:absolute;bottom:0;left:0;right:0;height:58px;margin:0 6vw;font-size:10px}
 .hero-pre{font-size:10px;white-space:normal}
 .statement-words{font-size:clamp(42px,10vw,81px);line-height:1.08}
 .place-caption{font-size:10px}
 .place-number{font-size:11px}
 .lens{padding-top:110px}
 .lens-description{font-size:17px;line-height:1.6}
 .compare-controller>.micro{font-size:11px}
 .compare-presets label{font-size:11px;padding:11px 6px;min-height:46px}
 .compare-help{font-size:11px;letter-spacing:.05em;line-height:1.5}
 .compare-top-label{font-size:10px}
 .lens-note{font-size:14px}
 .world-selector>label{font-size:11px;line-height:1.3;padding:14px 5px}
 .world-stage{min-height:430px}
 .world-key,.world-stamp{font-size:11px;line-height:1.5}
 .world-stage h3{font-size:clamp(50px,12.6vw,105px)}
 .world-stage p{font-size:17px}
 .archive-card span{font-size:10px;line-height:1.2}
 .last-links button{font-size:11px;min-height:44px}
 .entry-label,.film-launch{min-height:44px;display:inline-flex;align-items:center}
 .nav-curtain-foot{padding-bottom:env(safe-area-inset-bottom)}
}
@media(max-width:390px){
 .hero{min-height:660px}
 .hero-visual{height:56%}
 .hero-copy{padding-top:calc(62px + 30svh)}
 .hero-copy h1{font-size:clamp(75px,20vw,88px)}
 .hero-caption{margin-top:14px}
 .hero-caption p{font-size:16px}
 .hero-actions{margin-top:17px}
 .entry-label,.film-launch{font-size:9px}
 .film-launch{margin-left:2px}
}
/* Keep the subject's face clear at every phone size. */
@media(max-width:700px){
  .hero-visual{height:58%;}
  .hero-copy{padding-top:calc(62px + 44svh)}
  .hero-copy h1{font-size:clamp(76px,19.5vw,120px);margin-top:14px}
  .hero-caption{margin-top:15px}
  .hero-caption p{font-size:16px;line-height:1.42}
  .hero-actions{margin-top:18px}
}
@media(max-width:390px){
  .hero-visual{height:57%}
  .hero-copy{padding-top:calc(62px + 42svh)}
  .hero-copy h1{font-size:clamp(69px,19.3vw,82px)}
  .hero-caption{margin-top:12px}
  .hero-actions{margin-top:13px}
}

/* V4 launch refinements: clarity, discoverability, inclusive interactions. */
:root { --muted: #d3c9bf; }
html { scroll-padding-top: 78px; }
body { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
.micro { font-size: clamp(12px, .9vw, 14px); letter-spacing: .13em; }
.masthead-line, .masthead-side, .now-indicator { color: #faf5ec; text-shadow: 0 1px 12px #0009; }
.hero-caption p { text-wrap: balance; }
.hero-visual img { object-position: center 48%; }
.hero-pre, .hero-caption>span { text-shadow: 0 2px 12px #0009; }
.entry-label,.film-launch,.world-key,.world-stamp { font-size: clamp(12px, .9vw, 14px); }
.entry-label,.film-launch { line-height: 1.4; }
.compare-mono-treatment { filter: grayscale(1); }
/* The colour layer lives on the left and grows as the range increases. */
.compare-img,.compare-overlay img { object-fit: cover; }
.compare-presets label { cursor: pointer; }
.compare-image-wrap:focus-within { outline: 2px solid var(--copper); outline-offset: 4px; }
.lens-description { line-height: 1.65; }
.lens-note { color: #d3c6ba; }
.last-links a.social-action { display: inline-flex; align-items: center; min-height: 48px; color: #fff; border-bottom: 1px solid #ffffff99; padding: 9px 2px 12px; font: 650 12px/1.4 var(--sans); letter-spacing: .14em; transition: color .25s, border-color .25s; }
.last-links a.social-action:hover,.last-links a.social-action:focus-visible { color: #f2bca4; border-color: var(--copper); }
.contact-address { font: 400 clamp(19px,2.1vw,29px)/1.4 var(--serif); color: #f4eee7; margin-top: -33px; }
.contact-address a { border-bottom: 1px solid #ffffff70; }
.archive-more { display: inline-flex; width: fit-content; padding: 13px 0; margin-top: 20px; font: 650 12px/1.4 var(--sans); letter-spacing: .14em; border-bottom: 1px solid var(--copper); color: #f1e1d2; }
.archive-more:hover { color: #fff; }
.footer-contact { font: 650 11px var(--sans); color: #f1d6c5; white-space: nowrap; }
.gallery-dialog button,.film-dialog button { min-height: 44px; min-width: 44px; }
.film-dialog,.gallery-dialog { overscroll-behavior: contain; }
@media (max-width: 700px) {
 html { scroll-padding-top: 63px; }
 .masthead-line { display: none; }
 .hero { max-height: none; min-height: min(780px, 100svh); }
 .hero-visual { height: 58%; }
 .hero-visual img { object-position: center 46%; }
 .hero-visual-edge { background: linear-gradient(0deg,#0b0b0a 0%,#0b0b0ad1 10%,#0b0b0a54 35%,transparent 67%); }
 .hero-copy { padding-top: clamp(308px,43svh,440px); }
 .hero-copy h1 { font-size: clamp(77px,20.2vw,131px); margin-top: 15px; line-height: .79; }
 .hero-pre { font-size: 11px; letter-spacing: .13em; }
 .hero-caption { margin-top: 18px; }
 .hero-caption p { font-size: 17px; line-height: 1.44; }
 .hero-caption>span { font-size: 11px; }
 .hero-actions { margin-top: 16px; gap: 8px; }
 .entry-label,.film-launch { font-size: 11px; min-height: 48px; padding-top: 12px; padding-bottom: 12px; }
 .film-launch { margin-left: 8px; }
 .hero-bottom { font-size: 11px; }
 .statement { min-height: 66svh; padding-top: 96px; padding-bottom: 52px; }
 .statement-words { font-size: clamp(41px,10.2vw,72px); }
 .statement-bottom { font-size: 10px; letter-spacing: .06em; line-height: 1.55; }
 .place { height: 175svh; }
 .place-title { top: 37%; }
 .place-title h2 { font-size: clamp(60px,12.6vw,101px); }
 .lens,.interact,.archive { padding-top: 84px; padding-bottom: 88px; }
 .lens-heading h2 { font-size: clamp(56px,12.5vw,90px); }
 .lens-description,.person-content>p:not(.person-lead),.last-content p,.world-stage p { font-size: 17px; }
 .lens-note { font-size: 14px; }
 .compare-image-wrap { max-height: 570px; aspect-ratio: .84; }
 .compare-controller>.micro { font-size: 11px; }
 .compare-presets label { font-size: 11px; padding: 12px 6px; min-height: 48px; letter-spacing: .04em; }
 .nocturne-first { padding-bottom: 80px; }
 .nocturne-portrait { height: 67svh; }
 .nocturne-title { padding-top: 65px; }
 .afterhours { padding-bottom: 70px; }
 .afterhours-photo { height: 65svh; }
 .person-image { height: 69svh; }
 .person-content { padding-top: 78px; padding-bottom: 78px; }
 .world-stage { min-height: 425px; padding-top: 45px; padding-bottom: 45px; }
 .archive-heading h2 { font-size: clamp(58px,13.5vw,106px); }
 .archive-card span { font-size: 10px; }
 .last { padding-top: 100px; min-height: 85svh; }
 .last-content h2 { font-size: clamp(49px,13.5vw,94px); }
 .last-links { gap: 13px 26px; margin-top: 35px; margin-bottom: 50px; }
 .last-links a.social-action { font-size: 11px; letter-spacing: .08em; }
 .contact-address { font-size: 23px; margin-top: -22px; }
 .footer-contact { font-size: 11px; }
 .dialog-controls,.dialog-bar { font-size: 11px; letter-spacing: .06em; }
}
@media(max-width: 390px) {
 .hero-copy { padding-top: clamp(300px,42svh,406px); }
 .hero-copy h1 { font-size: 19.3vw; }
 .film-launch { margin-left: 0; }
 .world-selector>label { font-size: 10px; min-height: 55px; }
 .nav-curtain-links a { font-size: clamp(28px,7.8vw,42px); }
}
@media(max-width: 350px) {
 .hero-copy h1 { font-size: 18.7vw; }
 .entry-orb { width: 44px; height: 44px; }
 .entry-label,.film-launch { font-size: 10px; }
 .last-links a.social-action { font-size: 10px; }
}
@media(prefers-reduced-motion: reduce) {
 .film-scene img { animation: none !important; }
 .marquee-inner { animation: none !important; }
}
/* Final narrow-screen and editorial-hero corrections after QA. */
.last-content p.contact-address { font: 400 clamp(21px,2.1vw,29px)/1.4 var(--serif); }
@media(max-width:700px) {
 .hero-visual img { object-position: center 84%; }
 .hero-copy { padding-top: clamp(360px,49svh,500px); }
 .hero-pre { position:relative; z-index:1; }
 .hero-actions { position:relative; z-index:1; }
 .last-content p.contact-address {font-size:clamp(20px,5.5vw,25px)}
}
@media(max-width:390px) {
 .hero { min-height:760px; }
 .hero-copy { padding-top: clamp(355px,47svh,440px); }
 .hero-copy h1 { font-size:19.3vw; }
}
@media(max-width:350px) {
 .nocturne-title h2 { font-size:clamp(45px,10vw,69px); }
 .world-stage h3 { font-size:clamp(40px,12vw,75px); }
 .last-content h2 { font-size:clamp(43px,12vw,80px); }
 .hero-copy h1 { font-size:18.5vw; }
}


/* ASH JONES / V5 — designed final-presentation polish */
::selection { background: #d48d72; color: #100e0c; }
html { scroll-snap-type: none; }
body { hanging-punctuation: first last; }
button, a, summary, input { -webkit-tap-highlight-color: transparent; }
:focus-visible { outline: 2px solid #ffc7a9; outline-offset: 5px; }
@media(hover:hover){ a:hover, button:hover { transition: color .2s ease, border-color .2s ease; } }
.hero-copy h1 { text-rendering: optimizeLegibility; }
.hero-caption p { max-width: 30ch; }
.statement-words,.person-lead,.lens-description,.archive-heading p { text-wrap: balance; }
.micro,.hero-caption>span,.hero-pre { letter-spacing: .1em; }
.world-stage { isolation: isolate; }
.world-stage::before { z-index: 0; }
.world-stage > :not(.world-art) { position: relative; z-index: 2; }
.world-art { position:absolute; z-index:1; right:4%; top:10%; width:min(41%,500px); height:min(73%,480px); display:flex; flex-direction:column; align-items:stretch; justify-content:space-between; pointer-events:none; opacity:.85; }
.world-art svg { width:100%; max-height:75%; overflow:visible; filter:drop-shadow(0 0 18px #0002); }
.art-topline,.art-bottomline { display:flex; justify-content:space-between; gap:10px; font:650 10px/1.4 var(--sans); letter-spacing:.16em; color:#ffffffab; }
.art-bottomline { border-top:1px solid #ffffff42; padding-top:16px; }
.circuit-outline {fill:none;stroke:#ffffff22;stroke-width:13;stroke-linecap:round;stroke-linejoin:round}
.circuit-line {fill:none;stroke:#e9c2a8;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:17 6}
.world-art-f1 svg { transform:rotate(-8deg); }
.record-scene { flex:1; min-height:0; display:grid;place-items:center; }
.record-disc { border-radius:50%; width:min(88%,335px); aspect-ratio:1; background:repeating-radial-gradient(circle at center,#24201f 0 2px,#181515 3px 5px,#393334 6px 7px,#181515 8px 9px); box-shadow:0 18px 55px #0006, inset 0 0 40px #0008; display:grid;place-items:center; position:relative; }
.record-disc::after {content:'';position:absolute;left:calc(50% - 3px);top:calc(50% - 3px);width:6px;height:6px;border-radius:50%;background:#13100e}
.record-label { width:33%;aspect-ratio:1;border-radius:50%;background:#d6a38d;color:#181411;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;transform:rotate(-15deg); }
.record-label b {font:600 clamp(15px,2vw,28px)/.9 var(--serif)}
.record-label small {font:650 7px/1 var(--sans);letter-spacing:.08em}
.world-two:has(input) .record-disc {animation:none}
.world-art-music .record-disc {animation:recordTurn 18s linear infinite}
@keyframes recordTurn {to{transform:rotate(360deg)}}
.world-art-milo svg {padding:0 4%;}
.world-art-milo .art-topline {color:#e3e9d9;}
.world-stage h3 {max-width: 700px;text-wrap:balance;}
.world-stage p {max-width: min(50%, 520px);}
.world-stamp {max-width: 480px;}
.email-card { width:min(100%,680px);padding:24px 0 13px;margin-top:34px;border-top:1px solid #ffffff72;border-bottom:1px solid #ffffff72; }
.email-card-label { margin:0 0 12px!important; font:650 11px/1.5 var(--sans)!important;letter-spacing:.12em;color:#ead1bc; }
.email-direct { display:flex;align-items:center;gap:13px;justify-content:space-between;font:400 clamp(23px,3.3vw,44px)/1.1 var(--serif);letter-spacing:-.025em;overflow-wrap:anywhere; }
.email-direct span {font-size:25px;flex-shrink:0;}
.email-card-actions {display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:22px;font:650 10px var(--sans);letter-spacing:.13em;color:#dfd1c7;}
.copy-email {background:transparent;border:1px solid #ffffff65;padding:12px 16px;color:#fff;font:650 11px var(--sans);letter-spacing:.13em;cursor:pointer;min-height:44px;}
.copy-email:hover,.copy-email:focus-visible {background:#ffffff17;}
.copy-email span {margin-left:8px;font-size:14px;}
.footer-privacy {color:#ceb8aa;}
@media(max-width:1050px){
 .world-art {opacity:.42;right:2%;width:48%;}
 .world-stage p {max-width:68%;}
}
@media(max-width:700px){
 .hero-actions {display:grid;grid-template-columns:50px minmax(0,1fr);grid-template-areas:'orb enter' 'film film';column-gap:12px;row-gap:3px;align-items:center;width:min(100%,355px);margin-top:20px;}
 .entry-orb{grid-area:orb;min-width:48px;min-height:48px;}
 .entry-label{grid-area:enter;width:100%;font-size:11px!important;letter-spacing:.08em;white-space:nowrap;}
 .film-launch{grid-area:film;width:100%;margin:0!important;min-height:48px;justify-content:flex-start;border-top:1px solid #ffffff5b;font-size:11px!important;letter-spacing:.08em;}
 .film-launch span{display:inline-flex;border:1px solid #ffffff7a;height:24px;width:24px;align-items:center;justify-content:center;font-size:8px;margin-right:12px;}
 .hero-copy {padding-bottom:55px;}
 .world-art{z-index:0;opacity:.29;width:85%;right:-10%;top:22%;height:55%;}
 .world-stage{isolation:isolate;min-height:500px;}
 .world-stage h3 {font-size:clamp(51px,12.3vw,104px);margin:58px 0 30px;}
 .world-stage p {max-width:100%;}
 .world-stamp {max-width:100%;}
 .art-topline,.art-bottomline {font-size:9px;}
 .email-card {margin-top:32px;padding-top:24px;}
 .email-card-label {font-size:10px!important;}
 .email-direct {font-size:clamp(24px,5.9vw,34px);}
 .email-card-actions {flex-wrap:wrap;gap:10px;font-size:10px;}
 .footer-privacy {font-size:9px;}
}
@media(max-width:390px){
 .hero-copy{padding-top:calc(62px + 40svh);}
 .hero-copy h1 {font-size:clamp(69px,19.1vw,82px);}
 .hero-caption p {font-size:15px;}
 .hero-actions {margin-top:10px;}
 .world-stage {min-height:470px;}
 .world-stage h3 {font-size:clamp(46px,12.0vw,80px);}
}
@media(max-width:350px){
 .hero-copy{padding-top:calc(62px + 39svh);}
 .hero-copy h1 {font-size:19.4vw;}
 .hero-actions {margin-top:6px;}
 .world-stage h3 {font-size:43px;}
}
@media(prefers-reduced-motion:reduce){.world-art-music .record-disc{animation:none!important}}
/* Keyboard navigation must expose focus on visually custom radio controls. */
.world-selector>input:focus-visible+label,.compare-presets input:focus-visible+label { outline:2px solid #f6c3ab; outline-offset:-3px; position:relative; z-index:4; }
.archive-card:focus-visible,.social-action:focus-visible {outline:2px solid #f6c3ab;outline-offset:3px}
@media(max-width:700px){
 .last-links a.social-action {font-size:12px;}
 footer {font-size:10px;}
}

/* Definitive edition — accessible share action and focus clarity */
.last-links button.site-share{display:inline-flex;align-items:center;justify-content:flex-start;min-height:48px;background:transparent;color:var(--cream);border:0;border-bottom:1px solid #ffffff88;padding:12px 0;font:650 12px/1.5 var(--sans);letter-spacing:.13em;white-space:normal;text-align:left;cursor:pointer}
.last-links button.site-share:hover{color:var(--copper);border-bottom-color:var(--copper)}
.share-status{min-height:1.5em;margin:0 0 1.1rem;color:var(--cream);font-size:.78rem;line-height:1.5}
:where(a,button,summary,input):focus-visible{outline:2px solid #f0b18f;outline-offset:4px}
@media (max-width:600px){.last-links button.site-share{font-size:11px;letter-spacing:.07em;min-width:0}}


/* V7 signature navigation: visible on arrival, readable on every screen */
.masthead{height:83px;padding:0 4.1vw;gap:clamp(12px,1.7vw,28px);background:linear-gradient(180deg,#080808d9 0%,#08080875 85%,transparent 100%)}
.masthead .wordmark{flex-shrink:0;font-size:42px}
.masthead-chapters{display:flex;align-items:center;gap:clamp(10px,1.6vw,28px);margin-left:2vw;flex:1;min-width:0;pointer-events:auto;white-space:nowrap}
.masthead-chapters a{display:inline-flex;align-items:center;gap:7px;font:700 clamp(9px,.68vw,11px)/1.3 var(--sans);letter-spacing:.115em;color:#f5ece6;position:relative;padding:16px 0;transition:color .25s,transform .25s}
.masthead-chapters a span{font-weight:400;color:#deaa91;font-size:10px}
.masthead-chapters a:after{position:absolute;bottom:6px;left:0;right:100%;height:1px;background:var(--copper);content:'';transition:right .32s var(--ease)}
.masthead-chapters a:hover,.masthead-chapters a:focus-visible{color:#fbbfa1;transform:translateY(-2px)}.masthead-chapters a:hover:after,.masthead-chapters a:focus-visible:after{right:0}
.masthead-actions{display:flex;align-items:center;gap:8px;margin-right:90px;pointer-events:auto}
.masthead-social{display:flex;align-items:center;justify-content:center;gap:8px;border-radius:99px;background:#181716d6;border:1px solid #ffffff55;min-height:42px;padding:0 14px;font:750 9px/1 var(--sans);letter-spacing:.11em;transition:background .28s,transform .3s,border-color .28s}
.masthead-social:hover{background:#ffffff25;border-color:#fff;transform:translateY(-2px);box-shadow:0 8px 24px #00000033}
.masthead-chat{display:flex;gap:8px;align-items:center;white-space:nowrap;min-height:43px;border-radius:99px;padding:0 14px;background:#edd2be;color:#201712;font:750 10px/1 var(--sans);letter-spacing:.08em;pointer-events:auto;box-shadow:0 5px 27px #a55b3837;transition:background .3s,transform .3s,box-shadow .3s}
.masthead-chat:hover{background:#fff4e7;transform:translateY(-3px);box-shadow:0 9px 30px #b46d5655}
.masthead-chat small{font:800 8px var(--sans);letter-spacing:.03em;background:#1c1714;color:#eee3d6;padding:5px 6px;border-radius:18px}.chat-arrow{font-size:16px}
.chat-presence{width:7px;height:7px;background:#ba7759;border-radius:50%;box-shadow:0 0 0 3px #b46f4933}
.nav-native{z-index:650}.nav-native summary{width:87px;height:83px;gap:7px;border-left:1px solid #ffffff2a;background:#14121033}
.nav-curtain{z-index:630;padding-top:30px;padding-bottom:25px}
.nav-curtain-links{margin:4vh auto;max-height:none}.nav-curtain-links a{font-size:clamp(26px,4.6vw,67px);padding:5px 0}
.nav-curtain-social{display:flex;align-items:center;gap:13px;flex-wrap:wrap;border-top:1px solid #1613103d;padding:17px 0 20px}
.nav-curtain-social a,.nav-curtain-social button{display:inline-flex;justify-content:space-between;align-items:center;min-height:43px;padding:9px 17px;border:1px solid #1817155b;border-radius:60px;background:transparent;color:#1b1714;font:750 11px/1 var(--sans);letter-spacing:.11em;cursor:pointer;transition:background .2s,color .2s}
.nav-curtain-social button{background:#201a16;color:#f4ece4}.nav-curtain-social button span{font-weight:400;opacity:.7;margin-left:13px;font-size:9px}
.nav-curtain-social a:hover,.nav-curtain-social button:hover{background:#b75d40;color:white}
.mobile-chapter-rail{display:none}
.hero-link-strip{position:absolute;z-index:4;left:5.5vw;bottom:84px;display:flex;gap:9px;align-items:center;max-width:calc(100% - 11vw)}
.hero-link-strip>.micro{white-space:nowrap;font-size:9px;margin-right:7px;color:#f7e0d2}
.hero-link-strip a,.hero-link-strip button{display:inline-flex;gap:13px;align-items:center;justify-content:center;min-height:39px;padding:9px 14px;background:#19151288;backdrop-filter:blur(13px);border:1px solid #f3dfc567;border-radius:3px;color:#fff2e9;font:750 10px var(--sans);letter-spacing:.1em;transition:background .25s,transform .3s,border-color .3s}
.hero-link-strip button{background:#ead2c0;color:#251912}.hero-link-strip button small{font-size:8px;color:#9b5435}.hero-link-strip i{font-size:15px;font-style:normal}
.hero-link-strip a:hover,.hero-link-strip button:hover{background:#fff0df;color:#221812;transform:translateY(-3px);border-color:#fbe0c7;box-shadow:0 14px 34px #00000036}
/* Subtle visual layout to maintain hero text visibility, no stacking overlap */
@media(max-width:1370px){.masthead-chapters{gap:14px;margin-left:.5vw}.masthead-actions{gap:6px}.masthead-social{padding:0 10px}.masthead-social span{display:none}.masthead-chat{padding:0 10px}.masthead-chat .chat-arrow{display:none}}
@media(max-width:1030px){.masthead-chapters{display:none}.masthead-actions{margin-left:auto}}
@media(max-width:700px){
 .masthead{height:68px;padding:0 13px;gap:8px}.masthead .wordmark{font-size:38px}.masthead-actions{gap:6px;margin-right:71px}
 .masthead-social{width:36px;min-width:36px;height:38px;min-height:38px;padding:0;border-radius:50%}.masthead-chat{font-size:9px;padding:0 9px;min-height:38px;gap:6px}.masthead-chat small{font-size:7px;padding:4px 5px}
 .chat-presence{width:6px;height:6px}.nav-native summary{width:65px;height:68px;gap:5px;font-size:9px}.menu-lines{width:21px}
 .mobile-chapter-rail{display:flex;position:fixed;z-index:360;top:68px;left:0;right:0;overflow-x:auto;scrollbar-width:none;gap:7px;white-space:nowrap;padding:7px 13px 8px;background:linear-gradient(#0a0909e3,#0a0909a1);border-top:1px solid #ffffff24;overscroll-behavior-inline:contain}.mobile-chapter-rail::-webkit-scrollbar{display:none}
 .mobile-chapter-rail a{flex:0 0 auto;display:inline-flex;gap:6px;align-items:center;min-height:33px;font:600 10px var(--sans);padding:8px 10px;border:1px solid #ffffff38;border-radius:40px;background:#211c1c9c;color:#e7ad93}
 .mobile-chapter-rail a b{font-weight:750;letter-spacing:.06em;color:white}
 .hero-link-strip{left:5.5vw;right:5.5vw;bottom:73px;gap:5px;flex-wrap:wrap;max-width:none}.hero-link-strip>.micro{display:none}.hero-link-strip a,.hero-link-strip button{font-size:9px;padding:8px 10px;min-height:38px;gap:5px;flex:1}.hero-link-strip button small{display:none}.hero-link-strip i{font-size:12px}
 .hero-copy{padding-bottom:100px}.hero-bottom{height:57px}.hero{height:auto;min-height:780px;min-height:100svh}
 .nav-curtain{padding:25px 20px 19px}.nav-curtain-head{padding-right:65px;font-size:9px}.nav-curtain-links{margin:14px 0 auto}.nav-curtain-links a{grid-template-columns:29px 1fr 15px;gap:9px;font-size:clamp(24px,6.6vw,43px);padding:7px 0}.nav-curtain-links a small{font-size:9px}.nav-curtain-links a b{font-size:17px}
 .nav-curtain-social{padding:10px 0;margin-top:17px}.nav-curtain-social a,.nav-curtain-social button{font-size:9px;padding:8px 9px}.nav-curtain-foot{font-size:9px}.nav-tools{gap:5px}
}
@media(max-width:360px){.masthead-social{width:31px;min-width:31px}.masthead-chat{font-size:8px;gap:4px;padding:0 7px}.masthead-chat small{display:none}.hero-link-strip a,.hero-link-strip button{font-size:8px;padding:8px 7px}}
/* Signature insertions: story notes and photo-led Milo spread */
.chapter-shortcuts{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:34px;border:1px solid #1e1a1852;background:#33271e3d}
.chapter-shortcuts a{display:flex;flex-direction:column;position:relative;min-height:138px;padding:20px 24px;background:var(--paper);transition:background .35s,color .35s}
.chapter-shortcuts a:hover{background:#28221f;color:#f4eae1}.chapter-shortcuts a small{font:700 10px var(--sans);letter-spacing:.17em;color:#a65e41}.chapter-shortcuts a strong{font:400 clamp(18px,2vw,32px) var(--serif);margin-top:auto}.chapter-shortcuts a span{position:absolute;right:21px;top:20px;font-size:15px}
.fieldnotes{padding:125px 7vw;background:#e6e0d6;color:#15130f}.fieldnotes-head{display:grid;grid-template-columns:1fr 2fr 1fr;gap:3vw;align-items:end;margin-bottom:65px}.fieldnotes-head .micro{color:#755f51}.fieldnotes-head h2{font:400 clamp(66px,7vw,124px)/.9 var(--serif);letter-spacing:-.06em}.fieldnotes-head em{color:#a7583c}.fieldnotes-head p{max-width:310px;font-size:17px;line-height:1.58;color:#645b53}
.fieldnotes-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:9vw}.fieldnotes-visual{position:relative;height:min(78vh,740px);min-height:460px;overflow:hidden}.fieldnotes-visual img{width:100%;height:100%;object-fit:cover}.fieldnotes-visual::after{content:'';position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#090807a6)}.fieldnotes-visual-copy{position:absolute;z-index:2;left:25px;bottom:26px;right:25px;color:white;display:flex;flex-direction:column;gap:12px}.fieldnotes-visual-copy span{font:700 10px var(--sans);letter-spacing:.2em}.fieldnotes-visual-copy strong{font:400 clamp(29px,4vw,58px) var(--serif)}.fieldnotes-list{display:flex;flex-direction:column;justify-content:center}.fieldnotes .note{border-top:1px solid #322d2939;padding:22px 0}.fieldnotes .note:last-child{border-bottom:1px solid #322d2939}.fieldnotes .note summary{list-style:none;display:grid;grid-template-columns:90px 1fr 25px;gap:12px;cursor:pointer;align-items:center;min-height:45px}.fieldnotes .note summary::-webkit-details-marker{display:none}.fieldnotes .note summary span{font:700 10px var(--sans);letter-spacing:.12em;color:#a65b3f}.fieldnotes .note summary strong{font:400 clamp(25px,2.4vw,44px) var(--serif);letter-spacing:-.025em}.fieldnotes .note summary i{font:400 24px var(--sans);font-style:normal;transition:transform .3s}.fieldnotes .note[open] summary i{transform:rotate(45deg)}.fieldnotes .note>p{max-width:500px;padding:15px 12px 6px 102px;font:400 clamp(15px,1.2vw,18px)/1.7 var(--sans);color:#544d44}.fieldnotes-end{display:flex;justify-content:space-between;padding-top:28px;margin-top:55px;border-top:1px solid #2a211a44;font:700 10px var(--sans);letter-spacing:.15em;color:#685b4c}
.interlude{min-height:860px;height:105svh;position:relative;background:#14100e;overflow:hidden}.interlude-image{position:absolute;inset:0}.interlude-image img{height:100%;width:100%;object-fit:cover;object-position:center 48%;filter:brightness(.66);transition:transform 1.2s var(--ease)}.interlude:hover .interlude-image img{transform:scale(1.035)}.interlude-image::after{position:absolute;inset:0;content:'';background:linear-gradient(90deg,#0d0b0abb,transparent 85%),linear-gradient(0deg,#0d0b0ac2,transparent 60%)}.interlude-copy{position:absolute;left:7vw;right:7vw;top:40%;z-index:2}.interlude-copy>.micro{color:#eee0d4}.interlude-copy p{font:400 clamp(65px,8.7vw,156px)/.97 var(--serif);letter-spacing:-.07em;margin:28px 0 52px;text-shadow:0 2px 42px #0007}.interlude-copy em{color:#f4d1b5}.interlude-copy a{display:inline-flex;border-bottom:1px solid #ffffff9b;padding-bottom:10px;font:700 11px var(--sans);letter-spacing:.2em;gap:25px}.interlude-index{position:absolute;bottom:30px;right:5vw;font:700 10px var(--sans);letter-spacing:.17em}
.world-hint{margin:13px 0 7px}.milo-see-link{display:inline-flex;align-items:center;margin-top:20px;border-bottom:1px solid #f8dfca77;padding:8px 0;color:#ffe3cc;font:750 10px var(--sans);letter-spacing:.12em}
.milo-story{padding:130px 6vw 100px;background:#1a1a15;color:#f2eee8;overflow:hidden}
.milo-stories-head{display:grid;grid-template-columns:1fr 1.2fr .7fr;gap:2vw;align-items:end;margin-bottom:64px}.milo-stories-head>.micro{color:#bdc8ad}.milo-stories-head h2{font:400 clamp(55px,6.7vw,112px)/.95 var(--serif);letter-spacing:-.066em}.milo-stories-head h2 em{color:#a4b391}.milo-intro span{font:750 10px var(--sans);letter-spacing:.15em;color:#bbc9aa}.milo-intro p{font:400 clamp(15px,1.3vw,18px)/1.7 var(--sans);color:#d7dbcd;margin-top:15px}.milo-paw{font-size:21px;color:#b2c59e;margin-right:10px}
.milo-photo-grid{display:grid;grid-template-columns:1.35fr .84fr .84fr;gap:16px;align-items:start}.milo-photo{position:relative;overflow:hidden;background:#232a20}.milo-photo img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease),filter 1s}.milo-photo:hover img{transform:scale(1.055);filter:contrast(1.05)}.milo-photo-main{height:min(79svh,800px)}.milo-photo-action,.milo-photo-world{height:min(58svh,580px);margin-top:8vw}.milo-photo figcaption{position:absolute;z-index:1;bottom:0;left:0;right:0;display:flex;flex-direction:column;gap:18px;padding:50px 24px 23px;background:linear-gradient(transparent,#090d0cb3);font:700 10px var(--sans);letter-spacing:.16em;color:#fff}
.milo-photo-main figcaption b{font:400 clamp(30px,3.3vw,54px)/.99 var(--serif);letter-spacing:-.035em}.milo-bottom{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-top:45px;padding-top:22px;border-top:1px solid #d7e5c555}.milo-bottom .micro{color:#b5c4a7;white-space:nowrap}.milo-bottom p{max-width:480px;line-height:1.55;color:#d5d3cc;font-size:16px}.milo-bottom a{flex-shrink:0;font:750 11px var(--sans);letter-spacing:.12em;border-bottom:1px solid #d5d3cc90;padding:10px 0}
.archive-filter{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin:26px 0 22px}.archive-filter .micro{font-size:11px}.archive-filter-controls{display:flex;flex-wrap:wrap;gap:6px}.archive-filter-controls button{border:1px solid #ffffff69;color:#f6efe8;background:transparent;font:750 10px var(--sans);letter-spacing:.08em;padding:12px 15px;min-height:44px;transition:background .2s,color .2s,border-color .2s}.archive-filter-controls button.active,.archive-filter-controls button:hover{background:#e7d5c7;border-color:#e7d5c7;color:#221b16}.archive-filter-controls button b{margin-left:8px}.archive-filter-count{font:700 10px var(--sans);letter-spacing:.1em;color:#ccb6a8}.archive-card[hidden]{display:none!important}.archive-milo-1,.archive-milo-2,.archive-milo-3{position:relative;min-height:300px}.archive-milo-1 img,.archive-milo-2 img,.archive-milo-3 img{width:100%;height:100%;object-fit:cover}
/* Contact card is honest when inactive. It does not collect data until configured. */
.contact-panel{background:#1a1715cc;border:1px solid #f9dfbb48;padding:30px;margin-top:29px;max-width:770px;position:relative}.contact-panel-header span{font:750 10px var(--sans);letter-spacing:.17em;color:#d4a58a}.contact-panel-header h3{font:400 clamp(30px,4vw,60px)/1.1 var(--serif);margin:14px 0}.contact-panel-header p{font:400 16px/1.6 var(--sans);color:#d9cabc;max-width:580px}.private-contact-form,.contact-form{display:flex;flex-direction:column;gap:15px;margin-top:25px}.private-contact-form label,.contact-form label{display:flex;flex-direction:column;gap:9px;font:700 10px var(--sans);letter-spacing:.13em;color:#ddcbbd}.private-contact-form label span,.contact-form label span{color:#f5b79a}.contact-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}.private-contact-form input,.private-contact-form select,.private-contact-form textarea,.contact-form input,.contact-form select,.contact-form textarea{width:100%;min-height:48px;background:#0c0a09cf;border:1px solid #ffffff4a;border-radius:4px;color:white;font:400 15px var(--sans);letter-spacing:0;padding:14px 13px;outline:0;resize:vertical;transition:border-color .2s,box-shadow .2s,background .2s}.private-contact-form textarea,.contact-form textarea{min-height:160px;line-height:1.55}.private-contact-form input:focus,.private-contact-form select:focus,.private-contact-form textarea:focus,.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:#edbf9d;box-shadow:0 0 0 1px #edbf9d;background:#11100f}.private-contact-form input::placeholder,.private-contact-form textarea::placeholder,.contact-form input::placeholder,.contact-form textarea::placeholder{color:#b8a89c}.private-contact-form option,.contact-form option{background:#1a1612}.contact-honey{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}.contact-send{display:flex;align-items:center;flex-wrap:wrap;gap:16px}.contact-send button{min-height:47px;background:#ecd9c6;color:#291e16;padding:0 21px;font:750 11px var(--sans);letter-spacing:.13em}.contact-send button:disabled{background:#554b45;color:#eadcd08f;cursor:not-allowed}.contact-small{font:700 9px var(--sans);letter-spacing:.1em;color:#a6ba9f}.contact-status{font:400 14px/1.5 var(--sans);color:#dbcbbd}.contact-privacy{display:flex;gap:21px;max-width:700px;padding:18px 0 0;margin-top:20px;border-top:1px solid #ffffff2c}.contact-privacy>span{white-space:nowrap;font:750 10px var(--sans);letter-spacing:.13em;color:#d8a689}.contact-privacy p{font:400 13px/1.6 var(--sans);color:#b5a69b}.contact-privacy a{color:#f5d0b5;text-decoration:underline;text-underline-offset:4px}.turnstile-container{min-height:15px}
.contact-experience{background:linear-gradient(180deg,#130f0dca,#130f0de6);border:1px solid #f9dfbb30;padding:28px 28px 26px;margin-top:28px;max-width:920px;backdrop-filter:blur(7px)}
.contact-heading{max-width:760px;margin-bottom:22px}
.contact-heading .micro{display:inline-block;color:#d4a58a;margin-bottom:14px}
.contact-heading h3{font:400 clamp(34px,4.5vw,70px)/1.05 var(--serif);margin:0 0 14px}
.contact-heading p{font:400 16px/1.65 var(--sans);color:#d9cabc;max-width:640px}
.contact-form .contact-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.contact-form > label{max-width:100%}
.contact-form select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#e2c2a8 50%),linear-gradient(135deg,#e2c2a8 50%,transparent 50%);background-position:calc(100% - 18px) calc(1.35em),calc(100% - 12px) calc(1.35em);background-size:6px 6px,6px 6px;background-repeat:no-repeat;padding-right:34px}
.last-links{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 8px}
.last-links .social-action,.last-links .site-share{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 14px;border:1px solid #f3dfc567;background:#181310ad;color:#fff2e9;font:750 10px var(--sans);letter-spacing:.1em;border-radius:999px;transition:background .25s,transform .25s,border-color .25s}
.last-links .social-action:hover,.last-links .site-share:hover{background:#fff0df;color:#221812;transform:translateY(-2px);border-color:#fbe0c7}
.contact-send button{border-radius:999px;box-shadow:0 10px 30px #00000022}
.nav-tools{display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px;margin-bottom:12px}.nav-tools button,.nav-tools a{font:750 10px var(--sans);letter-spacing:.12em;border:1px solid #201b16aa;padding:11px 13px;color:#201b16;background:transparent;min-height:40px}.nav-tools button:hover,.nav-tools a:hover{background:#201b16;color:#eee8df}
.last-chat-reveal{display:flex;align-items:center;gap:25px;justify-content:space-between;border-bottom:1px solid #e1c2ab91;background:#25170f8c;color:#f9ddc1;padding:20px 23px;margin:20px 0;font:750 10px var(--sans);letter-spacing:.12em;width:min(700px,100%);min-height:62px}.last-chat-reveal span{opacity:.65;font-size:9px}.last-chat-reveal:hover{background:#f4dac5;color:#2c1e17}
/* Private-room preview is intentionally non-transactional */
.chat-dialog{position:fixed;inset:0;margin:auto;max-width:1000px;width:min(94vw,1000px);max-height:min(94svh,870px);height:auto;padding:0;border:1px solid #c2a088;background:#1a1715;color:#f1e8df;overflow:auto;overscroll-behavior:contain;box-shadow:0 30px 100px #000c}.chat-dialog::backdrop{background:#080706d9;backdrop-filter:blur(8px)}.chat-dialog-wrap{padding:30px clamp(25px,5vw,70px) 35px}.chat-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #ffffff66;padding-bottom:22px;font:700 10px var(--sans);letter-spacing:.17em}.chat-dialog-head button{border:1px solid #ffffff6d;background:transparent;color:#f5dfd1;padding:13px 16px;font:750 10px var(--sans);letter-spacing:.12em}.chat-dialog-top{padding:54px 0 34px}.chat-dialog-eyebrow{font:750 10px var(--sans);letter-spacing:.14em;color:#caa286}.chat-dialog-eyebrow i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#ca8d65;margin-right:6px;box-shadow:0 0 0 5px #ca8d6532}.chat-dialog h2{font:400 clamp(56px,8vw,118px)/.85 var(--serif);letter-spacing:-.066em;margin:24px 0 30px}.chat-dialog h2 em{color:#d1a48a}.chat-dialog-top p{max-width:610px;font:400 18px/1.65 var(--sans);color:#ded1c6}.chat-preview-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.chat-preview-cards article{padding:25px 20px;background:#2b231e;border:1px solid #b68f7356}.chat-preview-cards span{font:750 10px var(--sans);letter-spacing:.12em;color:#deb497}.chat-preview-cards strong{display:block;margin:25px 0 13px;font:400 clamp(20px,3vw,35px)/1.1 var(--serif)}.chat-preview-cards p{font:400 14px/1.6 var(--sans);color:#cabfb3}.chat-dialog-bottom{display:flex;gap:30px;justify-content:space-between;align-items:end;padding-top:30px}.chat-dialog-bottom strong{font:750 10px var(--sans);letter-spacing:.14em;color:#d7b69b}.chat-dialog-bottom p{max-width:360px;font:400 13px/1.7 var(--sans);color:#c9bdb2;margin-top:7px}.chat-dialog-bottom a{flex-shrink:0;background:#ecdbc9;color:#291b14;padding:17px 20px;font:750 11px var(--sans);letter-spacing:.1em;min-height:48px;transition:background .25s}.chat-dialog-bottom a:hover{background:white}
.privacy-page{background:#100f0d;color:#eee5dd}.privacy-page .privacy-wrap{width:min(950px,90%);margin:0 auto;padding:125px 0 110px}.privacy-page .privacy-wrap h1{font:400 clamp(55px,8vw,110px)/.94 var(--serif);letter-spacing:-.055em}.privacy-page .privacy-wrap h1 em{color:#d09f83}.privacy-page .privacy-wrap>p{line-height:1.7;max-width:790px;color:#d0c3b7;font-size:17px;margin-top:25px}.privacy-page .privacy-wrap h2{font:400 34px var(--serif);margin:45px 0 15px}.privacy-page .privacy-wrap ul{color:#d0c3b7;line-height:1.75;padding-left:22px}.privacy-page .privacy-wrap a{color:#ffd5bc;text-decoration:underline;text-underline-offset:4px}
@media(max-width:920px){.fieldnotes-head{grid-template-columns:1fr 2fr}.fieldnotes-head p{grid-column:2}.milo-stories-head{grid-template-columns:1fr 1fr}.milo-intro{grid-column:2}.milo-photo-grid{grid-template-columns:1fr 1fr}.milo-photo-main{grid-row:span 2;min-height:650px}.milo-photo-action,.milo-photo-world{height:calc(325px - 8px);margin-top:0}}
@media(max-width:700px){.chapter-shortcuts{gap:0}.chapter-shortcuts a{padding:15px 9px;min-height:110px}.chapter-shortcuts a small{font-size:8px}.chapter-shortcuts a strong{font-size:clamp(16px,4.3vw,25px)}.chapter-shortcuts a span{right:8px;top:8px;font-size:11px}.fieldnotes{padding:90px 6vw}.fieldnotes-head{display:block}.fieldnotes-head h2{font-size:clamp(57px,14vw,100px);margin:15px 0 25px}.fieldnotes-head p{max-width:100%}.fieldnotes-layout{display:block}.fieldnotes-visual{height:55svh;min-height:390px}.fieldnotes-list{margin-top:28px}.fieldnotes .note summary{grid-template-columns:58px 1fr 19px;gap:7px}.fieldnotes .note summary span{font-size:9px}.fieldnotes .note summary strong{font-size:clamp(24px,7vw,36px)}.fieldnotes .note>p{padding-left:65px;font-size:15px}.fieldnotes-end{font-size:9px;gap:25px;line-height:1.4}.interlude{height:87svh;min-height:620px}.interlude-copy{top:36%}.interlude-copy p{font-size:clamp(53px,13vw,91px);line-height:1.05}.milo-story{padding:90px 5vw 80px}.milo-stories-head{display:block;margin-bottom:37px}.milo-stories-head h2{font-size:clamp(52px,11.7vw,80px);margin:20px 0}.milo-photo-grid{grid-template-columns:1fr 1fr;gap:9px}.milo-photo-main{height:65svh;min-height:450px;grid-column:span 2;grid-row:auto}.milo-photo-action,.milo-photo-world{height:36svh;min-height:210px}.milo-photo-main figcaption b{font-size:39px}.milo-photo figcaption{font-size:9px;padding:45px 12px 14px}.milo-bottom{flex-wrap:wrap;align-items:start;gap:15px}.milo-bottom p{font-size:15px}.archive-filter{gap:12px}.archive-filter-controls button{font-size:9px;padding:10px 11px}.contact-panel{padding:20px 14px}.contact-experience{padding:20px 14px}.contact-row,.contact-form .contact-row{grid-template-columns:1fr}.contact-privacy{display:block}.contact-privacy p{margin-top:10px}.chat-dialog-wrap{padding:19px 20px 26px}.chat-dialog-head{font-size:9px;letter-spacing:.08em}.chat-dialog-top{padding-top:30px}.chat-dialog h2{font-size:clamp(52px,12vw,88px);margin:15px 0}.chat-dialog-top p{font-size:16px}.chat-preview-cards{grid-template-columns:1fr;gap:8px}.chat-preview-cards article{padding:16px}.chat-preview-cards strong{font-size:30px;margin:9px 0}.chat-dialog-bottom{display:block}.chat-dialog-bottom a{display:inline-flex;align-items:center;justify-content:center;margin-top:18px;width:100%;font-size:10px}.privacy-page .privacy-wrap{padding-top:115px}}
@media(prefers-reduced-motion:reduce){.masthead-social,.masthead-chat,.hero-link-strip a,.hero-link-strip button,.milo-photo img,.interlude-image img{transition:none!important}.interlude:hover .interlude-image img,.milo-photo:hover img{transform:none!important}}
.motion-paused *, .motion-paused *::before,.motion-paused *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}
/* Layer and breakpoint fixes validated during source review */
.nav-native summary{z-index:690}
@media (min-width:701px) and (max-width:1050px){.masthead-line{display:none}}
/* Gallery filters must never retain visual gaps from a previous selection. */
.archive-mosaic:has(.archive-card[hidden]){grid-auto-flow:row dense}
/* Native dialogs should always be above page overlays and respect devices with cutouts. */
.chat-dialog{padding-bottom:env(safe-area-inset-bottom,0px)}
@media(max-width:700px){.mobile-chapter-rail{padding-left:max(13px,env(safe-area-inset-left,13px));padding-right:max(13px,env(safe-area-inset-right,13px))}}
