:root{--bg:#191713;--ink:#efe9dc;--muted:#c0b7a7;--gold:#c6a173;--paper:#e4ddcf;--p:0}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,"Apple SD Gothic Neo","Malgun Gothic",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--gold);outline-offset:7px}img{width:100%;height:auto;display:block;object-fit:cover;filter:brightness(1.26) contrast(.96) saturate(.94)}figure{margin:0}figcaption{font-size:11px;line-height:1.7;color:var(--muted);margin-top:15px}h1,h2,p{margin-top:0}h1,h2{font-weight:500;letter-spacing:-.055em;word-break:keep-all}h2{font-size:clamp(30px,4.4vw,72px);line-height:1.32;margin-bottom:0}p{line-height:1.95;word-break:keep-all}em{font-style:normal;color:var(--gold)}.wrap{padding:85px 6%}.eyebrow{font-size:10px;letter-spacing:1.7px;color:var(--gold);margin-bottom:25px;line-height:1.6}.skip{position:fixed;top:-100px;background:var(--paper);color:var(--bg);z-index:30;padding:15px}.skip:focus{top:0}.brand{font-size:23px;font-weight:800;letter-spacing:-1.4px;line-height:1.1}.brand span{display:block;font-size:8px;font-weight:400;letter-spacing:2px;margin-top:8px}header{position:absolute;top:0;left:0;width:100%;z-index:3;display:flex;align-items:center;justify-content:space-between;padding:25px 6%;border-bottom:1px solid #fff3}header>div{display:flex;gap:28px;align-items:center;font-size:12px}.preview{display:none;font-size:9px;letter-spacing:1px}.hero{height:175svh}.pin{position:sticky;top:0;height:100svh;overflow:hidden}.pin>img,.night>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-photo{object-position:51% center;transform:scale(calc(1.02 + var(--p)*.07));filter:brightness(1.35) contrast(.96) saturate(.94)}.shade{position:absolute;inset:0;background:linear-gradient(0deg,#100d09bc,transparent 75%),linear-gradient(90deg,#100d0940,transparent 80%);pointer-events:none}.hero-title{position:absolute;bottom:20%;left:6%;right:6%;opacity:clamp(0,calc(1 - var(--p)*2.7),1);transform:translateY(calc(var(--p)*-45px))}.hero h1{font-size:clamp(74px,20vw,245px);line-height:.85;letter-spacing:-.065em;margin-bottom:24px}.hero h1>span{display:block;font-size:.28em;letter-spacing:.12em;margin-bottom:18px;font-weight:400}.subtitle{font-size:14px}.line-link{display:inline-block;font-size:12px;padding:14px 0;border-bottom:1px solid #b8ab8a80}.hero-statement{position:absolute;top:45%;left:6%;right:6%;opacity:clamp(0,calc((var(--p) - .37)*2.5),1);transform:translateY(calc((1 - var(--p))*30px))}.hero-statement h2{font-size:clamp(49px,9vw,144px)}.photo-note{position:absolute;right:6%;bottom:55px;font-size:10px;color:#ddd2be}.hero-title,.hero-statement,.over-copy,.counter-copy,.night-copy{text-shadow:0 2px 24px #0009}.split{display:grid;gap:32px}.copy{font-size:16px;color:#d4cbbc}.copy p{margin-bottom:25px}.copy p:last-child{margin-bottom:0}.meta{display:flex;gap:15px;flex-wrap:wrap;border-top:1px solid #fff3;padding-top:22px;margin-top:55px;font-size:10px;color:var(--muted)}.intro{padding-top:95px;padding-bottom:40px}.section-head{margin-bottom:40px}.offset-pair{position:relative;padding-bottom:80px}.wide-figure{width:93%}.wide-figure img{aspect-ratio:4/5;object-position:55% center;filter:brightness(1.5) contrast(.94) saturate(.9)}.narrow-figure{width:38%;position:absolute;bottom:0;right:0;border:7px solid var(--bg)}.narrow-figure img{aspect-ratio:2/3}.narrow-figure figcaption{display:none}.after-copy{font-size:16px;margin-top:40px}.after-copy p{margin-bottom:20px}.low{height:160svh}.low-photo{transform:scale(calc(1.02 + var(--p)*.05));object-position:40% center;filter:brightness(1.38) contrast(.95) saturate(.94)}.over-copy{position:absolute;bottom:13%;left:6%;right:6%;transform:translateY(calc(var(--p)*-25px))}.over-copy h2{font-size:clamp(31px,5.8vw,88px)}.over-copy>p:last-child,.counter-copy>p:last-child{margin-top:25px;margin-bottom:0;font-size:15px;line-height:1.9}.counter-intro{padding-bottom:65px;background:#211c16}.lead{font-size:16px;color:#d1c6b4;margin:30px 0 0}.counter{height:195svh;background:#211c16}.counter-wide{object-position:47% center;filter:brightness(1.3) contrast(.95) saturate(.9);transform:scale(calc(1.03 + var(--p)*.04))}.counter-close{object-position:49% center;filter:brightness(1.35) contrast(.95) saturate(.94);opacity:clamp(0,calc((var(--p) - .25)*2),1);transform:scale(calc(1.07 - var(--p)*.05))}.counter .shade{background:linear-gradient(0deg,#0e0a06e0,transparent 72%)}.counter-copy{position:absolute;bottom:14%;left:6%;right:6%;transform:translateY(calc(var(--p)*-25px))}.counter-copy h2{font-size:clamp(29px,4.6vw,72px)}.scene-tag{position:absolute;right:6%;bottom:55px;font-size:9px;letter-spacing:.5px;color:#dbc4a2}.trace{background:var(--paper);color:#29231d}.trace .eyebrow{color:#806345}.trace .copy{color:#625548}.trace-grid{display:grid;gap:35px;margin-top:50px}.trace-grid img{aspect-ratio:4/3;filter:brightness(1.32) contrast(.95) saturate(.9)}.trace-grid figure:nth-child(2){width:83%;margin-left:auto}.trace-grid figure:nth-child(2) img{aspect-ratio:4/5;object-position:57% center}.trace figcaption{color:#706353}.quiet-line{font-size:25px;letter-spacing:-.04em;margin:60px 0 0}.rule{padding-top:90px}.material-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:50px}.material-grid img{aspect-ratio:4/5;filter:brightness(1.35) contrast(.96) saturate(.94)}.material-grid figure:nth-child(2){margin-top:50px}.material-grid figure:nth-child(3){grid-column:1/-1;width:72%;margin:12px auto 0}.material-grid figure:nth-child(3) img{aspect-ratio:4/3}.quiet-detail{display:grid;gap:35px;margin-top:85px}.quiet-detail img{aspect-ratio:3/2;filter:brightness(1.35) contrast(.96)}.quiet-detail p{font-size:25px;margin:0 0 0 12%;letter-spacing:-.04em}.night{position:relative;min-height:105svh;display:flex;align-items:center;padding:100px 6%}.night-photo{object-position:45% center;filter:brightness(1.18) contrast(.98) saturate(.94)}.night .shade{background:linear-gradient(0deg,#100d0990,#100d0950)}.night-copy{position:relative;width:100%}.night h2{font-size:clamp(33px,5.8vw,92px)}.night-copy>p:not(.eyebrow){font-size:16px;margin-top:25px}.roman-sign{display:block;font-size:clamp(72px,18vw,210px);line-height:.9;letter-spacing:-.06em;margin-top:70px}.roman-sign span{display:block;font-size:10px;letter-spacing:3px;margin:20px 0 0 5px}.threshold{padding-bottom:30px}.door-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.door-grid img{aspect-ratio:4/5}.door-grid figure:nth-child(2){margin-top:70px}.philosophy{padding-top:75px}.philosophy h2{font-size:clamp(28px,3.8vw,57px)}.compare{display:grid;grid-template-columns:1fr 1fr;margin-top:50px;border-top:1px solid #fff3}.compare>a,.compare>div{padding:28px 12px 0 0}.compare>div{padding-left:20px;border-left:1px solid #fff3}.compare span{font-size:9px;letter-spacing:1px}.compare strong{display:block;font-size:54px;font-weight:400;letter-spacing:-.06em;margin:25px 0 20px;color:var(--gold)}.compare p{font-size:12px;color:var(--muted);min-height:48px}.compare b{font-size:10px;font-weight:400}.compare a:hover b{text-decoration:underline}.chapters{padding-top:20px}.chapters>a{min-height:60px;display:flex;gap:20px;align-items:center;border-bottom:1px solid #fff2;font-size:11px;letter-spacing:1px}.chapters>a span{color:var(--gold);font-size:9px}.chapters>a b{margin-left:auto;font-weight:400}footer{display:flex;gap:28px;flex-wrap:wrap;border-top:1px solid #fff2;padding-bottom:85px!important}footer .brand{width:100%}footer p{font-size:12px;color:var(--muted)}footer .line-link{margin-left:auto;align-self:flex-start}footer small{width:100%;font-size:10px;line-height:1.8;color:#afa493}.hud{position:fixed;bottom:0;left:0;right:0;padding:14px 6%;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px;z-index:10;background:#191713ed;pointer-events:none}.hud span:last-of-type{font-size:7px}.hud i{position:absolute;bottom:0;left:0;height:2px;width:100%;transform-origin:left;background:var(--gold);transform:scaleX(0)}
@media(min-width:800px){.wrap{padding:120px 7%}.preview{display:inline}.hero{height:205svh}.hero-title{bottom:17%;left:7%}.hero-statement{left:7%;top:42%}.hero-photo{object-position:center}.subtitle{font-size:18px}.split{grid-template-columns:1.25fr 1fr;gap:9%}.copy{font-size:17px}.meta{justify-content:space-between;margin-top:85px}.intro{padding-bottom:35px}.section-head{margin-bottom:60px}.wide-figure{width:79%}.wide-figure img{aspect-ratio:3/2}.narrow-figure{width:25%;border-width:12px}.narrow-figure figcaption{display:block}.offset-pair{padding-bottom:110px}.after-copy{display:flex;justify-content:space-between;padding:0 8%;margin-top:60px;font-size:17px}.low{height:180svh}.over-copy{left:7%;bottom:15%}.over-copy>p:last-child,.counter-copy>p:last-child{font-size:18px}.counter-intro{padding-bottom:80px}.counter{height:210svh}.counter-copy{left:7%;bottom:15%}.lead{font-size:18px}.trace-grid{grid-template-columns:1.25fr 1fr;gap:5%;margin-top:85px;align-items:start}.trace-grid figure:nth-child(2){width:100%;margin-top:130px}.quiet-line{font-size:38px;margin-top:75px}.material-grid{grid-template-columns:1fr 1.2fr 1fr;gap:4%;margin-top:85px}.material-grid figure:nth-child(2){margin-top:95px}.material-grid figure:nth-child(3){grid-column:auto;width:100%;margin:190px 0 0}.material-grid figure:nth-child(3) img{aspect-ratio:4/5}.quiet-detail{grid-template-columns:1.3fr 1fr;align-items:center;gap:8%;margin-top:140px}.quiet-detail p{font-size:34px;margin:0}.night{padding:130px 7%;min-height:115svh}.night-copy>p:not(.eyebrow){font-size:19px}.door-grid{gap:7%;max-width:1000px;margin:auto}.door-grid figure:nth-child(2){margin-top:130px}.threshold{padding-bottom:20px}.philosophy{padding-top:120px}.compare{margin-top:75px}.compare>a,.compare>div{padding-top:40px}.compare>div{padding-left:14%}.compare strong{font-size:88px}.compare p{font-size:16px}.compare b{font-size:12px}.chapters{display:grid;grid-template-columns:1fr 1fr;column-gap:8%;padding-top:0}.chapters>.eyebrow{grid-column:1/-1}footer .brand{width:auto;margin-right:30px}.hud{font-size:9px}.hud span:last-of-type{font-size:8px}}
@media(max-height:540px) and (orientation:landscape){.pin{height:130svh}.hero-title{bottom:13%}.hero h1{font-size:70px}.hero-title .eyebrow{margin-bottom:14px}.hero-statement{top:40%}.hero-statement h2{font-size:45px}.over-copy h2,.counter-copy h2{font-size:29px}.over-copy>p:last-child,.counter-copy>p:last-child{font-size:13px;margin-top:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.motion{height:auto}.pin{position:relative;height:105svh;min-height:680px}.pin>img{transform:none}.hero-title{opacity:1;transform:none;top:145px;bottom:auto}.hero h1{font-size:clamp(70px,13vw,150px)}.hero-statement{opacity:1;transform:none;top:auto;bottom:13%}.hero-statement .eyebrow{display:none}.hero-statement h2{font-size:clamp(37px,5vw,65px)}.hero .line-link{display:none}.over-copy,.counter-copy{transform:none}.counter-wide{opacity:0}.counter-close{opacity:1}.hero .pin{height:110svh;min-height:760px}}

.counter-details{background:#211c16}.detail-pair{display:grid;gap:40px}.detail-pair img{aspect-ratio:3/2;filter:brightness(1.28) contrast(.96) saturate(.94)}.detail-pair figure:nth-child(2){width:85%;margin-left:auto}@media(min-width:800px){.detail-pair{grid-template-columns:1fr 1fr;gap:7%}.detail-pair figure:nth-child(2){width:100%;margin-top:100px}}


/* One continuous release from detail to the room. */
.density{height:210svh;background:#191713;--focus:1}.density .pin{height:100svh;min-height:0;position:sticky;top:0;overflow:hidden}.density .density-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;transform:scale(calc(1 + var(--focus)*1.75));transform-origin:52% 55%;filter:brightness(1.16) contrast(.98) saturate(.96)}.density-shade{position:absolute;inset:0;background:linear-gradient(0deg,#100d09b0,transparent 43%);opacity:calc(1 - var(--focus))}.density-statement{position:absolute;bottom:10%;left:7%;right:7%;opacity:clamp(0,calc((var(--p) - .62)*3.8),1)}.density-statement h2{font-size:clamp(39px,6.3vw,98px);line-height:1.2}.density-statement .eyebrow{margin-bottom:20px}.hero-photo,.counter-wide,.counter-close{transform:none}.counter-copy{transform:none}@media(max-width:799px){.density{height:190svh}.density-statement{bottom:12%;left:6%;right:6%}.density-statement h2{font-size:38px}.density-statement .eyebrow{margin-bottom:14px}}@media(prefers-reduced-motion:reduce){.density{height:auto}.density .pin{position:relative;height:100svh;min-height:640px}.density .density-photo{transform:none}.density-shade{opacity:1}.density-statement{opacity:1}}

/* Quiet, once-only entrances for the closing scenes. */
.night{overflow:hidden}.night.closing-ready .night-photo{transform:scale(1.055);transition:transform 4.5s cubic-bezier(.2,.65,.3,1)}.night.closing-seen .night-photo{transform:scale(1)}.night.closing-ready .night-copy>*{opacity:0;transform:translateY(26px);transition:opacity 1.3s ease,transform 1.6s cubic-bezier(.2,.7,.25,1)}.night.closing-seen .night-copy>*{opacity:1;transform:translateY(0)}.night .night-copy>h2{transition-delay:.12s}.night .night-copy>p:not(.eyebrow){transition-delay:.24s}.night .night-copy>.roman-sign{transition-delay:.36s}.door-grid figure.closing-ready{opacity:0;transform:translateY(38px);transition:opacity 1.4s ease,transform 1.8s cubic-bezier(.2,.7,.25,1)}.door-grid figure.closing-seen{opacity:1;transform:translateY(0)}.door-grid figure:nth-child(2){transition-delay:.18s}@media(max-width:799px){.door-grid figure.closing-ready{transform:translateY(24px)}.door-grid figure.closing-seen{transform:translateY(0)}.night.closing-ready .night-copy>*{transform:translateY(18px)}.night.closing-seen .night-copy>*{transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.night .night-photo,.night .night-copy>*,.door-grid figure{transition:none!important;transform:none!important;opacity:1!important}}