:root{--cream:#FBF6EF;--wine:#751C37;--ink:#1B0F14;--plum:#2A151F;--gold:#D2AC38;--sand:#EADBC8;--tx:#2B1E1E;--mut:#8A7468;--h:'Playfair Display',serif;--s:'Cormorant Garamond',serif;--u:'DM Sans',sans-serif}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}
body{background:var(--cream);color:var(--tx);font:400 20px/1.65 var(--s);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
img{display:block;width:100%;height:100%;object-fit:cover}i[data-ic]{display:inline-flex;font-style:normal;vertical-align:middle}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.w{max-width:1260px;margin:0 auto;padding-inline:32px}.sec{padding-block:100px}.mut{color:var(--mut)}
h1,h2{font:500 clamp(40px,6.2vw,84px)/1.02 var(--h);letter-spacing:-.025em}h2{font-size:clamp(34px,4.6vw,58px)}
h1 em,h2 em{font-style:italic;color:var(--wine)}
.eb{display:flex;align-items:center;gap:14px;font:700 11px var(--u);letter-spacing:.22em;text-transform:uppercase;color:var(--wine);margin-bottom:26px}
.eb:before{content:"";width:40px;height:1px;background:var(--gold)}
.wn,.dk{color:var(--cream)}.wn{background:var(--wine)}.dk{background:var(--plum)}
.wn .eb,.dk .eb,.hero .eb{color:var(--gold)}.wn em,.dk em,.sl em{color:var(--gold)}
.ld{max-width:520px;margin-top:28px;font-size:23px;color:#DDC5BA}.dk p{color:#D9BFB4}
.btn{display:inline-flex;align-items:center;gap:10px;padding:17px 26px;background:var(--gold);color:var(--ink);font:500 12px var(--u);letter-spacing:.14em;text-transform:uppercase;transition:.3s;border:0}
.btn:hover{background:#E4C25A;transform:translateY(-2px)}.btn.rd{background:var(--wine);color:#fff;text-transform:none;letter-spacing:.02em;font-size:13px}.btn.rd:hover{background:#8F2443}
.lk{display:inline-flex;align-items:center;gap:8px;font:500 11px var(--u);letter-spacing:.14em;text-transform:uppercase;color:var(--wine);padding-bottom:6px;border-bottom:1px solid var(--gold);transition:gap .3s}.lk:hover{gap:14px}
.dk .lk,.hero .lk,.wn .lk{color:#fff}
.ab{background:var(--ink);color:var(--gold);padding:11px 16px;font:500 11px var(--u);letter-spacing:.1em;text-transform:uppercase;display:flex;gap:16px;justify-content:center;align-items:center;flex-wrap:wrap}.ab a{color:#fff;display:inline-flex;gap:6px;align-items:center}
.hd{position:sticky;top:0;z-index:50;background:rgba(251,246,239,.96);backdrop-filter:blur(8px);border-bottom:1px solid rgba(117,28,55,.08)}
.hd .w{display:flex;align-items:center;justify-content:space-between;height:82px}
.logo {
    display: flex;
    align-items: center;
    gap: 12px;
    text-decoration: none;
}

.logo-img {
    width: 52px;
    height: 52px;
    object-fit: contain;
    display: block;
}

.logo small {
    display: block;
    font: 700 10px var(--u);
    letter-spacing: .24em;
    text-transform: uppercase;
    color: var(--wine);
    line-height: 1;
}

.logo i {
    font: italic 400 30px/1.1 var(--s);
    color: var(--wine);
}
.hd nav{display:flex;gap:38px}.hd nav a{font:500 12px var(--u);letter-spacing:.12em;text-transform:uppercase;color:#5a4a44;padding:8px 0;border-bottom:2px solid transparent}.hd nav a:hover,.hd nav a.on{color:var(--wine);border-color:var(--wine)}#bg{display:none;color:var(--wine)}
.hero{position:relative;height:min(84vh,720px);min-height:580px;overflow:hidden;background:var(--ink);color:#fff}
.sl{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity 1s,visibility 1s}.sl.on{opacity:1;visibility:visible}
.sl .im{position:absolute;inset:0}.sl:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--ink),rgba(27,15,20,.82) 38%,transparent 80%)}
.sl .tx{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding-bottom:70px}
.sl h1{max-width:640px;color:#fff}.sl .ld{max-width:420px;font-size:21px}.bt{display:flex;gap:28px;align-items:center;margin-top:36px;flex-wrap:wrap}
.sl.on .tx>*{animation:up .9s both}.sl.on .tx>:nth-child(2){animation-delay:.1s}.sl.on .tx>:nth-child(3){animation-delay:.2s}.sl.on .tx>:nth-child(4){animation-delay:.3s}
@keyframes up{from{opacity:0;transform:translateY(24px)}}
.hc{position:absolute;z-index:3;left:0;right:0;bottom:34px}.hc .w{display:flex;justify-content:space-between;align-items:center;font:500 11px var(--u);letter-spacing:.14em;text-transform:uppercase;gap:16px}
.ct{display:flex;align-items:center;gap:20px}.hc button{width:38px;height:38px;border:1px solid rgba(255,255,255,.4);color:#fff;display:grid;place-items:center;transition:.3s}.hc button:hover{background:var(--gold);color:var(--ink)}
.band{background:var(--wine);color:var(--gold);overflow:hidden;padding:13px 0;font:500 11px var(--u);letter-spacing:.3em;text-transform:uppercase;white-space:nowrap}
.trk{display:inline-block;animation:mq 40s linear infinite}.trk span{margin:0 26px}@keyframes mq{to{transform:translateX(-50%)}}
.intro{display:grid;grid-template-columns:1.3fr 1fr;gap:80px;align-items:start}.intro aside{border-left:1px solid #E5D8CB;padding-left:60px}
.big{font:italic 400 84px/1 var(--s);color:#E3D3C3;display:block;margin-bottom:10px}
.row{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:48px;flex-wrap:wrap}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px 32px}
.im{position:relative;overflow:hidden;background:linear-gradient(140deg,var(--a,#751C37),var(--b,#1B0F14))}
.im:before{content:"";position:absolute;inset:0;opacity:.2;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44'%3E%3Cpath d='M22 3l19 19-19 19L3 22z' fill='none' stroke='%23fff'/%3E%3C/svg%3E")}
.im img{position:absolute;inset:0;transition:transform 1.2s}.pc:hover .im img{transform:scale(1.05)}.pc .im{aspect-ratio:4/5;margin-bottom:18px}
.tag{position:absolute;z-index:2;top:16px;left:16px;background:var(--cream);color:var(--wine);padding:6px 12px;font:500 9.5px var(--u);letter-spacing:.14em;text-transform:uppercase}
.pm{display:flex;justify-content:space-between;gap:12px;margin-bottom:12px}.pm small{font:500 10px var(--u);letter-spacing:.14em;text-transform:uppercase;color:var(--mut)}.pm h3{font:500 25px/1.2 var(--s)}.pm b{font:500 14px var(--u);color:var(--wine)}
.split{display:grid;grid-template-columns:1fr 1fr}.split .im{min-height:440px}.split .tx{padding:80px 9%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.split h2{margin-bottom:26px}.split p{max-width:460px;margin-bottom:34px;font-size:22px}
.fts{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.fts div{border-top:1px solid #E5D8CB;padding-top:28px}.fts i{color:var(--wine);margin-bottom:16px;display:flex}.fts h3{font:500 26px var(--s)}.fts p{font:400 13px/1.6 var(--u);color:var(--mut);max-width:260px;margin-top:6px}
.cta{text-align:center;padding:120px 24px}.cta .eb{justify-content:center}.cta h2{margin-bottom:38px}
.ft{background:var(--ink);color:#D9C6BC;padding:80px 0 30px}.fg{display:grid;grid-template-columns:1.4fr .6fr .6fr 1.2fr;gap:40px}
.ft h4{font:700 11px var(--u);letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:22px}.ft li{list-style:none;margin-bottom:10px}.ft li a:hover{color:var(--gold)}
.ft .logo small,.ft .logo i{color:#fff}.so{display:flex;gap:12px;margin-top:26px}.so a{width:40px;height:40px;border:1px solid rgba(210,172,56,.5);display:grid;place-items:center;color:var(--gold)}
.lp{font-size:17px;letter-spacing:.25em;text-transform:uppercase;color:#8d7a72;margin-bottom:14px}
.fb{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:60px;padding-top:26px;border-top:1px solid rgba(255,255,255,.08);font:400 11px var(--u);letter-spacing:.12em;text-transform:uppercase;color:#7d6b64}
.fw{position:fixed;right:22px;bottom:22px;z-index:60;width:58px;height:58px;border-radius:50%;background:#25D366;color:#fff;display:grid;place-items:center;box-shadow:0 8px 24px rgba(0,0,0,.25);transition:.3s}.fw:hover{transform:scale(1.08)}
.ph{padding:110px 0 100px}.ph h1{color:#fff}
.two{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.two .im{aspect-ratio:5/6}.two>div>p:not(.eb){margin-bottom:22px;color:#7d6a62}
.stats{background:var(--sand);padding:60px 0}.stats .w{display:grid;grid-template-columns:repeat(4,1fr)}.stats div{border-left:1px solid #CDB9A4;padding:8px 30px}
.stats b{display:block;font:italic 500 50px/1.1 var(--s);color:var(--wine)}.stats span{font:500 11px var(--u);letter-spacing:.14em;text-transform:uppercase;color:#7d6a62}
.qt{text-align:center;max-width:900px;margin:auto;padding:120px 24px}.qt blockquote{font:italic 500 clamp(30px,4.2vw,54px)/1.15 var(--h);color:var(--wine)}.qt cite{display:block;margin-top:26px;font:500 11px var(--u);letter-spacing:.18em;text-transform:uppercase;color:var(--mut);font-style:normal}
.mos{display:grid;grid-template-columns:1.35fr 1fr;gap:20px}.mos .im{min-height:280px}.mos .a{grid-row:span 2;min-height:600px}.mos .d{grid-column:1/-1;min-height:420px}
.mos .im:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(transparent 50%,rgba(20,8,12,.78))}
.cp{position:absolute;z-index:2;left:26px;bottom:22px;font:italic 500 30px/1.2 var(--s);color:#fff}.cp small{display:block;font:500 11px var(--u);color:var(--gold);letter-spacing:.1em}
.tb{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;border-bottom:1px solid #E5D8CB;padding-bottom:22px}.fl{display:flex;gap:26px;flex-wrap:wrap}
.fl button{font:500 11px var(--u);letter-spacing:.14em;text-transform:uppercase;color:var(--mut);padding:8px 0;border-bottom:1px solid transparent}.fl button.on,.fl button:hover{color:var(--wine);border-color:var(--gold)}
.sr{display:flex;align-items:center;gap:10px;border-bottom:1px solid #CDB9A4;color:var(--wine)}.sr input{border:0;background:none;font:400 13px var(--u);padding:8px 0;width:210px;outline:0;color:var(--tx)}
.cnt{margin:30px 0 40px;font:500 11px var(--u);letter-spacing:.14em;text-transform:uppercase;color:var(--mut)}
.fq{border-top:1px solid #E5D8CB}.q{border-bottom:1px solid #E5D8CB}.q>button{width:100%;display:flex;align-items:center;gap:26px;text-align:left;padding:28px 0;font:400 27px/1.2 var(--s)}
.q>button small{font:500 11px var(--u);color:var(--gold)}.q>button span{flex:1}.q svg{transition:transform .3s}.q.open svg{transform:rotate(180deg)}
.a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s}.q.open .a{grid-template-rows:1fr}.a>div{overflow:hidden}.a p{padding:0 50px 28px 52px;color:#7d6a62}
.ci{margin-top:44px;border-top:1px solid #E5D8CB}.ci div{display:grid;grid-template-columns:110px 1fr;gap:16px;padding:22px 0;border-bottom:1px solid #E5D8CB}.ci small{font:500 10.5px var(--u);letter-spacing:.16em;text-transform:uppercase;color:var(--mut)}.ci a,.ci span{font:400 16px/1.5 var(--u);color:var(--wine)}
.fm{background:#EFE3D3;padding:48px}.fm label{display:block;font:500 11px var(--u);letter-spacing:.16em;text-transform:uppercase;color:#7d6a62;margin-top:26px}
.fm input,.fm textarea{width:100%;background:none;border:0;border-bottom:1px solid #B9A48F;padding:12px 0;font:400 15px var(--u);color:var(--tx);outline:0;resize:vertical}.fm input:focus,.fm textarea:focus{border-color:var(--wine)}
.fm .btn{margin-top:34px}.nt{margin-top:18px;font:400 13px var(--u);color:var(--mut)}.nt a{color:var(--wine);text-decoration:underline}
.rv{opacity:0;transform:translateY(26px);transition:opacity .9s,transform .9s}.rv.in{opacity:1;transform:none}
@media(max-width:900px){.sec{padding-block:70px}.hd nav{position:absolute;top:100%;left:0;right:0;background:var(--cream);flex-direction:column;gap:0;padding:8px 32px 20px;display:none;border-bottom:1px solid #E5D8CB}.hd nav.o{display:flex}.hd nav a{padding:14px 0}#bg{display:block}.hd .btn{display:none}
.intro,.two,.split,.fg,.fts{grid-template-columns:1fr!important;gap:40px}.intro aside{border:0;padding:0}.grid{grid-template-columns:1fr 1fr}.stats .w{grid-template-columns:1fr 1fr;gap:24px}.mos{grid-template-columns:1fr}.mos .a{grid-row:auto;min-height:420px}.fm{padding:30px}.hc .w>span{display:none}}
@media(max-width:560px){.grid{grid-template-columns:1fr}.w{padding-inline:20px}body{font-size:18px}.a p{padding-inline:0 8px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.rv{opacity:1;transform:none}}
.crumb{padding-top:32px;font:500 11px var(--u);letter-spacing:.12em;text-transform:uppercase;color:var(--mut)}.crumb a{color:var(--wine)}.crumb span{color:var(--tx)}
.pd{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:32px 0 90px;align-items:start}.pdimg{aspect-ratio:1/1}.pdimg .im{height:100%}
.pdinfo small{font:500 11px var(--u);letter-spacing:.16em;text-transform:uppercase;color:var(--wine)}.pdinfo h1{font-size:clamp(32px,4vw,50px);margin:14px 0 18px}
.pdprice{font:500 24px var(--s);color:var(--wine);margin-bottom:22px}.pddesc{font-size:20px;color:#7d6a62;max-width:440px}
.pd hr{border:0;border-top:1px solid #E5D8CB;margin:30px 0}.pdlabel{font:500 11px var(--u);letter-spacing:.16em;text-transform:uppercase;color:var(--mut);margin-bottom:14px}
.pdspecs{display:flex;flex-wrap:wrap;gap:14px 30px;font:400 15px var(--u);color:var(--tx);margin-bottom:6px}.pdspecs li{display:flex;align-items:center;gap:8px}.pdspecs svg{color:var(--gold)}
.qty{display:inline-flex;align-items:center;gap:20px;border:1px solid #CDB9A4;padding:10px 20px}.qty button{width:26px;height:26px;display:grid;place-items:center;border:1px solid #CDB9A4;color:var(--wine)}.qty button:hover{background:var(--sand)}.qty span{font:500 16px var(--u);min-width:16px;text-align:center}
.nt2{display:flex;align-items:center;gap:8px;margin-top:16px;font:400 13px var(--u);color:var(--mut)}
@media(max-width:900px){.pd{grid-template-columns:1fr}}


/* =========================
   CONTACT SECTION RESPONSIVE
========================= */

.two {
    min-width: 0;
}

.two > * {
    min-width: 0;
}

.fm {
    width: 100%;
    max-width: 100%;
    min-width: 0;
}

.fm input,
.fm textarea {
    width: 100%;
    max-width: 100%;
    min-width: 0;
}


/* Tablet */
@media (max-width: 900px) {
    .two {
        grid-template-columns: 1fr !important;
        gap: 50px;
    }

    .fm {
        width: 100%;
        padding: 32px;
    }

    .ci {
        width: 100%;
    }

    .ci div {
        grid-template-columns: 90px minmax(0, 1fr);
    }

    .ci a,
    .ci span {
        min-width: 0;
        overflow-wrap: anywhere;
    }
}


/* Mobile */
@media (max-width: 560px) {
    .two {
        width: 100%;
        grid-template-columns: 1fr !important;
        gap: 42px;
    }

    .two > div {
        width: 100%;
        min-width: 0;
    }

    .two h2 {
        font-size: clamp(34px, 10vw, 46px);
        line-height: 1.05;
    }

    .two > div > p:not(.eb) {
        max-width: 100% !important;
        font-size: 18px;
    }

    /* Contact information */
    .ci {
        width: 100%;
        margin-top: 32px;
    }

    .ci div {
        grid-template-columns: 75px minmax(0, 1fr);
        gap: 10px;
        padding: 18px 0;
    }

    .ci a,
    .ci span {
        min-width: 0;
        max-width: 100%;
        overflow-wrap: anywhere;
        word-break: break-word;
    }

    /* Form */
    .fm {
        width: 100%;
        max-width: 100%;
        padding: 26px 20px;
        overflow: hidden;
    }

    .fm label {
        margin-top: 22px;
    }

    .fm input,
    .fm textarea {
        width: 100%;
        max-width: 100%;
        font-size: 16px;
    }

    .fm .btn {
        width: 100%;
        justify-content: center;
        margin-top: 28px;
    }

    .nt {
        font-size: 12px;
        line-height: 1.5;
    }

    .nt a {
        overflow-wrap: anywhere;
    }
    
    .ab{
        font-size: 8px;
    }
}


/* Very small phones */
@media (max-width: 380px) {
    .w {
        padding-inline: 16px;
    }

    .fm {
        padding: 24px 16px;
    }

    .ci div {
        grid-template-columns: 68px minmax(0, 1fr);
        gap: 8px;
    }

    .ci small {
        font-size: 9px;
    }

    .ci a,
    .ci span {
        font-size: 14px;
    }
}
