/* Proud Wineaux static site. Fonts approximate the Wix originals:
   Lulo Clean -> Lexend Zetta 800, Didot Italic -> Bodoni Moda Italic, Futura -> Jost */
:root{
  --wide-w:800;
  --ink:#363636;
  --gold:#EBBA4D;
  --tan:#DBB89A;
  --teal:#22C9BE;
  --wine:#8B1832;
  --paper:#ffffff;
  --mist:#f4f4f4;
  --wide:'Lexend Zetta','Krona One',Arial,sans-serif;
  --serif:'Bodoni Moda','Didot','Bodoni 72',Georgia,serif;
  --sans:'Jost','Futura','Century Gothic',Arial,sans-serif;
  --header-h:64px;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:8px;-webkit-text-size-adjust:100%}
body{font-variant-numeric:lining-nums;margin:0;background:var(--paper);color:var(--ink);font-family:var(--serif);font-size:16px;line-height:1.55;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.wide{font-family:var(--wide);text-transform:uppercase;letter-spacing:-.03em;font-weight:400}
.it{font-family:var(--serif);font-style:italic}
.dot{color:var(--gold)}
.title{font-family:var(--wide);text-transform:uppercase;letter-spacing:-.02em;font-size:clamp(24px,4vw,40px);line-height:1.2;margin:0;font-weight:400;color:var(--ink)}
.container{width:min(980px,100% - 32px);margin-inline:auto}

/* ---------- Header ---------- */
.site-header{position:absolute;top:0;left:0;right:0;z-index:50;height:0;pointer-events:none}
.site-header .bar{width:min(1200px,100% - 32px);margin-inline:auto;padding-top:18px}
.brand{display:inline-block;pointer-events:auto}
.brand img{height:46px;width:auto;display:block}
/* home: top of flag lines up with top of the PW letters (51px down) */
.site-header.home .bar{padding-top:49px}

/* ---------- Buttons ---------- */
.btn{display:inline-block;text-decoration:none;font-family:var(--wide);text-transform:uppercase;letter-spacing:-.03em;font-size:11px;padding:10px 22px;border:0;cursor:pointer;transition:transform .15s,filter .15s}
.btn:hover{filter:brightness(1.06);transform:translateY(-1px)}
.btn-tan{background:var(--tan);color:#fff;font-size:13px;padding:8px 12px;box-shadow:0 10px 10px -4px rgba(0,0,0,.35)}
.btn-dark{background:#3a3a3a;color:#fff;font-size:15px;padding:12px 24px;box-shadow:0 4px 10px rgba(0,0,0,.35)}
.btn-gold{background:var(--gold);color:#fff}

/* ---------- Home: hero ---------- */
.hero{position:relative;background:#fff;height:589px;overflow:hidden}
.hero .pw{display:block;position:absolute;left:50%;top:0;transform:translateX(-50%);width:409px;aspect-ratio:409/252;overflow:hidden}
.hero .pw img{width:100%;height:100%;object-fit:cover}
.hero .pour{display:block;position:absolute;left:calc(50% - 68px);top:196px;width:263px}
.hero .pour img{width:100%;height:auto}
@media (max-width:600px){
  .hero{height:auto;padding-bottom:12px}
  .hero .pw{position:relative;left:auto;transform:none;margin:0 auto;width:min(409px,92vw)}
  .hero .pour{position:relative;left:auto;top:auto;width:min(210px,56vw);margin:-40px auto 0;transform:translateX(13%)}
}

/* ---------- Home: cities ---------- */
.cities{position:relative;min-height:562px;background:#222 url(../img/bg-bridge.jpg) center/cover no-repeat;display:flex;align-items:center;justify-content:center;padding:40px 0 0}
.cities h2{margin:0;color:#fff;font-family:var(--wide);font-weight:400;font-size:clamp(15px,2.6vw,28px);letter-spacing:-.03em;text-transform:uppercase;text-align:center;text-shadow:0 2px 12px rgba(0,0,0,.45);padding:0 16px}
@media (max-width:600px){.cities{min-height:300px}}

/* ---------- Home: about ---------- */
.about{background:linear-gradient(rgba(250,250,250,.68),rgba(250,250,250,.68)),#fafafa url(../img/bg-about-food.jpg) center/cover no-repeat;padding:30px 16px 40px;text-align:center}
.about .title{margin-bottom:22px}
.about-box{max-width:560px;margin:0 auto;background:rgba(235,186,77,.49);color:#000;padding:26px 34px 22px;text-align:center}
.about-box p{margin:0 0 10px;font-style:italic;font-size:15.5px;line-height:1.45;font-weight:500}
.about-box .sign{margin:0}
.about-box .about-line{font-size:17px;margin:14px 0 14px}

/* ---------- Home: services ---------- */
.services{background:var(--mist);padding:40px 16px 64px;text-align:center}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:34px;max-width:1120px;margin:36px auto 0}
.card{display:flex;flex-direction:column;align-items:center}
.card .box{background:#fafafa;border:1px solid #c9a96e;width:100%;min-height:210px;padding:28px 20px 26px}
.card h3{font-family:var(--wide);font-weight:400;font-size:clamp(13px,1.5vw,20px);letter-spacing:-.03em;margin:0 0 16px;text-transform:uppercase}
.card h3::after{content:"";display:block;width:36px;height:1px;background:var(--gold);margin:16px auto 0}
.card p{margin:0;font-style:italic;font-size:15.5px;line-height:1.45}
.card .btn{margin-top:22px}
@media (max-width:900px){.cards{grid-template-columns:repeat(2,1fr)}}
@media (max-width:480px){.cards{grid-template-columns:1fr;max-width:340px}}

/* ---------- Home: video ---------- */
.video{background:#111;position:relative}
.yt{position:relative;width:100%;max-width:1440px;margin:0 auto;aspect-ratio:16/9;max-height:618px;background:#000 center/cover no-repeat;cursor:pointer}
.yt iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.yt button{position:absolute;inset:0;margin:auto;width:72px;height:50px;border:0;border-radius:12px;background:#f00;cursor:pointer;opacity:.92}
.yt button::after{content:"";position:absolute;left:29px;top:15px;border-style:solid;border-width:10px 0 10px 17px;border-color:transparent transparent transparent #fff}
.yt .yt-title{position:absolute;left:0;right:0;top:0;padding:14px 18px;color:#fff;font-family:var(--sans);font-size:15px;background:linear-gradient(rgba(0,0,0,.6),transparent)}

/* ---------- Home: steps ---------- */
.steps{background:#eee url(../img/bg-marble.jpg) center/cover no-repeat;padding:70px 16px;text-align:center}
.steps .panel{max-width:920px;margin:0 auto;padding:30px 16px;color:#111}
.steps h2{font-family:var(--serif);font-style:italic;font-weight:400;font-size:clamp(30px,4vw,52px);letter-spacing:.05em;line-height:1.15;margin:0}
.steps p{font-family:var(--serif);font-style:italic;font-size:clamp(16px,1.3vw,19px);line-height:1.5;margin:18px auto 30px;max-width:560px}
.steps .go{display:inline-block;background:var(--tan);color:#fff;text-decoration:none;font-family:var(--wide);font-size:12px;text-transform:uppercase;letter-spacing:-.02em;padding:14px 30px;box-shadow:0 10px 10px -4px rgba(0,0,0,.3);transition:transform .15s,filter .15s}
.steps .go:hover{filter:brightness(1.06);transform:translateY(-1px)}

/* ---------- Home: gallery ---------- */
.portfolio{padding:20px 0 0;text-align:center;background:#fff}
.portfolio .title{margin:6px 0 20px}
.gallery-wrap{position:relative}
.gallery{--tile:clamp(150px,15vw,268px);display:grid;grid-auto-flow:column;grid-template-rows:repeat(2,var(--tile));grid-auto-columns:var(--tile);gap:2px;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.gallery::-webkit-scrollbar{display:none}
.gallery a{display:block;overflow:hidden;background:#eee}
.gallery img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.gallery a:hover img{transform:scale(1.04)}
.g-prev,.g-next{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:44px;height:64px;border:0;background:rgba(255,255,255,.55);color:#222;font-size:40px;line-height:1;cursor:pointer}
.g-prev{left:0}.g-next{right:0}
.g-prev:hover,.g-next:hover{background:rgba(255,255,255,.85)}
.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.9);display:none;align-items:center;justify-content:center;z-index:100;padding:20px}
.lightbox.open{display:flex}
.lightbox img{max-height:90vh;max-width:92vw;object-fit:contain}
.lightbox button{position:absolute;background:none;border:0;color:#fff;font-size:34px;cursor:pointer;padding:10px 16px;font-family:var(--sans)}
.lightbox .lb-close{top:8px;right:8px}
.lightbox .lb-prev{left:4px;top:50%;transform:translateY(-50%)}
.lightbox .lb-next{right:4px;top:50%;transform:translateY(-50%)}

/* ---------- Home: blog band ---------- */
.blogband{background:#fff url(../img/bg-blog.jpg) center bottom/cover no-repeat;padding:70px 16px;text-align:center;position:relative}
.blogband::before{content:"";position:absolute;inset:0;background:rgba(255,255,255,.55)}
.blogband>*{position:relative}
.blogband a{text-decoration:none}
.blogband .t{font-family:var(--wide);text-transform:uppercase;letter-spacing:-.02em;font-size:clamp(18px,3vw,36px);margin:0;line-height:1.35}
.blogband .tags{font-family:var(--wide);letter-spacing:-.02em;font-size:clamp(11px,1.3vw,14px);margin-top:14px}

/* ---------- Home: training banner ---------- */
.training{background:#141110 url(../img/bg-training.jpg) center/cover no-repeat;text-align:center;padding:clamp(48px,6vw,84px) 16px clamp(44px,5vw,70px);color:#fff}
.training .kick{font-family:var(--sans);font-size:clamp(13px,1.1vw,16px);letter-spacing:.3em;text-transform:uppercase;color:var(--gold);margin:0 0 14px}
.training .title{color:#fff;font-size:clamp(28px,5vw,64px)}
.training .bar{width:70px;height:2px;background:var(--gold);margin:22px auto 20px}
.training .sub{font-family:var(--sans);font-weight:400;font-size:clamp(15px,1.5vw,22px);letter-spacing:.1em;text-transform:uppercase;line-height:1.3;margin:0 0 30px}
.training .btn-tan{font-size:13px;padding:10px 24px}

/* ---------- Home: careers ---------- */
.careers{display:grid;grid-template-columns:273fr 430fr 273fr;min-height:384px}
.careers .ph{background-size:cover;background-position:center}
.careers .mid{position:relative;background:url(../img/careers-center.jpg) center/cover;padding:26px 22px;text-align:center}
.careers .mid::before{content:"";position:absolute;inset:0;background:rgba(255,255,255,.82)}
.careers .mid>*{position:relative}
.careers h4{font-family:var(--sans);font-weight:400;font-size:16px;letter-spacing:.1em;line-height:1.2;text-transform:uppercase;color:#4a4a4a;margin:14px 0 16px}
.careers p{font-family:var(--sans);font-weight:300;font-size:15px;margin:0 0 4px}
.careers .tell{display:inline-block;margin:14px 0 10px;color:#9a6a12;font-weight:500;font-style:italic;font-family:var(--serif);text-decoration:none;font-size:16px}
.careers .tell:hover{text-decoration:underline}
@media (max-width:820px){
  .careers{grid-template-columns:1fr 1fr}
  .careers .mid{grid-column:1 / -1;grid-row:1}
  .careers .ph{min-height:200px}
}

/* ---------- Home: contact ---------- */
.contact{background:#eee url(../img/bg-contact.jpg) center/cover no-repeat;padding:26px 16px 30px;text-align:center}
.contact .mail{display:inline-block;font-style:italic;font-size:18px;margin:6px 0 18px;text-decoration:none}
.contact .mail:hover{text-decoration:underline}
.form{max-width:510px;margin:0 auto;text-align:left}
.form .cols{display:grid;grid-template-columns:1fr 1.15fr;gap:10px}
.form .left{display:flex;flex-direction:column;gap:6px}
.form input,.form textarea{width:100%;font:italic 15px var(--serif);color:var(--ink);background:rgba(255,255,255,.9);border:1px solid var(--tan);padding:6px 8px;border-radius:0}
.form textarea{height:100%;min-height:120px;resize:vertical}
.form input:focus,.form textarea:focus{outline:2px solid var(--gold);outline-offset:0}
.form .actions{display:flex;justify-content:space-between;align-items:center;margin-top:8px;gap:12px}
.form .send{background:none;border:0;font:italic 18px var(--serif);color:var(--ink);cursor:pointer;padding:4px 0 4px 10px}
.form .send:hover{color:var(--wine)}
.form .msg{font-style:italic;font-size:14px;margin:0;min-height:1em}
@media (max-width:560px){.form .cols{grid-template-columns:1fr}}
.socials{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:22px;padding:0;list-style:none}
.socials a{width:34px;height:34px;border-radius:50%;background:#8a8a8a;color:#fff;display:flex;align-items:center;justify-content:center;transition:background .2s}
.socials a:hover{background:var(--wine)}
.socials svg{width:17px;height:17px;fill:currentColor}

/* ---------- Home: clients ---------- */
.clients{background:#333 url(../img/bg-clients.jpg) center/cover no-repeat;position:relative;padding:34px 16px 40px;text-align:center}
.clients::before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.35),rgba(255,255,255,.6) 50%,rgba(255,255,255,.65))}
.clients>*{position:relative}
.clients .title{color:#363636;margin-bottom:26px}
.logos{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-evenly;gap:20px 30px;max-width:1300px;margin:0 auto;list-style:none;padding:0}
.logos li{display:flex;align-items:center;justify-content:center}
.logos img{height:40px;width:auto;max-width:150px;object-fit:contain;filter:grayscale(1) contrast(1.1);opacity:.85;mix-blend-mode:multiply;transition:opacity .2s}
.logos img:hover{opacity:1}
@media (max-width:600px){.logos{gap:18px 22px}.logos img{height:32px;max-width:150px}}

/* ---------- Footer ---------- */
.site-footer{background:#fff;border-top:1px solid #eee;padding:22px 16px 90px;text-align:center}
.site-footer p{font-family:var(--sans);font-size:14px;margin:0 0 12px}
.site-footer .socials{margin-top:0}
.site-footer .socials a{width:28px;height:28px;background:#a5a5a5}
.site-footer .socials svg{width:14px;height:14px}
.chat-btn{position:fixed;right:18px;bottom:18px;z-index:60;display:inline-flex;align-items:center;gap:8px;background:var(--gold);color:#fff;text-decoration:none;font-family:var(--wide);font-size:11px;letter-spacing:-.03em;text-transform:uppercase;padding:12px 18px;border-radius:6px;box-shadow:0 6px 18px rgba(0,0,0,.25)}
.chat-btn svg{width:18px;height:18px;fill:#fff}
.chat-btn:hover{filter:brightness(1.05)}
.chat-panel{position:fixed;right:18px;bottom:76px;z-index:61;width:min(340px,calc(100vw - 36px));background:#fff;border-radius:8px;box-shadow:0 12px 36px rgba(0,0,0,.28);overflow:hidden;font-family:var(--sans)}
.chat-panel[hidden]{display:none}
.chat-top{display:flex;align-items:center;justify-content:space-between;background:var(--gold);color:#fff;padding:10px 14px}
.chat-top p{margin:0;font-family:var(--wide);font-size:12px;text-transform:uppercase;letter-spacing:-.03em}
.chat-close{background:none;border:0;color:#fff;font-size:26px;line-height:1;cursor:pointer;padding:0 4px}
.chat-intro{margin:14px 16px 6px;font-size:15px;color:#363636}
.chat-form{display:flex;flex-direction:column;gap:8px;padding:6px 16px 16px}
.chat-form input,.chat-form textarea{font:15px var(--sans);border:1px solid #d9c9b0;border-radius:4px;padding:10px;width:100%}
.chat-form textarea{min-height:96px;resize:vertical}
.chat-form .send{align-self:flex-end;background:var(--gold);color:#fff;border:0;border-radius:4px;padding:10px 22px;font-family:var(--wide);font-size:11px;text-transform:uppercase;cursor:pointer}
.chat-form .msg{margin:0;font-size:14px;color:#363636}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

/* ---------- Subpages ---------- */
.page-bg{background:#bbb url(../img/bg-page.jpg) center/cover fixed no-repeat}
@media (max-width:820px){.page-bg{background-attachment:scroll}}
.sub-head{display:flex;align-items:center;gap:20px;justify-content:center;padding:34px 16px 30px;background:rgba(255,255,255,.72);text-align:center;position:relative}
.sub-head .t1{font-family:var(--wide);text-transform:uppercase;letter-spacing:.1em;font-size:clamp(22px,3.6vw,46px);margin:0;font-weight:400;line-height:1.2}
.sub-head .t2{font-family:var(--wide);text-transform:uppercase;letter-spacing:-.03em;font-size:clamp(12px,1.25vw,20px);margin:14px 0 0;font-weight:400}
.feature{background:#555 url(../img/bg-sub-section.jpg) center/cover;display:grid;grid-template-columns:1fr 1fr;min-height:560px}
.feature .pic{background-size:cover;background-position:center;min-height:300px}
.feature .panel{position:relative;background:#fff center/cover no-repeat;padding:54px 42px 44px}
.feature .panel::before{content:"";position:absolute;inset:0;background:rgba(255,255,255,.7)}
.feature .panel>*{position:relative}
.feature h1,.feature h2.big{font-family:var(--wide);text-transform:uppercase;letter-spacing:.01em;font-size:clamp(24px,3.6vw,46px);margin:0 0 24px;font-weight:400}
.feature p{font-style:italic;font-size:15px;line-height:1.8;margin:0 0 12px;max-width:450px;color:#000;font-weight:500}
.feature .btn-dark{margin-top:18px}
@media (max-width:820px){.feature{grid-template-columns:1fr}.feature .panel{padding:28px 20px}}
.winedown{position:relative;text-align:center;padding:40px 16px 46px;background:rgba(255,255,255,.55)}
.winedown h2{font-family:var(--wide);text-transform:uppercase;letter-spacing:-.02em;font-size:clamp(20px,3vw,32px);margin:0 0 6px;font-weight:400}
.winedown p{font-family:var(--wide);text-transform:uppercase;letter-spacing:-.04em;font-size:clamp(12px,1.7vw,18px);margin:0 auto 14px;max-width:560px;line-height:1.5}
.prose{max-width:760px}
.prose h2,.prose h3{font-family:var(--wide);text-transform:uppercase;letter-spacing:-.03em;font-weight:400}
.prose h3{font-size:15px;margin:26px 0 8px}
.prose p,.prose li{font-style:italic}
.panel ul{margin:0 0 12px;padding-left:20px}
.panel li{font-style:italic;font-size:15px}
.faq dt{font-family:var(--sans);font-weight:600;margin-top:12px}
.faq dd{margin:2px 0 0;font-style:italic}

/* contact pages */
.cpage{display:grid;grid-template-columns:1fr 1fr;min-height:560px}
.cpage .pic{background:#f3f1ee url(../img/contact-side.jpg) center bottom/cover no-repeat;text-align:center;padding:44px 8% 260px}
.cpage .pic h1{font-family:var(--sans);font-weight:400;color:var(--teal);font-size:clamp(24px,2.3vw,34px);letter-spacing:.12em;text-transform:uppercase;line-height:1.35;margin:0 0 14px}
.cpage .pic p{font-family:var(--sans);font-size:14px;line-height:1.5;color:#555;max-width:440px;margin:0 auto}
.teal-rule{width:34px;height:2px;background:var(--teal);margin:22px auto 0}
.cpage .panel{position:relative;padding:44px 8% 40px;text-align:center;background:rgba(255,255,255,.35)}
.cpage .ask{font-family:var(--sans);font-size:15px;letter-spacing:.1em;line-height:1.6;text-transform:none;margin:0 0 22px;color:#363636}
.cpage .ask span{text-transform:uppercase}
.bform{display:grid;grid-template-columns:90px 1fr;gap:8px 12px;max-width:440px;margin:0 auto;text-align:left;align-items:start}
.bform label{font-family:var(--serif);font-style:italic;font-size:13px;color:#444;text-align:right;padding-top:6px}
.bform input,.bform textarea{width:100%;background:#fff;border:1px solid #d2c5b4;border-radius:2px;font:15px var(--sans);padding:6px 8px}
.bform textarea{min-height:110px;resize:vertical}
.bform .send-row,.bform .msg{grid-column:2}
.bform .send-row{text-align:right}
.bform .send{background:var(--teal);color:#fff;border:0;font-family:var(--serif);font-style:italic;font-size:13px;padding:5px 14px;cursor:pointer}
.bform .msg{margin:4px 0 0;font-style:italic;font-size:14px;min-height:1em}
.cpage .panel .socials{justify-content:center;margin:20px 0 14px}
.cpage .socials a{background:#222}
.cform label{display:block;font-family:var(--sans);font-size:13px;letter-spacing:.04em;margin:8px 0 3px}
.cform input,.cform textarea{width:100%;border:0;border-bottom:1px solid #333;background:transparent;font:16px var(--sans);padding:6px 2px;border-radius:0}
.cform textarea{min-height:90px;border:1px solid #333}
.cform .row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.cform .send{margin-top:14px;background:#222;color:#fff;border:0;font-family:var(--wide);letter-spacing:-.03em;font-size:12px;padding:12px 30px;cursor:pointer;text-transform:uppercase}
.cform .msg{font-style:italic;margin-top:10px;min-height:1em}
.hashtags{font-family:var(--sans);letter-spacing:.1em;font-size:13px;margin-top:16px;color:#363636}
@media (max-width:820px){.cpage{grid-template-columns:1fr}.cpage .panel{padding:26px 18px}.cform .row{grid-template-columns:1fr;gap:0}}

/* makeover */
.mk-head{background:url(../img/makeover-header.jpg) center/cover;min-height:clamp(260px,29vw,520px);position:relative}
.mk-body{background:url(../img/makeover-bg.jpg) center/cover;padding:30px 16px 46px}
.mk-card{max-width:820px;margin:0 auto;background:rgba(255,255,255,.88);padding:30px 34px;text-align:center}
.mk-title{display:flex;align-items:center;justify-content:center;gap:18px;margin:0 0 18px}
.mk-badge img{width:clamp(70px,7vw,110px);height:auto;display:block}
.mk-card h1{font-family:var(--wide);text-transform:uppercase;letter-spacing:.1em;font-size:clamp(20px,2.6vw,40px);margin:0;font-weight:400;white-space:nowrap}
.mk-card p{font-family:var(--sans);font-size:15px;line-height:1.55;color:#333;margin:0 0 12px}
.mk-icons{display:flex;gap:26px;align-items:center;justify-content:center;flex-wrap:wrap;margin-top:22px;text-align:center}
.mk-icons a{text-decoration:none}
.mk-icons img{height:130px;width:auto;margin:0 auto}
.mk-icons small{display:block;font-family:var(--sans);font-size:14px;color:#333}
.goods{background:url(../img/makeover-goods-bg.jpg) center/cover;padding:40px 16px 60px;text-align:center}
.goods h2{font-family:var(--serif);font-style:italic;font-weight:400;font-size:clamp(26px,4vw,44px);margin:0 0 24px;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.6)}
.goods-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:940px;margin:0 auto}
.goods-grid a{display:block;aspect-ratio:218/282;overflow:hidden;background:#fff}
.goods-grid img{width:100%;height:100%;object-fit:cover}
@media (max-width:700px){.goods-grid{grid-template-columns:repeat(2,1fr)}}

/* featured wines */
.fw-head{position:relative;background:url(../img/careers-center.jpg) center/cover;padding:40px 16px;text-align:center}
.fw-head::before{content:"";position:absolute;inset:0;background:rgba(255,255,255,.7)}
.fw-head>*{position:relative}
.fw-head .title{margin-bottom:22px}
.fw-head p{font-family:var(--wide);text-transform:uppercase;letter-spacing:-.03em;font-size:clamp(12px,1.2vw,18px);line-height:1.4;margin:4px 0}
.fw-head p.big{font-size:clamp(16px,1.8vw,26px);margin-bottom:10px}
.wines{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin:0;padding:0}
.wine{position:relative;line-height:0}
.wine img{width:100%;aspect-ratio:1.65;object-fit:cover;display:block}
.wine .btn{position:absolute;left:8%;bottom:8px;line-height:1;font-size:11px;padding:6px 12px}
.stories{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:22px 0 0;padding:0 0 40px;background:rgba(255,255,255,.72)}
.story{padding:26px 6% 20px;border-left:1px solid #444}
.story:first-child{border-left:0}
.story h3{font-family:var(--serif);font-style:italic;font-weight:400;text-transform:none;letter-spacing:0;font-size:16px;line-height:1.4;margin:0 0 18px;text-align:center}
.story p{font-style:italic;font-size:14px;line-height:1.6;margin:0 0 10px}
.story a{font-family:var(--sans);font-size:13px}
@media (max-width:900px){.wines,.stories{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.wines,.stories{grid-template-columns:1fr}}

/* blog */
.blog-wrap{background:url(../img/bg-blog.jpg) center/cover fixed;padding:0}
.blog-col{max-width:960px;margin:0 auto;background:#fff;display:grid;grid-template-columns:minmax(0,2.1fr) minmax(0,1fr);gap:28px;padding:70px 28px 50px;min-height:100vh}
.posts{display:grid;gap:34px}
.post-card{display:block;text-decoration:none;color:inherit;border-bottom:1px solid #e6e6e6;padding-bottom:28px}
.post-card img{width:100%;aspect-ratio:3/2;object-fit:cover;display:block;margin-bottom:22px}
.post-card h2{font-family:var(--wide);text-transform:uppercase;letter-spacing:.02em;font-size:clamp(16px,1.6vw,24px);line-height:1.35;margin:0 0 8px;font-weight:400;color:#222}
.post-card .date{font-family:var(--sans);font-size:13px;color:#777;margin:0 0 10px}
.post-card p{font-style:italic;margin:0;color:#444}
.blog-side h2{font-family:var(--wide);text-transform:uppercase;font-weight:400;letter-spacing:.02em;font-size:13px;line-height:1.4;margin:0 0 12px;padding-bottom:10px;border-bottom:1px solid #ddd}
.blog-side .feat{display:block;text-decoration:none;color:#222;margin-bottom:34px}
.blog-side .feat img{width:100%;aspect-ratio:3/2;object-fit:cover;display:block;margin-bottom:12px}
.blog-side .feat span{font-family:var(--wide);text-transform:uppercase;font-size:clamp(14px,1.4vw,20px);line-height:1.35}
.blog-side .mini{display:grid;grid-template-columns:48px 1fr;gap:12px;align-items:center;text-decoration:none;color:#444;margin-bottom:16px}
.blog-side .mini img{width:48px;height:36px;object-fit:cover}
.blog-side .mini span{font-style:italic;font-size:14px;line-height:1.35}
.side-social{margin-top:24px}
.side-social .socials{justify-content:flex-start}
@media (max-width:760px){.blog-col{grid-template-columns:1fr;padding:70px 16px 40px}}
.post{background:#fff;max-width:820px;margin:30px auto 50px;padding:36px clamp(18px,5vw,56px)}
.post h1{font-family:var(--wide);text-transform:uppercase;letter-spacing:.02em;font-size:clamp(20px,3vw,28px);line-height:1.4;margin:0 0 8px;font-weight:400}
.post .date{font-family:var(--sans);color:#777;font-size:14px;margin:0 0 20px}
.post img{width:100%;height:auto;margin:10px 0 20px}
.post p{font-size:17px;line-height:1.7;margin:0 0 14px;overflow-wrap:anywhere}
.post .back{display:inline-block;margin-top:20px;font-family:var(--wide);font-size:11px;letter-spacing:-.03em;text-transform:uppercase}

@media (max-width:600px){.site-header .bar{padding-top:10px}.site-header.home .bar{padding-top:calc(11.55vw - 1px)}.brand img{height:34px}}