@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;1,400&family=DM+Sans:wght@300;400;500;600&display=swap");
:root{--pine:#153c35;--deep:#092c27;--cream:#ece4d5;--ivory:#f7f2e9;--gold:#b89454;--wine:#772f3c;--ink:#18332e}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ivory);color:var(--ink);font-family:"DM Sans",Arial,sans-serif;font-weight:300}a{color:inherit;text-decoration:none}button,input,select{font:inherit}img{display:block;width:100%}
.topbar{position:absolute;z-index:20;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:26px 4vw;color:#fff}.brand,.footer-brand{font:italic 36px/.7 "Cormorant Garamond",Georgia,serif}.brand span,.footer-brand span{display:block;margin-top:10px;font:500 8px "DM Sans",sans-serif;letter-spacing:.32em;text-align:center;text-transform:uppercase}.nav{display:flex;align-items:center;gap:32px;font-size:12px}.nav a{transition:opacity .25s}.nav a:hover{opacity:.65}.nav-cta{padding:13px 21px;border:1px solid #ffffffa6;text-transform:uppercase;letter-spacing:.13em}.menu-toggle{display:none}
.hero{position:relative;min-height:880px;display:flex;align-items:center;overflow:hidden;color:#fff}.hero>img{position:absolute;inset:0;height:100%;object-fit:cover}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#051714c7,#05171440 58%,#05171414)}.hero-content{position:relative;z-index:2;width:min(760px,86vw);margin-left:9vw;padding-top:80px}.eyebrow{margin:0 0 28px;color:var(--gold);font-size:11px;font-weight:600;letter-spacing:.22em;text-transform:uppercase}.eyebrow.light{color:#e1c78e}.hero h1,h2{margin:0;font-family:"Cormorant Garamond",Georgia,serif;font-weight:400}.hero h1{font-size:clamp(74px,9.5vw,145px);line-height:.76;letter-spacing:-.035em}.hero-intro{max-width:530px;margin:42px 0 38px;font-size:17px;line-height:1.8;color:#ffffffd6}.button{display:inline-block;padding:17px 26px;font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;transition:transform .25s}.button:hover{transform:translateY(-2px)}.button-gold{background:var(--gold);color:var(--deep)}.hero-count{position:absolute;z-index:2;right:4vw;bottom:46px;display:flex;align-items:center;gap:16px;padding:18px 22px;border-left:1px solid #ffffff6b}.hero-count strong{font:400 50px/1 "Cormorant Garamond",serif}.hero-count span{font-size:10px;line-height:1.5;letter-spacing:.14em;text-transform:uppercase}
.manifesto{display:grid;grid-template-columns:1fr 1fr;gap:10vw;padding:120px 9vw;background:var(--cream)}.manifesto h2,.catalogue-head h2,.faq h2{font-size:clamp(56px,6vw,88px);line-height:.88;letter-spacing:-.025em}.manifesto-copy{padding-top:40px}.manifesto-copy p{max-width:610px;color:#18332ebf;font-size:15px;line-height:1.9}.manifesto-copy .lead{margin-top:0;color:var(--ink);font:400 28px/1.35 "Cormorant Garamond",serif}
.editorial{display:grid;grid-template-columns:1.1fr .9fr;min-height:720px;background:var(--deep);color:#fff}.editorial-main{position:relative;min-height:720px;margin:0;overflow:hidden}.editorial-main img{height:100%;object-fit:cover}.editorial-main figcaption{position:absolute;left:28px;bottom:24px;font-size:10px;letter-spacing:.12em;text-transform:uppercase}.editorial-copy{display:flex;flex-direction:column;justify-content:center;padding:8vw}.editorial-copy h2{font-size:clamp(52px,5.4vw,84px);line-height:.87}.editorial-copy>p:last-child{max-width:520px;margin:35px 0 0;color:#ffffffb3;line-height:1.9}
.wine-catalogue{padding:120px 6vw;background:#f8f4ed}.catalogue-head{display:grid;grid-template-columns:1.1fr .9fr;align-items:end;gap:8vw;max-width:1400px;margin:auto}.catalogue-head>p{max-width:550px;margin:0 0 8px;color:#18332ea6;line-height:1.8}.category-tabs{display:flex;gap:8px;max-width:1400px;margin:60px auto 22px;overflow-x:auto;scrollbar-width:none}.category-tabs button{flex:0 0 auto;padding:13px 18px;border:1px solid #cfc6b7;background:transparent;color:var(--ink);font-size:11px;cursor:pointer}.category-tabs button.active{border-color:var(--pine);background:var(--pine);color:#fff}.filters{display:grid;grid-template-columns:2fr 1fr;gap:16px;max-width:1400px;margin:auto}.filters label>span{display:block;margin-bottom:8px;color:#6e746f;font-size:9px;font-weight:600;letter-spacing:.16em;text-transform:uppercase}.filters input,.filters select{width:100%;height:58px;padding:0 18px;border:1px solid #d8d0c4;border-radius:0;outline:0;background:#fff;color:var(--ink)}.filters input:focus,.filters select:focus{border-color:var(--gold)}.results-bar{display:flex;justify-content:space-between;max-width:1400px;margin:30px auto 18px;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.results-bar button{border:0;background:0;color:var(--wine);cursor:pointer;text-decoration:underline}.wine-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:1400px;margin:auto}.wine-card{position:relative;min-height:125px;padding:14px 20px 13px;overflow:hidden;border:1px solid #ded6ca;background:#fff}.wine-mark{position:absolute;top:0;left:0;width:4px;height:100%;background:#c6b487}.wine-mark.rouge,.wine-mark.vins-rouges{background:#793b45}.wine-mark.blanc,.wine-mark.vins-blancs{background:#d7c47f}.wine-mark.rose,.wine-mark.vins-roses{background:#d79c91}.wine-mark.champagne,.wine-mark.champagnes{background:var(--gold)}.wine-card-top,.wine-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px}.wine-card-top{color:#8b867e;font-size:8px;font-weight:600;letter-spacing:.13em;text-transform:uppercase}.wine-card-top strong{color:var(--gold);font-size:10px}.wine-card h3{min-height:0;margin:10px 0 3px;font:500 22px/1.02 "Cormorant Garamond",serif}.wine-card>p{min-height:0;margin:0 0 9px;color:#77756f;font-size:10px;line-height:1.3}.wine-card-bottom{padding-top:8px;border-top:1px solid #eee8df;font-size:10px}.wine-card-bottom strong{color:var(--wine);font:500 21px "Cormorant Garamond",serif}.formats{display:flex;gap:10px;margin-top:5px;color:#8b867e;font-size:8px}.load-more{display:block;margin:42px auto 0;padding:17px 28px;border:1px solid var(--pine);background:transparent;color:var(--pine);font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;cursor:pointer}.empty-state{padding:80px 20px;text-align:center}.empty-state h3{font:400 38px "Cormorant Garamond",serif}
.selection{display:grid;grid-template-columns:1fr 1fr;min-height:700px;background:var(--wine);color:#fff}.selection-copy{display:flex;flex-direction:column;justify-content:center;padding:9vw}.selection-copy h2{font-size:clamp(52px,5.8vw,88px);line-height:.87}.selection-copy>p:not(.eyebrow){max-width:520px;margin:34px 0;color:#ffffffb8;line-height:1.9}.selection>img{height:100%;object-fit:cover}.text-link{align-self:flex-start;padding:0 0 8px;border-bottom:1px solid #ffffff80;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.text-link span{margin-left:10px}
.gallery{display:grid;grid-template-columns:1.1fr .9fr .9fr;grid-template-rows:360px 360px;gap:10px;padding:10px;background:var(--cream)}.gallery figure{margin:0;overflow:hidden}.gallery img{height:100%;object-fit:cover;transition:transform .7s}.gallery figure:hover img{transform:scale(1.025)}.gallery-tall{grid-row:1/3}.gallery-quote{grid-column:2/4;display:flex;flex-direction:column;justify-content:center;padding:7vw;background:var(--pine);color:#fff}.gallery-quote p{max-width:720px;margin:0;font:italic 400 clamp(40px,4.5vw,70px)/1.05 "Cormorant Garamond",serif}.gallery-quote span{margin-top:26px;color:#d8bd85;font-size:10px;letter-spacing:.18em;text-transform:uppercase}
.faq{display:grid;grid-template-columns:.9fr 1.1fr;gap:9vw;padding:120px 9vw;background:var(--cream)}.faq-list details{border-top:1px solid #18332e38}.faq-list details:last-child{border-bottom:1px solid #18332e38}.faq-list summary{display:flex;justify-content:space-between;gap:18px;padding:25px 0;cursor:pointer;list-style:none;font-size:15px;font-weight:500}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:var(--gold);font-size:22px}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{max-width:680px;margin:-5px 0 26px;color:#18332ead;font-size:14px;line-height:1.8}
.reservation{position:relative;min-height:680px;display:grid;place-items:center;overflow:hidden;color:#fff;text-align:center}.reservation>img,.reservation-shade{position:absolute;inset:0;height:100%;object-fit:cover}.reservation-shade{background:#061f1b94}.reservation-content{position:relative;z-index:1}.reservation h2{margin-bottom:38px;font-size:clamp(62px,7vw,105px);line-height:.82}
footer{display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px;padding:75px 7vw 36px;background:var(--deep);color:#ffffffb8;font-size:12px;line-height:1.8}.footer-brand{color:#fff;font-size:44px;align-self:start;justify-self:start}.footer-links{display:flex;flex-direction:column}.footer-links a:hover,footer a:hover{color:#fff}.legal{grid-column:1/-1;margin:40px 0 0;padding-top:20px;border-top:1px solid #ffffff1f;color:#ffffff6b;font-size:10px}
@media(max-width:900px){.topbar{padding:22px}.menu-toggle{z-index:2;display:flex;flex-direction:column;gap:7px;padding:10px;border:0;background:transparent}.menu-toggle span{width:26px;height:1px;background:#fff}.nav{position:absolute;top:0;right:0;display:none;width:min(360px,100vw);padding:95px 30px 35px;background:var(--deep);flex-direction:column;align-items:stretch}.nav.open{display:flex}.hero{min-height:780px}.hero-content{margin-left:22px}.hero h1{font-size:76px}.hero-count{right:18px;bottom:24px}.hero-count strong{font-size:38px}.manifesto,.catalogue-head,.faq{grid-template-columns:1fr}.manifesto,.wine-catalogue,.faq{padding:82px 22px}.manifesto{gap:22px}.manifesto-copy{padding-top:0}.editorial,.selection{grid-template-columns:1fr}.editorial-main,.editorial{min-height:560px}.editorial-copy,.selection-copy{padding:78px 22px}.selection>img{height:560px}.filters{grid-template-columns:1fr}.wine-grid{grid-template-columns:1fr}.wine-card{min-height:auto}.gallery{grid-template-columns:1fr 1fr;grid-template-rows:500px 260px auto}.gallery-tall{grid-column:1/3;grid-row:auto}.gallery-quote{grid-column:1/3;padding:60px 28px}footer{grid-template-columns:1fr}}
@media(max-width:520px){.hero h1{font-size:66px}.hero-intro{font-size:15px}.hero-count{left:22px;right:auto}.manifesto h2,.catalogue-head h2,.faq h2{font-size:52px}.category-tabs{margin-top:42px}.gallery{grid-template-rows:480px 220px 220px auto}.gallery figure:not(.gallery-tall){grid-column:1/3}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important}}