:root{--bone: #efece6;--ink: #141311;--ink-2: #4c4a45;--mute: #7d7a72;--rule: rgba(20, 19, 17, .22);--rule-soft: rgba(20, 19, 17, .1);--warm: #e9cfae;--warm-2: #f2e2cd;--serif: "Instrument Serif", Georgia, serif;--sans: "Instrument Sans", "Helvetica Neue", Arial, sans-serif;--gutter: clamp(18px, 3vw, 40px);--ease: cubic-bezier(.85, 0, .12, 1);--frame-border: 1px solid var(--ink)}*{box-sizing:border-box}html,body{margin:0;background:var(--bone);color:var(--ink)}body{font:15px/1.45 var(--sans);-webkit-font-smoothing:antialiased;height:100vh;height:100dvh;overflow:hidden}a{color:inherit;text-decoration:none}img,video{display:block;max-width:100%}button{font:inherit;color:inherit}::selection{background:var(--ink);color:var(--bone)}.atmos{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.atmos .blob{position:absolute;left:30%;top:42%;width:110vmin;height:110vmin;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle at 50% 50%,var(--warm) 0%,var(--warm-2) 40%,transparent 68%);filter:blur(40px);opacity:0;mix-blend-mode:multiply;animation:blob-in 3s var(--ease) .2s forwards,settle 26s cubic-bezier(.45,0,.55,1) 3.2s infinite alternate}.atmos .grain{position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;width:200%;height:200%;opacity:.3;mix-blend-mode:multiply;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.95' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 0.5 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");animation:grain 1.1s steps(3) infinite}@keyframes blob-in{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:.9;transform:translate(-50%,-50%) scale(1)}}@keyframes settle{0%{transform:translate(-50%,-50%) scale(1);opacity:.9}40%{transform:translate(-44%,-54%) scale(1.08);opacity:.75}70%{transform:translate(-53%,-46%) scale(1.14);opacity:.95}to{transform:translate(-46%,-57%) scale(1.04);opacity:.8}}@keyframes grain{0%{transform:translate(0)}33%{transform:translate(-2%,1.5%)}66%{transform:translate(1.5%,-2%)}to{transform:translate(0)}}.mobile-only{display:none}.page{position:relative;z-index:1;height:100vh;height:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr) auto;padding:0 var(--gutter)}.corner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:14px 0}.corner.top{border-bottom:var(--frame-border);position:relative;z-index:6}.corner.bottom{border-top:var(--frame-border);position:relative;z-index:6}.corner .r{justify-self:end;text-align:right}.corner .c{justify-self:center}.brand{font:500 13px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase}nav{display:flex;gap:22px}nav a{position:relative}nav a.active:before{content:"●";font-size:7px;position:absolute;left:-12px;top:50%;transform:translateY(-50%)}main{min-height:0;display:grid}.label{font:500 11px/1.35 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--ink)}.label.mute{color:var(--mute)}.headline{font:400 clamp(28px,min(3.6vw,6.4vh),54px)/.98 var(--sans);letter-spacing:-.035em;margin:0}.headline .thin{color:var(--ink-2)}.num{font:400 1em/.9 var(--sans);letter-spacing:-.06em}.letter{white-space:pre-wrap;margin:0;font:400 clamp(17px,1.35vw,21px)/1.42 var(--serif)}.mask{overflow:hidden;display:block}.mask>*{display:block;clip-path:inset(0 100% 0 0);animation:wipe 1s var(--ease) forwards;animation-delay:calc(var(--d, 0s) * .7)}.fade{opacity:0;animation:fade .85s var(--ease) forwards;animation-delay:calc(var(--d, 0s) * .7)}@keyframes fade{to{opacity:1}}.reveal{clip-path:inset(0 100% 0 0);animation:wipe .85s var(--ease) forwards;animation-delay:calc(var(--d, .35s) * .7)}.wipe{clip-path:inset(0 100% 0 0);animation:wipe .85s var(--ease) forwards;animation-delay:calc(var(--d, 0s) * .7)}.route{display:contents}.route.leaving .mask>*,.route.leaving .reveal,.route.leaving .wipe{animation:wipe-out .5s var(--ease) forwards;animation-delay:calc(var(--d, 0s) * .25);clip-path:inset(0 0 0 0)}.route.leaving .fade{animation:fade-out .4s var(--ease) forwards;animation-delay:0s;opacity:1}@keyframes wipe-out{to{clip-path:inset(0 0 0 100%)}}@keyframes fade-out{to{opacity:0}}@keyframes wipe{to{clip-path:inset(0 0 0 0)}}@media(prefers-reduced-motion:reduce){.mask>*,.fade,.reveal,.wipe,.route.leaving *{animation:none;transform:none;opacity:1;clip-path:none}.atmos .blob{position:absolute;left:30%;top:42%;width:110vmin;height:110vmin;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle at 50% 50%,var(--warm) 0%,var(--warm-2) 40%,transparent 68%);filter:blur(40px);opacity:0;mix-blend-mode:multiply;animation:blob-in 3s var(--ease) .2s forwards,settle 26s cubic-bezier(.45,0,.55,1) 3.2s infinite alternate}.atmos .grain{animation:none}}.stage{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:clamp(20px,3vw,56px);align-items:stretch;min-height:0;padding:clamp(14px,3vh,36px) 0}.stage .col{min-height:0;display:grid;align-content:space-between;gap:20px}.stage .col.right{justify-items:end;text-align:left}.stage .col.right>*{width:min(100%,42ch)}.stage.two{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.stage.two .col.right>*{width:min(100%,52ch)}.stage.about{grid-template-columns:auto minmax(0,1fr) auto;gap:clamp(32px,5vw,80px)}.stage.about .photo{min-height:0;height:100%;display:grid;align-content:end;justify-items:end}.stage.about .photo img{height:100%;max-height:100%;width:auto;max-width:min(36vw,480px);object-fit:contain}.stage.about .photo:not(:has(img[data-ok])){display:none}.stage .col.left{justify-items:start}.stage .col.left>*{width:min(100%,46ch)}.frame-wrap{min-height:0;height:100%;display:grid;grid-template-rows:minmax(0,1fr)}.frame-wrap .top,.frame-wrap .bottom{display:flex;justify-content:space-between;gap:24px}.loop{height:100%;aspect-ratio:9 / 16;background:#fff;overflow:hidden;margin:0 auto}.loop video,.loop img{width:100%;height:100%;object-fit:cover}.loop-row{display:grid;justify-content:center}.loop-box{position:relative;height:100%;min-height:0}.overlay{position:absolute;left:1px;right:1px;bottom:1px;padding:56px 14px 14px;gap:8px;background:linear-gradient(to top,#fffffff7,#ffffffe6 60%,#fff0)}.overlay .letter{font-size:15px;line-height:1.35}.menu-toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;padding:10px 0 10px 10px;cursor:pointer;gap:6px;width:32px;box-sizing:content-box;justify-items:end}.menu-toggle span{display:block;width:22px;height:1px;background:var(--ink);transition:transform .6s var(--ease),width .6s var(--ease);transform-origin:center}.menu-toggle span:last-child{width:14px}.menu-toggle.open span{width:22px}.menu-toggle.open span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle.open span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.menu{position:absolute;left:0;right:0;top:0;bottom:0;z-index:5;background:var(--bone);display:grid;grid-template-rows:auto 1fr auto;padding:0 var(--gutter);clip-path:inset(0 100% 0 0);visibility:hidden;transition:clip-path .8s var(--ease),visibility 0s linear .8s}.menu.open{clip-path:inset(0 0 0 0);visibility:visible;transition:clip-path .8s var(--ease),visibility 0s}.menu-links{display:grid;align-self:start;margin-top:84px}.menu-links a{font:400 clamp(32px,9vw,44px)/1.15 var(--sans);letter-spacing:-.03em;text-transform:none;padding:14px 0;border-bottom:1px solid var(--rule-soft);opacity:0;transform:translate(-12px);transition:opacity .6s var(--ease),transform .8s var(--ease)}.menu.open .menu-links a{opacity:1;transform:none}.menu.open .menu-links a:nth-child(1){transition-delay:.25s}.menu.open .menu-links a:nth-child(2){transition-delay:.32s}.menu.open .menu-links a:nth-child(3){transition-delay:.39s}.menu-links a.active{color:var(--mute)}.menu-links a.active:before{display:none}.menu-slot{align-self:end;padding-bottom:64px;opacity:0;transform:translate(-12px);transition:opacity .6s var(--ease) .45s,transform .8s var(--ease) .45s}.menu.open .menu-slot{opacity:1;transform:none}.menu-resident{margin-bottom:28px;padding-bottom:20px;border-bottom:1px solid var(--rule-soft)}.menu-name{font:400 clamp(28px,8vw,40px)/1 var(--sans);letter-spacing:-.03em;margin:4px 0 12px}.menu-day{display:flex;justify-content:space-between;align-items:end;gap:20px}.menu-day .bignum{font-size:72px}.loop.empty{display:grid;place-items:center;background:transparent;color:var(--mute);font-family:var(--serif);font-style:italic;font-size:20px}.stack{display:grid;gap:6px}.facts{display:grid;grid-template-columns:auto 1fr;gap:clamp(2px,.6vh,6px) 18px;align-items:baseline}.facts .v{font-family:var(--serif);font-size:18px}.rooms{display:grid;gap:0;border-top:var(--frame-border)}.rooms button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;border-bottom:1px solid var(--rule-soft);padding:10px 0;text-align:left;display:grid;grid-template-columns:3ch 1fr auto;gap:14px;cursor:pointer}.rooms button.on{color:var(--ink)}.rooms button:not(.on){color:var(--mute)}.rooms button:hover{color:var(--ink)}.rooms .row{display:grid;grid-template-columns:3ch 1fr auto auto;gap:14px 20px;padding:12px 0;border-bottom:1px solid var(--rule-soft);opacity:0;animation:fade 1.2s var(--ease) forwards;animation-delay:var(--d, 0s)}.rooms .row:hover{background:#1413110a}.pager{display:flex;align-items:center;gap:14px}.pager button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:var(--frame-border);width:40px;height:40px;cursor:pointer;font-size:16px;display:grid;place-items:center;transition:background .15s,color .15s}.pager button:hover:not(:disabled){background:var(--ink);color:var(--bone)}.pager button:disabled{opacity:.25;cursor:default}.pager .count{font:400 26px/1 var(--sans);letter-spacing:-.05em}.pager .count span{color:var(--mute)}.bignum{font:400 clamp(56px,min(9vw,13vh),128px)/.85 var(--sans);letter-spacing:-.07em}.about-body p{margin:0 0 14px}.status{color:var(--mute);font-family:var(--serif);font-style:italic;font-size:22px;align-self:center;text-align:center}@media(max-width:900px){.corner .c{display:none}.corner{grid-template-columns:1fr auto}footer.corner{font-size:10px;white-space:nowrap;gap:12px}.desktop-only{display:none!important}.mobile-only{display:block}.page{position:relative}.menu-toggle.mobile-only{display:grid}.stage{grid-template-columns:1fr!important;padding:12px 0}.stage .col.right{justify-items:start}.stage .col>*{width:100%}.stage.frameview{grid-template-rows:minmax(0,1fr)}.stage.frameview .frame-wrap{height:100%}.stage.frameview{padding-top:12px}.stage.frameview .loop-row{align-content:start}.stage.frameview .loop-box{height:100%;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:14px;justify-items:center}.stage.frameview .loop{height:100%;width:auto;max-width:100%;min-height:0}.stage.frameview .overlay{display:grid;position:static;background:none;padding:0;width:100%;gap:6px}.stage.two{grid-template-rows:auto minmax(0,1fr);gap:18px}.stage.two .col.right,.stage.two .col.left{overflow:auto;align-content:start}.headline{font-size:clamp(28px,8vw,40px)}.about-body p{font-size:16px;margin-bottom:10px}.stage.about .photo{display:none!important}.rooms .row{grid-template-columns:3ch 1fr auto}}