:root{
  --night:#241E16;
  --fjord:#3D3222;
  --glacial:#D9C7A6;
  --ice:#F4F1EA;
  --amber:#D9A441;
  --amber-ink:#845B18;
  --bone:#F5EFE4;
  --seam:#d4c0a6;
  --header-h:64px;
  --gap:clamp(16px,2vw,28px);
  --r1:1px solid rgba(36,30,22,.13);
  --r2:1px solid rgba(36,30,22,.30);
  --r3:2px solid #241E16;
  --panel-ink:#F4F1EA;
  --panel-body:rgba(244,241,234,.82);
  --panel-label:rgba(244,241,234,.70);
  --panel-quiet:rgba(244,241,234,.60);
  --panel-link:#D9C7A6;
  --panel-r1:1px solid rgba(244,241,234,.18);
  --bone-wash:rgba(36,30,22,.045);
  --ease-settle:cubic-bezier(.22,.61,.36,1);
}

*{box-sizing:border-box;margin:0;padding:0}
body{
  font-family:Archivo,system-ui,-apple-system,sans-serif;
  background:var(--bone);color:var(--night);overflow-x:hidden;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
}
h1,h2,h3{font-family:Fraunces,Georgia,serif;font-weight:300;font-optical-sizing:auto}
img{max-width:100%;display:block}
a{color:inherit}
button{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--amber-ink);outline-offset:3px;border-radius:2px}
.site-footer :focus-visible,.ag-crest :focus-visible{outline-color:var(--glacial)}
.sr-only{
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
  clip:rect(0 0 0 0);white-space:nowrap;border:0;
}

.crumb{margin-bottom:clamp(18px,2.4vh,26px)}
.crumb ol{
  display:flex;flex-wrap:wrap;align-items:center;gap:0 9px;
  list-style:none;margin:0;padding:0;
  font:400 12px/1.5 Archivo,sans-serif;letter-spacing:.06em;
}
.crumb li{display:flex;align-items:center;gap:9px}
.crumb li+li::before{content:'\203A';color:rgba(36,30,22,.42);font-size:13px}
.crumb a{color:rgba(36,30,22,.68);text-decoration:none;border-bottom:1px solid transparent;padding:3px 0}
.crumb a:hover{color:var(--amber-ink);border-bottom-color:currentColor}
.crumb [aria-current="page"]{color:var(--night);padding:3px 0}
main > .crumb{padding:calc(var(--header-h) + clamp(20px,3vh,30px)) clamp(20px,6vw,96px) 0;margin-bottom:0}

.skip-link{
  position:fixed;top:-60px;left:16px;z-index:300;background:var(--night);color:var(--ice);
  padding:11px 18px;border-radius:3px;text-decoration:none;font:600 12px Archivo,sans-serif;
  letter-spacing:.12em;transition:top .25s ease;
}
.skip-link:focus{top:12px}


.display{
  font-family:Fraunces,Georgia,serif;font-weight:300;
  font-size:clamp(38px,5.4vw,68px);line-height:1.05;text-wrap:balance;max-width:14em;
}
.m{font:600 10px/1.5 Archivo,sans-serif;letter-spacing:.28em;text-transform:uppercase;color:rgba(36,30,22,.70)}
.n{font:400 13px/1.62 Archivo,sans-serif;color:rgba(36,30,22,.68);max-width:640px}
.l{font:500 11.5px/1.5 Archivo,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:rgba(36,30,22,.66)}
.v{font:500 15.5px/1.35 Archivo,sans-serif;font-variant-numeric:tabular-nums;letter-spacing:.01em;color:rgba(36,30,22,.94)}
.measure{max-width:620px;font-size:16.5px;line-height:1.68;color:rgba(36,30,22,.82)}
.eyebrow{
  font:600 11px/1 Archivo,sans-serif;letter-spacing:.32em;text-transform:uppercase;
  color:var(--amber-ink);margin-bottom:20px;
}
.ruled{
  font:500 12px/1.5 Archivo,sans-serif;letter-spacing:.18em;text-transform:uppercase;
  text-decoration:none;border-bottom:1px solid rgba(36,30,22,.35);padding-bottom:3px;
  display:inline-block;
}
.ruled:hover{border-bottom-color:var(--night)}
.link-inline{color:var(--amber-ink);text-decoration:none;border-bottom:1px solid rgba(132,91,24,.45)}
.link-inline:hover{border-bottom-color:var(--amber-ink)}


.site-header{
  position:fixed;top:0;left:0;right:0;z-index:60;height:var(--header-h);
  display:flex;align-items:center;justify-content:space-between;gap:24px;
  padding:0 clamp(16px,4vw,44px);
  background:var(--bone);border-bottom:var(--r1);color:var(--night);
}
.logo{display:block;text-decoration:none;color:inherit;line-height:0}

.logo img{display:block}
.logo-text{font-family:Fraunces,Georgia,serif;font-weight:300;font-size:15px;letter-spacing:.3em;fill:currentColor}
.header-right{display:flex;align-items:center;gap:clamp(14px,2.2vw,28px)}
.site-nav{display:flex;align-items:center;gap:clamp(12px,1.7vw,22px)}
.site-nav a{
  font:500 11px/1 Archivo,sans-serif;letter-spacing:.16em;text-transform:uppercase;
  text-decoration:none;color:currentColor;opacity:.9;white-space:nowrap;
  padding-bottom:4px;border-bottom:1px solid transparent;transition:opacity .2s ease,border-color .2s ease;
}
.site-nav a:hover{opacity:1;border-bottom-color:currentColor}
.site-nav a[aria-current="page"]{opacity:1;border-bottom-color:var(--amber)}
.header-shop{
  font:600 11px/1 Archivo,sans-serif;letter-spacing:.26em;text-transform:uppercase;
  text-decoration:none;border:1px solid currentColor;
  padding:10px 16px;transition:opacity .25s ease;white-space:nowrap;
}
.header-shop:hover{opacity:.65}


.lang-switch{display:flex;align-items:center;gap:8px;white-space:nowrap}
.lang-switch a{
  font:600 10.5px/1 Archivo,sans-serif;letter-spacing:.16em;text-transform:uppercase;
  text-decoration:none;color:currentColor;opacity:.65;
  padding-bottom:4px;border-bottom:1px solid transparent;
  transition:opacity .2s ease,border-color .2s ease;
}
.lang-switch a:hover{opacity:1}
.lang-switch .sep{opacity:.32}
html[lang^="en"] .lang-switch a[data-lang="en"],
html[lang^="pt"] .lang-switch a[data-lang="pt"]{opacity:1;border-bottom-color:var(--amber)}
@media(max-width:1100px){.header-right .lang-switch{display:none}}

.nav-panel .lang-switch{padding:15px 0;gap:12px}
.nav-panel .lang-switch a{display:inline-block;padding:0 0 4px;font-size:13px;color:var(--night)}
.nav-panel .lang-switch .sep{font-size:13px;color:var(--night)}

.nav-toggle{
  display:none;align-items:center;gap:9px;background:none;border:0;cursor:pointer;
  font:600 11px/1 Archivo,sans-serif;letter-spacing:.2em;text-transform:uppercase;
  color:currentColor;padding:8px 6px;min-height:44px;
  -webkit-tap-highlight-color:transparent;
}
.nav-toggle i{display:block;width:20px;height:9px;position:relative}
.nav-toggle i::before,.nav-toggle i::after{
  content:'';position:absolute;left:0;right:0;height:1px;background:currentColor;
  transition:transform .3s var(--ease-settle);
}
.nav-toggle i::before{top:0}
.nav-toggle i::after{bottom:0}
.nav-toggle[aria-expanded="true"] i::before{transform:translateY(4px) rotate(45deg)}
.nav-toggle[aria-expanded="true"] i::after{transform:translateY(-4px) rotate(-45deg)}
.nav-panel{
  position:fixed;top:var(--header-h);left:0;right:0;z-index:59;
  background:var(--bone);border-bottom:var(--r2);
  padding:8px clamp(14px,4vw,44px) 22px;display:none;
}
.nav-panel.open{display:block;animation:navIn .28s var(--ease-settle) both}
@keyframes navIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
.nav-panel ul{list-style:none}
.nav-panel li{border-top:var(--r1)}
.nav-panel a{
  display:block;padding:15px 0;text-decoration:none;color:var(--night);
  font:500 13px/1 Archivo,sans-serif;letter-spacing:.16em;text-transform:uppercase;
}
.nav-panel a[aria-current="page"]{color:var(--amber-ink)}
@media(max-width:1100px){.site-nav{display:none}.nav-toggle{display:flex}}
@media(max-width:700px){
  
  
  .nav-toggle span{
    position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
    clip:rect(0 0 0 0);white-space:nowrap;border:0;
  }
  .nav-toggle{padding-left:12px;padding-right:12px}
  .site-header{gap:10px;padding:0 12px}
  .logo img{width:130px;height:auto}
  .header-shop{padding:7px 10px;font-size:9.5px;letter-spacing:.12em}
}


.agegate{
  position:fixed;inset:0;z-index:400;display:grid;place-items:center;
  padding:20px;background:rgba(9,18,24,.82);
  -webkit-backdrop-filter:blur(7px) saturate(.9);backdrop-filter:blur(7px) saturate(.9);
}
.agegate[hidden]{display:none}
.ag-panel{
  width:min(440px,100%);background:var(--bone);color:var(--night);
  box-shadow:0 30px 90px -20px rgba(9,18,24,.75);
  animation:agIn .5s var(--ease-settle) both;
}
@keyframes agIn{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}
.ag-crest{background:var(--night);color:var(--ice);padding:30px 32px 26px;text-align:center;border-bottom:2px solid var(--amber)}
.ag-crest svg{display:block;margin:0 auto;overflow:visible}
.ag-body{padding:32px 32px 26px;text-align:center}
.ag-body h2{font-family:Fraunces,Georgia,serif;font-weight:300;font-size:clamp(26px,4.4vw,32px);line-height:1.12;margin-bottom:12px}
.ag-body p{font:400 14px/1.6 Archivo,sans-serif;color:rgba(36,30,22,.76);max-width:30em;margin:0 auto}
.ag-acts{display:grid;gap:10px;margin-top:26px}
.ag-btn{
  font:600 12px/1 Archivo,sans-serif;letter-spacing:.24em;text-transform:uppercase;
  padding:16px 18px;cursor:pointer;transition:background .25s ease,color .25s ease,transform .25s ease;
}
.ag-yes{background:var(--night);color:var(--ice);border:1px solid var(--night)}
.ag-yes:hover{transform:translateY(-1px);background:#3A3125}
.ag-no{background:none;color:var(--night);border:1px solid rgba(36,30,22,.42)}
.ag-no:hover{border-color:var(--night);background:var(--bone-wash)}
.ag-fine{font:400 11.5px/1.55 Archivo,sans-serif;color:rgba(36,30,22,.60);margin-top:20px;padding-top:16px;border-top:var(--r1)}
.agegate.is-no .ag-acts,.agegate.is-no .ag-fine{display:none}


.page{padding:calc(var(--header-h) + clamp(48px,9vh,104px)) clamp(20px,6vw,96px) clamp(64px,10vh,120px)}
.wrap{max-width:1240px;margin:0 auto}
.page-head{border-bottom:var(--r3);padding-bottom:clamp(24px,4vh,40px);margin-bottom:clamp(34px,5vh,56px)}
.page-head .measure{margin-top:22px}
.lede{font-size:19px;line-height:1.6;color:rgba(36,30,22,.86);max-width:34em;margin-top:22px}


.prose{max-width:66ch}
.prose>*+*{margin-top:1.15em}
.prose p{font-size:16.5px;line-height:1.72;color:rgba(36,30,22,.84)}
.prose h2{font-size:clamp(24px,3vw,32px);line-height:1.18;margin-top:1.9em}
.prose h3{font-size:clamp(18px,2vw,21px);line-height:1.3;margin-top:1.7em}
.prose ul,.prose ol{padding-left:1.15em}
.prose li{font-size:16.5px;line-height:1.72;color:rgba(36,30,22,.84);margin-top:.5em}
.prose li::marker{color:var(--amber-ink)}
.prose strong{font-weight:600;color:var(--night)}
.prose a:not(.ruled):not(.btn){color:var(--amber-ink);text-decoration:none;border-bottom:1px solid rgba(132,91,24,.45)}
.prose a:not(.ruled):not(.btn):hover{border-bottom-color:var(--amber-ink)}
.prose blockquote{
  border-left:2px solid var(--amber);padding-left:20px;
  font-family:Fraunces,Georgia,serif;font-weight:300;font-size:19px;line-height:1.55;
  color:rgba(36,30,22,.9);
}
.rule{border:0;border-top:var(--r1);margin:clamp(38px,6vh,58px) 0}


.split{display:grid;grid-template-columns:200px minmax(0,1fr);column-gap:clamp(28px,5vw,80px)}
.split-rail{position:sticky;top:calc(var(--header-h) + 28px);align-self:start}
.split-rail .n{margin-top:12px}
@media(max-width:900px){
  .split{grid-template-columns:minmax(0,1fr);row-gap:20px}
  .split-rail{position:static}
}


.reg{border-top:var(--r3);margin-top:clamp(30px,4vh,44px)}
.reg>div{
  display:grid;grid-template-columns:minmax(140px,240px) minmax(0,1fr);
  column-gap:clamp(18px,3vw,44px);padding:15px 0;border-bottom:var(--r1);
}
.reg dd{margin:0}
@media(max-width:619px){
  .reg>div{grid-template-columns:minmax(0,1fr);row-gap:6px}
}


.figs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:clamp(20px,2.6vw,44px);margin-top:clamp(24px,3.5vh,36px)}
.figs>div{border-top:var(--r1);padding-top:14px}
.fig{
  font-family:Fraunces,Georgia,serif;font-weight:300;font-size:clamp(26px,3.2vw,40px);
  line-height:1;font-variant-numeric:tabular-nums;display:block;margin-bottom:9px;
}
.fig small{font-size:.44em;letter-spacing:.04em;margin-left:.28em}
.figs .n{margin-top:7px;max-width:26em}
@media(max-width:900px){.figs{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:26px}}
@media(max-width:520px){.figs{grid-template-columns:minmax(0,1fr);row-gap:22px}}


.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:clamp(18px,2.4vw,30px);margin-top:clamp(26px,4vh,40px)}
.card{
  border:var(--r1);background:var(--bone);padding:clamp(20px,2vw,28px);
  display:flex;flex-direction:column;position:relative;text-decoration:none;
  transition:transform .4s var(--ease-settle),box-shadow .4s var(--ease-settle),border-color .4s ease;
}
.card::after{
  content:'';position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--amber);
  transform:scaleX(0);transform-origin:left;transition:transform .45s var(--ease-settle);
}
.card:hover,.card:focus-within{transform:translateY(-4px);border-color:rgba(36,30,22,.26);box-shadow:0 22px 44px -26px rgba(36,30,22,.42)}
.card:hover::after,.card:focus-within::after{transform:scaleX(1)}
.card h3{font-size:21px;line-height:1.25;margin:12px 0 10px}
.card .n{margin-bottom:16px}
.card .ruled{margin-top:auto}


.qa{border-top:var(--r3);margin-top:clamp(26px,4vh,40px)}
.qa details{border-bottom:var(--r1)}
.qa summary{
  cursor:pointer;list-style:none;padding:20px 44px 20px 0;position:relative;
  font-family:Fraunces,Georgia,serif;font-weight:300;font-size:clamp(18px,2.2vw,22px);
  line-height:1.32;
}
.qa summary::-webkit-details-marker{display:none}

.qa summary::before,.qa summary::after{
  content:'';position:absolute;top:50%;background:var(--amber-ink);
  transition:transform .3s var(--ease-settle),opacity .3s ease;
}

.qa summary::before{right:4px;width:15px;height:1px;margin-top:-.5px}
.qa summary::after{right:11px;width:1px;height:15px;margin-top:-7.5px}
.qa details[open] summary::after{transform:scaleY(0);opacity:0}
.qa summary:hover{color:var(--amber-ink)}
.qa .qa-body{padding:0 0 24px}
.qa .qa-body>*+*{margin-top:.9em}
.qa .qa-body p,.qa .qa-body li{font-size:16px;line-height:1.7;color:rgba(36,30,22,.84)}
.qa .qa-body ul{padding-left:1.15em}
.qa .qa-body li::marker{color:var(--amber-ink)}
.qa .qa-body a{color:var(--amber-ink);text-decoration:none;border-bottom:1px solid rgba(132,91,24,.45)}



.ridge{display:block;line-height:0;background:var(--night);overflow:hidden}
.ridge img{display:block;width:100%;height:max(150px,25vw);object-fit:cover;object-position:bottom}
.site-footer{background:var(--night);color:var(--panel-ink);padding:clamp(56px,9vh,96px) clamp(20px,6vw,96px) 40px}
.site-footer .inner{max-width:1240px;margin:0 auto}

.foot-top{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,2fr);column-gap:clamp(28px,5vw,80px);row-gap:48px;align-items:start}
.foot-tag{font:400 14px/1.6 Archivo,sans-serif;color:var(--panel-body);max-width:26em;margin-top:22px}
.foot-contact{margin-top:20px}

.foot-tel{margin-top:10px}
.foot-addr{font:400 12px/1.65 Archivo,sans-serif;color:var(--panel-quiet);margin-top:14px;max-width:26em}
.foot-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px clamp(18px,2.6vw,40px)}

.foot-h{
  font:600 10px/1.5 Archivo,sans-serif;letter-spacing:.28em;text-transform:uppercase;
  color:var(--panel-quiet);margin-bottom:2px;
}
.foot-nav ul{list-style:none}
.foot-nav li{margin-bottom:4px}

.foot-nav a{
  font:500 12px/1.4 Archivo,sans-serif;letter-spacing:.18em;text-transform:uppercase;
  text-decoration:none;color:var(--panel-ink);border-bottom:1px solid transparent;
  display:inline-flex;align-items:center;min-height:44px;padding:11px 0 9px;
}
.foot-nav a:hover{border-bottom-color:var(--panel-link)}
.foot-mail{
  font:500 12px/1.4 Archivo,sans-serif;letter-spacing:.14em;text-transform:uppercase;
  text-decoration:none;color:var(--panel-ink);border-bottom:1px solid rgba(244,241,234,.42);padding-bottom:3px;
}
.disclaimer{
  font:400 12px/1.6 Archivo,sans-serif;color:var(--panel-quiet);max-width:60em;
  margin-top:clamp(44px,7vh,72px);padding-top:22px;border-top:var(--panel-r1);
}
.foot-bottom{
  display:flex;flex-wrap:wrap;gap:10px 30px;margin-top:26px;
  font:400 11.5px/1.5 Archivo,sans-serif;color:var(--panel-quiet);
}
@media(max-width:900px){.foot-top{grid-template-columns:minmax(0,1fr)}}

@media(max-width:560px){.foot-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 20px}}
@media(max-width:359px){.foot-nav{grid-template-columns:minmax(0,1fr)}}

@media(prefers-reduced-motion:reduce){
  .ag-panel,.nav-panel.open{animation:none}
  .ag-yes:hover{transform:none}
  .card,.card::after,.qa summary::before,.qa summary::after{transition:none}
  .card:hover,.card:focus-within{transform:none;box-shadow:none}
  .nav-toggle i::before,.nav-toggle i::after{transition:none}
}
@media print{
  .site-header,.nav-panel,.ridge,.agegate,.skip-link{display:none!important}
  .page{padding-top:0}
  .site-footer{background:none;color:#241E16;border-top:var(--r2)}
  .site-footer a,.foot-tag,.disclaimer,.foot-bottom{color:#241E16!important}
  .qa details{border-bottom:var(--r1)}
  .qa .qa-body{display:block!important}
}