/* A single studio backdrop carries the drinks from the cover to the delivery guide. */
body[data-page="inicio"]{background:#e9c4c8}
body>header{border:0}
body[data-page="inicio"]>header{background:#e9c4c8}
body[data-page="inicio"] .mast{height:76px}
body[data-page="inicio"] footer{background:#dce3ce;border:0}
.brand,.bag,.foot nav a,.step button{min-height:44px}
.campaign{overflow:clip;isolation:isolate;background:linear-gradient(180deg,#e9c4c8 0%,#f0c8c2 14%,#f8e8d7 23%,#fbf6ec 33%,#fbf7ee 65%,#f2f0df 77%,#dce3ce 95%)}
.opener{position:relative;display:grid;grid-template-columns:.96fr 1.04fr;align-items:center;min-height:clamp(590px,46vw,740px);max-width:1500px;isolation:isolate}
.opener-copy{position:relative;z-index:2;padding:12px 0 36px}
.film-line,.micro,.film-credit,.taste-index,.taste-notes{font:700 10px/1.4 Arial,Helvetica,sans-serif;letter-spacing:.16em;text-transform:uppercase}
.film-line{display:flex;align-items:center;gap:12px}
.film-line i{height:1px;width:32px;background:currentColor}
.film-line b{font-size:14px;font-weight:400;line-height:1}
.opener h1{font-size:clamp(90px,9.65vw,160px);line-height:.86;letter-spacing:-.082em;margin:28px 0}
.opener h1 em{color:#843c3b;letter-spacing:-.086em}
.opener-copy p,.delivery-copy p,.atlas-intro p{font-size:clamp(16px,1.23vw,19px);line-height:1.5;max-width:34ch}
.hero-actions,.atlas-links{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.hero-actions{margin-top:26px}
.hero-actions .btn>span{font-size:19px}
.quick-menu{min-height:44px;display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;text-decoration:underline;text-underline-offset:5px}
.quick-menu svg{width:17px}
.splash-scene,.pour-scene{position:relative;pointer-events:none;align-self:stretch}
.splash-scene{width:118%;margin-left:-13%;z-index:1}
.splash-scene img{position:absolute;left:0;width:100%;max-width:none;height:113%;top:-7%;object-fit:contain}
.splash-scene figcaption,.pour-scene figcaption{position:absolute;right:-1%;bottom:8%;display:grid;justify-items:start;z-index:2;gap:1px}
.splash-scene a,.pour-scene a{font:clamp(20px,1.8vw,29px)/1.15 var(--serif);letter-spacing:-.04em;pointer-events:auto;min-height:44px;display:inline-flex;align-items:center;gap:.2em;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.micro,.film-credit,.taste-index{font-size:9px}
.film-credit{position:absolute;left:var(--gap);bottom:2%;font-weight:500;letter-spacing:.18em}
.flavor-atlas{position:relative;scroll-margin-top:16px}
.atlas-intro{display:grid;align-items:center;grid-template-columns:1fr 1fr;min-height:clamp(190px,21vw,290px);position:relative;margin-bottom:4px}
.atlas-intro>div{grid-column:2;z-index:1}
.atlas-intro h2,.delivery-scene h2{font-size:clamp(63px,6.8vw,115px);letter-spacing:-.075em}
.atlas-intro h2{margin:15px 0 8px}
.atlas-intro p{font-size:16px}
.fruit-bridge{position:absolute;width:52%;max-width:700px;left:-1.5%;top:50%;transform:translateY(-50%) rotate(-13deg);height:114%;object-fit:contain;pointer-events:none}
.tower-rack{height:clamp(980px,87vw,1340px);max-width:1270px;margin:0 auto;position:relative;isolation:isolate}
.tower-photo{position:absolute;height:100%;width:auto;max-width:none;right:52.5%;top:0}
.taste-label{position:absolute;top:var(--center);left:51%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:4px 2px;min-height:48px;color:var(--ink)}
.taste-index{font-weight:500;letter-spacing:.18em;color:#4a514a}
.taste-type{font:clamp(37px,4.2vw,69px)/1.09 var(--serif);letter-spacing:-.063em;display:block;margin:2px 0 4px}
.taste-arrow{display:inline-block;vertical-align:middle;font:400 .36em Arial,sans-serif;margin-left:.38em}
.taste-notes{font-size:10px;letter-spacing:.14em;color:#595346}
.taste-label:hover .taste-type,.taste-label:focus-visible .taste-type{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.13em}
.atlas-links{justify-content:center;margin-top:12px;gap:30px}
.delivery-scene{display:grid;grid-template-columns:1fr 1fr;align-items:center;isolation:isolate;position:relative;min-height:clamp(540px,47vw,690px);padding-top:40px}
.delivery-copy{z-index:2;position:relative}
.delivery-copy h2{margin:20px 0 16px}.delivery-copy h2 em{color:#3d5a46}
.delivery-copy .btn{margin-top:22px}
.pour-scene img{position:absolute;width:100%;max-width:none;height:122%;top:-13%;object-fit:contain}
.pour-scene figcaption{bottom:7%;right:0}
.campaign figcaption a:focus-visible{outline-offset:1px}
body:not([data-page="inicio"]) header{background:var(--paper)}
/* The catalogue uses the paper as its background; colour belongs to the contents of the cup. */
.product .card-art,.detail .detail-art,.how .how-box,.how .how-art{background:transparent;border-radius:0}
.product .cut-ring,.detail .cut-ring{display:none}
.product .card-art{overflow:visible}
.card-info{border-bottom:0}
.product .folio{font-size:9px;letter-spacing:.1em}
.product .card-art::before,.detail-art::before{position:absolute;content:"";inset:0 -3%;background:radial-gradient(ellipse closest-side at 50% 58%,var(--card),transparent);opacity:.4;z-index:-1}
.detail .detail-art img{height:90%;bottom:5%;transform:rotate(1deg)}
.how-art img{transform:none}
.how-box{border-radius:0}
@media(min-width:1600px){.splash-scene img{height:117%}}
@media(max-width:900px){
.opener{min-height:510px}.opener h1{font-size:clamp(69px,10.25vw,94px)}.hero-actions{gap:14px}.splash-scene figcaption,.pour-scene figcaption{right:1%;bottom:3%}.opener-copy p{max-width:28ch}.tower-rack{height:960px}.taste-label{left:49.5%}.tower-photo{right:53%}.delivery-scene{min-height:520px}
}
@media(max-width:640px){
body[data-page="inicio"] .mast{height:61px}
.opener{display:block;min-height:0;padding-top:25px}
.opener-copy{padding:0;z-index:2}
.film-line{font-size:9px;gap:8px;letter-spacing:.14em}.film-line i{width:22px}
.opener h1{font-size:clamp(63px,13.8vw,87px);margin:15px 0 12px;line-height:.9}
.opener-copy p,.delivery-copy p{font-size:15px;max-width:35ch}
.hero-actions{gap:17px;margin-top:16px}.hero-actions .btn,.delivery-copy .btn{padding:10px 16px;min-height:44px;font-size:13px}.hero-actions .quick-menu{font-size:12px}
.splash-scene{width:100%;margin:0;display:block;height:clamp(310px,79vw,470px)}
.splash-scene img{height:115%;width:107%;left:-3%;top:-6%}
.splash-scene figcaption{bottom:0;right:0}.splash-scene figcaption a,.pour-scene figcaption a{font-size:18px;min-height:44px}
.micro{font-size:7.8px;letter-spacing:.09em}.film-credit{font-size:7px;bottom:8px;letter-spacing:.1em}
.atlas-intro{min-height:172px;grid-template-columns:.39fr .61fr;gap:0;margin:5px auto}
.atlas-intro .film-line{font-size:8px;gap:6px}.atlas-intro .film-line i{width:16px}
.atlas-intro h2{font-size:clamp(39px,9.2vw,56px);margin:10px 0 6px;line-height:1}
.atlas-intro p{font-size:13px;max-width:21ch}
.fruit-bridge{height:95%;width:54%;left:-12%;transform:translateY(-50%) rotate(-25deg)}
.tower-rack{height:clamp(700px,175vw,885px)}
.tower-photo{right:51%;height:100%}
.taste-label{left:51%;width:46%;min-height:48px;padding:3px 0}
.taste-type{font-size:clamp(27px,6.85vw,39px);letter-spacing:-.06em;line-height:1.02;margin:3px 0 5px}
.taste-index,.taste-notes{font-size:8px;letter-spacing:.08em}.taste-arrow{font-size:11px}
.atlas-links{gap:18px;justify-content:center;margin-top:13px}
.delivery-scene{grid-template-columns:1.02fr .98fr;min-height:370px;gap:0;padding-top:17px}
.delivery-copy h2{font-size:clamp(44px,9.5vw,60px);margin:12px 0}
.delivery-copy .film-line{font-size:8px}.delivery-copy p{font-size:13px;line-height:1.5}
.delivery-copy .btn{margin-top:13px}
.pour-scene img{width:130%;max-width:none;height:94%;left:-10%;top:-5%}
.pour-scene figcaption{bottom:4%;right:-4%;text-align:right;align-items:end;justify-items:end}.pour-scene figcaption a{font-size:14px}
}
@media(max-width:350px){.tower-photo{right:52%}.taste-label{left:49%;width:49%}.taste-type{font-size:25px}.atlas-intro{grid-template-columns:.36fr .64fr}.delivery-copy p{font-size:12.5px}}
@media(min-width:641px){.splash-scene img{height:104%;top:0}}
@media(max-width:640px){
.splash-scene{height:clamp(356px,94vw,520px);margin-top:7px}
.splash-scene img{height:calc(100% - 47px);width:100%;left:0;top:0}
.splash-scene figcaption{bottom:0;gap:0}
.film-credit{bottom:20px;font-size:8px}
.pour-scene img{height:84%;top:0}
}