.promo{background:var(--c-white);border:1px solid var(--c-gold);box-shadow:0 1.5rem 3rem -1.25rem color-mix(in srgb,var(--c-brown) 42%,transparent);color:var(--text);overflow:hidden;padding:0}.promo[open]{display:grid}.promo:focus-visible{outline:none}.promo-media{min-height:0;position:relative}.promo-media img{height:100%;inset:0;object-fit:cover;position:absolute;width:100%}.promo-body{align-content:center;display:grid;gap:var(--sp-4);justify-items:start;padding:var(--sp-5)}.promo-title{display:grid;font-family:var(--font-brand);font-size:1rem;font-weight:300;gap:var(--sp-2);letter-spacing:var(--track-title);line-height:1.4;padding-inline-end:2.75rem;text-transform:uppercase;text-wrap:balance}.promo-figure{color:var(--c-gold);font-size:2.75rem;letter-spacing:0.02em;line-height:1}@supports ((-webkit-background-clip:text) or (background-clip:text)){.promo-figure{background:var(--c-gold) url(../../img/brand/metal-auriu.webp) 80% 40% /340% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}}.promo-text{color:var(--text-muted);font-size:var(--fs-small);line-height:1.65;max-width:36ch}.promo-cta{margin-top:var(--sp-1)}.promo-close{background:var(--c-white);border:1px solid var(--c-gold);border-radius:50%;color:var(--text);display:grid;height:40px;padding:0;place-items:center;position:absolute;right:var(--sp-3);top:var(--sp-3);transition:background-color var(--dur) var(--ease),border-color var(--dur) var(--ease),color var(--dur) var(--ease),scale var(--dur-fast) var(--ease);width:40px;z-index:1}.promo-close span{height:16px;position:relative;width:16px}.promo-close span:after,.promo-close span:before{background:currentcolor;content:"";height:1px;left:0;position:absolute;top:50%;transform:rotate(45deg);width:100%}.promo-close span:after{transform:rotate(-45deg)}.promo-close:focus-visible,.promo-close:hover{background:var(--c-brown);border-color:var(--c-brown);color:var(--c-white)}.promo-close:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.promo-close:active{scale:0.94}@media (forced-colors:active){.promo-close span:after,.promo-close span:before{background:CanvasText;forced-color-adjust:none}}.promo.is-card{margin:0;max-width:none;position:fixed;z-index:120}@media (max-height:34rem),(max-width:767px){.promo.is-card{gap:var(--sp-3) var(--sp-4);grid-template-areas:"title" "text" "cta";grid-template-columns:minmax(0,1fr);inset:auto var(--sp-3) calc(var(--sp-3) + env(safe-area-inset-bottom, 0px));margin-inline:auto;max-height:calc(100% - 2 * var(--sp-3));max-width:30rem;overflow-y:auto;padding:var(--sp-4) var(--sp-4) var(--sp-5);width:auto}.promo.is-card.promo-photo{grid-template-areas:"media title" "text text" "cta cta";grid-template-columns:4.5rem minmax(0,1fr)}.promo.is-card .promo-body{display:contents}.promo.is-card .promo-media{grid-area:media;height:6rem}.promo.is-card .promo-title{align-self:center;font-size:0.9375rem;gap:var(--sp-1);grid-area:title}.promo.is-card .promo-figure{font-size:2.25rem}.promo.is-card .promo-text{grid-area:text;max-width:none}.promo.is-card .promo-cta{grid-area:cta;justify-self:stretch;margin-top:0}.promo.is-card .promo-close{height:44px;width:44px}.promo.is-card.promo-custom{display:block;padding:0}}@media (min-width:768px) and (min-height:34.0625rem){.promo.is-card{grid-template-columns:minmax(0,1fr);inset:auto auto var(--sp-5) var(--sp-5);width:32rem}.promo.is-card.promo-photo{grid-template-columns:10.5rem minmax(0,1fr)}.promo.is-card .promo-body{padding:var(--sp-6) var(--sp-5) var(--sp-5)}.promo.is-card .promo-figure{font-size:3.25rem}}.promo.is-modal{grid-template-columns:minmax(0,1fr);margin:auto;max-height:calc(100% - 2rem);max-width:26rem;overflow-y:auto;width:calc(100% - 2rem)}.promo.is-modal .promo-media{height:calc(min(100vw - 2rem, 26rem) / 1.5)}.promo.is-modal .promo-body{gap:var(--sp-3);padding:var(--sp-5)}.promo.is-modal .promo-title{align-items:center;column-gap:var(--sp-4);grid-template-columns:auto minmax(0,1fr)}.promo.is-modal.promo-photo .promo-title{padding-inline-end:0}@media (min-width:560px) and (orientation:landscape),(min-width:768px){.promo.is-modal{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);max-height:min(38rem,100% - 4rem);max-width:none;width:min(54rem,100% - 4rem)}.promo.is-modal .promo-media{height:auto}.promo.is-modal .promo-body{gap:var(--sp-5);padding:var(--sp-8) var(--sp-7)}.promo.is-modal .promo-title,.promo.is-modal.promo-photo .promo-title{font-size:1.1875rem;gap:var(--sp-3);grid-template-columns:minmax(0,1fr);padding-inline-end:2.75rem}.promo.is-modal .promo-figure{font-size:clamp(3.75rem,2rem + 3.5vw,5.25rem)}.promo.is-modal .promo-text{font-size:var(--fs-body)}}@media (min-width:560px) and (max-height:34rem){.promo.is-modal{max-height:calc(100% - 2rem);width:min(54rem,100% - 2rem)}.promo.is-modal .promo-body{gap:var(--sp-2);padding:var(--sp-4) var(--sp-5)}.promo.is-modal .promo-figure{font-size:2.5rem}.promo.is-modal .promo-title,.promo.is-modal.promo-photo .promo-title{font-size:0.9375rem;gap:var(--sp-2)}.promo.is-modal .promo-text{font-size:var(--fs-small);line-height:1.5}}html:has(.promo.is-modal[open]){overflow:hidden}.promo::backdrop{background:color-mix(in srgb,var(--c-brown) 58%,transparent)}.promo.promo-custom{grid-template-columns:minmax(0,1fr)}.promo-html{align-content:center;display:grid;gap:var(--sp-4);justify-items:start;padding:var(--sp-5)}.promo.is-card.promo-custom,.promo.is-modal.promo-custom{grid-template-columns:minmax(0,1fr)}@media (min-width:768px){.promo.is-modal.promo-custom{width:min(40rem,100% - 4rem)}.promo.is-modal .promo-html{gap:var(--sp-5);padding:var(--sp-8) var(--sp-7)}}@media (prefers-reduced-motion:no-preference){.promo[open]{animation:promo-rise 0.8s var(--ease) both}.promo[open]::backdrop{animation:promo-fade 0.6s ease both}.promo.is-leaving{animation:promo-leave 0.24s ease both}.promo.is-leaving::backdrop{animation:promo-fade-out 0.24s ease both}}@keyframes promo-rise{0%{opacity:0;transform:translateY(1.5rem)}}@keyframes promo-fade{0%{opacity:0}}@keyframes promo-leave{to{opacity:0;transform:translateY(0.75rem)}}@keyframes promo-fade-out{to{opacity:0}}