: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)}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}.burger{display:none;background:none;border:none;color:#fff;font-size:24px;cursor:pointer}header.site.scrolled .burger{color:var(--ink)}.page-hero{position:relative;height:68vh;min-height:520px;width:100%;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:120%;object-fit:cover;will-change:transform;animation:slowZoom 18s ease-out infinite alternate}@keyframes slowZoom{0%{transform:scale(1) translateY(0)}to{transform:scale(1.08) translateY(-3%)}}.page-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#14120e80,#14120e26 40%,#14120ebf);z-index:2}.page-hero .hero-inner{position:relative;z-index:3;padding-bottom:clamp(60px,8vw,110px);width:100%}.hero-eyebrow{font-size:12px;letter-spacing:.28em;text-transform:uppercase;color:var(--accent-soft);margin-bottom:24px;opacity:0;animation:fadeUp 1s .3s forwards}.page-hero h1{font-size:clamp(48px,7.5vw,108px);color:#fff;font-weight:300;line-height:1;margin-bottom:28px;opacity:0;animation:fadeUp 1.1s .5s forwards}.page-hero h1 em{font-style:italic;color:var(--accent-soft);font-weight:300}.page-hero p.lead{max-width:580px;font-size:17px;line-height:1.7;color:#ffffffdb;font-weight:300;opacity:0;animation:fadeUp 1.1s .7s forwards}@keyframes fadeUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}.intro{padding:var(--section) 0 calc(var(--section) * .5)}.intro-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:clamp(40px,7vw,110px);align-items:start}.intro-eyebrow{font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--accent);margin-bottom:18px;font-weight:500}.intro h2{font-size:clamp(32px,4vw,52px);font-weight:300;line-height:1.15}.intro h2 em{font-style:italic;color:var(--accent)}.intro-body p{color:var(--ink-soft);font-size:16px;margin-bottom:20px;font-weight:300;line-height:1.85}.intro-body p:first-child:first-letter{font-family:var(--font-display);font-size:4em;float:left;line-height:.9;margin:6px 14px -6px 0;color:var(--accent);font-weight:400}@media(max-width:880px){.intro-grid{grid-template-columns:1fr;gap:32px}.intro-body p:first-child:first-letter{font-size:3em}}.filter-bar{padding:30px 0 60px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--bg-warm)}.filter-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:24px}.filter-label{font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--ink-soft);font-weight:500}.filter-tags{display:flex;flex-wrap:wrap;gap:10px}.filter-tag{padding:10px 22px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;border:1px solid var(--line);background:transparent;color:var(--ink);cursor:pointer;transition:all .3s ease;font-family:var(--font-body);border-radius:100px;font-weight:400}.filter-tag:hover{border-color:var(--accent);color:var(--accent)}.filter-tag.active{background:var(--primary);color:#fff;border-color:var(--primary)}.gallery{padding:80px 0 var(--section)}.masonry{display:grid;grid-template-columns:repeat(12,1fr);gap:14px;grid-auto-rows:90px;grid-auto-flow:dense}.tile{position:relative;overflow:hidden;cursor:pointer;background:var(--ink);opacity:0;transform:translateY(40px);transition:opacity .9s ease,transform .9s ease,box-shadow .5s ease}.tile.in{opacity:1;transform:translateY(0)}.tile img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.6,.2,1),filter .5s ease;filter:brightness(.96)}.tile:hover img{transform:scale(1.06);filter:brightness(1.05)}.tile:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(20,18,14,.78) 100%);opacity:0;transition:opacity .4s ease;pointer-events:none}.tile:hover:after{opacity:1}.tile .cap{position:absolute;left:24px;right:24px;bottom:20px;color:#fff;z-index:2;opacity:0;transform:translateY(8px);transition:all .4s ease;pointer-events:none}.tile:hover .cap{opacity:1;transform:translateY(0)}.tile .cap-eyebrow{font-size:10px;letter-spacing:.28em;text-transform:uppercase;color:var(--accent-soft);margin-bottom:6px}.tile .cap-title{font-family:var(--font-display);font-size:20px;font-weight:400;letter-spacing:-.01em}.t-l{grid-column:span 6;grid-row:span 6}.t-m{grid-column:span 4;grid-row:span 4}.t-s{grid-column:span 3;grid-row:span 3}.t-w{grid-column:span 6;grid-row:span 3}.t-t{grid-column:span 3;grid-row:span 6}.t-xl{grid-column:span 8;grid-row:span 5}.t-x4{grid-column:span 4;grid-row:span 5}@media(max-width:1000px){.masonry{grid-template-columns:repeat(6,1fr);grid-auto-rows:80px}.t-l{grid-column:span 6;grid-row:span 5}.t-m{grid-column:span 3;grid-row:span 4}.t-s{grid-column:span 3;grid-row:span 3}.t-w{grid-column:span 6;grid-row:span 3}.t-t{grid-column:span 3;grid-row:span 5}.t-xl{grid-column:span 6;grid-row:span 5}.t-x4{grid-column:span 3;grid-row:span 4}}@media(max-width:600px){.masonry{grid-template-columns:repeat(2,1fr);grid-auto-rows:70px;gap:10px}.t-l,.t-m,.t-s,.t-w,.t-t,.t-xl,.t-x4{grid-column:span 2;grid-row:span 4}.t-l,.t-xl{grid-row:span 5}}.quote-strip{position:relative;padding:clamp(100px,15vw,180px) 0;background:var(--primary-deep);color:#fff;overflow:hidden;text-align:center}.quote-strip:before{content:"";position:absolute;inset:0;background-image:url(https://hss-studio.pages.dev/img/apart-hotel-aris-kopaonik/section/e06760f5-f05f-4a1d-b942-86fc80994bec/4?w=1920&q=70&f=auto);background-size:cover;background-position:center;background-attachment:fixed;opacity:.22;z-index:1}.quote-strip .inner{position:relative;z-index:2;max-width:880px;margin:0 auto;padding:0 24px}.quote-strip .mark{font-family:var(--font-display);font-size:140px;line-height:.5;color:var(--accent-soft);opacity:.6;margin-bottom:20px}.quote-strip blockquote{font-family:var(--font-display);font-size:clamp(28px,3.5vw,46px);font-weight:300;line-height:1.3;font-style:italic;color:#fff;margin-bottom:36px}.quote-strip blockquote em{color:var(--accent-soft);font-style:italic}.quote-strip cite{display:block;font-style:normal;font-size:12px;letter-spacing:.28em;text-transform:uppercase;color:#ffffffb3}.cta{padding:var(--section) 0;text-align:center;background:var(--bg-warm)}.cta .eyebrow{font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--accent);margin-bottom:20px;font-weight:500}.cta h2{font-size:clamp(36px,5vw,68px);font-weight:300;margin-bottom:28px}.cta h2 em{font-style:italic;color:var(--accent)}.cta p{max-width:560px;margin:0 auto 44px;color:var(--ink-soft);font-size:17px;font-weight:300}.cta-row{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:10px;padding:18px 38px;font-size:12px;letter-spacing:.18em;text-transform:uppercase;border-radius:100px;transition:all .35s ease;font-weight:500}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--accent);transform:translateY(-2px);box-shadow:0 16px 40px #2d3e2e40}.btn-ghost{border:1px solid var(--ink);color:var(--ink)}.btn-ghost:hover{background:var(--ink);color:#fff}footer.site{background:#1a1714;color:#ffffffb3;padding:clamp(70px,9vw,110px) 0 36px;font-size:14px}.foot-top{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:60px;padding-bottom:60px;border-bottom:1px solid rgba(255,255,255,.08)}.foot-brand img{height:54px;margin-bottom:22px;filter:brightness(0) invert(1)}.foot-brand p{color:#ffffff8c;font-size:14px;line-height:1.75;max-width:340px;font-weight:300}.foot-col h4{color:#fff;font-family:var(--font-body);font-size:11px;letter-spacing:.28em;text-transform:uppercase;font-weight:500;margin-bottom:22px}.foot-col ul{list-style:none}.foot-col li{margin-bottom:12px}.foot-col a{color:#fff9;font-size:14px;transition:color .3s ease;font-weight:300}.foot-col a:hover{color:var(--accent-soft)}.foot-col address{font-style:normal;color:#fff9;line-height:1.85;font-size:14px;font-weight:300}.foot-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:32px;flex-wrap:wrap;gap:18px;font-size:12px;color:#fff6;letter-spacing:.06em}.socials{display:flex;gap:14px}.socials a{width:38px;height:38px;border:1px solid rgba(255,255,255,.18);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.socials a:hover{background:var(--accent);border-color:var(--accent);color:#fff}.socials svg{width:15px;height:15px;fill:currentColor}@media(max-width:880px){.foot-top{grid-template-columns:1fr 1fr;gap:40px}.foot-brand{grid-column:span 2}}@media(max-width:560px){.foot-top{grid-template-columns:1fr}.foot-brand{grid-column:span 1}}@media(max-width:880px){nav.primary{display:none}.burger{display:block}}