:root{--paper:#eae6de;--ink:#292a25;--dark:#24211c;--muted:#676257;--accent:#b49b70}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,'Apple SD Gothic Neo','Malgun Gothic',sans-serif;word-break:keep-all;overflow-wrap:break-word;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--accent);outline-offset:7px}img{width:100%;height:auto;display:block}figure,p,h1,h2{margin:0}h1,h2{font-weight:400;letter-spacing:-.065em;line-height:1.25}em{font-style:normal;color:#c5b494}h2{font-size:clamp(34px,4.6vw,76px)}.eyebrow{font-size:11px;letter-spacing:.18em;line-height:1.8;margin-bottom:28px}.copy{font-size:17px;line-height:1.95;color:var(--muted)}.copy p+p{margin-top:24px}.wrap{max-width:1640px;margin:auto;padding:110px 7%}.split{display:grid;grid-template-columns:1.1fr 1fr;gap:10%}.skip{position:fixed;top:-100px;background:#fff;padding:15px;z-index:50}.skip:focus{top:0}header{position:absolute;z-index:5;top:0;left:0;width:100%;padding:25px 6%;display:flex;align-items:center;justify-content:space-between;color:#fff;border-bottom:1px solid #fff3;font-size:13px}.brand{font-size:24px;font-weight:700;letter-spacing:-.05em}.brand small{display:block;font-size:9px;letter-spacing:.2em;margin-top:5px;font-weight:400}.hero{height:160svh;color:#fff;background:var(--dark)}.pin{height:100svh;position:sticky;top:0;overflow:hidden}.hero picture,.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 47%}.shade{position:absolute;inset:0;background:linear-gradient(0deg,#100e0bd9 0%,#100e0b22 68%,#100e0b55);pointer-events:none}.hero-copy{position:absolute;left:7%;bottom:18%;right:7%;z-index:2}.hero h1{font-size:clamp(48px,7.2vw,118px);line-height:1.18}.hero .eyebrow{margin-bottom:20px}.project-name{font-size:20px;letter-spacing:.07em;margin-top:26px}.explore{display:inline-block;border-bottom:1px solid #fff7;font-size:13px;margin-top:25px;padding-bottom:9px}.hero-meta{position:absolute;right:6%;bottom:70px;font-size:11px;letter-spacing:.05em}.entry-spread{display:grid;grid-template-columns:1.4fr .65fr;gap:8%;align-items:start;margin-top:90px}.entry-spread figure:first-child{padding-top:0}.entry-small{margin-top:145px}figcaption{font-size:12px;line-height:1.7;color:var(--muted);margin-top:17px}.flow{padding-top:30px}.flow-head{display:grid;grid-template-columns:1fr 1fr;gap:20px 10%;align-items:end}.flow-head .eyebrow{grid-column:1/-1;margin:0}.flow-wide{margin-top:55px}.flow-wide img{aspect-ratio:16/10;object-fit:cover}.rhythm{height:220svh;background:var(--dark);color:#fff}.rhythm-images,.rhythm-images picture{position:absolute;inset:0}.rhythm-images img{position:absolute;width:100%;height:100%;object-fit:cover}.near{object-position:50% 54%}.far{object-position:50% 45%}.scene-copy{position:absolute;left:7%;right:7%;bottom:12%;z-index:2}.scene-copy h2{font-size:clamp(34px,5.5vw,84px)}.line{display:block}.scene-note{margin-top:23px;font-size:16px;line-height:1.85;color:#ece5d9}.texture-spread{display:grid;grid-template-columns:1.45fr .65fr;gap:9%;align-items:start;margin-top:85px}.texture-spread .small{margin-top:180px}.window-view{width:86%;margin:100px 0 0 auto}.seats{background:#dedbd3;max-width:none}.seats-heading{max-width:1000px;margin:auto}.seats-heading .copy{margin-top:30px}.seat-pair{max-width:1060px;margin:65px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:start}.seat-pair figure:nth-child(2){margin-top:120px}.seat-pair img{aspect-ratio:2/3;object-fit:cover}.closing-photo{max-width:1300px;margin:100px auto 0}.ending{padding-top:140px;padding-bottom:150px}.ending em{color:#8b7859}.ending .copy{margin-top:35px}.return{display:inline-block;border-bottom:1px solid;margin-top:45px;padding-bottom:12px;font-size:14px}footer{padding:45px 7% 85px;background:var(--dark);color:#c5bdaf;display:flex;justify-content:space-between;font-size:13px;line-height:1.8}.hud{position:fixed;z-index:10;bottom:0;left:0;width:100%;display:flex;justify-content:space-between;background:#24211ce8;color:#ded4c2;padding:13px 6%;font-size:9px;letter-spacing:.13em;pointer-events:none}.hud i{position:absolute;top:0;left:0;width:100%;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left}.motion .hero-photo{transform:scale(calc(1.12 - var(--travel,0)*.12))}.motion .hero-copy{opacity:calc(1 - var(--leave,0)*.86);transform:translateY(calc(var(--leave,0)*-22px))}.motion .far{opacity:var(--cross,0);transform:scale(calc(1.07 - var(--travel,0)*.07))}.motion .near{opacity:calc(1 - var(--cross,0));transform:scale(calc(1 + var(--travel,0)*.06))}.motion .first{opacity:var(--first,0);transform:translateY(calc((1 - var(--first,0))*28px))}.motion .second{opacity:var(--second,0);transform:translateY(calc((1 - var(--second,0))*28px))}.motion .scene-note{opacity:var(--note,0)}.motion .reveal{opacity:var(--read,1);transform:translateY(calc((1 - var(--read,1))*24px))}
@media(max-width:700px){header{padding:20px 6%}.brand{font-size:21px}header>a:last-child{font-size:11px}.wrap{padding:75px 6%}.hero{height:155svh}.hero-copy{left:6%;right:6%;bottom:18%}.hero h1{font-size:clamp(38px,9.4vw,62px);line-height:1.28}.hero .eyebrow{font-size:9px}.hero-meta{bottom:60px}.project-name{font-size:17px;margin-top:22px}.hero-photo{object-position:48% center}.split,.flow-head{grid-template-columns:1fr;gap:30px}.copy{font-size:15px;line-height:1.95}.eyebrow{font-size:10px;margin-bottom:22px}h2{font-size:clamp(32px,8.5vw,46px)}.entry-spread{grid-template-columns:1fr;gap:35px;margin-top:50px}.entry-small{width:60%;margin:0 0 0 auto}.flow{padding-top:20px}.flow-head .eyebrow{margin:0}.flow-wide{margin-top:35px}.flow-wide img{aspect-ratio:4/5;object-position:50% center}.rhythm{height:205svh}.rhythm .far{object-position:48% center}.rhythm .near{object-position:50% center}.scene-copy{left:6%;right:6%;bottom:12%}.scene-copy h2{font-size:clamp(28px,7.6vw,42px);line-height:1.35}.scene-note{font-size:14px}.scene-note br{display:none}.texture-spread{grid-template-columns:1fr;gap:45px;margin-top:45px}.texture-spread .small{width:62%;margin:0 0 0 auto}.window-view{width:100%;margin-top:55px}.window-view img{aspect-ratio:4/5;object-fit:cover;object-position:43% center}.seat-pair{gap:25px;margin-top:45px}.seat-pair figure:nth-child(2){margin-top:65px}.seat-pair figcaption{font-size:11px}.closing-photo{margin-top:55px}.ending{padding-top:100px;padding-bottom:100px}.ending .copy br{display:none}.hud{font-size:8px}.hud>span:last-of-type{display:none}footer{gap:30px;font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero,.rhythm{height:auto}.pin{position:relative;min-height:700px;height:100svh}.far{opacity:1}.near{display:none}.hero-copy,.line,.scene-note,.reveal{opacity:1!important;transform:none!important}}
/* Editorial revision: the street, the hand, and the room each have their own scale. */
.hero .shade{background:linear-gradient(0deg,#100e0ba8,#100e0b00 74%,#100e0b44)}
.hero h1{font-weight:500;letter-spacing:-.07em}.hero-photo{filter:none}
.arrival{height:210svh;background:#24211c;color:#fff}.arrival-frame{position:absolute;inset:0;overflow:hidden}.arrival-frame picture,.arrival-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.arrival-photo{object-position:50% 53%}.arrival-shade{position:absolute;inset:0;background:linear-gradient(0deg,#100e0bad,transparent 70%)}
.arrival-title{position:absolute;left:7%;right:7%;bottom:12%}.arrival-title h2{font-size:clamp(40px,6vw,92px)}
.motion .arrival-frame{clip-path:inset(calc((1 - var(--open,0))*12%) calc((1 - var(--open,0))*16%));}.motion .arrival-photo{transform:scale(calc(1.12 - var(--open,0)*.12))}.motion .arrival-title .eyebrow{opacity:var(--first,0)}
.threshold{padding-top:125px;padding-bottom:130px}.threshold-heading{display:grid;grid-template-columns:1fr 1fr;gap:24px 10%;align-items:end}.threshold-heading .eyebrow{grid-column:1/-1;margin:0}.threshold-grid{display:grid;grid-template-columns:1.5fr .7fr;gap:60px 8%;align-items:start;margin-top:70px}.exterior-wide{grid-column:1;grid-row:1}.door-detail{grid-column:2;grid-row:1/3;margin-top:200px}.sign-detail{width:58%;margin-left:auto;grid-column:1;grid-row:2}.door-detail img{aspect-ratio:2/3;object-fit:cover}.threshold figure{overflow:hidden}
.detail-diptych{display:grid;grid-template-columns:.8fr 1.1fr;gap:13%;align-items:start;margin:110px auto 0;width:87%}.detail-diptych figure:last-child{margin-top:170px}.detail-diptych img{aspect-ratio:3/4;object-fit:cover}
.tableau{height:185svh;background:#24211c;color:#fff}.tableau-photo{width:100%;height:100%;object-fit:cover;object-position:50% 50%}.tableau-copy{position:absolute;left:7%;right:7%;bottom:13%}.tableau-copy h2{font-size:clamp(38px,6vw,90px)}.motion .tableau-photo{transform:scale(calc(1.22 - var(--open,0)*.22));}.motion .tableau-copy .eyebrow{opacity:var(--first,0)}
.motion figure.reveal{opacity:1;transform:translateY(calc((1 - var(--read,1))*44px));clip-path:inset(calc((1 - var(--read,1))*8%) 0 0)}
.motion .hero-photo{transform:scale(calc(1.2 - var(--travel,0)*.2))}.motion .line{will-change:transform,opacity}.rhythm .shade{background:linear-gradient(0deg,#100e0bc7,transparent 80%)}
@media(max-width:700px){.arrival{height:200svh}.arrival-title{left:6%;right:6%;bottom:12%}.arrival-title h2{font-size:clamp(33px,9vw,48px)}.arrival-photo{object-position:50% 45%}.motion .arrival-frame{clip-path:inset(calc((1 - var(--open,0))*13%) calc((1 - var(--open,0))*7%))}.threshold{padding-top:75px;padding-bottom:80px}.threshold-heading{display:block}.threshold-heading .eyebrow{margin-bottom:22px}.threshold-heading .copy{margin-top:28px}.threshold-grid{grid-template-columns:1fr 1fr;gap:35px 20px;margin-top:45px}.exterior-wide{grid-column:1/-1;grid-row:1}.door-detail{grid-column:2;grid-row:2;margin:65px 0 0}.sign-detail{grid-column:1;grid-row:2;width:100%;margin:0}.sign-detail img{aspect-ratio:4/5;object-fit:cover;object-position:52% center}.threshold-grid figcaption{font-size:11px}.detail-diptych{width:100%;grid-template-columns:1fr 1fr;gap:20px;margin-top:60px}.detail-diptych figure:last-child{margin-top:70px}.detail-diptych img{aspect-ratio:2/3}.detail-diptych figcaption{font-size:11px}.tableau{height:180svh}.tableau-photo{object-position:38% center}.tableau-copy{left:6%;right:6%;bottom:14%}.tableau-copy h2{font-size:clamp(29px,8.1vw,44px)}.scene-copy h2{font-size:clamp(30px,8vw,44px)}.hero-copy{bottom:19%}}
@media(prefers-reduced-motion:reduce){.arrival,.tableau{height:auto}.arrival-frame{clip-path:none!important}.arrival-photo,.tableau-photo{transform:none!important}.arrival-title .eyebrow,.tableau-copy .eyebrow{opacity:1!important}figure.reveal{clip-path:none!important}}
@media(max-width:700px){.arrival-photo{object-fit:contain;object-position:center 34%}.motion .arrival-photo{transform:none}.sign-detail img{aspect-ratio:auto;object-fit:contain}.arrival-shade{background:linear-gradient(0deg,#100e0be8,transparent 62%)}}

.related-projects{margin-top:95px;border-top:1px solid #bdb5a6;padding-top:55px}.related-projects h3{font-size:clamp(30px,3.7vw,56px);font-weight:400;letter-spacing:-.05em;line-height:1.3;margin:0 0 45px}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.related-grid a{display:block}.related-image{aspect-ratio:4/3;overflow:hidden;margin-bottom:25px}.related-image img{width:100%;height:100%;object-fit:cover;transition:transform .65s ease}.related-grid a:hover img,.related-grid a:focus-visible img{transform:scale(1.045)}.related-grid span{font-size:10px;letter-spacing:.09em}.related-grid strong{display:block;font-size:35px;font-weight:400;margin:12px 0}.related-grid p{font-size:14px;line-height:1.8;color:var(--muted)}.related-grid b{display:block;font-size:13px;font-weight:400;margin-top:25px;padding-top:15px;border-top:1px solid #bdb5a6}@media(max-width:700px){.related-projects{margin-top:65px;padding-top:35px}.related-grid{grid-template-columns:1fr;gap:45px}.related-image{aspect-ratio:3/2;margin-bottom:20px}.related-grid strong{font-size:30px;margin:10px 0}.related-grid b{margin-top:18px}}@media(prefers-reduced-motion:reduce){.related-image img{transition:none}.related-grid a:hover img{transform:none}}