:root{--primary:#C4A875;--primary-dark:#A88B5A;--accent:#1A1D1F;--ink:#2C2C2C;--ink-soft:#5A5A5A;--bg:#F5F1EB;--bg-warm:#EDE5D8;--white:#FFFFFF;--line:rgba(196,168,117,.25);--font-display:"Fraunces",Georgia,serif;--font-body:"Inter",-apple-system,sans-serif;--shadow-sm:0 4px 20px rgba(26,29,31,.06);--shadow-lg:0 20px 60px rgba(26,29,31,.15);--ease:cubic-bezier(.22,1,.36,1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--ink);background:var(--bg);line-height:1.6;overflow-x:hidden;font-weight:400}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.container{max-width:1320px;margin:0 auto;padding:0 32px}.eyebrow{font-family:var(--font-body);font-size:12px;letter-spacing:.25em;text-transform:uppercase;color:var(--primary);font-weight:500;margin-bottom:20px;display:inline-block}h1,h2,h3,h4{font-family:var(--font-display);font-weight:400;letter-spacing:-.01em;line-height:1.1;color:var(--accent)}h1{font-size:clamp(44px,7vw,88px)}h2{font-size:clamp(36px,5vw,64px);margin-bottom:24px}h3{font-size:clamp(22px,2.6vw,32px)}h4{font-size:20px;font-weight:500}p{color:var(--ink-soft);font-size:16px;line-height:1.75}.section-title{position:relative;padding-bottom:24px;margin-bottom:60px}.section-title:after{content:"";position:absolute;bottom:0;left:0;width:80px;height:1px;background:var(--primary)}.section-title.center{text-align:center}.section-title.center:after{left:50%;transform:translate(-50%)}.btn{display:inline-flex;align-items:center;gap:10px;padding:18px 36px;font-family:var(--font-body);font-size:13px;letter-spacing:.2em;text-transform:uppercase;font-weight:500;transition:all .4s var(--ease);cursor:pointer;border:none;border-radius:0}.btn-primary{background:var(--primary);color:var(--white)}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-outline{background:transparent;color:var(--white);border:1px solid rgba(255,255,255,.6)}.btn-outline:hover{background:var(--white);color:var(--accent);border-color:var(--white)}.btn-ghost{background:transparent;color:var(--accent);border:1px solid var(--accent)}.btn-ghost:hover{background:var(--accent);color:var(--white)}.site-header{position:fixed;top:0;left:0;right:0;z-index:100;background:#f5f1ebeb;backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav-wrap{display:flex;align-items:center;justify-content:space-between;height:80px}.logo img{height:48px;width:auto}.main-nav ul{display:flex;gap:36px;list-style:none;align-items:center}.main-nav a{font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink);font-weight:500;transition:color .3s}.main-nav a:hover{color:var(--primary)}.header-cta{padding:12px 24px;background:var(--primary);color:var(--white)!important;transition:background .3s}.header-cta:hover{background:var(--primary-dark);color:var(--white)!important}.mobile-toggle{display:none;background:none;border:none;flex-direction:column;gap:5px;cursor:pointer;padding:8px}.mobile-toggle span{display:block;width:24px;height:1.5px;background:var(--accent)}.page-hero{position:relative;height:68vh;min-height:520px;display:flex;align-items:flex-end;overflow:hidden}.page-hero .hero-bg{position:absolute;inset:0;z-index:1}.page-hero .hero-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#1a1d1f40,#1a1d1fbf)}.page-hero img{width:100%;height:100%;object-fit:cover;animation:slowZoom 18s ease-out forwards}@keyframes slowZoom{0%{transform:scale(1.08)}to{transform:scale(1)}}.page-hero .container{position:relative;z-index:2;padding-bottom:80px;color:var(--white)}.page-hero .eyebrow{color:var(--primary)}.page-hero h1{color:var(--white);max-width:900px;margin-bottom:24px}.page-hero .lead{color:#ffffffd9;font-size:18px;max-width:640px}.intro{padding:120px 0;background:var(--bg)}.intro-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:80px;align-items:center}.intro-text p{margin-bottom:20px;font-size:17px}.intro-image{position:relative;aspect-ratio:4/5;overflow:hidden}.intro-image img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}.intro-image:hover img{transform:scale(1.04)}.intro-image:before{content:"";position:absolute;top:-20px;left:-20px;width:140px;height:140px;border:1px solid var(--primary);z-index:1}.facts{padding:60px 0;background:var(--accent);color:var(--white)}.facts-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;text-align:center}.fact-num{font-family:var(--font-display);font-size:48px;color:var(--primary);margin-bottom:8px;display:block}.fact-label{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:#ffffffb3}.surroundings{padding:120px 0;background:var(--bg-warm)}.surr-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:48px;margin-top:40px}.surr-card{background:var(--white);overflow:hidden;transition:transform .5s var(--ease),box-shadow .5s var(--ease)}.surr-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg)}.surr-card .img{aspect-ratio:16/10;overflow:hidden}.surr-card .img img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}.surr-card:hover .img img{transform:scale(1.06)}.surr-card .body{padding:36px}.surr-card h3{margin-bottom:14px}.surr-card .meta{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--primary);margin-bottom:14px;font-weight:500}.excursions{padding:120px 0;background:var(--bg)}.exc-list{display:grid;gap:0;margin-top:20px}.exc-item{display:grid;grid-template-columns:80px 1fr auto;gap:40px;align-items:center;padding:36px 0;border-bottom:1px solid var(--line);transition:padding .4s var(--ease)}.exc-item:hover{padding-left:16px}.exc-num{font-family:var(--font-display);font-size:42px;color:var(--primary);font-style:italic}.exc-content h3{margin-bottom:8px}.exc-content p{margin:0;max-width:680px}.exc-tag{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-soft);border:1px solid var(--line);padding:8px 16px}.peaks{padding:120px 0;background:var(--accent);color:var(--white);position:relative;overflow:hidden}.peaks:before{content:"";position:absolute;inset:0;background:url(https://hss-studio.pages.dev/img/golden-panorama-wellnes-spa/cat/misc/5?w=1920&q=70&f=auto) center/cover;opacity:.18;z-index:1}.peaks .container{position:relative;z-index:2}.peaks h2,.peaks .section-title{color:var(--white)}.peaks-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;margin-top:40px}.peak{padding:40px 32px;border:1px solid rgba(196,168,117,.3);background:#ffffff08;transition:all .5s var(--ease)}.peak:hover{background:#c4a87514;border-color:var(--primary)}.peak .alt{font-family:var(--font-display);font-size:36px;color:var(--primary);margin-bottom:8px;font-style:italic}.peak h4{color:var(--white);margin-bottom:12px}.peak p{color:#ffffffb3;font-size:15px}.gallery{padding:120px 0;background:var(--bg-warm)}.gal-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:200px;gap:16px;margin-top:40px}.gal-grid .item{overflow:hidden;position:relative}.gal-grid .item img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}.gal-grid .item:hover img{transform:scale(1.08)}.gal-grid .item.tall{grid-row:span 2}.gal-grid .item.wide{grid-column:span 2}.cta{padding:140px 0;background:var(--accent);color:var(--white);text-align:center;position:relative;overflow:hidden}.cta:before{content:"";position:absolute;inset:0;background:url(https://hss-studio.pages.dev/img/golden-panorama-wellnes-spa/cat/misc/8?w=1920&q=70&f=auto) center/cover;opacity:.22;z-index:1}.cta .container{position:relative;z-index:2}.cta h2{color:var(--white);max-width:760px;margin:0 auto 24px}.cta p{color:#ffffffc7;max-width:560px;margin:0 auto 40px;font-size:17px}.cta-buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.site-footer{background:#0f1112;color:#ffffffb3;padding:80px 0 40px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:60px;margin-bottom:60px}.footer-brand img{height:44px;margin-bottom:24px;filter:brightness(0) invert(1)}.footer-brand p{color:#ffffff80;font-size:14px;max-width:300px}.footer-col h4{color:var(--white);font-size:14px;letter-spacing:.18em;text-transform:uppercase;margin-bottom:24px;font-weight:500;font-family:var(--font-body)}.footer-col ul{list-style:none}.footer-col li{margin-bottom:12px}.footer-col a{color:#fff9;font-size:14px;transition:color .3s}.footer-col a:hover{color:var(--primary)}.footer-bottom{padding-top:32px;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;font-size:13px;color:#fff6}.reveal{opacity:0;transform:translateY(30px);animation:reveal 1s var(--ease) forwards}.reveal:nth-child(2){animation-delay:.1s}.reveal:nth-child(3){animation-delay:.2s}.reveal:nth-child(4){animation-delay:.3s}@keyframes reveal{to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.main-nav{display:none;position:absolute;top:80px;left:0;right:0;background:var(--bg);padding:24px 32px;border-bottom:1px solid var(--line)}.main-nav.open{display:block}.main-nav ul{flex-direction:column;gap:20px;align-items:flex-start}.mobile-toggle{display:flex}.intro-grid{grid-template-columns:1fr;gap:48px}.facts-grid{grid-template-columns:repeat(2,1fr);gap:32px}.surr-grid,.peaks-grid{grid-template-columns:1fr}.exc-item{grid-template-columns:60px 1fr;gap:20px}.exc-tag{grid-column:2}.gal-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:160px}.footer-grid{grid-template-columns:1fr 1fr;gap:40px}.footer-bottom{flex-direction:column;gap:12px;text-align:center}.container{padding:0 20px}.intro,.surroundings,.excursions,.peaks,.gallery{padding:80px 0}}