:root{--bg:#070707;--surface:#0d0d0e;--line:#242426;--text:#f4f4f1;--muted:#8d8d89;--accent:#d8ff55;--max:1160px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Manrope,'Noto Sans TC',sans-serif;line-height:1.7;overflow-x:hidden}.wrap{width:min(var(--max),calc(100% - 80px));margin:auto}.ambient{position:fixed;border-radius:50%;filter:blur(110px);opacity:.09;pointer-events:none;z-index:-1}.ambient-a{width:420px;height:420px;background:var(--accent);top:-300px;right:-150px}.ambient-b{width:360px;height:360px;background:#34536d;bottom:-250px;left:-170px}.top-rule{height:2px;background:var(--accent);opacity:.8}.header{height:82px;border-bottom:1px solid rgba(255,255,255,.1);background:rgba(7,7,7,.86);backdrop-filter:blur(15px);position:sticky;top:0;z-index:9}.nav{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;font:600 14px 'DM Mono';letter-spacing:.15em}.brand-mark{display:grid;place-items:center;width:31px;height:31px;border:1px solid var(--accent);color:var(--accent);font-size:14px}.nav nav{display:flex;align-items:center;gap:30px;font:10px 'DM Mono';letter-spacing:.1em;color:#a5a5a0}.nav nav a:hover{color:var(--text)}.nav-join{border:1px solid var(--line);padding:11px 14px;color:var(--text)!important}.nav-join:hover{border-color:var(--accent);color:var(--accent)!important}.nav b,.button b{color:var(--accent);font-size:16px;font-weight:400;margin-left:8px}.menu{display:none;background:none;border:0;color:var(--text);font-size:23px}.hero{min-height:700px;padding-top:128px;padding-bottom:80px;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);grid-template-rows:auto auto auto 1fr;column-gap:90px;align-items:start}.hero-eyebrow,.label,.hero-bottom,.cta-note,.rooms-head>span,.footer{font:500 10px 'DM Mono';letter-spacing:.12em;color:var(--muted)}.hero-eyebrow{grid-column:1/-1;margin-bottom:35px}.hero-eyebrow span{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent);margin-right:10px}.hero h1{grid-column:1/-1;font-size:clamp(57px,8.7vw,116px);line-height:.98;letter-spacing:-.09em;max-width:980px;margin:0;font-weight:800}.hero h1 i,.content h2 i,.culture h2 i{font-style:normal;color:var(--accent)}.hero-text{grid-column:2;max-width:430px;color:var(--muted);font-size:15px;margin:36px 0 24px}.hero-cta{grid-column:2;display:flex;align-items:center;gap:24px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:12px 21px;font-size:12px;font-weight:700}.button:not(.light){background:var(--accent);color:#15170d}.button:not(.light):hover{background:#efffa9}.cta-note{font-size:9px}.hero-bottom{grid-column:1/-1;align-self:end;display:flex;gap:30px;border-top:1px solid var(--line);padding-top:19px;margin-top:70px;font-size:9px}.section{padding:120px 0}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:90px;border-top:1px solid var(--line)}.label{color:var(--accent);font-size:9px}.content h2,.culture h2,.rooms-head h2,.final h2{font-size:clamp(42px,5.5vw,70px);letter-spacing:-.075em;line-height:1.05;margin:0 0 30px;font-weight:700}.content p{max-width:500px;color:var(--muted);font-size:15px;margin:0 0 19px}.rooms{background:var(--surface);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.rooms-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:60px}.rooms-head h2{margin:0}.rooms-head>span{line-height:1.8;text-align:right;font-size:9px}.room-list{border-top:1px solid var(--line)}.room-list a{display:grid;grid-template-columns:75px 1fr 30px;gap:22px;align-items:start;padding:26px 0;border-bottom:1px solid var(--line);transition:background .2s,padding .2s}.room-list a:hover{padding-left:15px;background:linear-gradient(90deg,rgba(216,255,85,.07),transparent 70%)}.room-list small{font:11px 'DM Mono';color:var(--accent);padding-top:5px}.room-list h3{font-size:20px;font-weight:600;margin:0 0 5px}.room-list p{color:var(--muted);font-size:13px;margin:0}.room-list b{font:18px 'DM Mono';font-weight:400;color:#777}.culture{border-bottom:1px solid var(--line)}.culture-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.culture h2{margin:0}.principles{border-top:1px solid var(--line)}.principles>div{display:grid;grid-template-columns:40px 1fr;column-gap:20px;padding:21px 0;border-bottom:1px solid var(--line)}.principles span{grid-row:span 2;color:var(--accent);font:10px 'DM Mono';padding-top:5px}.principles h3{margin:0 0 5px;font-size:17px}.principles p{margin:0;color:var(--muted);font-size:13px}.final{background:var(--accent);color:#11130b}.final-inner{min-height:310px;display:flex;align-items:center;justify-content:space-between;gap:30px}.final .label{color:#424e1f}.final h2{font-size:clamp(45px,6vw,78px);margin:18px 0 0}.light{background:#11130b;color:var(--accent);min-width:190px}.light:hover{background:#242b13}.light b{color:var(--accent)}.footer{padding:26px 0}.footer-inner{display:flex;justify-content:space-between;gap:20px}.footer a{color:var(--muted)}@media(max-width:760px){.wrap{width:min(var(--max),calc(100% - 42px))}.nav nav{display:none}.menu{display:block}.nav nav.open{display:flex;position:absolute;left:0;right:0;top:82px;background:#090909;border-bottom:1px solid var(--line);padding:20px 21px;flex-direction:column;align-items:stretch;gap:17px}.hero{display:block;min-height:0;padding-top:90px;padding-bottom:80px}.hero-eyebrow{margin-bottom:29px}.hero h1{font-size:clamp(52px,14vw,86px)}.hero-text{margin:30px 0 22px}.hero-cta{display:flex}.hero-bottom{margin-top:70px;gap:15px;flex-wrap:wrap}.section{padding:84px 0}.two-col,.culture-grid{grid-template-columns:1fr;gap:42px}.rooms-head{display:block;margin-bottom:40px}.rooms-head>span{display:block;text-align:left;margin-top:20px}.room-list a{grid-template-columns:42px 1fr 22px;gap:10px}.room-list a:hover{padding-left:0}.final-inner{min-height:300px;display:block;padding-top:75px;padding-bottom:75px}.final .button{margin-top:30px}.footer-inner{flex-direction:column;gap:10px}}@media(max-width:430px){.header{height:70px}.nav nav.open{top:70px}.hero{padding-top:70px}.hero h1{font-size:52px}.hero-text{font-size:14px}.hero-cta{align-items:flex-start;flex-direction:column;gap:16px}.hero-bottom{font-size:8px}.content h2,.culture h2,.rooms-head h2,.final h2{font-size:47px}.room-list h3{font-size:18px}.room-list p{font-size:12px}.principles>div{grid-template-columns:33px 1fr}}
