:root{--primary:#7A2030;--primary-dark:#5c1824;--accent:#C9A86A;--sage:#5a7a5e;--ink:#1C1A18;--ink-soft:#3a3633;--bg:#F7F3EC;--bg-warm:#efe8da;--white:#fff;--border:rgba(28,26,24,.12);--font-display:"Fraunces",Georgia,serif;--font-body:"Inter",system-ui,sans-serif;--maxw:1320px;--shadow-sm:0 2px 8px rgba(28,26,24,.06);--shadow-md:0 12px 32px rgba(28,26,24,.12);--shadow-lg:0 24px 64px rgba(28,26,24,.18);--t-base:.4s cubic-bezier(.2,.7,.2,1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--ink);background:var(--bg);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}img{max-width:100%;display:block;height:auto}a{color:inherit;text-decoration:none;transition:color var(--t-base)}button{font-family:inherit;cursor:pointer;border:none;background:none}h1,h2,h3,h4{font-family:var(--font-display);font-weight:400;letter-spacing:-.02em;line-height:1.1;color:var(--ink)}.site-header{position:fixed;top:0;left:0;right:0;z-index:100;padding:18px 0;transition:all var(--t-base);background:transparent}.site-header.scrolled{background:#f7f3ecf5;backdrop-filter:blur(12px);box-shadow:var(--shadow-sm);padding:12px 0}.nav-wrap{max-width:var(--maxw);margin:0 auto;padding:0 32px;display:flex;align-items:center;justify-content:space-between;gap:32px}.logo{display:flex;align-items:center;gap:12px;z-index:2}.logo img{height:52px;width:auto;transition:all var(--t-base);filter:brightness(0) invert(1)}.site-header.scrolled .logo img{filter:none;height:44px}.main-nav{display:flex;gap:28px;align-items:center}.main-nav a{font-size:13px;font-weight:500;color:var(--white);letter-spacing:.04em;text-transform:uppercase;position:relative;padding:4px 0;transition:color var(--t-base)}.site-header.scrolled .main-nav a{color:var(--ink)}.main-nav a:after{content:"";position:absolute;left:0;bottom:-2px;width:0;height:1px;background:var(--accent);transition:width var(--t-base)}.main-nav a:hover:after{width:100%}.main-nav a:hover{color:var(--accent)}.nav-cta{background:var(--primary);color:var(--white)!important;padding:11px 22px;border-radius:2px;transition:background var(--t-base)}.nav-cta:hover{background:var(--primary-dark)!important;color:var(--white)!important}.nav-cta:after{display:none}.menu-toggle{display:none;flex-direction:column;gap:5px;cursor:pointer;z-index:2}.menu-toggle span{width:26px;height:1.5px;background:var(--white);transition:all var(--t-base)}.site-header.scrolled .menu-toggle span{background:var(--ink)}.page-hero{position:relative;height:62vh;min-height:480px;overflow:hidden;display:flex;align-items:flex-end}.page-hero-bg{position:absolute;inset:0;z-index:0}.page-hero-bg img{width:100%;height:100%;object-fit:cover}.page-hero-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#1c1a1859,#1c1a1826 35%,#1c1a18bf)}.page-hero-content{position:relative;z-index:1;max-width:var(--maxw);margin:0 auto;padding:0 32px 80px;color:var(--white);width:100%}.page-hero .eyebrow{font-size:12px;letter-spacing:.3em;text-transform:uppercase;color:var(--accent);font-weight:500;margin-bottom:18px;opacity:0;animation:fadeUp .9s ease .1s forwards}.page-hero h1{font-size:clamp(2.6rem,6vw,4.8rem);font-weight:300;color:var(--white);margin-bottom:18px;opacity:0;animation:fadeUp 1s ease .25s forwards}.page-hero h1 em{font-style:italic;color:var(--accent);font-weight:400}.page-hero .lead{font-size:clamp(1rem,1.4vw,1.18rem);max-width:640px;font-weight:300;opacity:0;animation:fadeUp 1s ease .4s forwards;color:#ffffffeb}@keyframes fadeUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}section{padding:100px 0}.container{max-width:var(--maxw);margin:0 auto;padding:0 32px}.section-eyebrow{font-size:11px;letter-spacing:.32em;text-transform:uppercase;color:var(--primary);font-weight:600;margin-bottom:16px;display:inline-block}.section-title{font-size:clamp(2rem,3.6vw,3rem);margin-bottom:22px;font-weight:400}.section-title em{font-style:italic;color:var(--primary)}.section-lead{font-size:1.08rem;color:var(--ink-soft);max-width:680px;margin-bottom:48px;line-height:1.75}.intro{background:var(--white);position:relative}.intro-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:90px;align-items:center}.intro-text p{font-size:1.05rem;color:var(--ink-soft);margin-bottom:20px;line-height:1.85}.intro-text p:first-of-type{font-family:var(--font-display);font-size:1.5rem;line-height:1.45;color:var(--ink);font-weight:300}.intro-text p:first-of-type:first-letter{font-size:3.6rem;float:left;line-height:.9;padding:8px 12px 0 0;color:var(--primary);font-weight:400}.intro-media{position:relative;aspect-ratio:4/5;overflow:hidden}.intro-media img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s ease}.intro-media:hover img{transform:scale(1.04)}.intro-media:after{content:"";position:absolute;inset:18px;border:1px solid var(--accent);pointer-events:none;opacity:.6}.facts{background:var(--bg-warm);padding:70px 0}.facts-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:40px}.fact{text-align:center;padding:18px 12px;border-right:1px solid var(--border)}.fact:last-child{border-right:none}.fact-num{font-family:var(--font-display);font-size:2.6rem;color:var(--primary);font-weight:400;line-height:1;margin-bottom:10px}.fact-label{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-soft);font-weight:500}.distances{background:var(--bg)}.dist-head{text-align:center;margin-bottom:70px}.dist-head .section-lead{margin:0 auto}.dist-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px}.dist-card{background:var(--white);padding:48px 44px;box-shadow:var(--shadow-sm);position:relative;transition:all var(--t-base);border-top:3px solid var(--accent)}.dist-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.dist-card h3{font-size:1.5rem;margin-bottom:6px;color:var(--ink)}.dist-card .sub{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--primary);font-weight:600;margin-bottom:30px;display:block}.dist-list{list-style:none}.dist-list li{display:flex;justify-content:space-between;align-items:baseline;padding:16px 0;border-bottom:1px dashed var(--border);font-size:1rem}.dist-list li:last-child{border-bottom:none}.dist-list .city{color:var(--ink);font-weight:500}.dist-list .km{font-family:var(--font-display);color:var(--primary);font-size:1.15rem;font-weight:500;letter-spacing:.01em}.dist-list .km:after{content:"";display:inline-block;width:18px;height:1px;background:var(--accent);margin-left:10px;vertical-align:middle}.airports{background:var(--ink);color:var(--white);position:relative;overflow:hidden}.airports:before{content:"";position:absolute;top:0;left:0;width:40%;height:100%;background:url(https://hss-studio.pages.dev/img/hotel-tonanti/scraped/kako-do-nas/4?w=1200&q=70&f=auto) center/cover;opacity:.18}.airports .container{position:relative;z-index:1}.airports .section-eyebrow{color:var(--accent)}.airports .section-title{color:var(--white)}.airports .section-title em{color:var(--accent)}.airport-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:50px}.airport{padding:42px 38px;background:#ffffff0a;border:1px solid rgba(201,168,106,.25);backdrop-filter:blur(6px);transition:all var(--t-base)}.airport:hover{background:#ffffff12;border-color:var(--accent)}.airport-code{font-family:var(--font-display);font-size:.9rem;letter-spacing:.4em;color:var(--accent);margin-bottom:14px;display:block}.airport h3{color:var(--white);font-size:1.6rem;margin-bottom:8px}.airport .city-tag{font-size:13px;color:#ffffff8c;margin-bottom:28px;letter-spacing:.1em;text-transform:uppercase}.airport .distance{font-family:var(--font-display);font-size:3rem;color:var(--white);font-weight:300;line-height:1}.airport .distance span{font-size:1rem;color:var(--accent);margin-left:4px;letter-spacing:.1em}.airport .desc{margin-top:22px;font-size:.97rem;color:#ffffffb8;line-height:1.7}.transfer{background:var(--bg-warm);padding:90px 0}.transfer-inner{display:grid;grid-template-columns:1fr 1.1fr;gap:80px;align-items:center}.transfer-img{aspect-ratio:5/4;overflow:hidden;position:relative}.transfer-img img{width:100%;height:100%;object-fit:cover}.transfer-img:before{content:"";position:absolute;top:-14px;left:-14px;width:80px;height:80px;border-top:1px solid var(--accent);border-left:1px solid var(--accent);z-index:1}.transfer-img:after{content:"";position:absolute;bottom:-14px;right:-14px;width:80px;height:80px;border-bottom:1px solid var(--accent);border-right:1px solid var(--accent);z-index:1}.transfer-text h2{font-size:clamp(1.8rem,3vw,2.6rem);margin-bottom:22px}.transfer-text h2 em{font-style:italic;color:var(--primary)}.transfer-text p{font-size:1.05rem;color:var(--ink-soft);margin-bottom:18px;line-height:1.8}.btn{display:inline-block;background:var(--primary);color:var(--white);padding:16px 38px;font-size:13px;letter-spacing:.18em;text-transform:uppercase;font-weight:500;transition:all var(--t-base);border:1px solid var(--primary);margin-top:14px}.btn:hover{background:var(--primary-dark);border-color:var(--primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-outline{background:transparent;color:var(--primary);border-color:var(--primary)}.btn-outline:hover{background:var(--primary);color:var(--white)}.address-block{background:var(--white);padding:0}.addr-grid{display:grid;grid-template-columns:1fr 1.4fr;min-height:520px}.addr-info{padding:80px 60px;display:flex;flex-direction:column;justify-content:center}.addr-info h2{font-size:2.2rem;margin-bottom:28px}.addr-info h2 em{font-style:italic;color:var(--primary)}.addr-detail{margin-bottom:28px;padding-bottom:28px;border-bottom:1px solid var(--border)}.addr-detail:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.addr-detail .lbl{font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--primary);font-weight:600;margin-bottom:10px;display:block}.addr-detail p,.addr-detail a{font-size:1.02rem;color:var(--ink);line-height:1.7;display:block}.addr-detail a:hover{color:var(--primary)}.addr-map{background:url(https://hss-studio.pages.dev/img/hotel-tonanti/scraped/kako-do-nas/8?w=1400&q=78&f=auto) center/cover;position:relative}.addr-map iframe{width:100%;height:100%;border:0;display:block;min-height:520px}.routes{background:var(--bg)}.routes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;margin-top:50px}.route-card{padding:42px 36px;background:var(--white);border-left:3px solid var(--primary);transition:all var(--t-base);position:relative}.route-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.route-card .num{font-family:var(--font-display);font-size:.85rem;letter-spacing:.3em;color:var(--accent);margin-bottom:18px;display:block;font-weight:500}.route-card h3{font-size:1.3rem;margin-bottom:14px}.route-card p{font-size:.97rem;color:var(--ink-soft);line-height:1.75}.closing{position:relative;padding:140px 0;color:var(--white);text-align:center;overflow:hidden}.closing-bg{position:absolute;inset:0;z-index:0}.closing-bg img{width:100%;height:100%;object-fit:cover}.closing-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#7a2030d9,#1c1a18c7)}.closing-content{position:relative;z-index:1;max-width:760px;margin:0 auto;padding:0 32px}.closing h2{font-size:clamp(2rem,4vw,3.2rem);color:var(--white);margin-bottom:24px;font-weight:300}.closing h2 em{font-style:italic;color:var(--accent)}.closing p{font-size:1.12rem;margin-bottom:36px;opacity:.92;font-weight:300;line-height:1.7}.closing .btn{background:var(--accent);border-color:var(--accent);color:var(--ink)}.closing .btn:hover{background:var(--white);border-color:var(--white);color:var(--primary)}.closing .btn-outline{background:transparent;color:var(--white);border-color:#ffffff80;margin-left:14px}.closing .btn-outline:hover{background:var(--white);color:var(--primary);border-color:var(--white)}footer{background:var(--ink);color:#ffffffb3;padding:80px 0 32px}.foot-grid{max-width:var(--maxw);margin:0 auto 60px;padding:0 32px;display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:60px}.foot-brand img{height:54px;width:auto;margin-bottom:22px;filter:brightness(0) invert(1)}.foot-brand p{font-size:.93rem;line-height:1.75;margin-bottom:18px;color:#fff9}.foot-col h4{color:var(--white);font-size:.85rem;letter-spacing:.2em;text-transform:uppercase;margin-bottom:22px;font-weight:500;font-family:var(--font-body)}.foot-col ul{list-style:none}.foot-col li{margin-bottom:12px}.foot-col a{font-size:.93rem;color:#ffffffa6;transition:color var(--t-base)}.foot-col a:hover{color:var(--accent)}.foot-col p{font-size:.93rem;line-height:1.8;color:#ffffffa6;margin-bottom:8px}.foot-bot{max-width:var(--maxw);margin:0 auto;padding:28px 32px 0;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center;font-size:.82rem;color:#fff6;flex-wrap:wrap;gap:14px}@media(max-width:980px){.main-nav{display:none;position:fixed;inset:0;background:var(--bg);flex-direction:column;justify-content:center;padding:80px 32px;gap:24px}.main-nav.open{display:flex}.main-nav a{color:var(--ink);font-size:1.1rem}.site-header.scrolled .main-nav a{color:var(--ink)}.menu-toggle{display:flex}section{padding:70px 0}.intro-grid,.transfer-inner,.addr-grid,.dist-grid,.airport-grid{grid-template-columns:1fr;gap:48px}.addr-info{padding:60px 32px}.facts-grid{grid-template-columns:repeat(2,1fr);gap:30px}.fact{border-right:none;border-bottom:1px solid var(--border);padding-bottom:24px}.fact:nth-last-child(-n+2){border-bottom:none}.routes-grid{grid-template-columns:1fr}.page-hero{height:55vh}.page-hero-content{padding-bottom:50px}.closing .btn-outline{margin-left:0;margin-top:14px}}