:root{--primary:#2D3E2E;--primary-deep:#1E2B1F;--accent:#8B6F47;--accent-soft:#A88A63;--ink:#1F1B16;--ink-soft:#5A5248;--bg:#F7F3EC;--bg-warm:#EFE9DD;--line:rgba(31,27,22,.12);--font-display:"Fraunces",Georgia,serif;--font-body:"Inter",-apple-system,sans-serif;--radius:2px;--section:clamp(80px,12vw,160px);--container:1340px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{font-family:var(--font-body);color:var(--ink);background:var(--bg);font-size:16px;line-height:1.7;font-weight:400;overflow-x:hidden}img{max-width:100%;display:block;height:auto}a{color:inherit;text-decoration:none;transition:color .3s ease}h1,h2,h3,h4{font-family:var(--font-display);font-weight:400;letter-spacing:-.02em;line-height:1.1;color:var(--ink)}.container{max-width:var(--container);margin:0 auto;padding:0 clamp(24px,5vw,60px)}.burger{display:none;background:none;border:none;color:#fff;font-size:24px;cursor:pointer}.page-hero{position:relative;height:78vh;min-height:560px;overflow:hidden;display:flex;align-items:flex-end;color:#fff}.page-hero-bg{position:absolute;inset:0;z-index:1}.page-hero-bg img{width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.05);animation:slowZoom 18s ease-out forwards}@keyframes slowZoom{to{transform:scale(1)}}.page-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#1e2b1f59,#1e2b1f33 40%,#1e2b1fd9);z-index:2}.page-hero-content{position:relative;z-index:3;padding-bottom:clamp(60px,9vw,120px);width:100%}.hero-eyebrow{font-size:12px;letter-spacing:.32em;text-transform:uppercase;color:var(--accent-soft);margin-bottom:24px;opacity:0;transform:translateY(20px);animation:fadeUp .9s .3s ease-out forwards}.page-hero h1{font-size:clamp(48px,7vw,108px);font-weight:300;color:#fff;max-width:14ch;margin-bottom:28px;opacity:0;transform:translateY(30px);animation:fadeUp 1s .5s ease-out forwards}.page-hero h1 em{font-style:italic;color:var(--accent-soft);font-weight:400}.hero-sub{font-size:clamp(16px,1.4vw,19px);max-width:50ch;color:#ffffffe0;font-weight:300;opacity:0;transform:translateY(20px);animation:fadeUp 1s .7s ease-out forwards}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}.intro{padding:var(--section) 0;background:var(--bg)}.intro-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:clamp(40px,7vw,120px);align-items:start}.intro-eyebrow{font-size:12px;letter-spacing:.32em;text-transform:uppercase;color:var(--accent);margin-bottom:24px}.intro h2{font-size:clamp(36px,4.5vw,64px);font-weight:300;margin-bottom:0}.intro h2 em{font-style:italic;color:var(--accent)}.intro-body p{font-size:17px;color:var(--ink-soft);margin-bottom:22px;font-weight:300;line-height:1.8}.intro-body p:first-child{font-size:21px;color:var(--ink);font-weight:400;line-height:1.6}.split{padding:0 0 var(--section)}.split-inner{display:grid;grid-template-columns:1fr 1fr;gap:0;align-items:stretch;min-height:640px}.split.reverse .split-inner{direction:rtl}.split.reverse .split-inner>*{direction:ltr}.split-img{position:relative;overflow:hidden;min-height:480px}.split-img img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s cubic-bezier(.2,.6,.2,1)}.split:hover .split-img img{transform:scale(1.04)}.split-text{padding:clamp(40px,7vw,100px);display:flex;flex-direction:column;justify-content:center;background:var(--bg-warm)}.split.dark .split-text{background:var(--primary-deep);color:#fff}.split.dark .split-text h2,.split.dark .split-text h3{color:#fff}.split.dark .split-text p{color:#ffffffc7}.split-text .eyebrow{font-size:12px;letter-spacing:.32em;text-transform:uppercase;color:var(--accent);margin-bottom:20px}.split.dark .split-text .eyebrow{color:var(--accent-soft)}.split-text h2{font-size:clamp(34px,4vw,56px);font-weight:300;margin-bottom:28px}.split-text h2 em{font-style:italic;color:var(--accent)}.split.dark .split-text h2 em{color:var(--accent-soft)}.split-text p{font-size:17px;line-height:1.8;color:var(--ink-soft);font-weight:300;margin-bottom:18px}.split-rule{width:60px;height:1px;background:var(--accent);margin-bottom:28px}.facilities{padding:var(--section) 0;background:var(--bg-warm)}.facilities-head{text-align:center;max-width:680px;margin:0 auto clamp(60px,8vw,100px)}.facilities-head .eyebrow{font-size:12px;letter-spacing:.32em;text-transform:uppercase;color:var(--accent);margin-bottom:24px}.facilities-head h2{font-size:clamp(36px,4.5vw,64px);font-weight:300;margin-bottom:24px}.facilities-head h2 em{font-style:italic;color:var(--accent)}.facilities-head p{font-size:17px;color:var(--ink-soft);font-weight:300}.fac-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.fac-card{background:var(--bg-warm);padding:48px 36px;transition:background .4s ease}.fac-card:hover{background:var(--bg)}.fac-num{font-family:var(--font-display);font-size:14px;letter-spacing:.2em;color:var(--accent);margin-bottom:24px;font-weight:500}.fac-card h3{font-size:26px;font-weight:400;margin-bottom:16px;letter-spacing:-.01em}.fac-card p{font-size:15px;color:var(--ink-soft);line-height:1.7;font-weight:300}.hours{padding:clamp(80px,11vw,140px) 0;background:var(--primary-deep);color:#fff;position:relative;overflow:hidden}.hours:before{content:"";position:absolute;inset:0;background:url(https://hss-studio.pages.dev/img/apart-hotel-aris-kopaonik/section/c2f03dd0-2d86-4788-8a0d-97cd48ef103d/3?w=1920&q=70&f=auto) center/cover;opacity:.18}.hours-inner{position:relative;z-index:2;text-align:center;max-width:780px;margin:0 auto}.hours .eyebrow{font-size:12px;letter-spacing:.32em;text-transform:uppercase;color:var(--accent-soft);margin-bottom:28px}.hours h2{color:#fff;font-size:clamp(40px,5vw,72px);font-weight:300;margin-bottom:36px}.hours h2 em{font-style:italic;color:var(--accent-soft)}.hours-time{font-family:var(--font-display);font-size:clamp(28px,3vw,40px);color:#fff;font-weight:300;letter-spacing:.02em;padding:32px 0;border-top:1px solid rgba(255,255,255,.18);border-bottom:1px solid rgba(255,255,255,.18);max-width:420px;margin:0 auto 36px}.hours-time span{color:var(--accent-soft);font-style:italic;margin:0 14px}.hours p{color:#ffffffbf;font-weight:300;font-size:16px;max-width:52ch;margin:0 auto}.full-image{height:80vh;min-height:540px;background-attachment:fixed;background-size:cover;background-position:center;position:relative;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff}.full-image:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#1e2b1f4d,#1e2b1f99)}.full-image-content{position:relative;z-index:2;max-width:720px;padding:0 24px}.full-image .eyebrow{font-size:12px;letter-spacing:.32em;text-transform:uppercase;color:var(--accent-soft);margin-bottom:24px}.full-image blockquote{font-family:var(--font-display);font-size:clamp(28px,3.6vw,48px);font-weight:300;font-style:italic;line-height:1.3;color:#fff}.full-image blockquote:before{content:"« "}.full-image blockquote:after{content:" »"}.gallery-sec{padding:var(--section) 0;background:var(--bg)}.gallery-head{text-align:center;max-width:680px;margin:0 auto clamp(50px,7vw,80px)}.gallery-head .eyebrow{font-size:12px;letter-spacing:.32em;text-transform:uppercase;color:var(--accent);margin-bottom:24px}.gallery-head h2{font-size:clamp(36px,4.5vw,64px);font-weight:300;margin-bottom:20px}.gallery-head h2 em{font-style:italic;color:var(--accent)}.gallery-head p{font-size:17px;color:var(--ink-soft);font-weight:300}.cta{padding:var(--section) 0;background:var(--bg-warm);text-align:center}.cta .eyebrow{font-size:12px;letter-spacing:.32em;text-transform:uppercase;color:var(--accent);margin-bottom:24px}.cta h2{font-size:clamp(40px,5vw,72px);font-weight:300;margin-bottom:28px;max-width:18ch;margin-left:auto;margin-right:auto}.cta h2 em{font-style:italic;color:var(--accent)}.cta p{font-size:18px;color:var(--ink-soft);max-width:54ch;margin:0 auto 44px;font-weight:300}.btn{display:inline-block;padding:18px 44px;background:var(--primary);color:#fff;font-size:13px;letter-spacing:.16em;text-transform:uppercase;border-radius:100px;transition:all .4s ease;font-weight:500}.btn:hover{background:var(--accent);transform:translateY(-2px);box-shadow:0 14px 40px #8b6f474d}.btn.ghost{background:transparent;color:var(--ink);border:1px solid var(--ink);margin-left:14px}.btn.ghost:hover{background:var(--ink);color:#fff;border-color:var(--ink)}footer{background:#1a1a1a;color:#ffffffb3;padding:clamp(70px,9vw,110px) 0 36px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:60px;margin-bottom:70px}.footer-brand img{height:56px;width:auto;margin-bottom:24px;filter:brightness(0) invert(1)}.footer-brand p{font-size:14px;line-height:1.7;color:#ffffff8c;max-width:34ch;font-weight:300}.footer-col h4{font-family:var(--font-display);color:#fff;font-size:14px;letter-spacing:.18em;text-transform:uppercase;margin-bottom:24px;font-weight:400}.footer-col a{font-size:14px;color:#fff9;font-weight:300;transition:color .3s ease}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:32px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;font-size:12px;letter-spacing:.08em;color:#fff6}.footer-social{display:flex;gap:18px}.footer-social a{width:36px;height:36px;border:1px solid rgba(255,255,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;color:#fff9;transition:all .3s ease}.footer-social a:hover{border-color:var(--accent-soft);color:var(--accent-soft)}.reveal{opacity:0;transform:translateY(40px);transition:opacity 1s ease,transform 1s ease}.reveal.in{opacity:1;transform:translateY(0)}@media(max-width:960px){nav.primary{display:none}.burger{display:block}.intro-grid{grid-template-columns:1fr;gap:32px}.split-inner{grid-template-columns:1fr;min-height:auto}.split.reverse .split-inner{direction:ltr}.split-img{min-height:380px}.fac-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr;gap:40px}.full-image{background-attachment:scroll}.btn.ghost{margin-left:0;margin-top:14px}}@media(max-width:540px){.footer-grid{grid-template-columns:1fr}.page-hero{height:70vh}}header.site{position:fixed;top:0;left:0;right:0;z-index:100;padding:24px 0;transition:all .4s ease;background:transparent}header.site.scrolled{background:#f7f3ecf5;backdrop-filter:blur(12px);padding:14px 0;box-shadow:0 1px 0 var(--line)}.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:40px}.logo-link{display:flex;align-items:center;gap:14px;flex-shrink:0}.logo-link img{height:52px;width:auto;transition:height .4s ease;filter:brightness(0) invert(1)}header.site.scrolled .logo-link img{height:42px;filter:none}.logo-text{font-family:var(--font-display);font-size:18px;letter-spacing:.04em;color:#fff;transition:color .4s ease;font-weight:500}header.site.scrolled .logo-text{color:var(--ink)}nav.primary{display:flex;align-items:center;gap:36px}nav.primary a{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:#fff;font-weight:400;position:relative;padding:6px 0;transition:color .3s ease}header.site.scrolled nav.primary a{color:var(--ink)}nav.primary a:after{content:"";position:absolute;left:0;bottom:0;width:0;height:1px;background:var(--accent);transition:width .35s ease}nav.primary a:hover:after{width:100%}nav.primary a:hover{color:var(--accent-soft)}header.site.scrolled nav.primary a:hover{color:var(--accent)}.nav-cta{padding:12px 26px;background:var(--primary);color:#fff!important;border-radius:100px;font-size:12px;letter-spacing:.12em}.nav-cta:after{display:none}.nav-cta:hover{background:var(--accent);color:#fff!important}header.site.scrolled .burger{color:var(--ink)}.wellness-header{max-width:760px;margin-bottom:80px}.rooms-header{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;margin-bottom:80px}footer.site{background:var(--primary-deep);color:#ffffffbf;padding:100px 0 40px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:60px;margin-bottom:80px}.footer-brand img{height:60px;width:auto;filter:brightness(0) invert(1);margin-bottom:24px}.footer-brand p{font-size:14px;line-height:1.7;color:#fff9;max-width:300px}.footer-col h5{font-family:var(--font-display);color:#fff;font-size:15px;letter-spacing:.04em;margin-bottom:24px;font-weight:400}.footer-col ul{list-style:none}.footer-col li{margin-bottom:12px}.footer-col a{font-size:14px;color:#ffffffa6;transition:color .3s ease}.footer-col a:hover{color:var(--accent-soft)}.footer-contact{font-size:14px;line-height:1.9;color:#ffffffa6}.footer-contact a:hover{color:var(--accent-soft)}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:32px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;font-size:12px;color:#ffffff80;letter-spacing:.04em}nav.primary{display:none}.essence-grid,.rooms-grid,.rooms-header,.loc-grid{grid-template-columns:1fr;gap:48px}.footer-grid{grid-template-columns:1fr 1fr;gap:40px}.footer-grid{grid-template-columns:1fr}