@font-face{font-family:Steg;src:local('Arial')}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#101815;color:#eff3ed;font-family:Steg,Arial,sans-serif;font-size:16px}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid #d2f990;outline-offset:7px}header{position:absolute;top:0;left:0;width:100%;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:30px 4.5vw}.brand{display:flex;flex-direction:column;align-items:center;width:max-content}.brand>span{font-size:46px;font-weight:700;letter-spacing:-3px;line-height:.9}.brand small{font-size:10px;letter-spacing:3px;margin-top:9px;padding-left:4px}.dot{color:#c4ed99}nav{display:flex;align-items:center;gap:34px;font-size:14px}.pill{border:1px solid #ffffff50;padding:14px 22px;border-radius:30px;background:transparent;display:inline-flex;align-items:center;gap:20px}.pill:hover{background:#d1edb8;color:#101815;border-color:#d1edb8}.play-icon{font-size:21px;line-height:16px}.journey{height:calc(var(--vh,1svh)*360)}.stage{--tw:5.67;--h1f:clamp(74px,min(9vw,calc((45.8vw - 40px)/var(--tw)),calc(max(var(--vh,1svh)*100,650px)*.2778 - 76px)),150px);position:sticky;top:0;height:calc(var(--vh,1svh)*100);min-height:650px;overflow:hidden;background:radial-gradient(ellipse at 65% 55%,#2c4035 0,#17231d 45%,#101815 78%)}.eyebrow{position:absolute;top:21%;left:4.5vw;font-size:12px;letter-spacing:2px;z-index:2}h1{position:absolute;top:25%;left:4.2vw;font-size:var(--h1f,clamp(74px,9vw,150px));line-height:.99;font-weight:400;letter-spacing:-.075em;margin:0;z-index:2;pointer-events:none}h1 em{font-family:Georgia,serif;font-weight:400;color:#c9eeaa;letter-spacing:-.07em}.hero-note{position:absolute;left:4.5vw;bottom:20%;font-size:16px;line-height:1.6;color:#bdc9be;z-index:2}#scene{position:absolute;inset:0;z-index:1}#scene canvas{display:block;width:100%;height:100%}.fallback{position:absolute;width:47%;height:49%;object-fit:cover;left:49%;top:27%;border-radius:3px;opacity:.8}.stage-bottom{position:absolute;bottom:35px;left:4.5vw;right:4.5vw;display:flex;justify-content:space-between;align-items:center;z-index:3;font-size:12px;color:#c4d0c6}.scroll-prompt{display:flex;gap:15px;align-items:center}.scroll-line{height:30px;width:1px;background:#bcd49e}.chapter{display:flex;gap:20px;align-items:center;font-size:11px;letter-spacing:1px}.track{height:2px;width:110px;background:#ffffff25}.track i{display:block;height:100%;background:#c7ef9f;width:0}#motion{background:none;border:none;font-size:12px;color:#c4d0c6}.assembled-copy{position:absolute;bottom:18%;left:4.5vw;font-size:clamp(50px,7vw,100px);letter-spacing:-.065em;opacity:0;pointer-events:none;z-index:2}.place{background:#eef0e8;color:#18281f;padding:70px 4.5vw 110px}.section-top{display:flex;justify-content:space-between;font-size:12px;letter-spacing:1.3px;padding-bottom:30px;border-bottom:1px solid #56745d40}.intro{display:flex;justify-content:space-between;gap:60px;align-items:end;margin:70px 0 60px}h2{font-size:clamp(45px,6.2vw,94px);font-weight:400;line-height:1.04;letter-spacing:-.065em;margin:0}.intro p{max-width:330px;line-height:1.8;margin:0 0 5px;font-size:17px}figure{margin:0}.wide-photo{height:660px;position:relative;overflow:hidden}.wide-photo img{width:100%;height:100%;object-fit:cover}.wide-photo:after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#081d1990)}.wide-photo figcaption{position:absolute;bottom:45px;left:45px;z-index:1;color:white;display:flex;flex-direction:column;gap:12px}.wide-photo strong{font-size:clamp(30px,4vw,60px);font-weight:400;letter-spacing:-.04em}.photo-pair{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:30px}.photo-pair img{width:100%;height:370px;object-fit:cover}.photo-pair figcaption{font-size:14px;margin-top:16px}.apartments{padding:70px 4.5vw 120px}.apartments h2{margin:65px 0}.room-layout{display:grid;grid-template-columns:1fr 1.35fr;gap:7vw}.room{display:flex;align-items:center;gap:20px;width:100%;padding:28px 0;border:0;border-bottom:1px solid #a7bbab40;background:none;text-align:left;color:#8f9c92}.room>span:first-child{font-size:12px}.room strong{font-size:clamp(20px,2.3vw,34px);font-weight:400;letter-spacing:-.04em}.room-mark{margin-left:auto;font-size:10px;opacity:0}.room.active,.room:hover{color:#d4efbc}.room.active .room-mark{opacity:1}.room-list p{line-height:1.8;color:#afc0b3;max-width:360px;margin-top:30px;min-height:90px}.room-image img{width:100%;height:500px;object-fit:cover}.room-image figcaption{display:flex;justify-content:space-between;font-size:12px;margin-top:18px}.closing{height:680px;position:relative}.closing>img{width:100%;height:100%;object-fit:cover}.closing:after{content:'';position:absolute;inset:0;background:#061c1b65}.closing>div{position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.closing span{font-size:12px;letter-spacing:2px}.closing h2{margin:35px 0}.closing .pill{background:#eff3ed;color:#152419;border:0;font-size:14px}footer{display:flex;justify-content:space-between;align-items:center;padding:55px 4.5vw;font-size:13px;color:#b2c3b8}dialog{background:#101815;border:1px solid #8faaa2;width:min(1100px,92vw);padding:20px;color:white}dialog::backdrop{background:#00110dea;backdrop-filter:blur(12px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-bottom:20px;font-size:14px}.dialog-top button{background:none;border:0}.dialog-top strong{font-weight:400}video{width:100%;max-height:75vh;display:block}.skip{position:fixed;left:20px;top:-100px;background:#d4efbc;color:#101815;padding:15px;z-index:100}.skip:focus{top:20px}html[lang=en] .stage{--tw:8.5}html[lang=de] .stage{--tw:7.26}@media(min-width:1700px){.stage{min-height:800px}}@media(max-width:750px){header{padding:25px 6vw}.brand>span{font-size:38px}nav{gap:18px}nav>a:first-child{display:none}nav .pill{padding:10px 13px;font-size:12px;gap:8px}nav>a{font-size:12px}.stage{min-height:660px}.eyebrow{top:19%;font-size:10px;left:6vw;letter-spacing:1px}h1{top:23%;left:6vw;font-size:clamp(54px,15vw,100px)}.hero-note{display:none}.fallback{left:15%;top:47%;width:75%;height:32%}.stage-bottom{left:6vw;right:6vw;bottom:25px;flex-wrap:wrap;gap:22px}.stage-bottom .chapter{display:none}.scroll-prompt,#motion{font-size:11px}.assembled-copy{bottom:25%;left:6vw;font-size:50px}.place,.apartments{padding:45px 6vw 65px}.section-top{font-size:10px;letter-spacing:.6px;gap:15px}.intro{display:block;margin:40px 0 30px}.intro p{margin-top:30px;font-size:16px}.wide-photo{height:440px}.wide-photo figcaption{left:25px;bottom:30px}.photo-pair{grid-template-columns:1fr;gap:30px}.photo-pair img{height:280px}.apartments h2{margin:40px 0}.room-layout{grid-template-columns:1fr;gap:30px}.room{padding:22px 0}.room strong{font-size:25px}.room-list p{min-height:0}.room-image img{height:320px}.closing{height:510px}footer{flex-wrap:wrap;gap:35px;padding:40px 6vw}footer>span:nth-child(2){display:none}}.hero-cta{position:absolute;z-index:3;left:4.5vw;top:calc(25% + 1.98*var(--h1f,clamp(74px,9vw,150px)) + 32px);display:inline-flex;align-items:center;gap:12px;background:#c9eeaa;color:#101815;border-radius:30px;padding:15px 24px;font-size:15px;box-shadow:0 10px 30px rgba(0,0,0,.22);transition:background .2s,transform .2s,opacity .2s}.hero-cta:hover{background:#dbf6c4;transform:translateY(-1px)}.hero-cta span{font-size:17px}@media(max-width:750px){.journey{height:calc(var(--vh,1svh)*260)}.hero-cta{left:6vw;top:calc(23% + 1.98*clamp(54px,15vw,100px) + 20px);padding:13px 20px;font-size:14px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.journey{height:calc(var(--vh,1svh)*100)}}
/* The 3D stage occupies its own space beside the editorial title. */
#scene{inset:8% 0 8% 27%;width:73%;height:84%}.fallback{left:15%;top:23%;width:78%;height:60%}@media(max-width:750px){#scene{inset:36% 0 8%;width:100%;height:56%}.fallback{left:8%;top:10%;width:84%;height:80%}}
@media(max-width:750px){.assembled-copy{top:auto;left:auto;right:6vw;bottom:92px;max-width:88vw;font-size:clamp(48px,15vw,76px);line-height:.95;text-align:right;text-shadow:0 2px 28px rgba(8,18,14,.55)}}
.room-book{text-decoration:underline;text-underline-offset:4px}.room-book:hover{color:#d4efbc}@media(max-width:750px){nav>a[href="foglalas.php"]{font-size:12px}}
.room-more{display:block;margin-top:14px}.room-facts{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:13px;color:#d4efbc;margin-top:6px}.room-facts span{border:1px solid #a7bbab40;border-radius:20px;padding:6px 12px}.room-thumbs{display:flex;gap:8px;margin-top:10px;overflow-x:auto}.room-thumbs button{border:2px solid transparent;padding:0;background:none;flex:0 0 78px;height:56px;opacity:.65}.room-thumbs button.on,.room-thumbs button:hover{border-color:#d4efbc;opacity:1}.room-thumbs img{width:100%;height:100%;object-fit:cover;display:block}
.crumbs{position:relative;z-index:2;display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 18px;font-size:12px;letter-spacing:1px;text-transform:uppercase;color:inherit;opacity:.9}.crumbs a:hover{text-decoration:underline;text-underline-offset:4px}.crumbs-sep{opacity:.55}.crumbs [aria-current]{opacity:1}
nav.crumbs>a:first-child{display:inline}
.hosts{background:#eef0e8;color:#18281f;padding:70px 4.5vw 110px}.hosts-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:6vw;align-items:center;margin-top:64px}.hosts h2{font-size:clamp(40px,4.8vw,72px);margin:0 0 30px}.hosts h2 em{font-family:Georgia,serif;font-weight:400;color:#56745d;letter-spacing:-.06em}.hosts p{font-size:17px;line-height:1.8;max-width:540px;margin:0 0 18px}.hosts-sign{display:block;margin-top:26px;font-family:Georgia,serif;font-style:italic;font-size:24px;color:#56745d}.hosts-photo{margin:0;border-radius:26px;overflow:hidden;box-shadow:0 30px 60px -30px #18281f66;aspect-ratio:4/5;max-height:640px}.hosts-photo img{width:100%;height:100%;object-fit:cover;display:block}@media(max-width:900px){.hosts-grid{grid-template-columns:1fr;gap:34px;margin-top:40px}.hosts-photo{aspect-ratio:4/3;order:-1}}@media(max-width:750px){.hosts{padding:45px 6vw 65px}.hosts p{font-size:16px}.hosts-sign{font-size:21px}}@media(max-width:750px){#film-open{width:38px;padding:0;gap:0;justify-content:center}#film-open .film-txt{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}#film-open .play-icon{font-size:17px;line-height:1;margin-left:2px}}
/* fejléc-menü: az aktuális oldal (app/site_nav.php) */header nav a[aria-current=page]{text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:9px}