:root{--navy:#0b2158;--navy2:#071433;--gold:#c8923a;--gold2:#e6bd62;--cream:#f8f4ea;--ink:#12285a;--tx:#3a4157;--d:'Cormorant Garamond',Georgia,serif;--c:'Cinzel','Times New Roman',serif;--s:'Lato',Arial,sans-serif;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
html{font-size:calc(min(100vw,2150px)/153.6);scroll-behavior:smooth;scroll-padding-top:7rem}
*,*::before,*::after{box-sizing:inherit}
body{margin:0;background:var(--cream);color:var(--tx);font:400 1.3rem/1.38 var(--s);overflow-x:hidden}
a{color:inherit;text-decoration:none}img{display:block}
a:focus-visible{outline:2px solid var(--gold2);outline-offset:3px}
h1,h2,h3,p{margin:0}
.ic{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.9rem;font:600 1.15rem var(--c);letter-spacing:.1rem;padding:0 1.8rem;height:3.6rem;border:1.5px solid var(--gold);border-radius:3px;text-transform:uppercase;white-space:nowrap}
.btn svg{width:1.8rem;height:1.8rem;flex:none}
.gold{background:linear-gradient(#d7a550,#b3802e);color:#fff}
.gh{color:#fff}.gh.dk{color:var(--ink);border-color:var(--ink)}
/* header */
header{position:sticky;top:env(safe-area-inset-top,0px);z-index:30;background:var(--cream);height:6.2rem;box-shadow:0 1px 6px #0004}
.hd{display:flex;align-items:center;height:100%;padding:0 11.5rem;gap:1.8rem}
.hd>a img{height:5.4rem;width:auto}
.tag{font:400 1.05rem/1.4 var(--s);color:var(--ink);width:27rem;padding-left:1.6rem;border-left:1px solid #c8923a99}
nav{margin-left:auto;display:flex;align-items:center;gap:2.3rem;font:600 1.6rem var(--d);color:var(--ink);white-space:nowrap}
nav a.on{border-bottom:2px solid var(--gold);padding:.5rem 0}
nav .btn{margin-left:.6rem;height:3.8rem;color:#fff;font-size:1.15rem}
/* hero */
.hero{position:relative;height:39rem;background:var(--navy) url(../img/img-14b98623.webp) center 40%/cover;color:#fff;z-index:2}
.hero .motto{position:absolute;left:6.4%;top:3.6rem;font:500 1.15rem/1.75 var(--c);letter-spacing:.15rem;color:#e7d9bd}
.hero .hc{position:absolute;left:15%;width:45%;top:4rem;text-align:center}
.hero h1{font:700 5.6rem/1.04 var(--d);font-variant:small-caps;letter-spacing:.05rem;text-shadow:0 2px 12px #0008}
.hero h1 span{display:block;color:var(--gold2)}
.hero .hc p{font:500 1.95rem/1.3 var(--d);margin:1.4rem auto 0;max-width:52rem}
.hero .hc p+p{font-size:1.75rem;margin-top:1.3rem}
.hero .bt{display:flex;gap:1.6rem;justify-content:center;margin-top:2.2rem}
.hero .bt .btn{height:4rem;padding:0 2.4rem}
.hero .bk{position:absolute;left:62.4%;bottom:-1.7rem;height:36rem;width:auto;filter:drop-shadow(1.2rem 1.4rem 1.8rem #000a);z-index:3}
.hero .q{position:absolute;left:84.2%;top:14.2rem;width:12.5%;font:500 1.6rem/1.3 var(--c);color:var(--gold2)}
.hero .q small{display:block;margin-top:1.1rem;font:500 1.2rem var(--s);color:#fff}
/* stats */
.stats{background:linear-gradient(#0d2a63,#08194a);border-top:2px solid var(--gold);color:#fff;position:relative;z-index:1}
.stats .in{display:grid;grid-template-columns:repeat(4,1fr);padding:0 11.5rem;height:9rem;align-items:center}
.st{display:flex;align-items:center;gap:1.6rem;height:5.4rem;padding:0 2rem;border-right:1px solid #c8923a88}
.st:first-child{padding-left:0}.st:last-child{border:0}
.st svg{width:5.4rem;height:5.4rem;flex:none;color:var(--gold2)}
.st b{display:block;font:600 1.45rem/1.15 var(--c);letter-spacing:.1rem}
.st b.n{font:500 2.8rem/1 var(--c);color:var(--gold2);letter-spacing:.1rem}
.st i{display:block;font:500 1.2rem var(--c);color:var(--gold2);letter-spacing:.1rem;font-style:normal}
.st span{display:block;font-size:1.2rem;line-height:1.3;color:#dbe2f3;margin-top:.2rem}
.st b.m{font:500 2.4rem/1.05 var(--c);color:var(--gold2)}
/* row */
.cols{display:grid;grid-template-columns:572fr 390fr 574fr;padding:2.4rem 0 2.2rem}
.cols>section{padding:0 2.2rem 0 2.8rem}
.cols>section:first-child{padding-left:4rem}
.cols>section+section{border-left:1px solid #c8923a33}
.cols h2{display:flex;align-items:center;gap:1.4rem;font:700 1.35rem var(--c);letter-spacing:.1rem;color:var(--ink);margin-bottom:1.5rem;white-space:nowrap}
.cols h2::after{content:"";flex:1;height:1.5px;background:var(--gold)}
.cols h2.g{color:#a36a1c;font-size:1.25rem;font-weight:600}
.feat{display:grid;grid-template-columns:15rem 1fr;gap:2.8rem;align-items:start}
.feat>img{width:15rem;filter:drop-shadow(.8rem 1rem 1rem #0007)}
.feat h3{font:700 2.1rem/1.15 var(--d);text-transform:uppercase;color:var(--ink)}
.feat .it{font:600 italic 1.9rem/1.2 var(--d);color:#a36a1c;margin:.6rem 0 .9rem}
.feat p{font-size:1.25rem;line-height:1.4}
.feat .bt{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1.4rem}
.feat .btn{font-size:1.05rem;padding:0 .8rem;height:3.4rem}
.about p{font-size:1.3rem;line-height:1.4}
.mini{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.5rem}
.mini div{background:#fff;border:1px solid #ebe3cf;border-radius:4px;padding:1.2rem .6rem;text-align:center;font-size:1.1rem;line-height:1.3;box-shadow:0 2px 8px #0001}
.mini svg{width:3.4rem;height:3.4rem;color:var(--gold)}
.mini b{display:block;font:700 1.05rem/1.2 var(--c);color:var(--ink);margin:.5rem 0 .4rem;letter-spacing:.03rem}
.tl{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem;text-align:center;position:relative;padding-top:.4rem}
.tl::before{content:"";position:absolute;top:.9rem;left:12.5%;right:12.5%;height:2px;background:var(--gold)}
.tl>div::before{content:"";display:block;width:1.3rem;height:1.3rem;border:.25rem solid var(--gold);background:var(--cream);border-radius:50%;margin:0 auto .8rem;position:relative}
.tl h3{font:600 1.5rem var(--c);color:var(--ink)}
.tl img{width:100%;height:7rem;object-fit:cover;margin:.9rem 0 .8rem;border:1px solid #d9d0b8}
.tl b{display:block;font:700 1.05rem/1.25 var(--c);color:var(--ink)}
.tl span{display:block;font-size:1.1rem;line-height:1.3;margin-top:.5rem}
/* band */
.band{display:grid;grid-template-columns:608fr 510fr 418fr;min-height:21.5rem}
.auth{position:relative;background:#e6e3d9 url(../img/img-963e48a8.webp) left center/cover;display:flex;flex-direction:column;justify-content:center;padding-left:47.5%;padding-right:2rem}
.auth .m2{position:absolute;left:6%;top:4.2rem;font:500 1.05rem/1.9 var(--c);letter-spacing:.12rem;color:#6d6d6d;width:11rem}
.auth h2{font:600 1.3rem var(--c);letter-spacing:.1rem;color:#a36a1c}
.auth h3{font:600 2.4rem var(--d);color:var(--ink);margin:.4rem 0 .6rem}
.auth p{font-size:1.3rem;line-height:1.4;margin-bottom:1.4rem;color:#2d3347}
.auth .btn{align-self:flex-start;height:3.4rem;font-size:1.1rem}
.refl{background:linear-gradient(#0d2a63,#071a46);padding:1.8rem 2rem 2.4rem}
.refl h2{font:600 1.25rem var(--c);letter-spacing:.1rem;color:var(--gold2);margin-bottom:1.1rem}
.rg{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem}
.rg div{background:#fff;border-radius:3px;padding:1rem 1.1rem;font-size:1.15rem;line-height:1.3;color:#2b2f3d;min-height:13.6rem;display:flex;flex-direction:column}
.rg i{font:700 3.6rem/.7 var(--d);color:var(--gold);height:2rem;font-style:normal}
.rg small{margin-top:auto;padding-top:.6rem;font-size:1rem;color:#a36a1c}
.cta{background:linear-gradient(#0006,#000a),var(--navy2) url(../img/img-aa806d36.webp) center/cover;color:#fff;text-align:center;padding:2.8rem 2.2rem 0}
.cta h2{font:700 2.1rem/1.1 var(--d);font-variant:small-caps;letter-spacing:.05rem}
.cta p{font:500 1.55rem/1.25 var(--d);margin:1rem 0 1.8rem}
.cta .bt{display:flex;gap:1.4rem;justify-content:center}
.cta .btn{height:3.8rem;font-size:1.05rem;padding:0 1.8rem;background-color:#0003}
.cta .btn.gold{background:linear-gradient(#d7a550,#b3802e)}
/* footer */
footer{background:var(--navy2);color:#dbe2f3}
.ft{display:grid;grid-template-columns:380fr 480fr 450fr 190fr;align-items:center;height:9.4rem;padding:0 4rem}
.ft>div{display:flex;flex-direction:column;justify-content:center;height:5.6rem}
.ft>div+div{border-left:1px solid #ffffff22;padding-left:2.8rem;padding-right:1.6rem}
.ft .lg{flex-direction:row;align-items:center;gap:1.8rem;border:0;padding:0}
.ft .lg img{height:5rem;width:auto}
.ft .lg p{font-size:.9rem;line-height:1.4;width:19rem}
.ft h4{font:600 1.45rem var(--d);color:#fff;margin:0 0 1rem}
.row{display:flex;gap:1.6rem;align-items:center;font-size:1.1rem;white-space:nowrap}
.row svg{width:1.6rem;height:1.6rem;color:var(--gold2);margin-right:.7rem;vertical-align:-.35rem}
.soc{display:flex;gap:1rem}
.soc a{width:2.4rem;height:2.4rem;border-radius:50%;background:#fff;color:var(--navy2);display:grid;place-items:center;font:700 1.2rem/1 var(--s)}
.copy{margin:0 4rem;border-top:1px solid #c8923a99;display:flex;justify-content:space-between;align-items:center;height:4rem;font-size:1.1rem}
.copy em{font-style:normal;color:var(--gold2)}
/* responsive */
@media(max-width:1180px){
html{font-size:10px}
.hd{flex-wrap:wrap;padding:.8rem 2rem;height:auto;gap:1rem}header{height:auto}
.tag{display:none}nav{margin-left:0;flex-wrap:wrap;gap:1.4rem}
.hero{height:auto;padding:3rem 2rem 0;text-align:center}
.hero .motto{display:none}
.hero .hc,.hero .bk,.hero .q{position:static;width:auto}
.hero h1{font-size:4.2rem}
.hero .bk{height:32rem;margin:2.4rem auto -1.7rem}
.hero .q{padding:0 2rem 3rem;margin-top:3rem}
.stats .in{grid-template-columns:1fr 1fr;height:auto;padding:2rem;gap:1.6rem}
.st{border:0;padding:0}
.cols,.band,.ft{grid-template-columns:1fr}
.cols{gap:3rem;padding:2.4rem 0}.cols>section,.cols>section:first-child{padding:0 2rem}.cols>section+section{border:0}
.band{height:auto}
.auth{padding:19rem 2rem 2.4rem;background:#e6e3d9 url(../img/img-963e48a8.webp) left top/auto 18rem no-repeat}
.auth .m2{display:none}
.refl{padding:2rem 2rem 2.4rem}.rg{grid-template-columns:1fr}.rg div{min-height:0}
.cta{padding-bottom:3rem}
.ft{height:auto;padding:2.4rem 2rem;gap:2rem}.ft>div{height:auto}.ft>div+div{border:0;padding:0}
.row{flex-wrap:wrap}.copy{margin:0 2rem;height:auto;padding:1.2rem 0;flex-wrap:wrap;gap:.6rem}
}
@media(max-width:600px){.stats .in{grid-template-columns:1fr}.feat{grid-template-columns:1fr}.feat>img{margin:0 auto}.mini{grid-template-columns:1fr}.tl{grid-template-columns:1fr 1fr}.tl::before{display:none}.hero h1{font-size:3.4rem}}

/* ===== inner pages ===== */
.cc{display:none;min-width:2rem;height:2rem;padding:0 .5rem;border-radius:1rem;background:#fff;color:var(--ink);font:700 1.2rem/2rem var(--s);text-align:center}
.cc.on{display:inline-block}
.phero{position:relative;background:linear-gradient(#071433cc,#0b2158dd),var(--navy) url(../img/img-14b98623.webp) center/cover;color:#fff;text-align:center;padding:5rem 2rem 4.6rem;border-bottom:2px solid var(--gold)}
.phero h1{font:700 4.6rem/1.05 var(--d);font-variant:small-caps;letter-spacing:.05rem}
.phero p{font:500 1.8rem/1.35 var(--d);color:var(--gold2);margin:1.2rem auto 0;max-width:62rem}
.wrap{max-width:112rem;margin:0 auto;padding:4.4rem 4rem}
.prose{font-size:1.5rem;line-height:1.6;max-width:78rem}
.prose p+p{margin-top:1.4rem}
.prose h2,.sec h2{font:700 2.6rem/1.15 var(--d);color:var(--ink);margin:0 0 1.4rem}
.sec+.sec{margin-top:4.4rem}
.two{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}
.pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:1.4rem;margin-top:2rem}
.pillars div{background:#fff;border:1px solid #ebe3cf;border-top:3px solid var(--gold);border-radius:3px;padding:1.8rem 1.4rem;font:600 1.9rem var(--d);color:var(--ink);text-align:center}
.mini.big{margin-top:2rem}.mini.big div{font-size:1.35rem;padding:1.8rem 1.2rem}.mini.big b{font-size:1.25rem}.mini.big svg{width:4.4rem;height:4.4rem}
.quote{border-left:3px solid var(--gold);padding:.4rem 0 .4rem 2rem;font:italic 600 2.4rem/1.3 var(--d);color:var(--ink)}
.quote small{display:block;margin-top:1rem;font:500 1.3rem var(--c);letter-spacing:.1rem;color:#a36a1c;font-style:normal}
.tlv{position:relative;display:grid;gap:2.6rem}
.tlv::before{content:"";position:absolute;left:12rem;top:.6rem;bottom:.6rem;width:2px;background:var(--gold)}
.tlv article{display:grid;grid-template-columns:9rem 3rem 15rem 1fr;gap:1.6rem;align-items:center}
.tlv h3{font:700 2.6rem var(--c);color:var(--ink);text-align:right}
.tlv .dot{width:1.5rem;height:1.5rem;border:.3rem solid var(--gold);background:var(--cream);border-radius:50%;justify-self:center;position:relative}
.tlv img{width:15rem;height:10.5rem;object-fit:cover;border:1px solid #d9d0b8}
.tlv b{display:block;font:700 1.5rem var(--c);color:var(--ink);margin-bottom:.5rem}
.tlv p{font-size:1.45rem;line-height:1.5}
.prod{display:grid;grid-template-columns:30rem 1fr;gap:5rem;align-items:start}
.prod>img{width:30rem;filter:drop-shadow(1rem 1.4rem 1.6rem #0008)}
.prod h1{font:700 3.6rem/1.1 var(--d);text-transform:uppercase;color:var(--ink)}
.prod .it{font:600 italic 2.4rem/1.2 var(--d);color:#a36a1c;margin:.8rem 0 1.4rem}
.prod p{font-size:1.5rem;line-height:1.6;max-width:62rem}
.price{font:700 3rem var(--c);color:var(--ink);margin:1.8rem 0 1.6rem}
.price small{font:400 1.2rem var(--s);color:var(--tx);margin-left:.8rem}
.acts{display:flex;gap:1.4rem;flex-wrap:wrap}
.acts .btn{height:4.4rem;font-size:1.2rem;padding:0 2.4rem}
button.btn{cursor:pointer;background:none;color:var(--ink);font-family:var(--c)}
button.btn.gold{color:#fff}
.note{margin-top:1.4rem;font-size:1.2rem;color:#6a7185}
.authp{display:grid;grid-template-columns:44rem 1fr;gap:4.4rem;align-items:start}
.authp .ph{height:40rem;border:1px solid #d9d0b8;background:#e6e3d9 url(../img/img-963e48a8.webp) 14% 10%/auto 100% no-repeat}
.rg.wide div{min-height:15rem;font-size:1.4rem}
.res{display:grid;grid-template-columns:repeat(3,1fr);gap:1.6rem;margin-top:1.6rem}
.res a,.res div{background:#fff;border:1px solid #ebe3cf;border-radius:4px;padding:2rem 1.8rem;font-size:1.35rem;line-height:1.5;box-shadow:0 2px 8px #0001;display:block}
.res b{display:block;font:700 1.5rem var(--c);color:var(--ink);margin-bottom:.8rem}
.res a:hover{border-color:var(--gold)}
.contact{display:grid;grid-template-columns:1fr 1.5fr;gap:4.4rem;align-items:start}
.info{display:grid;gap:1.6rem;font-size:1.5rem}
.info span{display:flex;gap:1rem;align-items:center}.info svg{width:2.2rem;height:2.2rem;color:var(--gold);flex:none}
form.f{display:grid;gap:1.4rem}
.f label{display:grid;gap:.5rem;font:700 1.15rem var(--c);letter-spacing:.06rem;color:var(--ink)}
.f input,.f textarea,.f select{font:400 1.5rem var(--s);padding:1.1rem 1.3rem;border:1.5px solid #cfc5ac;border-radius:3px;background:#fff;color:var(--tx);width:100%}
.f input:focus,.f textarea:focus{outline:2px solid var(--gold2);outline-offset:1px}
.f textarea{min-height:15rem;resize:vertical}
.f .r2{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem}.f .r3{display:grid;grid-template-columns:2fr 1fr 1fr;gap:1.4rem}
.f .btn{justify-self:start;height:4.4rem;font-size:1.2rem;padding:0 2.6rem}
.cartbox{display:grid;grid-template-columns:1fr 32rem;gap:3.4rem;align-items:start}
.ci{display:grid;grid-template-columns:8rem 1fr auto auto auto;gap:2rem;align-items:center;padding:1.8rem 0;border-bottom:1px solid #d9d0b8}
.ci:first-child{border-top:1px solid #d9d0b8}
.ci img{width:8rem;filter:drop-shadow(.4rem .5rem .6rem #0005)}
.ci h3{font:700 1.9rem/1.15 var(--d);color:var(--ink);text-transform:uppercase}
.ci small{display:block;font:italic 600 1.5rem var(--d);color:#a36a1c;margin-top:.3rem}
.qty{display:inline-flex;border:1.5px solid var(--gold);border-radius:3px;height:3.8rem}
.qty button{width:3.6rem;border:0;background:none;font:700 1.8rem var(--s);color:var(--ink);cursor:pointer}
.qty output{min-width:3.6rem;display:grid;place-items:center;font:700 1.5rem var(--s);color:var(--ink)}
.lt{font:700 1.7rem var(--c);color:var(--ink);min-width:8rem;text-align:right}
.rm{border:0;background:none;color:#8a4b2e;font:400 1.2rem var(--s);text-decoration:underline;cursor:pointer}
.sum{background:#fff;border:1px solid #ebe3cf;border-top:3px solid var(--gold);padding:2.2rem;border-radius:3px}
.sum h2{font:700 1.5rem var(--c);letter-spacing:.08rem;color:var(--ink);margin-bottom:1.4rem}
.sum .l{display:flex;justify-content:space-between;font-size:1.45rem;padding:.7rem 0}
.sum .l.t{border-top:1px solid #d9d0b8;margin-top:.8rem;padding-top:1.2rem;font:700 1.9rem var(--c);color:var(--ink)}
.sum .btn{width:100%;margin-top:1.4rem;height:4.4rem;font-size:1.15rem}
.empty{text-align:center;padding:5rem 1rem;font-size:1.6rem}
.empty .btn{margin-top:2rem}
.toast{position:fixed;left:50%;bottom:calc(2.4rem + env(safe-area-inset-bottom,0px));transform:translate(-50%,2rem);background:var(--navy2);color:#fff;border:1px solid var(--gold);padding:1.2rem 2rem;border-radius:3px;font-size:1.4rem;opacity:0;pointer-events:none;transition:.25s;z-index:60}
.toast.on{opacity:1;transform:translate(-50%,0);pointer-events:auto}
.toast a{color:var(--gold2);text-decoration:underline;margin-left:1rem}
.ok{background:#eef5e9;border:1px solid #9bbf86;padding:1.4rem 1.6rem;border-radius:3px;font-size:1.4rem;margin-top:1.4rem}
[hidden]{display:none!important}
@media(max-width:1180px){
.wrap{padding:3rem 2rem}.phero h1{font-size:3.8rem}
.two,.prod,.authp,.contact,.cartbox{grid-template-columns:1fr}
.pillars,.res{grid-template-columns:1fr 1fr}
.prod>img{margin:0 auto}.authp .ph{height:30rem}
.tlv::before{left:1.2rem}.tlv article{grid-template-columns:3rem 1fr;gap:.8rem 1.4rem}
.tlv h3{grid-column:2;text-align:left}.tlv .dot{grid-column:1;grid-row:1}.tlv img{grid-column:2}.tlv div{grid-column:2}
.ci{grid-template-columns:7rem 1fr;gap:1rem 1.4rem}.ci .qty,.ci .lt,.ci .rm{grid-column:2;justify-self:start}.ci .lt{text-align:left}
}
@media(max-width:600px){.pillars,.res,.f .r2,.f .r3{grid-template-columns:1fr}.phero h1{font-size:3.2rem}}
@media(prefers-reduced-motion:reduce){.toast{transition:none}html{scroll-behavior:auto}}
body{min-height:100vh;display:flex;flex-direction:column}
main{flex:1 0 auto}