:root{
  --ink:#0c0c0d; --coal:#161718; --paper:#f6f4ef; --white:#ffffff; --bone:#e9e5dc;
  --gray:#7c7d80; --gray-l:#a9aaad; --gold:#a98f58; --gold-l:#c4ab74;
  --rule:rgba(12,12,13,.16); --rule-w:rgba(255,255,255,.16);
  --sans:'Jost',system-ui,sans-serif; --serif:'Bodoni Moda','Didot','Times New Roman',serif; --text:'Inter',system-ui,sans-serif;
  --ease:cubic-bezier(.22,1,.36,1);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--text);font-weight:300;line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.wrap{max-width:1360px;margin:0 auto;padding:0 44px}
@media(max-width:700px){.wrap{padding:0 22px}}
::selection{background:var(--gold);color:var(--ink)}
em,.it{font-family:var(--serif);font-style:italic;font-weight:400}

/* ---------- top bar ---------- */
header.bar{position:fixed;top:0;left:0;right:0;z-index:50;color:var(--white);transition:background .45s,color .45s,border-color .45s;border-bottom:1px solid transparent}
header.bar .in{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:20px 44px}
@media(max-width:700px){header.bar .in{padding:16px 22px}}
header.bar.solid{background:rgba(246,244,239,.94);backdrop-filter:blur(14px);color:var(--ink);border-color:var(--rule)}
header.bar.solid.on-dark{background:rgba(12,12,13,.9);color:var(--white);border-color:var(--rule-w)}
.mark{font-family:var(--sans);font-weight:500;letter-spacing:.34em;font-size:14px;transition:opacity .4s}
.cover-top .mark{opacity:0;pointer-events:none}
.menu{display:flex;gap:34px;font-family:var(--sans);font-size:11.5px;letter-spacing:.22em;text-transform:uppercase}
.menu a{position:relative;padding:5px 0;opacity:.82;transition:opacity .3s}
.menu a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .5s var(--ease)}
.menu a:hover,.menu a.on{opacity:1}
.menu a:hover::after,.menu a.on::after{transform:scaleX(1);transform-origin:left}
@media(max-width:960px){.menu{display:none}}
.pill{font-family:var(--sans);font-size:11px;letter-spacing:.22em;text-transform:uppercase;padding:11px 20px;border:1px solid currentColor;white-space:nowrap;transition:background .35s,color .35s,border-color .35s}
.pill:hover{background:var(--gold);border-color:var(--gold);color:var(--ink)}

/* ---------- buttons / links ---------- */
.btn{display:inline-flex;align-items:center;gap:14px;font-family:var(--sans);font-size:12px;letter-spacing:.22em;text-transform:uppercase;font-weight:500;
  padding:18px 30px;background:var(--ink);color:var(--white);border:1px solid var(--ink);position:relative;overflow:hidden;cursor:pointer;transition:color .45s var(--ease)}
.btn::before{content:"";position:absolute;inset:0;background:var(--gold);transform:translateY(101%);transition:transform .55s var(--ease)}
.btn > *{position:relative;z-index:1}
.btn:hover{color:var(--ink)}
.btn:hover::before{transform:none}
.btn:active{transform:scale(.985)}
.btn.w{background:var(--white);color:var(--ink);border-color:var(--white)}
.go{font-family:var(--sans);font-size:11.5px;letter-spacing:.22em;text-transform:uppercase;display:inline-flex;align-items:center;gap:12px;border-bottom:1px solid currentColor;padding-bottom:6px;transition:gap .45s var(--ease)}
.go:hover{gap:20px}

/* ---------- reveal ---------- */
.rv{opacity:0;transform:translateY(28px);transition:opacity 1.1s var(--ease),transform 1.1s var(--ease)}
.rv.in{opacity:1;transform:none}
.d1{transition-delay:.09s}.d2{transition-delay:.18s}.d3{transition-delay:.27s}.d4{transition-delay:.36s}
.wipe{clip-path:inset(0 0 100% 0);transition:clip-path 1.4s var(--ease)}
.wipe.in{clip-path:inset(0 0 0 0)}
.wipe img{transform:scale(1.14);transition:transform 2s var(--ease),filter 1s var(--ease)}
.wipe.in img{transform:scale(1)}

/* ---------- COVER ---------- */
.cover{position:relative;min-height:100vh;background:var(--ink);color:var(--white);overflow:hidden;display:flex;flex-direction:column}
.cover-img{position:absolute;inset:0;background:url(img/hero.webp) 62% 50%/cover no-repeat;animation:kenb 3s .2s var(--ease) both paused}
.cover-img.ready{animation-play-state:running}
@keyframes kenb{from{opacity:0;transform:scale(1.12)}to{opacity:1;transform:scale(1)}}
.cover::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,12,13,.62) 0,rgba(12,12,13,.1) 30%,rgba(12,12,13,.15) 55%,rgba(12,12,13,.9) 100%),linear-gradient(90deg,rgba(12,12,13,.75),transparent 55%)}
.cover > *:not(.cover-img){position:relative;z-index:2}
.masthead{padding:74px 44px 0;line-height:.8}
.masthead h1{margin:0;font-family:var(--sans);font-weight:500;letter-spacing:-.012em;font-size:15.4vw;white-space:nowrap;display:flex;justify-content:space-between}
.masthead h1 span{display:inline-block;transform:translateY(60%);opacity:0;animation:letter 1.2s var(--ease) forwards}
@keyframes letter{to{transform:none;opacity:1}}
.strap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;margin:26px 44px 0;padding-top:14px;border-top:1px solid var(--rule-w);
  font-family:var(--sans);font-size:11px;letter-spacing:.26em;text-transform:uppercase;color:rgba(255,255,255,.8);opacity:0;animation:fade 1.2s 1.1s forwards}
@keyframes fade{to{opacity:1}}
.cover-body{margin-top:auto;display:grid;grid-template-columns:1.25fr .75fr;gap:60px;align-items:end;padding:60px 44px 54px}
.cover-head{opacity:0;animation:rise 1.2s 1.25s var(--ease) forwards}
@keyframes rise{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
.cover-head .a{font-family:var(--serif);font-style:italic;font-size:clamp(40px,6vw,96px);line-height:1;letter-spacing:-.01em;margin:0 0 18px}
.cover-head .b{font-family:var(--sans);font-weight:300;font-size:clamp(20px,2.3vw,34px);line-height:1.22;max-width:21ch;margin:0 0 34px}
.cover-head .b b{font-weight:400;color:var(--gold-l)}
.inside{opacity:0;animation:rise 1.2s 1.45s var(--ease) forwards;border-top:1px solid var(--rule-w)}
.inside h6{font-family:var(--sans);font-size:10.5px;letter-spacing:.3em;text-transform:uppercase;color:var(--gold-l);margin:16px 0 8px;font-weight:500}
.inside a{display:grid;grid-template-columns:38px 1fr;gap:12px;padding:13px 0;border-bottom:1px solid var(--rule-w);align-items:baseline;transition:padding .45s var(--ease),color .3s}
.inside a:hover{padding-left:10px;color:var(--gold-l)}
.inside a i{font-family:var(--serif);font-style:italic;font-size:17px;color:var(--gold-l)}
.inside a span{font-family:var(--sans);font-size:15.5px;font-weight:300;line-height:1.3}
@media(max-width:900px){
  .masthead{padding:74px 22px 0}.strap{margin:18px 22px 0;font-size:9.5px;letter-spacing:.2em}
  .cover-body{grid-template-columns:1fr;gap:34px;padding:40px 22px 38px}
  .strap span:nth-child(3){display:none}
}

/* ---------- section heads ---------- */
.sec{padding:140px 0}
@media(max-width:800px){.sec{padding:90px 0}}
.dark{background:var(--ink);color:var(--white)}
.coal{background:var(--coal);color:var(--white)}
.folio{display:flex;justify-content:space-between;align-items:baseline;font-family:var(--sans);font-size:10.5px;letter-spacing:.3em;text-transform:uppercase;
  padding-bottom:16px;border-bottom:1px solid var(--rule);margin-bottom:70px;color:var(--gray)}
.dark .folio,.coal .folio{border-color:var(--rule-w);color:var(--gray-l)}
.folio b{font-weight:500;color:var(--gold)}
.title{font-family:var(--sans);font-weight:300;font-size:clamp(40px,6.4vw,104px);line-height:.96;letter-spacing:-.025em;margin:0;text-wrap:balance}
.title em{letter-spacing:-.01em;color:var(--gold)}
.dark .title em,.coal .title em{color:var(--gold-l)}
.deck{font-family:var(--serif);font-style:italic;font-size:clamp(19px,1.7vw,25px);line-height:1.45;color:#3d3e41;max-width:30ch;margin:0}
.dark .deck,.coal .deck{color:#cfcfcc}
.head-row{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:end}
@media(max-width:900px){.head-row{grid-template-columns:1fr;gap:26px}}

/* ---------- CARTA ---------- */
.carta-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:100px;align-items:start;margin-top:80px}
@media(max-width:980px){.carta-grid{grid-template-columns:1fr;gap:50px}}
.carta-body{font-size:17.5px;line-height:1.85;color:#2c2d30;max-width:54ch}
.carta-body p{margin:0 0 22px}
.carta-body p:first-child::first-letter{font-family:var(--serif);font-size:5.6em;line-height:.74;float:left;padding:10px 14px 0 0;color:var(--ink)}
.sign{margin-top:44px;display:flex;align-items:center;gap:20px;font-family:var(--sans);font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--gray)}
.sign::before{content:"";width:60px;height:1px;background:var(--gold);flex:none}
.sign b{display:block;color:var(--ink);font-weight:500;font-size:12px}
.pull{font-family:var(--serif);font-style:italic;font-size:clamp(30px,3.6vw,56px);line-height:1.12;letter-spacing:-.01em;margin:0;position:sticky;top:130px}
.pull::before{content:"\201C";display:block;font-size:2.4em;line-height:.5;color:var(--gold);margin-bottom:.22em}

/* ---------- REGRAS ---------- */
.rules{display:grid;grid-template-columns:repeat(3,1fr);margin-top:110px;border-top:1px solid var(--ink)}
@media(max-width:860px){.rules{grid-template-columns:1fr;margin-top:70px}}
.rule{padding:34px 40px 6px 0}
.rule + .rule{padding-left:40px;border-left:1px solid var(--rule)}
@media(max-width:860px){.rule + .rule{padding-left:0;border-left:0;border-top:1px solid var(--rule)}}
.rule i{font-family:var(--serif);font-style:italic;font-size:54px;line-height:1;color:var(--gold);display:block}
.rule h3{font-family:var(--sans);font-weight:400;font-size:27px;line-height:1.15;margin:36px 0 12px;letter-spacing:-.01em}
.rule p{margin:0;font-size:15px;color:#4a4b4e;max-width:32ch}

/* ---------- MÉTODO ---------- */
.metodo-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:start;margin-top:80px}
@media(max-width:980px){.metodo-grid{grid-template-columns:1fr;gap:50px}}
.metodo-fig{position:sticky;top:120px}
.metodo-fig .ph{aspect-ratio:4/5;overflow:hidden}
.metodo-fig img{width:100%;height:100%;object-fit:cover}
.cap{font-family:var(--sans);font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--gray);margin-top:14px}
.steps{list-style:none;margin:0;padding:0}
.steps li{display:grid;grid-template-columns:90px 1fr;gap:20px;padding:34px 0;border-top:1px solid var(--rule-w);align-items:start;transition:padding .5s var(--ease)}
.steps li:last-child{border-bottom:1px solid var(--rule-w)}
.steps li:hover{padding-left:14px}
.steps li i{font-family:var(--serif);font-style:italic;font-size:46px;line-height:1;color:var(--gold-l)}
.steps h4{font-family:var(--sans);font-weight:300;font-size:clamp(24px,2.5vw,36px);line-height:1.1;margin:0 0 10px;letter-spacing:-.01em}
.steps p{margin:0;font-size:15px;color:#b2b3b6;max-width:46ch}
@media(max-width:600px){.steps li{grid-template-columns:54px 1fr}.steps li i{font-size:32px}}

/* ---------- FEATURES (ativos) ---------- */
.features{margin-top:90px}
.feature{display:grid;grid-template-columns:1.2fr .8fr;gap:80px;align-items:center;padding:90px 0;border-top:1px solid var(--rule)}
.feature:first-child{border-top:0;padding-top:0}
.feature.flip .f-img{order:2}
@media(max-width:980px){.feature{grid-template-columns:1fr;gap:34px;padding:60px 0}.feature.flip .f-img{order:0}}
.f-img{position:relative;display:block}
.f-img .ph{aspect-ratio:16/10.4;overflow:hidden;background:var(--bone)}
.f-img.tall .ph{aspect-ratio:4/4.3}
.f-img img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.06)}
.f-img:hover img{filter:none;transform:scale(1.035)}
.f-img .ref{position:absolute;left:0;bottom:0;background:var(--paper);padding:12px 18px 0 0;font-family:var(--sans);font-size:11px;letter-spacing:.28em;z-index:2}
.f-img .ref b{font-weight:500;color:var(--gold)}
.f-txt .kick{font-family:var(--sans);font-size:10.5px;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);font-weight:500}
.f-txt h3{font-family:var(--sans);font-weight:300;font-size:clamp(32px,3.7vw,58px);line-height:1;letter-spacing:-.02em;margin:18px 0 20px}
.f-txt > p{font-size:16px;color:#3e3f42;max-width:44ch;margin:0 0 30px}
.spec{border-top:1px solid var(--ink);margin:0 0 34px}
.spec div{display:flex;justify-content:space-between;gap:24px;padding:13px 0;border-bottom:1px solid var(--rule);align-items:baseline}
.spec dt{font-family:var(--sans);font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--gray)}
.spec dd{margin:0;font-family:var(--sans);font-size:17px;font-weight:400;text-align:right}

.also{margin-top:70px;border-top:1px solid var(--ink)}
.also h5{font-family:var(--sans);font-size:10.5px;letter-spacing:.3em;text-transform:uppercase;font-weight:500;color:var(--gold);margin:22px 0 10px}
.also a{display:grid;grid-template-columns:110px 80px 1.6fr 1fr 1fr 40px;gap:24px;align-items:center;padding:16px 0;border-bottom:1px solid var(--rule);transition:background .4s,padding .5s var(--ease)}
.also a:hover{background:var(--white);padding-left:16px;padding-right:16px}
.also .th{aspect-ratio:3/2;overflow:hidden}
.also .th img{width:100%;height:100%;object-fit:cover;filter:grayscale(1);transition:filter .7s}
.also a:hover .th img{filter:none}
.also .r{font-family:var(--sans);font-size:12px;letter-spacing:.24em;color:var(--gold)}
.also .n{font-family:var(--sans);font-size:21px;font-weight:300;letter-spacing:-.005em;line-height:1.2}
.also .m{font-family:var(--sans);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--gray)}
.also svg{justify-self:end}
@media(max-width:860px){.also a{grid-template-columns:84px 1fr;gap:16px}.also .r,.also .m,.also svg{display:none}}
.fine{font-size:11.5px;color:var(--gray);margin-top:40px;letter-spacing:.02em;max-width:86ch}

/* ---------- ATELIER ---------- */
.tba-logo{font-family:var(--text);font-size:26px;line-height:1.05;font-weight:600;letter-spacing:-.02em;margin-bottom:26px}
.tba-logo span{display:block;font-weight:300;color:#f4901e}
.strip{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:16px;margin-top:80px}
.strip figure{margin:0;position:relative}
.strip .ph{height:340px;overflow:hidden}
.strip img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) brightness(.86)}
.strip figure:hover img{filter:none;transform:scale(1.04)}
@media(max-width:800px){.strip{grid-template-columns:1fr}.strip .ph{height:240px}}
.cats{display:flex;flex-wrap:wrap;gap:10px 0;margin:50px 0 0;padding:28px 0 0;border-top:1px solid var(--rule-w);font-family:var(--serif);font-style:italic;font-size:clamp(18px,1.7vw,24px);color:#dcdcd9}
.cats span::after{content:"\00B7";margin:0 22px;color:var(--gold-l)}
.cats span:last-child::after{content:""}

/* ---------- CORRESPONDÊNCIA ---------- */
.doors{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--ink);margin-top:80px}
@media(max-width:860px){.doors{grid-template-columns:1fr}}
.door{padding:56px 56px 56px 0;display:flex;flex-direction:column;justify-content:space-between;min-height:380px;transition:background .6s var(--ease),color .6s,padding .6s var(--ease)}
.door + .door{padding-left:56px;border-left:1px solid var(--rule)}
@media(max-width:860px){.door{padding:44px 0;min-height:0}.door + .door{padding-left:0;border-left:0;border-top:1px solid var(--rule)}}
.door:hover{background:var(--ink);color:var(--white);padding-left:56px}
@media(max-width:860px){.door:hover{padding-left:22px;padding-right:22px}}
.door i{font-family:var(--serif);font-style:italic;font-size:22px;color:var(--gold)}
.door h3{font-family:var(--sans);font-weight:300;font-size:clamp(28px,3.1vw,46px);line-height:1.05;letter-spacing:-.015em;margin:20px 0 16px}
.door p{font-size:15.5px;max-width:38ch;margin:0 0 36px;color:#4a4b4e;transition:color .6s}
.door:hover p{color:#bcbcb9}
.door:hover .btn{background:var(--white);color:var(--ink);border-color:var(--white)}

/* ---------- page heads ---------- */
.phead{background:var(--ink);color:var(--white);padding:170px 0 80px;position:relative;overflow:hidden}
.crumbs{font-family:var(--sans);font-size:10.5px;letter-spacing:.26em;text-transform:uppercase;color:var(--gray-l);margin-bottom:34px}
.crumbs a:hover{color:var(--gold-l)}
.phead h1{font-family:var(--sans);font-weight:300;font-size:clamp(52px,9vw,150px);line-height:.9;letter-spacing:-.035em;margin:0}
.phead h1 em{letter-spacing:-.01em;color:var(--gold-l)}
@media(max-width:900px){.phead{padding:130px 0 56px}}

/* ---------- FICHA ---------- */
.ficha-hero .ph{height:min(72vh,740px);overflow:hidden;background:var(--ink)}
.ficha-hero img{width:100%;height:100%;object-fit:cover}
.ficha-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:100px;align-items:start}
@media(max-width:980px){.ficha-grid{grid-template-columns:1fr;gap:50px}}
.ficha-lead{font-family:var(--serif);font-style:italic;font-size:clamp(24px,2.6vw,38px);line-height:1.28;margin:0 0 34px;letter-spacing:-.005em}
.ficha-text{font-size:16.5px;color:#343538;max-width:56ch}
.ficha-text p{margin:0 0 18px}
.sticky{position:sticky;top:110px}
.gal{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:90px}
.gal .ph{aspect-ratio:4/3;overflow:hidden;background:var(--bone)}
.gal img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease)}
.gal .ph:hover img{transform:scale(1.05)}
@media(max-width:700px){.gal{grid-template-columns:1fr}}

/* ---------- CONTACTO ---------- */
.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;align-items:start}
@media(max-width:1000px){.contact-grid{grid-template-columns:1fr;gap:50px}}
.cinfo dl{margin:44px 0 0;border-top:1px solid var(--ink)}
.cinfo dt{font-family:var(--sans);font-size:10px;letter-spacing:.26em;text-transform:uppercase;color:var(--gray);padding-top:18px}
.cinfo dd{margin:6px 0 0;padding-bottom:18px;border-bottom:1px solid var(--rule);font-family:var(--sans);font-size:21px;font-weight:300}
.cinfo dd a:hover{color:var(--gold)}
.form{background:var(--white);padding:54px;border:1px solid var(--rule)}
@media(max-width:600px){.form{padding:28px 20px}}
.form h6{font-family:var(--sans);font-size:10.5px;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);margin:0 0 18px;font-weight:500}
.seg{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--ink);margin:0 0 42px}
.seg label{padding:22px;cursor:pointer;transition:background .45s var(--ease),color .45s;position:relative;display:block}
.seg label + label{border-left:1px solid var(--ink)}
.seg input{position:absolute;opacity:0}
.seg .o{font-family:var(--serif);font-style:italic;font-size:18px;color:var(--gold);display:block;margin-bottom:6px}
.seg .t{font-family:var(--sans);font-size:21px;font-weight:400;display:block;line-height:1.2}
.seg .s{font-size:12.5px;color:var(--gray);display:block;margin-top:6px}
.seg label.on{background:var(--ink);color:var(--white)}
.seg label.on .s{color:#b5b5b2}
.seg label:focus-within{outline:2px solid var(--gold);outline-offset:3px}
@media(max-width:600px){.seg{grid-template-columns:1fr}.seg label + label{border-left:0;border-top:1px solid var(--ink)}}
.fields{display:grid;grid-template-columns:1fr 1fr;gap:28px 26px}
.fields .full{grid-column:1/-1}
@media(max-width:600px){.fields{grid-template-columns:1fr}}
.f label{display:block;font-family:var(--sans);font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--gray);margin-bottom:8px}
.f input,.f textarea,.f select{width:100%;background:transparent;border:0;border-bottom:1px solid rgba(12,12,13,.35);color:var(--ink);font-family:var(--text);font-size:16px;font-weight:300;padding:9px 0 12px;outline:none;transition:border-color .3s;border-radius:0}
.f textarea{resize:vertical;min-height:84px}
.f input:focus,.f textarea:focus,.f select:focus{border-color:var(--gold)}
.note{margin:34px 0 0;padding:18px 20px;border-left:2px solid var(--gold);background:var(--paper);font-size:13.5px;color:#3e3f42;line-height:1.6}
.consent{display:flex;gap:12px;align-items:flex-start;font-size:12.5px;color:var(--gray);margin:30px 0}
.consent input{margin-top:4px;accent-color:var(--ink)}
.sent{display:none;text-align:center;padding:70px 20px}
.sent h3{font-family:var(--serif);font-style:italic;font-weight:400;font-size:40px;margin:0 0 10px}
.sent p{color:var(--gray);max-width:44ch;margin:0 auto}
[hidden]{display:none!important}

/* ---------- footer ---------- */
footer.end{background:var(--ink);color:var(--white);padding:90px 0 30px;overflow:hidden}
.end-mast{font-family:var(--sans);font-weight:500;font-size:14.6vw;line-height:.8;letter-spacing:-.012em;white-space:nowrap;color:rgba(255,255,255,.07);margin:0 0 70px;text-align:center;user-select:none}
.foot{display:grid;grid-template-columns:1.3fr 1fr 1.2fr 1.2fr;gap:50px;padding:0 0 56px}
@media(max-width:900px){.foot{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.foot{grid-template-columns:1fr}}
.foot h5{font-family:var(--sans);font-size:10px;letter-spacing:.28em;text-transform:uppercase;color:var(--gold-l);margin:0 0 18px;font-weight:500}
.foot p,.foot a{font-size:13.5px;color:#a7a8ab;display:block;margin:0 0 9px;line-height:1.6}
.foot a:hover{color:var(--white)}
.foot .big{font-family:var(--serif);font-style:italic;font-size:25px;color:var(--white);line-height:1.25;max-width:15ch;margin-bottom:18px}
.legal{border-top:1px solid var(--rule-w);padding-top:22px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:11.5px;color:#6d6e71}
.wa{position:fixed;right:24px;bottom:24px;z-index:45;width:54px;height:54px;border-radius:50%;background:var(--ink);color:var(--white);display:grid;place-items:center;border:1px solid rgba(255,255,255,.25);
  box-shadow:0 14px 40px -12px rgba(0,0,0,.6);transition:transform .45s var(--ease),background .35s,color .35s}
.wa:hover{transform:translateY(-4px);background:var(--gold);color:var(--ink)}

@media(prefers-reduced-motion:reduce){
  .rv,.wipe{opacity:1;transform:none;clip-path:none;transition:none}
  .masthead h1 span,.strap,.cover-head,.inside,.cover-img{animation:none;opacity:1;transform:none}
  html{scroll-behavior:auto}
}