@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400;1,500&family=Jost:wght@300;400;500&display=swap');
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
:root{--clay:#7A2E1A;--clay-mid:#9E4028;--clay-light:#C4704A;--zellige:#1B4A7A;--zellige-mid:#2B6A9A;--saffron:#C9882A;--saffron-light:#E8B86A;--sand:#F5EAD0;--sand-dark:#EAD9B8;--warm-white:#FDFAF5;--text-dark:#1E150A;--text-mid:#3D2E1A;--text-muted:#7A6045;--text-light:#A89070;--rule:rgba(122,46,26,0.15);}
html{scroll-behavior:smooth;}
body{font-family:'Jost',sans-serif;background:var(--warm-white);color:var(--text-dark);font-size:16px;line-height:1.7;font-weight:300;}
.site-header{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 3rem;height:60px;background:rgba(253,250,245,0.96);backdrop-filter:blur(8px);border-bottom:0.5px solid var(--rule);}
.site-logo{font-family:'Cormorant Garamond',serif;font-size:18px;font-weight:500;letter-spacing:0.04em;color:var(--clay);text-decoration:none;}
.site-logo span{color:var(--saffron);}
.site-nav{display:flex;gap:2rem;list-style:none;}
.site-nav a{font-size:12px;font-weight:400;letter-spacing:0.12em;text-transform:uppercase;color:var(--text-muted);text-decoration:none;transition:color 0.2s;}
.site-nav a:hover{color:var(--clay);}
.dest-nav{position:sticky;top:60px;z-index:90;background:var(--clay);border-bottom:0.5px solid rgba(255,255,255,0.1);}
.dest-nav-inner{max-width:1200px;margin:0 auto;padding:0 3rem;display:flex;overflow-x:auto;scrollbar-width:none;}
.dest-nav-inner::-webkit-scrollbar{display:none;}
.dest-nav a{padding:14px 20px;font-size:12px;letter-spacing:0.1em;text-transform:uppercase;color:rgba(245,234,208,0.55);text-decoration:none;white-space:nowrap;border-bottom:2px solid transparent;transition:all 0.2s;}
.dest-nav a:hover,.dest-nav a.active{color:var(--sand);border-bottom-color:var(--saffron);}
.dest-hero{padding-top:60px;background:var(--clay);min-height:420px;display:grid;grid-template-columns:1fr 1fr;position:relative;overflow:hidden;}
.dest-hero-art{position:relative;background:var(--clay-mid);overflow:hidden;min-height:380px;}
.dest-hero-art-text{position:absolute;bottom:2.5rem;left:2.5rem;right:2.5rem;}
.dest-hero-art-text .location-tag{display:inline-block;font-size:11px;letter-spacing:0.14em;text-transform:uppercase;color:var(--saffron-light);border:0.5px solid rgba(201,136,42,0.4);padding:4px 12px;margin-bottom:1rem;}
.dest-hero-art-text h1{font-family:'Cormorant Garamond',serif;font-size:clamp(36px,4.5vw,60px);font-weight:300;line-height:1.05;color:var(--sand);letter-spacing:-0.01em;}
.dest-hero-art-text h1 em{font-style:italic;color:var(--saffron-light);}
.dest-hero-content{display:flex;flex-direction:column;justify-content:center;padding:6rem 3.5rem 3rem 3.5rem;}
.dest-hero-eyebrow{font-size:11px;letter-spacing:0.16em;text-transform:uppercase;color:var(--clay-light);margin-bottom:1.5rem;}
.dest-hero-intro{font-family:'Cormorant Garamond',serif;font-size:clamp(18px,2vw,24px);font-weight:300;line-height:1.5;color:var(--sand);margin-bottom:2rem;}
.dest-hero-intro strong{font-weight:500;color:var(--saffron-light);}
.dest-hero-meta{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;padding-top:1.5rem;border-top:0.5px solid rgba(245,234,208,0.1);}
.meta-item{display:flex;flex-direction:column;gap:3px;}
.meta-label{font-size:10px;letter-spacing:0.14em;text-transform:uppercase;color:var(--clay-light);}
.meta-value{font-family:'Cormorant Garamond',serif;font-size:16px;color:var(--sand);}
.page-body{max-width:1200px;margin:0 auto;padding:0 3rem;}
.section{padding:5rem 0;border-bottom:0.5px solid var(--rule);}
.section:last-child{border-bottom:none;}
.section-header{display:grid;grid-template-columns:180px 1fr;gap:3rem;margin-bottom:3rem;align-items:baseline;}
.section-number{font-family:'Cormorant Garamond',serif;font-size:64px;font-weight:300;color:var(--sand-dark);line-height:1;letter-spacing:-0.02em;user-select:none;}
.section-label{font-size:10px;letter-spacing:0.16em;text-transform:uppercase;color:var(--saffron);margin-bottom:0.5rem;display:block;}
.section-title{font-family:'Cormorant Garamond',serif;font-size:clamp(26px,2.8vw,38px);font-weight:400;line-height:1.15;color:var(--clay);letter-spacing:-0.01em;}
.section-body{margin-left:calc(180px + 3rem);}
.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:3rem;}
.why-card{background:var(--sand);padding:1.75rem 2rem;border-left:2px solid var(--saffron);}
.why-card h3{font-family:'Cormorant Garamond',serif;font-size:19px;font-weight:500;color:var(--clay);margin-bottom:0.6rem;}
.why-card p{font-size:14px;color:var(--text-mid);line-height:1.7;}
.pull-quote{font-family:'Cormorant Garamond',serif;font-size:clamp(18px,2vw,26px);font-weight:300;font-style:italic;color:var(--clay);line-height:1.5;padding:2.5rem 3rem;border-top:0.5px solid var(--rule);border-bottom:0.5px solid var(--rule);position:relative;}
.pull-quote::before{content:'\201C';position:absolute;top:0.75rem;left:1.25rem;font-size:72px;color:var(--saffron);line-height:1;opacity:0.35;}
.stay-list{display:flex;flex-direction:column;}
.stay-item{display:grid;grid-template-columns:1fr auto;align-items:start;gap:2rem;padding:2rem 0;border-bottom:0.5px solid var(--rule);}
.stay-item:first-child{padding-top:0;}
.stay-item:last-child{border-bottom:none;}
.stay-type-badge{display:inline-block;font-size:10px;letter-spacing:0.12em;text-transform:uppercase;color:var(--saffron);border:0.5px solid var(--saffron);padding:3px 10px;margin-bottom:0.6rem;}
.stay-name{font-family:'Cormorant Garamond',serif;font-size:22px;font-weight:500;color:var(--clay);margin-bottom:0.5rem;display:block;}
.stay-desc{font-size:14px;color:var(--text-mid);line-height:1.7;}
.stay-highlights{display:flex;flex-wrap:wrap;gap:0.5rem;margin-top:0.75rem;}
.highlight-tag{font-size:11px;color:var(--text-muted);background:var(--sand-dark);padding:3px 10px;letter-spacing:0.06em;}
.stay-price{text-align:right;flex-shrink:0;}
.stay-price-from{font-size:10px;letter-spacing:0.1em;text-transform:uppercase;color:var(--text-light);display:block;margin-bottom:2px;}
.stay-price-value{font-family:'Cormorant Garamond',serif;font-size:22px;color:var(--clay);display:block;margin-bottom:0.75rem;}
.book-link{display:inline-block;font-size:11px;letter-spacing:0.1em;text-transform:uppercase;color:var(--clay);border:0.5px solid var(--clay);padding:6px 16px;text-decoration:none;transition:all 0.2s;}
.book-link:hover{background:var(--clay);color:var(--sand);}
.transport-note{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:16px;color:var(--text-muted);margin-top:2rem;padding:1.5rem 2rem;background:var(--sand);border-left:2px solid var(--saffron);}
.food-intro{font-family:'Cormorant Garamond',serif;font-size:clamp(17px,1.8vw,22px);font-weight:300;line-height:1.55;color:var(--text-dark);margin-bottom:3rem;}
.restaurant-list{display:flex;flex-direction:column;}
.restaurant-item{display:flex;gap:1.75rem;padding:1.75rem 0;border-bottom:0.5px solid var(--rule);align-items:flex-start;}
.restaurant-item:first-child{padding-top:0;}
.restaurant-item:last-child{border-bottom:none;}
.restaurant-badge{flex-shrink:0;width:48px;height:48px;background:var(--clay);display:flex;align-items:center;justify-content:center;}
.restaurant-badge span{font-family:'Cormorant Garamond',serif;font-size:9px;color:var(--saffron-light);text-align:center;letter-spacing:0.04em;line-height:1.3;text-transform:uppercase;}
.restaurant-name{font-family:'Cormorant Garamond',serif;font-size:20px;font-weight:500;color:var(--clay);margin-bottom:0.35rem;}
.restaurant-meta{font-size:11px;letter-spacing:0.08em;text-transform:uppercase;color:var(--saffron);margin-bottom:0.5rem;}
.restaurant-desc{font-size:14px;color:var(--text-mid);line-height:1.7;}
.restaurant-external-link{color:#1a6bb5;text-decoration:none;border-bottom:0.5px solid #1a6bb5;padding-bottom:1px;}
.restaurant-external-link:hover{color:#134f87;}
.wine-note{margin-top:3rem;background:var(--clay);padding:2.5rem 3rem;display:grid;grid-template-columns:auto 1fr;gap:2rem;align-items:center;}
.wine-note-label{font-size:10px;letter-spacing:0.16em;text-transform:uppercase;color:var(--saffron-light);writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg);}
.wine-note-content h3{font-family:'Cormorant Garamond',serif;font-size:20px;font-weight:400;color:var(--sand);margin-bottom:0.75rem;}
.wine-note-content p{font-size:14px;color:rgba(245,234,208,0.7);line-height:1.7;}
.activities-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5px;background:var(--rule);}
.activity-card{background:var(--warm-white);padding:2rem;}
.activity-cat{font-size:10px;letter-spacing:0.14em;text-transform:uppercase;color:var(--saffron);margin-bottom:0.75rem;display:block;}
.activity-card h3{font-family:'Cormorant Garamond',serif;font-size:19px;font-weight:500;color:var(--clay);margin-bottom:0.5rem;}
.activity-card p{font-size:14px;color:var(--text-mid);line-height:1.65;}
.activity-seasonal{margin-top:0.75rem;font-size:11px;color:var(--text-light);font-style:italic;}
.activity-link{display:inline-block;margin-top:0.75rem;font-size:12px;letter-spacing:0.08em;color:var(--clay);text-decoration:none;border-bottom:0.5px solid var(--clay-light);padding-bottom:1px;}
.season-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5px;background:var(--rule);margin-bottom:2rem;}
.season-card{background:var(--warm-white);padding:1.5rem;text-align:center;}
.season-card.best{background:var(--clay);}
.season-name{font-size:11px;letter-spacing:0.14em;text-transform:uppercase;color:var(--text-light);margin-bottom:0.4rem;display:block;}
.season-card.best .season-name{color:var(--saffron-light);}
.season-rating{font-family:'Cormorant Garamond',serif;font-size:20px;font-weight:400;color:var(--clay);margin-bottom:0.4rem;display:block;}
.season-card.best .season-rating{color:var(--sand);}
.season-notes{font-size:12px;color:var(--text-muted);line-height:1.5;}
.season-card.best .season-notes{color:rgba(245,234,208,0.65);}
.transport-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;}
.transport-card{padding:1.75rem 2rem;background:var(--sand);}
.transport-card h3{font-family:'Cormorant Garamond',serif;font-size:18px;font-weight:500;color:var(--clay);margin-bottom:0.4rem;}
.transport-duration{font-size:11px;letter-spacing:0.08em;color:var(--saffron);margin-bottom:0.75rem;display:block;}
.transport-card p{font-size:14px;color:var(--text-mid);line-height:1.65;}
.nearby-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;}
.nearby-card{padding:1.75rem;border:0.5px solid var(--rule);transition:border-color 0.2s;text-decoration:none;display:block;}
.nearby-card:hover{border-color:var(--saffron);}
.nearby-country{font-size:10px;letter-spacing:0.14em;text-transform:uppercase;color:var(--text-light);margin-bottom:0.4rem;display:block;}
.nearby-name{font-family:'Cormorant Garamond',serif;font-size:20px;font-weight:500;color:var(--clay);margin-bottom:0.5rem;display:block;}
.nearby-desc{font-size:13px;color:var(--text-muted);line-height:1.6;}
.nearby-rating{display:inline-block;margin-top:1rem;font-size:11px;letter-spacing:0.08em;color:var(--saffron);}
.site-footer{background:var(--clay);padding:3.5rem 3rem;}
.footer-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr auto;gap:4rem;align-items:end;}
.footer-brand{font-family:'Cormorant Garamond',serif;font-size:26px;font-weight:300;color:var(--sand);letter-spacing:0.02em;margin-bottom:0.5rem;}
.footer-tagline{font-size:13px;color:rgba(245,234,208,0.45);letter-spacing:0.06em;}
.footer-legal{font-size:11px;color:rgba(245,234,208,0.25);text-align:right;line-height:1.8;}
@media(max-width:900px){.dest-hero{grid-template-columns:1fr;}.dest-hero-art{min-height:45vh;}.section-header{grid-template-columns:1fr;gap:0.75rem;}.section-number{font-size:40px;}.section-body{margin-left:0;}.why-grid,.activities-grid,.transport-grid,.nearby-grid{grid-template-columns:1fr;}.season-grid{grid-template-columns:repeat(2,1fr);}.page-body{padding:0 1.5rem;}.site-header,.site-footer{padding:0 1.5rem;}.stay-item{grid-template-columns:1fr;}.site-nav{display:none;}}