/* Navigation that follows the visitor's scrolling direction. */
:root{--floating-gap:20px;scroll-padding-top:98px}.site-header{transition:transform .25s ease;will-change:transform}.mobile-cta{transition:transform .25s ease,opacity .25s ease;will-change:transform}.hud-hidden .site-header{transform:translateY(-105%)}.hud-hidden .mobile-cta{transform:translateY(calc(100% + 40px));opacity:0;pointer-events:none}.site-header:has(:focus-visible),.site-header:has(#main-nav.is-open){transform:translateY(0)}.mobile-cta:has(:focus-visible){transform:translateY(0);opacity:1;pointer-events:auto}
.catalog-hub,.model-catalog-hub{position:fixed!important;inset:auto max(20px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) auto!important;width:46px!important;height:46px!important;padding:0;border-radius:50%!important;display:flex;align-items:center;justify-content:center;opacity:1!important;color:#ffe142;background:#222229ed;border:1px solid #ffffff45;box-shadow:0 5px 20px #0007;z-index:36;transition:bottom .25s ease,background .2s;backdrop-filter:blur(12px)}.catalog-hub[hidden]{display:none!important}.catalog-hub>span{display:none!important}.catalog-hub svg,.model-catalog-hub svg{width:22px;height:22px}.catalog-hub:hover,.model-catalog-hub:hover{background:#393934}.model-catalog-hub{z-index:5}.universe-heading p span{display:block}.universes{padding-top:70px;padding-bottom:65px}.universe-cards{display:flex;flex-wrap:wrap;justify-content:center;gap:16px}.universe-card{position:relative;isolation:isolate;display:block;flex:0 0 calc((100% - 48px)/4);aspect-ratio:4/5.5;overflow:hidden;border:1px solid #3e3e47;border-radius:13px;background:#151519;text-align:left;cursor:pointer;color:#fff;transition:transform .25s,border-color .25s;min-width:0;padding:0}.universe-card>img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;z-index:-2;transition:transform .5s}.universe-card:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#0b0b0e00 30%,#0b0b0e33 45%,#0b0b0ed9 75%,#0b0b0e 100%)}.universe-card:hover{transform:translateY(-5px);border-color:#b4a055}.universe-card:hover>img{transform:scale(1.035)}.universe-card[aria-pressed=true]{border-color:#ffe142}.universe-card-copy{position:absolute;bottom:20px;left:18px;right:15px;display:flex;flex-direction:column;gap:9px}.universe-card small{font-size:8px;font-weight:500;letter-spacing:1.6px;color:#b7b4b4}.universe-card strong{font-size:clamp(17px,1.8vw,26px);line-height:1.05;letter-spacing:-.7px;font-weight:850}.universe-card strong em{color:#ffe142;font-style:normal}.universe-card-copy>span{font-size:10px;line-height:1.4;color:#bcb9b3}.universe-card-copy>b{font-size:9px;margin-top:6px;color:#e9d97f;font-weight:500}.universe-card:focus-visible{outline:2px solid #ffe142;outline-offset:5px}.franchise-tag>.collection-icon{display:none}.franchise-tag>img{object-position:center 35%}
.variant-options{border:0;padding:0;margin:20px 0 24px;min-width:0}.variant-options legend{font-size:11px;color:#a9a8af;padding:0;margin-bottom:14px}.variant-options legend strong{font-size:12px;color:#f5f4ef;font-weight:600;margin-left:5px}.variant-swatches{display:flex;flex-wrap:wrap;gap:13px;max-width:100%;padding:3px}.variant-swatch{position:relative;border:1px solid #ffffff55;padding:0;width:32px;height:32px;border-radius:50%;background:var(--swatch,#26262e);flex:none;cursor:pointer;outline:2px solid transparent;outline-offset:4px;transition:outline-color .15s,transform .15s}.variant-swatch img{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block}.variant-swatch[aria-checked=true]{outline-color:#ffe142}.variant-swatch:hover{transform:scale(1.08)}.variant-swatch:focus-visible{outline:2px solid #fff;outline-offset:5px}.variant-swatch[aria-checked=true]:focus-visible{outline-color:#ffe142}.variant-peeks>button{border-radius:50%;overflow:hidden}.variant-peeks img{object-fit:cover;border-radius:50%}.variant-peeks .more-variants{border-radius:50%}
/* Perfumes share the same black and graphite palette as the miniature catalog. */
.fragrance-catalog{background:#101013;color:#f3f1ec;border-color:#2e2e36}.fragrance-heading .eyebrow{color:#c4ad71}.fragrance-heading h2 em{color:#ffe142}.fragrance-heading p{color:#aaa8ac}.fragrance-signature{display:none}.fragrance-heading{grid-template-columns:1fr;gap:0}.fragrance-heading h2 br{display:none}.fragrance-heading h2{font-size:clamp(40px,5vw,65px);line-height:1.1}.fragrance-heading p{max-width:570px}.perfume-guide{border-color:#34343c;color:#9b8c6b}.perfume-guide b{color:#bcb9b4}.perfume-toolbar label{color:#aaa7ae}.perfume-toolbar input,.perfume-toolbar select{border-color:#42424c;background:#1b1b21;color:#eee}.perfume-toolbar input::placeholder{color:#8f8c95}.perfume-results{color:#99959f}.perfume-grid{gap:18px}.perfume-card{background:#19191f;border-color:#35353f}.perfume-card:hover{box-shadow:0 12px 24px #0004;border-color:#625a44}.perfume-media{background:#18181d;aspect-ratio:1/1.05}.perfume-media img{mix-blend-mode:normal;object-fit:contain;background:transparent}.perfume-volume{background:#313139;color:#d6d3cd}.perfume-brand{color:#b8a16b}.perfume-card h3{color:#f4f2ec}.perfume-reference{border-color:#36363f;min-height:74px;align-items:center;gap:10px}.perfume-reference span{color:#cfccd4}.perfume-reference small{color:#96909f;font-size:8px;letter-spacing:.8px}.reference-photo{width:43px;height:43px;flex:none;border-radius:50%;border:1px solid #65616a;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:3px}.reference-photo img{width:100%;height:100%;object-fit:contain;display:block;border-radius:50%;background:#fff}.reference-photo.placeholder{background:#292930;color:#d2c19c;padding:0;font-size:17px}.perfume-card-bottom strong{color:#f4f2ed}.perfume-card-bottom button{background:#ffe142;color:#171719}.perfume-reference-note{color:#8b8791}.fragrance-catalog .text-link{color:#c0b58e}.fragrance-catalog .show-more{border-color:#615c4d;color:#e8dcba}.detail-reference{display:flex;gap:13px;align-items:center;background:#202027;border-color:#47444a;color:#dfd7bf}.detail-reference .reference-photo{width:52px;height:52px}.detail-reference small{color:#a49baa}.perfume-detail .detail-image-wrap{background:#19191f;border-color:#393942}.perfume-detail #detail-image{background:transparent;mix-blend-mode:normal}.perfume-detail .detail-gallery{background:#212128}.perfume-detail .detail-gallery img{background:#fff}.product-dialog .variant-options[hidden],.detail-reference[hidden]{display:none}.detail-gallery button{flex:none}
@media(max-width:1100px){.universe-card{flex-basis:calc((100% - 16px)/2);aspect-ratio:4/5}.universe-card strong{font-size:25px}.universe-cards{max-width:900px;margin:auto}}
@media(max-width:760px){:root{scroll-padding-top:90px}.catalog-hub{bottom:calc(86px + env(safe-area-inset-bottom))!important;right:15px!important;width:43px!important;height:43px!important}.hud-hidden .catalog-hub{bottom:max(18px,env(safe-area-inset-bottom))!important}.model-catalog-hub{right:18px!important;bottom:max(18px,env(safe-area-inset-bottom))!important;width:43px!important;height:43px!important}.product-dialog{padding-bottom:70px}.variant-swatch{width:33px;height:33px}.variant-swatches{gap:15px}.variant-options legend{font-size:11px}.variant-options legend strong{font-size:12px}.universes{padding-top:50px;padding-bottom:50px}.universe-heading p{margin-top:15px}.universe-heading p span{display:inline}.universe-cards{gap:12px}.universe-card{flex-basis:calc((100% - 12px)/2);aspect-ratio:4/5.6;border-radius:10px}.universe-card strong{font-size:22px;letter-spacing:-.6px}.universe-card-copy{bottom:17px;left:13px;right:10px;gap:8px}.universe-card small{font-size:7px;letter-spacing:1px}.universe-card-copy>span{font-size:9px}.universe-card-copy>b{font-size:8px;margin-top:2px}.universe-heading h2{font-size:35px;line-height:1.1;letter-spacing:-1.4px}.fragrance-heading h2{font-size:41px;letter-spacing:-1.8px}.perfume-guide{margin-top:25px}.perfume-reference{min-height:89px;gap:8px}.reference-photo{width:35px;height:35px;padding:2px;display:flex!important}.perfume-reference span{font-size:9px;overflow-wrap:anywhere}.perfume-reference small{font-size:7px;letter-spacing:.3px}.perfume-card-copy{padding:12px}.perfume-grid{gap:10px}.perfume-card h3{font-size:15px}.perfume-media{padding:12px 9px 6px}.perfume-card-bottom .consult-price{font-size:11px}.perfume-card-bottom button{font-size:10px}.fragrance-catalog .text-link{font-size:11px}.detail-reference .reference-photo{width:45px;height:45px}.detail-reference{font-size:13px;gap:11px}.product-dialog .detail-copy #detail-add{width:100%}.product-dialog .detail-copy #detail-whatsapp{font-size:11px}.product-dialog .detail-copy #detail-copy{font-size:11px}}
@media(max-width:380px){.universe-card strong{font-size:19px}.universe-card-copy>span{font-size:8px}.universe-card-copy>b{font-size:7px}.universe-card small{font-size:6px}.reference-photo{width:31px;height:31px}.perfume-reference{gap:6px}.perfume-card h3{font-size:14px}}
@media(prefers-reduced-motion:reduce){.site-header,.mobile-cta,.catalog-hub,.universe-card,.universe-card>img,.variant-swatch{transition:none}}
.universe-transformers strong{font-size:clamp(13px,1.38vw,19px);letter-spacing:-.5px}@media(max-width:1100px) and (min-width:761px){.universe-transformers strong{font-size:21px}}@media(max-width:760px){.universe-transformers strong{font-size:14px;letter-spacing:-.4px}}

/* The hero uses one coherent collection scene, with its own mobile framing. */
.hero-cinema-image{inset:0 0 0 25%}
.hero-cinema-image img{object-position:right center}
.hero-cinema-shade{background:linear-gradient(90deg,#101013 0%,#101013 21%,#101013e8 32%,#10101345 54%,#10101300 72%),linear-gradient(0deg,#101013 0%,#10101300 25%)}
.franchise-tag.marvel>img{object-fit:cover;object-position:center 18%}
.franchise-tag.velozes>img{object-position:82% 17%}
.franchise-tag.dc>img{object-position:57% center}
.franchise-tag.transformers>img{object-position:center 25%}
@media(max-width:760px){
  .hero-cinema-image{inset:0 0 auto;height:clamp(300px,90vw,390px)}
  .hero-cinema-image img{object-position:right center}
  .hero-cinema-shade{background:linear-gradient(180deg,#10101300 0px,#10101300 clamp(210px,63vw,280px),#101013 clamp(310px,91vw,400px))}
  .cinema-content{padding:clamp(276px,81vw,350px) 0 48px}
  .cinema-content h1{font-size:clamp(39px,11.5vw,48px);line-height:1.04;margin:0 0 20px}
}