:root{--bg:#111110;--ink:#ede4d2;--muted:#c7b79d;--accent:#dbb17d;--line:#67523a;--dialog-bg:#171812}body{background:radial-gradient(ellipse at 50% 30%,#25282244,transparent 75%),url('./assets/texture.svg'),#101110}.doors-header{display:flex;align-items:center;justify-content:space-between;max-width:1020px;padding:40px 30px 21px;margin:auto;text-align:center}.doors-header .brand-word{font-size:106px}.doors-header .brand-sub{font-size:10px;letter-spacing:9px}.doors-header .icon-button{color:#ceb28c}.threshold{font:8px var(--sans);letter-spacing:3px;text-align:center;margin:12px 0 40px;color:#b9a180}main{max-width:1050px;margin:auto}.portal{position:relative;margin:0 25px 28px;border:3px ridge #554833;border-top:0;border-radius:50% 50% 0 0 / 77px 77px 0 0;background:linear-gradient(90deg,#0008,transparent 8%,transparent 92%,#0008),url('./assets/texture.svg'),#111410;box-shadow:0 10px 22px #0009,inset 0 0 0 4px #090b09;isolation:isolate}.portal:before{content:"";position:absolute;inset:8px 7px 0;border:1px solid #9b795055;border-radius:50% 50% 0 0 / 70px 70px 0 0;pointer-events:none}.portal:after{content:"";position:absolute;left:12px;right:12px;top:16px;bottom:0;border:1px solid #7e653c40;border-radius:50% 50% 0 0 / 60px 60px 0 0;pointer-events:none}.arch-rim{position:absolute;left:-3px;right:-3px;top:-1px;height:95px;border-top:4px ridge #756141;border-radius:50% 50% 0 0 / 76px 76px 0 0;pointer-events:none}.door-top{width:100%;position:relative;padding:52px 65px 34px;display:block;text-align:center;z-index:1;min-height:236px;border-bottom:1px solid transparent}.door-number{position:absolute;left:30px;top:51px;display:flex;align-items:center;gap:19px;font-size:21px;color:#ceb082}.door-number:after{content:"";display:block;width:29px;height:1px;background:#b08b59}.door-title{font-size:98px;line-height:.9;text-transform:uppercase;letter-spacing:-3px;font-weight:600;display:block;white-space:normal;padding:24px 0 0}.door-top .icon{position:absolute;right:27px;top:54%;width:22px;height:22px;transition:transform .5s;color:#d4b282}.door-caption{display:block;font:8px var(--sans);letter-spacing:2px;color:#b4a184;margin-top:20px;text-transform:uppercase}.portal[data-intent=replace] .door-title{font-size:75px;max-width:660px;margin:auto;line-height:.88}.portal.open{border-color:#b8874d;background:radial-gradient(ellipse at 50% 15%,#7453291c,transparent 70%),url('./assets/texture.svg'),#110f0b;box-shadow:0 12px 30px #000b,0 0 0 1px #c2965955}.portal.open .arch-rim{border-color:#d2a66b;box-shadow:0 -2px 12px #a76f3622}.portal.open:before{border-color:#b7803e88}.portal.open:after{border-color:#9e662c77}.portal.open .door-top{border-bottom-color:#97703a;padding-bottom:32px;background:radial-gradient(ellipse at 50% 100%,#c2965520,transparent 60%)}.portal.open .door-top .icon{transform:rotate(90deg)}.room{position:relative;margin:0 47px;perspective:900px;background:radial-gradient(ellipse at 50% 0,#3e2f1b55,#090c08 80%);border-inline:1px solid #816138;box-shadow:inset 0 5px 12px #0008;isolation:isolate}.side-leaf{position:absolute;top:0;bottom:0;width:37px;background:linear-gradient(90deg,#251b0f,#46301a,#171209);border:3px ridge #7c562c;box-shadow:inset 0 0 0 8px #332516,inset 0 0 0 10px #7f592b;pointer-events:none;transition:transform .7s;z-index:2}.side-leaf.left{left:-36px;transform-origin:left;transform:rotateY(32deg)}.side-leaf.right{right:-36px;transform-origin:right;transform:rotateY(-32deg)}.side-leaf:before{content:"";position:absolute;inset:19px 6px;border:1px solid #a8773880}.room:before,.room:after{content:"";position:absolute;top:-3px;width:5px;height:5px;background:#f5cd8b;box-shadow:0 0 13px 7px #ffc67655,0 0 32px 16px #e6983020;border-radius:50%;z-index:3}.room:before{left:0}.room:after{right:0}.room-tabs{display:flex;overflow-x:auto;scrollbar-width:thin;border-bottom:1px solid #554022;padding:0 15px;gap:0}.room-tab{position:relative;flex:0 0 auto;min-height:70px;padding:22px 22px;font:12px var(--sans);letter-spacing:1px;color:#b9ac95;text-transform:uppercase}.room-tab+.room-tab:before{content:"";position:absolute;left:0;top:27px;height:17px;width:1px;background:#6c5133}.room-tab[aria-pressed=true]{color:#f1dcc0}.room-tab[aria-pressed=true]:after{content:"";position:absolute;left:20px;right:20px;bottom:7px;height:2px;background:#f9c780;box-shadow:0 0 10px #ffbb7199}.room-detail{padding:36px 53px 29px;position:relative;z-index:1}.room-service{font:8px var(--sans);letter-spacing:2px;color:#ba9b70;text-transform:uppercase}.room-detail h2{font-size:59px;line-height:1;margin:15px 0 20px}.room-detail p{font-size:32px;line-height:1.18;color:#c6bdac;max-width:700px}.room-detail .primary{display:flex;width:100%;margin:28px 0 20px;border-radius:80px;font-size:36px;min-height:83px;box-shadow:inset 0 1px 2px #fff9,0 12px 22px #0007}.room-navigation{display:flex;align-items:center;justify-content:space-between;gap:14px}.room-navigation button{display:flex;align-items:center;gap:8px;min-height:44px;font-size:18px;color:#ccae80}.room-navigation .icon{width:20px}.room-navigation span{font:9px var(--sans);color:#beaa8a;letter-spacing:1px}.room-floor{height:35px;margin:0 -36px;background:repeating-linear-gradient(90deg,transparent 0 65px,#b98b5055 66px,#241607 67px 68px),linear-gradient(#674425,#2b2116 60%,#8c643a);border-top:1px solid #a9804a;border-bottom:3px ridge #655137;box-shadow:inset 0 5px 15px #d39b3f22;transform:perspective(80px) rotateX(12deg);transform-origin:bottom}.door-disclaimer{text-align:center;font-size:22px;font-style:italic;line-height:1.25;color:#b9a78c;margin:40px 20px 25px}.doors-footer{max-width:950px;display:flex;align-items:center;justify-content:space-between;margin:0 auto;padding:12px 20px 25px;border-top:1px solid #615039;color:#c7a979}.doors-footer button{min-height:44px;font-size:17px}.doors-footer .icon{width:22px;height:22px}.first-entry .portal{animation:arrival .9s ease-out both}.first-entry .portal:nth-child(2){animation-delay:.15s}.first-entry .portal:nth-child(3){animation-delay:.25s}@keyframes arrival{from{opacity:0;translate:0 20px}to{opacity:1;translate:0 0}}
@media(max-width:700px){.doors-header .brand-word{font-size:88px}.portal{margin-inline:17px}.door-title{font-size:75px}.portal[data-intent=replace] .door-title{font-size:59px}.door-top{padding:47px 50px 30px;min-height:220px}.door-number{font-size:18px;left:25px;top:42px}.room{margin-inline:36px}.side-leaf{width:28px}.side-leaf.left{left:-27px}.side-leaf.right{right:-27px}.room-floor{margin-inline:-27px}.room-tab{font-size:10px;padding-inline:18px;min-height:65px}.room-detail{padding:32px 33px 24px}.room-detail h2{font-size:48px}.room-detail p{font-size:28px}.room-detail .primary{font-size:31px;min-height:73px}}
@media(max-width:480px){.doors-header{padding:30px 24px 19px}.doors-header .brand-word{font-size:77px}.doors-header .brand-sub{font-size:7px;letter-spacing:7px}.doors-header .icon-button{min-width:35px;width:35px}.doors-header .icon{width:19px}.threshold{font-size:6px;letter-spacing:2px;margin:10px 0 28px}.portal{margin:0 11px 22px;border-width:2px;border-radius:50% 50% 0 0 / 44px 44px 0 0}.portal:before{inset:5px 5px 0;border-radius:50% 50% 0 0 / 38px 38px 0 0}.portal:after{inset:11px 10px 0;border-radius:50% 50% 0 0 / 33px 33px 0 0}.arch-rim{border-width:3px;height:50px;border-radius:50% 50% 0 0 / 44px 44px 0 0;left:-2px;right:-2px}.door-top{padding:38px 29px 24px;min-height:162px}.door-title{font-size:53px;letter-spacing:-1.8px;line-height:.91;padding-top:21px}.door-number{font-size:13px;left:22px;top:31px;gap:12px}.door-number:after{width:18px}.door-top .icon{right:13px;width:16px;height:16px;top:56%}.door-caption{font-size:6px;letter-spacing:1.1px;margin-top:17px}.portal[data-intent=replace] .door-title{font-size:44px;line-height:.88;letter-spacing:-1px;max-width:270px;padding-top:23px}.portal[data-intent=replace] .door-top{padding-bottom:24px;min-height:192px}.portal.open .door-top{padding-bottom:23px}.room{margin:0 26px}.side-leaf{width:21px;border-width:2px;box-shadow:inset 0 0 0 5px #332516,inset 0 0 0 6px #7f592b}.side-leaf.left{left:-20px}.side-leaf.right{right:-20px}.side-leaf:before{inset:15px 4px}.room-tabs{padding:0 1px}.room-tab{font-size:9px;padding:18px 15px;min-height:59px;letter-spacing:.7px}.room-tab+.room-tab:before{top:23px;height:13px}.room-tab[aria-pressed=true]:after{left:14px;right:14px;bottom:6px}.room-detail{padding:28px 19px 18px}.room-service{font-size:6px;letter-spacing:1.2px}.room-detail h2{font-size:36px;line-height:1.04;margin:13px 0 17px}.room-detail p{font-size:23px;line-height:1.2}.room-detail .primary{font-size:29px;min-height:63px;padding:12px 20px;gap:7px;margin:26px 0 13px}.room-detail .primary .icon{width:22px}.room-navigation button{font-size:14px;gap:5px}.room-navigation .icon{width:16px}.room-navigation span{font-size:7px;letter-spacing:.5px}.room-floor{height:26px;margin-inline:-20px}.door-disclaimer{font-size:20px;margin:31px 22px 27px}.doors-footer{margin-inline:22px;padding:8px 0 24px}.doors-footer button{font-size:15px}.doors-footer .icon{width:19px}}
@media(max-width:360px){.door-title{font-size:46px}.portal[data-intent=replace] .door-title{font-size:39px}.room-detail{padding-inline:15px}.room-detail h2{font-size:32px}.room-detail .primary{font-size:26px}.room-navigation button{font-size:13px}.room-navigation{gap:6px}}
.room-floor{transform:none}