:root{--bg:#030303;--gold:#c9a45c;--gold2:#efd49b;--white:#f2eee6;--muted:#8c877c;--line:rgba(201,164,92,.28)}
*{box-sizing:border-box}html{background:#000;scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}a{color:inherit}.page{min-height:100svh}.grain{position:fixed;inset:0;pointer-events:none;z-index:50;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}
.topbar{position:fixed;top:0;left:0;right:0;z-index:40;display:flex;justify-content:space-between;align-items:center;padding:28px 38px;mix-blend-mode:normal}.menu-btn,.back-btn{border:0;background:transparent;color:var(--gold2);letter-spacing:.22em;text-transform:uppercase;font-size:11px;cursor:pointer;display:flex;align-items:center;gap:14px;text-decoration:none}.hamb{width:29px;height:18px;position:relative}.hamb:before,.hamb:after,.hamb i{content:"";position:absolute;left:0;width:100%;height:1px;background:var(--gold);transition:.35s}.hamb:before{top:0}.hamb i{top:8px}.hamb:after{bottom:0}.menu-btn:hover .hamb:before{transform:translateX(5px)}.menu-btn:hover .hamb:after{transform:translateX(-5px)}
.overlay{position:fixed;inset:0;z-index:100;background:rgba(2,2,2,.97);display:grid;place-items:center;opacity:0;visibility:hidden;transition:.45s}.overlay.open{opacity:1;visibility:visible}.overlay nav{display:grid;gap:20px;text-align:center}.overlay a{font-family:Georgia,serif;text-decoration:none;font-size:clamp(26px,4vw,54px);letter-spacing:.08em;color:#d8d1c4;transition:.3s}.overlay a:hover{color:var(--gold2);transform:translateX(6px)}.close{position:absolute;right:40px;top:35px;background:none;border:0;color:var(--gold);font-size:34px;cursor:pointer}
.hero{position:relative;min-height:100svh;display:grid;place-items:center;overflow:hidden;background:#020202}.hero-bg{position:absolute;inset:-3%;background:url('../images/landing.jpg') center/cover no-repeat;filter:saturate(.55) brightness(.34) contrast(1.15);animation:ken 18s ease-in-out infinite alternate}.hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 42%,rgba(0,0,0,.08),rgba(0,0,0,.76) 80%),linear-gradient(90deg,rgba(0,0,0,.4),transparent 50%,rgba(0,0,0,.45))}.hero-inner{position:relative;z-index:3;text-align:center;width:min(900px,90vw);padding-top:3vh}.lm{width:clamp(150px,19vw,300px);filter:drop-shadow(0 0 20px rgba(201,164,92,.22));animation:float 6s ease-in-out infinite}.brand{font-family:Georgia,'Times New Roman',serif;font-size:clamp(29px,4vw,66px);font-weight:400;letter-spacing:.25em;margin:16px 0 0;color:var(--gold2);text-transform:uppercase;text-shadow:0 0 26px rgba(201,164,92,.14)}.rule{height:1px;width:70px;margin:22px auto;background:linear-gradient(90deg,transparent,var(--gold),transparent)}.sub{font-size:clamp(10px,1.1vw,14px);letter-spacing:.45em;text-transform:uppercase;color:#dad4c9}.claim{font-family:Georgia,serif;font-style:italic;color:#dfc793;font-size:clamp(16px,1.7vw,25px);line-height:1.55;margin:30px 0 40px}.discover{text-decoration:none;color:var(--gold2);font-size:11px;letter-spacing:.45em;text-transform:uppercase;display:inline-flex;flex-direction:column;align-items:center;gap:13px;padding:12px 22px}.discover:after{content:"";width:1px;height:48px;background:linear-gradient(var(--gold),transparent);transition:.4s}.discover:hover:after{height:65px;box-shadow:0 0 16px var(--gold)}
.foyer{min-height:100svh;padding:95px 4vw 45px;background:radial-gradient(circle at 50% 0,rgba(201,164,92,.06),transparent 35%),#030303}.foyer-head{text-align:center;margin-bottom:34px}.foyer-logo{width:80px;filter:drop-shadow(0 0 15px rgba(201,164,92,.2))}.foyer-title{font-family:Georgia,serif;color:var(--gold2);font-weight:400;letter-spacing:.3em;font-size:clamp(24px,3vw,45px);margin:10px 0}.foyer-kicker{letter-spacing:.46em;text-transform:uppercase;font-size:11px;color:#c5bfb4}.worlds{max-width:1450px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.world{position:relative;min-height:310px;border:1px solid rgba(255,255,255,.13);overflow:hidden;text-decoration:none;background:#080808;isolation:isolate}.world img.bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(.55) brightness(.28);transform:scale(1.03);transition:1s cubic-bezier(.2,.7,.2,1)}.world:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.06),rgba(0,0,0,.9));z-index:1}.world-content{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:22px}.world-mark{width:112px;height:112px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;margin-bottom:18px;box-shadow:0 0 30px color-mix(in srgb,currentColor 25%,transparent);transition:.55s}.world-mark img{width:72px;max-height:72px;object-fit:contain;filter:grayscale(1) brightness(1.5);opacity:.86}.world h2{font-family:Georgia,serif;font-size:22px;font-weight:400;letter-spacing:.19em;margin:0 0 12px;text-transform:uppercase}.world p{margin:0;color:#b2ada4;font-size:12px;letter-spacing:.08em}.world .enter{margin-top:20px;text-transform:uppercase;letter-spacing:.3em;font-size:10px;color:var(--gold2)}.world:hover img.bg{transform:scale(1.09);filter:grayscale(.1) brightness(.42)}.world:hover .world-mark{transform:translateY(-7px) scale(1.04);box-shadow:0 0 46px color-mix(in srgb,currentColor 50%,transparent)}.fine{color:#d9d9d9}.arch{color:#2f93ff}.street{color:#ed2f35}.limited{color:#c47a43}.zeit{color:#d4ad62}.about{color:#c9c9c9}.foyer-foot{max-width:1450px;margin:20px auto 0;padding-top:24px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;color:#9e988d;font-size:11px;letter-spacing:.12em}.foyer-foot .center{text-align:center;font-family:Georgia,serif;font-style:italic;font-size:26px;color:var(--gold2)}.foyer-foot .right{text-align:right;line-height:1.8}
.placeholder{min-height:100svh;display:grid;place-items:center;text-align:center;background:#030303;padding:80px 20px}.placeholder h1{font-family:Georgia,serif;color:var(--gold2);font-weight:400;letter-spacing:.22em}.placeholder p{color:#9e988d;letter-spacing:.1em}.placeholder a{display:inline-block;margin-top:25px;color:var(--gold2);text-decoration:none;letter-spacing:.25em;text-transform:uppercase;font-size:11px}
@keyframes float{50%{transform:translateY(-5px)}}@keyframes ken{to{transform:scale(1.05) translate3d(-.5%,.3%,0)}}
@media(max-width:900px){.worlds{grid-template-columns:1fr 1fr}.topbar{padding:22px}.hero-inner{padding-top:5vh}.foyer-foot{grid-template-columns:1fr;text-align:center;gap:15px}.foyer-foot .right{text-align:center}}
@media(max-width:620px){.worlds{grid-template-columns:1fr}.world{min-height:280px}.brand{letter-spacing:.15em}.sub{letter-spacing:.25em}.topbar{padding:18px}.menu-btn span.label{display:none}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important;transition:none!important}}
.community{color:#d8d1c4;background:radial-gradient(circle at 50% 35%,rgba(255,255,255,.055),transparent 42%),#080808}.salon{color:#d6b977;background:radial-gradient(circle at 50% 35%,rgba(201,164,92,.11),transparent 40%),#070707}.community .world-mark,.salon .world-mark{background:rgba(0,0,0,.25)}