@font-face{font-family:DM;src:url('assets/dm-regular.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:DM;src:url('assets/dm-medium.ttf') format('truetype');font-weight:500;font-display:swap}@font-face{font-family:Instrument;src:url('assets/instrument-regular.ttf') format('truetype');font-display:swap}
:root{color-scheme:dark;--paper:#f8f7f4;--black:#080808}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:var(--black);color:var(--paper);font-family:DM,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid white;outline-offset:-6px}button{border:0;border-radius:0}::selection{background:#eee;color:#111}.skip{position:fixed;top:-80px;left:16px;z-index:10;background:white;color:black;padding:14px}.skip:focus{top:10px}.masthead{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 38px;gap:20px;background:#080808}.brand{font-size:29px;letter-spacing:-1.6px;display:flex;align-items:baseline;font-weight:500}.brand span{font-family:var(--font-display);font-size:38px;letter-spacing:-2px;margin-left:2px}.brand i{font-size:12px;font-style:normal;align-self:flex-start;margin:8px 0 0 5px;letter-spacing:0}.brand-note{font-size:12px;letter-spacing:.16em;margin-left:32px}.header-link{font-size:12px;display:flex;align-items:center;gap:34px}.header-link span{font-size:21px}.rooms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0}.room{position:relative;overflow:hidden;display:block;margin:0;padding:0;background:#161616;isolation:isolate;text-align:left;min-width:0}.full,.room-hero{grid-column:1/-1}.room-visual>img,.room-shade,.dark-overlay{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.room-visual>img{transition:transform 1.2s cubic-bezier(.2,.7,.3,1);z-index:-2}.room-shade{z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,.48),transparent 28%,transparent 62%,rgba(0,0,0,.62))}.room-hero{height:min(68vw,820px);min-height:540px}.room-hero>img{object-position:50% 48%}.room-hero .room-shade{background:linear-gradient(90deg,rgba(0,0,0,.1) 35%,rgba(0,0,0,.18) 60%,rgba(0,0,0,.75)),linear-gradient(180deg,rgba(0,0,0,.4),transparent 30%,transparent 70%,rgba(0,0,0,.5))}.room-number{position:absolute;top:28px;left:34px;font-family:var(--font-display);font-size:68px;line-height:.85;font-weight:400;font-variant-numeric:lining-nums;text-shadow:0 2px 20px #0006}.room-number small{display:block;font-family:DM,sans-serif;font-size:12px;letter-spacing:.19em;line-height:1;margin:0 0 9px 2px}.hero-copy{position:absolute;left:67%;top:46%;transform:translateY(-50%);padding-right:28px}.hero-copy>p,.eyebrow{font-size:12px;letter-spacing:.14em;font-weight:400;line-height:1.6}.hero-copy h1{font-family:var(--font-display);font-size:clamp(42px,4.9vw,82px);font-weight:800;line-height:.96;letter-spacing:-.035em;margin:22px 0 30px}.hero-copy>a{font-size:12px;display:inline-flex;gap:42px;align-items:center;border-bottom:1px solid #ffffff60;padding-bottom:10px}.hero-copy>a span{font-size:20px}.tile-note{position:absolute;bottom:29px;left:35px;font-size:12px;letter-spacing:.13em;line-height:1.5}.portrait{aspect-ratio:1/1}.tall{aspect-ratio:4/5}.panorama{aspect-ratio:1.95/1}.room-caption{position:absolute;left:34px;right:34px;bottom:30px;display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:400}.room-caption span{font-size:24px}.room[data-room]{cursor:pointer}.statement.full{aspect-ratio:1.95/1}.dark-overlay{z-index:-1;background:rgba(0,0,0,.78)}.statement-copy{position:absolute;inset:15% 9%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.statement h2{font:400 clamp(44px,6vw,96px)/.98 var(--font-display);letter-spacing:-.035em;margin:24px 0}.statement-copy>p:last-child{font-size:14px;line-height:1.8;color:#e0dedb;margin:0}.statement.full>img{object-position:50% 43%}.replay{aspect-ratio:1}.replay .statement-copy{inset:16% 7%}.replay h2{font-size:clamp(40px,4.5vw,74px)}.replay .eyebrow{font-size:12px}.replay .statement-copy>p:last-child{font-size:12px}.invitation{padding:110px 40px 100px;text-align:center;background:#080808}.invitation>a{font:400 clamp(48px,8.5vw,140px)/1.1 var(--font-display);letter-spacing:-.04em;display:flex;gap:6vw;align-items:center;justify-content:center;margin:24px 0}.invitation>a>span{font-family:DM,sans-serif;font-size:.7em;transition:transform .3s}.invitation>p:last-child{font-size:13px;color:#aaa}footer{border-top:1px solid #292929;padding:30px 38px;display:flex;align-items:center;justify-content:space-between;gap:30px;font-size:12px;color:#aaa}footer p{margin:0;text-align:center}.footer-brand{font-size:20px;letter-spacing:-1px;color:#eee}footer>a:last-child{white-space:nowrap}dialog{border:0;padding:0;background:#0d0d0d;color:white;width:min(1100px,94vw);max-height:92dvh;overflow:auto}dialog::backdrop{background:#000d;backdrop-filter:blur(8px)}dialog[open]{display:grid;grid-template-columns:1.15fr 1fr}.view-image{position:relative;min-height:560px}.view-image>img{position:absolute;width:100%;height:100%;object-fit:cover}.view-image:after{content:'';position:absolute;inset:0;background:linear-gradient(#0005,transparent 45%)}.view-number{position:absolute;top:30px;left:30px;font:64px/1 var(--font-display);z-index:1}.view-copy{padding:80px 42px 55px;display:flex;flex-direction:column;justify-content:center}.view-copy h2{font:54px/.98 var(--font-display);letter-spacing:-.03em;margin:22px 0}.view-copy>p:not(.eyebrow){font-size:13px;line-height:1.8;color:#ccc}.view-copy>a{border-bottom:1px solid #777;padding:25px 0 14px;display:flex;justify-content:space-between;font-size:13px}.view-copy small{font-size:12px;color:#999;margin-top:38px}.close-view{position:absolute;right:18px;top:14px;z-index:3;padding:12px 15px;background:#101010;color:white;cursor:pointer;display:flex;gap:26px;align-items:center;font-size:12px}.close-view span{font-size:24px}.dialog-open{overflow:hidden}
@media(hover:hover){.room[data-room]:hover .room-visual>img{transform:scale(1.035)}.room-caption>span{transition:transform .35s}.room[data-room]:hover .room-caption>span{transform:translate(3px,-3px)}.invitation>a:hover>span{transform:translate(8px,-8px)}}
@media(min-width:1800px){.room-hero{height:880px;max-height:none}.hero-copy h1{font-size:96px}}
@media(max-width:700px){.masthead{height:65px;padding:0 20px}.brand{font-size:24px}.brand span{font-size:31px}.brand-note{display:none}.header-link{font-size:12px;gap:16px}.room-hero{height:76svh;max-height:800px;min-height:540px}.room-hero>img{object-position:40% 50%}.room-hero .room-shade{background:linear-gradient(180deg,#0005,transparent 22%,transparent 35%,#000c)}.hero-copy{left:22px;top:auto;bottom:62px;transform:none}.hero-copy h1{font-size:60px;margin:15px 0 20px}.hero-copy>p{font-size:12px}.room-number{font-size:42px;left:20px;top:22px}.room-number small{font-size:12px;margin-bottom:7px}.tile-note{left:22px;bottom:22px;font-size:12px}.room-caption{left:18px;right:18px;bottom:19px;font-size:12px;gap:8px}.room-caption span{font-size:20px}.portrait{aspect-ratio:3/4}.tall{aspect-ratio:3/5}.statement.full{min-height:450px;aspect-ratio:auto}.statement-copy{inset:90px 24px}.statement h2{font-size:56px;margin:22px 0}.statement-copy>p:last-child{font-size:12px}.statement .eyebrow{font-size:12px;letter-spacing:.1em}.panorama{aspect-ratio:1.05/1}.panorama>img{object-position:52% 50%}.replay{grid-column:1/-1;aspect-ratio:auto;min-height:450px}.replay .statement-copy{inset:80px 24px}.replay h2{font-size:56px}.replay .statement-copy>p:last-child{font-size:12px}.room[data-room="132"]{grid-column:1/-1;aspect-ratio:1.05/1}.room[data-room="132"] .room-visual>img{object-position:50% 38%!important}.invitation{padding:75px 20px}.invitation>a{font-size:53px;gap:20px}.invitation .eyebrow{font-size:12px}.invitation>p:last-child{font-size:12px}footer{padding:26px 22px;flex-wrap:wrap;gap:20px;justify-content:space-between}footer p{order:3;width:100%;text-align:left;font-size:12px;line-height:1.6}footer>a:last-child{font-size:12px}dialog[open]{display:block}dialog{width:94vw;max-height:94dvh}.view-image{height:44dvh;min-height:270px}.view-copy{padding:32px 24px}.view-copy h2{font-size:45px}.view-copy small{margin-top:22px}}
@media(max-width:389px){.room.portrait,.room.tall{grid-column:1/-1;aspect-ratio:1}.hero-copy h1{font-size:54px}.statement h2{font-size:48px}.invitation>a{font-size:45px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* The image and its overlay are cut together, exposing the page beneath. */
.room{background:var(--black);--cutout-width:clamp(165px,24vw,390px)}
.room-visual{position:absolute;inset:0;z-index:-1;isolation:isolate;mask-image:linear-gradient(#000 0 0),var(--number-mask);mask-size:100% 100%,var(--cutout-width) auto;mask-position:0 0,0 100%;mask-repeat:no-repeat;mask-composite:exclude;-webkit-mask-image:linear-gradient(#000 0 0),var(--number-mask);-webkit-mask-size:100% 100%,var(--cutout-width) auto;-webkit-mask-position:0 0,0 100%;-webkit-mask-repeat:no-repeat;-webkit-mask-composite:xor}
.room-visual>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.room-number{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.room-hero{min-height:620px;height:100svh;max-height:1100px;--cutout-width:clamp(260px,34vw,530px)}
.hero-nav{position:absolute;z-index:3;top:0;left:0;right:0;min-height:90px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 38px;background:none}
.hero-nav .brand-note{margin-left:32px}
.room-hero .room-visual>img{object-position:50% 50%}
.room-hero .room-shade{background:linear-gradient(180deg,#0008,transparent 22%),linear-gradient(90deg,transparent 45%,#0006)}
.room-hero .hero-copy{left:66%;top:48%}
.room-caption{top:26px;bottom:auto;left:28px;right:28px;text-shadow:0 2px 12px #0009}
.room-shade{background:linear-gradient(180deg,#0009,transparent 32%,transparent)}
.tile-note{bottom:28px;left:auto;right:32px;text-align:right;max-width:44%}
.room-hero .tile-note{left:auto;right:38px;bottom:32px}
.statement .tile-note{max-width:40%}
@media(max-width:700px){
 .hero-nav{min-height:70px;padding:0 20px}.hero-nav .brand-note{display:none}
 .room-hero{height:100svh;min-height:620px;max-height:1000px;--cutout-width:clamp(210px,60vw,350px)}
 .room-hero .room-visual>img{object-position:40% 50%}
 .room-hero .room-shade{background:linear-gradient(180deg,#0007,transparent 22%,transparent 35%,#0008)}
 .room-hero .hero-copy{left:22px;top:auto;bottom:132px}
 .room{--cutout-width:clamp(115px,32vw,210px)}
 .room-caption{top:17px;bottom:auto;left:16px;right:16px;font-size:12px;align-items:start}
 .room-caption span{font-size:19px}
 .tile-note,.room-hero .tile-note{right:20px;left:auto;bottom:20px;font-size:12px;max-width:32%}
 .statement.full,.replay{--cutout-width:clamp(180px,48vw,270px)}
}
@media(max-width:389px){.room.portrait,.room.tall{--cutout-width:clamp(150px,48vw,240px)}}
@media(max-width:700px){
 .room.room-hero{--cutout-width:clamp(220px,60vw,350px)}
 .room.room-hero .room-visual{mask-position:0 0,100% 100%;-webkit-mask-position:0 0,100% 100%}
 .room-hero .tile-note{display:none}
 .room.panorama,.room[data-room="132"]{--cutout-width:clamp(175px,48vw,270px)}
}

.header-actions{display:flex;gap:30px;align-items:center;font-size:12px}.header-actions a{display:flex;align-items:center;gap:14px;min-height:44px}.header-actions a:last-child{border-bottom:1px solid #ffffff70}.header-actions span{font-size:20px}@media(max-width:700px){.header-actions{gap:18px;font-size:12px}.header-actions a{gap:6px}.header-actions span{font-size:16px}}@media(max-width:360px){.hero-nav{padding-inline:15px}.header-actions{gap:12px;font-size:12px}}

/* The hero mark is doubled and anchored to the two viewport edges. */
.room-hero .hero-nav{padding-left:0;min-height:116px}
.room-hero .hero-nav>.brand{align-self:flex-start;margin:0}
.hero-nav>.brand .brand-mark{width:176px;height:116px}
@media(max-width:700px){
 .room-hero .hero-nav{padding-left:0;min-height:96px;gap:12px}
 .hero-nav>.brand .brand-mark{width:144px;height:auto}
}

/* Final photographic composition. Black space, image, cut number. */
.hero-copy h1{font-size:clamp(36px,3.6vw,76px);line-height:1.02;letter-spacing:-.04em;font-weight:800;margin:22px 0 32px}.room-hero .hero-copy{left:59%;right:4vw;padding:0}.hero-copy>p{font-size:12px;letter-spacing:.08em;max-width:35ch}.hero-copy>a{min-height:48px;font-size:14px;gap:36px}.header-actions{font-size:14px;gap:28px}.header-actions a{min-height:48px}.hero-nav .brand-note{font-size:12px}.room-caption{font-size:14px;min-height:44px;align-items:center;top:16px}.room-caption>span{width:44px;height:44px;display:grid;place-items:center;border:1px solid #ffffff70;background:#08080844;flex:none}.tile-note{font-size:12px;letter-spacing:.08em;line-height:1.6}.statement h2{font-size:clamp(36px,5vw,80px);line-height:1.06;font-weight:800}.replay h2{font-size:clamp(32px,3.5vw,58px)}.statement-copy>p:last-child,.replay .statement-copy>p:last-child{font-size:15px;line-height:1.7}.eyebrow,.replay .eyebrow{font-size:12px;letter-spacing:.1em}.invitation>a{font-size:clamp(36px,7vw,112px);font-weight:800;line-height:1.1}.invitation>p:last-child{font-size:14px;line-height:1.7}footer{font-size:12px;line-height:1.7}footer>a{min-height:44px;display:flex;align-items:center}.room[data-room]:focus-visible{outline:3px solid #f3f0e8;outline-offset:-6px}.room[data-room]:active .room-visual>img{transform:scale(1.015)}.room[data-room]:active .room-caption>span{background:#f3f0e8;color:#080808}.room[data-room]:focus-visible .room-caption>span{background:#f3f0e8;color:#080808}.header-actions a:hover,.hero-copy>a:hover{text-decoration:none;border-bottom-color:#fff}.view-copy h2{font-size:clamp(32px,3.6vw,52px);font-weight:800;line-height:1.08}.view-copy>p:not(.eyebrow){font-size:14px}.view-copy>a{font-size:14px;min-height:52px}.view-copy small{font-size:12px}.view-number{font-size:clamp(72px,11vw,150px);font-weight:800;top:auto;bottom:-.14em;left:0;color:#0d0d0d;line-height:1}.close-view{font-size:13px;min-height:48px;padding:10px 16px;border:1px solid #777}.close-view span{width:24px}.view-image:after{background:linear-gradient(#0005,transparent 40%,#0002)}
@media(max-width:1000px) and (min-width:701px){.room-hero .hero-copy{left:51%;right:4vw}.hero-copy h1{font-size:clamp(40px,5.4vw,65px)}.hero-nav .brand-note{display:none}}
@media(max-width:700px){.room-hero .hero-copy{left:24px;right:24px;bottom:160px;top:auto}.hero-copy h1{font-size:clamp(30px,9vw,56px);line-height:1.04;margin:20px 0 24px}.room-hero{min-height:700px}.room-hero .room-shade{background:linear-gradient(180deg,#0008,transparent 28%,#0001 38%,#000c 78%)}.hero-copy>p{font-size:12px;max-width:30ch}.room-hero .hero-nav{padding-right:20px;align-items:start;gap:14px}.header-actions{font-size:12px;gap:16px;padding-top:20px}.header-actions a{gap:6px;min-height:48px}.header-actions span{display:none}.room-caption{left:18px;right:18px;top:10px;font-size:12px;gap:8px}.room-caption>span{width:44px;height:44px}.tile-note{display:none}.statement h2,.replay h2{font-size:clamp(32px,8.2vw,52px);line-height:1.08}.statement-copy{inset:72px 24px}.statement-copy>p:last-child,.replay .statement-copy>p:last-child{font-size:14px}.statement .eyebrow,.replay .eyebrow{font-size:12px;letter-spacing:.08em}.invitation>a{font-size:clamp(30px,7.8vw,50px);gap:14px}.invitation>p:last-child{font-size:14px}.invitation .eyebrow{font-size:12px}footer p,footer>a:last-child{font-size:12px}.view-copy h2{font-size:34px}.view-copy{padding:32px 24px}.view-number{font-size:110px}.close-view{right:12px;top:12px}}
@media(max-width:389px){.room-hero .hero-nav{padding-right:16px;gap:10px}.header-actions{gap:12px;font-size:12px}.hero-nav>.brand .brand-mark{width:144px;height:auto}.room-hero .hero-copy{left:20px;right:20px}.room.portrait,.room.tall{grid-column:1/-1;aspect-ratio:1}.room-caption{font-size:14px}}
