*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#0b0b0c;color:#f7f5ef}button,a{font:inherit}.hero{min-height:100svh;position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,46vw);align-items:center;padding:96px clamp(20px,5vw,76px) 48px;background:radial-gradient(circle at 72% 34%,rgba(211,177,109,.22),transparent 34%),linear-gradient(135deg,#09090a,#191714 60%,#0d0d0e)}.hero__image,.hero__video,.hero__veil{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero__image{opacity:.36;z-index:0}.hero__video{z-index:0;opacity:.38}.hero__veil{z-index:1;background:linear-gradient(90deg,rgba(6,6,7,.82),rgba(6,6,7,.28) 54%,rgba(6,6,7,.08))}.topbar{position:absolute;z-index:10;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:24px clamp(20px,5vw,76px);border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(12px)}.brand{color:#e3c98f;text-decoration:none;font-family:Georgia,serif;font-size:30px;letter-spacing:.12em}.topbar__nav{display:flex;gap:10px;flex-wrap:wrap}.topbar__nav button,.scene-test-controls button{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.05);color:#f7f5ef;padding:9px 13px;border-radius:999px;cursor:pointer}.hero__content{position:relative;z-index:5;max-width:690px}.eyebrow{font-size:12px;letter-spacing:.19em;text-transform:uppercase;color:#d9bd7c}.hero h1{font-family:Georgia,serif;font-size:clamp(44px,7vw,88px);line-height:.98;font-weight:400;margin:14px 0 16px;max-width:10ch}.hero__lead{font-size:18px;line-height:1.55;color:#d9d5cd;max-width:42ch;min-height:1.6em}.hero__actions{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0 12px}.button{border:0;border-radius:999px;padding:13px 18px;cursor:pointer}.button--primary{background:#d9bd7c;color:#14110c}.button--ghost{background:rgba(255,255,255,.07);color:white;border:1px solid rgba(255,255,255,.16)}.voice-status{display:flex;align-items:center;gap:9px;margin-top:18px;color:#ddd8ce;font-size:14px}.voice-status__dot{width:9px;height:9px;border-radius:50%;background:#9ee6b0;box-shadow:0 0 16px rgba(158,230,176,.65)}.voice-controls{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.voice-control{border:1px solid rgba(255,255,255,.15);background:rgba(0,0,0,.25);color:white;border-radius:999px;padding:9px 12px}.evelyn-stage{position:relative;z-index:4;height:min(76svh,760px);min-height:480px}.slot-tag{font-size:10px;letter-spacing:.14em;color:#d9bd7c}.scroll-cue{position:absolute;z-index:10;bottom:18px;left:50%;transform:translateX(-50%);border:0;background:transparent;color:#fff;font-size:24px}.section{padding:88px clamp(20px,6vw,92px);border-top:1px solid rgba(255,255,255,.08);background:#101011}.section:nth-of-type(even){background:#151412}.section__head h2{font-family:Georgia,serif;font-weight:400;font-size:42px;margin:10px 0}.featured-product{min-height:220px}.featured-product__empty,.product-focus{border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:24px;background:rgba(255,255,255,.035)}.blank-square,.product-card__blank,.product-focus__blank{background:linear-gradient(135deg,#282621,#111);border-radius:18px;min-height:160px}.product-rail{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin-top:18px}.product-card{background:transparent;border:0;color:white;text-align:left}.slot-code{display:block;margin-top:7px;font-size:11px;color:#a9a39a}.scenario-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px}.scenario-card{border:1px solid rgba(255,255,255,.1);border-radius:20px;overflow:hidden;background:#171717}.scenario-card img,.wide-placeholder img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.scenario-card strong{display:block;padding:12px;font-size:12px}.wide-placeholder{border-radius:24px;overflow:hidden;margin:16px 0}.toast{position:fixed;z-index:100;left:50%;bottom:24px;transform:translate(-50%,20px);opacity:0;background:#161616;color:#fff;border:1px solid rgba(255,255,255,.13);padding:12px 16px;border-radius:999px;transition:.25s}.toast.is-visible{opacity:1;transform:translate(-50%,0)}[hidden]{display:none!important}@media(max-width:900px){.hero{grid-template-columns:1fr;padding-top:110px}.topbar{align-items:flex-start}.topbar__nav{display:none}.evelyn-stage{height:54svh;min-height:360px}.hero h1{font-size:52px}.hero__veil{background:linear-gradient(180deg,rgba(6,6,7,.86),rgba(6,6,7,.28) 56%,rgba(6,6,7,.16))}}
/* V1.8 PRODUCT CATALOG VISUAL INTEGRATION */
.product-card{display:flex;flex-direction:column;gap:7px;padding:10px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(255,255,255,.025);cursor:pointer}
.product-card__media{height:220px;border-radius:14px;overflow:hidden;background:linear-gradient(135deg,#24231f,#0f0f10);display:grid;place-items:center}
.product-card__media img{width:100%;height:100%;object-fit:contain;background:#f2f0eb}
.product-card strong{font-size:14px;line-height:1.25}.product-card small{color:#bdb7ac;min-height:1.2em}.product-focus{display:grid;grid-template-columns:minmax(240px,38%) 1fr;gap:30px;align-items:center}.product-focus__image{min-height:420px;border-radius:18px;overflow:hidden;background:#f2f0eb;display:grid;place-items:center}.product-focus__image img{width:100%;height:100%;max-height:520px;object-fit:contain}.product-focus__copy h3{font-family:Georgia,serif;font-size:clamp(30px,4vw,54px);font-weight:400;margin:10px 0 14px}.product-focus__copy p{color:#ddd6ca;font-size:18px;line-height:1.55}.product-focus__copy ul{padding-left:20px;color:#c9c1b5;line-height:1.55}@media(max-width:760px){.product-focus{grid-template-columns:1fr}.product-focus__image{min-height:360px}.product-card__media{height:190px}}


/* V8 navigation: language-aware, active-state and responsive */
.topbar__nav button{position:relative;overflow:hidden;min-height:42px;padding:10px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.045);color:#f7f5ef;transition:transform .18s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease,color .2s ease}
.topbar__nav button:hover,.topbar__nav button:focus-visible{transform:translateY(-1px);background:rgba(255,255,255,.09);border-color:rgba(217,189,124,.42);outline:none}
.topbar__nav button.is-active{background:linear-gradient(135deg,rgba(217,189,124,.28),rgba(217,189,124,.11));border-color:rgba(217,189,124,.75);color:#fff7e6;box-shadow:0 0 0 1px rgba(217,189,124,.13),0 8px 22px rgba(0,0,0,.16)}
.topbar__nav button.is-active::after{content:"";position:absolute;left:18px;right:18px;bottom:5px;height:2px;border-radius:999px;background:#d9bd7c;box-shadow:0 0 12px rgba(217,189,124,.55)}
@media(max-width:900px){.topbar{position:absolute;display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;padding:14px 16px}.topbar__nav{display:flex;grid-column:1/-1;overflow-x:auto;flex-wrap:nowrap;gap:8px;padding:2px 0 5px;scrollbar-width:none}.topbar__nav::-webkit-scrollbar{display:none}.topbar__nav button{flex:0 0 auto;white-space:nowrap;font-size:13px;min-height:38px;padding:8px 12px}.brand{font-size:24px}.hero{padding-top:158px}}



/* V21 - immersive catalogue/category image mode */
.topbar{transition:transform .28s ease,opacity .22s ease,background .22s ease}
.menu-reveal-button{display:none;position:fixed;z-index:120;top:14px;right:16px;border:1px solid rgba(255,255,255,.22);background:rgba(8,8,9,.74);backdrop-filter:blur(14px);color:#fff;border-radius:999px;padding:9px 14px;box-shadow:0 8px 28px rgba(0,0,0,.25);cursor:pointer}
body.visual-focus-mode .topbar{transform:translateY(-115%);opacity:0;pointer-events:none}
body.visual-focus-mode .menu-reveal-button{display:block}
body.visual-focus-mode.menu-open .topbar{position:fixed;transform:translateY(0);opacity:1;pointer-events:auto;background:rgba(9,9,10,.88)}
body.visual-focus-mode.menu-open .menu-reveal-button{display:none}
body.visual-focus-mode .visual-zone{padding:0!important;min-height:100svh;border-top:0;background:#070708;display:grid;place-items:center;overflow:hidden}
body.visual-focus-mode .visual-zone>.eyebrow{display:none}
body.visual-focus-mode .visual-zone .wide-placeholder{margin:0;width:100%;height:100svh;border-radius:0;background:#070708;display:grid;place-items:center;overflow:hidden}
body.visual-focus-mode .visual-zone .wide-placeholder img{width:100%;height:100%;max-width:100%;max-height:100svh;aspect-ratio:auto;object-fit:contain;object-position:center center;display:block}
body.catalog-detail-focus .catalog-browser{padding-top:20px}
body.catalog-detail-focus .catalog-browser>.section__head,body.catalog-detail-focus .catalog-toolbar,body.catalog-detail-focus .catalog-grid{display:none!important}
body.catalog-detail-focus .catalog-detail{margin:0;min-height:100svh;border:0;border-radius:0;padding:clamp(10px,2vw,24px);display:grid;place-items:center;background:#070708}
body.catalog-detail-focus .catalog-detail__inner{width:min(1500px,100%);grid-template-columns:minmax(320px,56vw) minmax(280px,1fr);align-items:center}
body.catalog-detail-focus .catalog-detail__media{height:min(92svh,1080px);max-height:92svh;aspect-ratio:auto;background:transparent;padding:0;border-radius:0}
body.catalog-detail-focus .catalog-detail__media img{width:100%;height:100%;object-fit:contain;object-position:center center;filter:none}
@media(max-width:900px){
  body.visual-focus-mode.menu-open .topbar{display:grid;position:fixed}
  body.visual-focus-mode.menu-open .topbar__nav{display:flex}
  body.catalog-detail-focus .catalog-detail__inner{grid-template-columns:1fr;gap:14px}
  body.catalog-detail-focus .catalog-detail__media{height:min(72svh,820px);max-height:72svh}
}
@media(max-width:560px){
  .menu-reveal-button{top:10px;right:10px;padding:8px 12px;font-size:13px}
  body.catalog-detail-focus .catalog-detail{padding:8px}
  body.catalog-detail-focus .catalog-detail__media{height:min(66svh,700px);max-height:66svh}
}


/* V23 - inserted GUSTO logo and elegant menu tone */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.topbar{background:linear-gradient(180deg,rgba(5,5,6,.58),rgba(5,5,6,.22));box-shadow:0 10px 40px rgba(0,0,0,.10)}
.brand--logo{display:flex;align-items:center;min-width:0;max-width:min(44vw,560px);padding:2px 0}
.brand__logo{display:block;width:min(100%,460px);height:auto;max-height:86px;object-fit:contain;filter:drop-shadow(0 4px 18px rgba(0,0,0,.28))}
.topbar__nav{gap:12px}
.topbar__nav button{color:#e8d2a2;border-color:rgba(230,192,120,.22);background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.025));box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.topbar__nav button:hover,.topbar__nav button:focus-visible{color:#fff4dc;border-color:rgba(232,210,162,.48);background:linear-gradient(180deg,rgba(232,210,162,.17),rgba(232,210,162,.07));box-shadow:0 10px 24px rgba(0,0,0,.18),0 0 0 1px rgba(232,210,162,.12)}
.topbar__nav button.is-active{color:#fff8eb;background:linear-gradient(135deg,rgba(226,189,117,.36),rgba(183,133,47,.16));border-color:rgba(239,213,154,.88);box-shadow:0 0 0 1px rgba(236,211,152,.18),0 12px 26px rgba(0,0,0,.22)}
.topbar__nav button.is-active::after{background:linear-gradient(90deg,#f1ddb2,#c99d4e,#f1ddb2)}
@media (max-width:900px){
  .brand--logo{max-width:min(62vw,340px)}
  .brand__logo{max-height:56px}
  .topbar__nav{gap:8px}
  .topbar__nav button{color:#edd7aa}
}


/* V24 - Premium GUSTO homepage style based on approved Evelyn key visual */
:root{
  --gusto-gold:#e6c07a;
  --gusto-gold-soft:#f3dfbb;
  --gusto-bronze:#b98a42;
  --gusto-black:#060606;
  --gusto-panel:rgba(9,9,10,.76);
}
body{background:
 radial-gradient(circle at 20% 0%, rgba(230,192,122,.12), transparent 34%),
 radial-gradient(circle at 88% 12%, rgba(230,192,122,.10), transparent 26%),
 linear-gradient(180deg, #060606 0%, #0a0909 36%, #0d0b0a 100%);
 color:#f7efdf;}
.hero{min-height:100svh;background:#050505}
.hero__image{filter:saturate(1.05) contrast(1.03) brightness(.92)}
.hero__veil{background:linear-gradient(90deg, rgba(5,5,5,.62) 0%, rgba(5,5,5,.30) 30%, rgba(5,5,5,.08) 55%, rgba(5,5,5,.24) 100%)}
.hero[data-scene="welcome"] .evelyn-stage--live{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(12px) scale(.985)}
.hero[data-scene="welcome"] .hero__content{max-width:480px;align-self:end;margin-bottom:44px;padding:24px 26px;border-radius:26px;background:linear-gradient(180deg, rgba(7,7,7,.62), rgba(7,7,7,.34));backdrop-filter:blur(10px);box-shadow:0 28px 80px rgba(0,0,0,.34), inset 0 0 0 1px rgba(231,198,135,.14)}
.hero[data-scene="welcome"] .voice-status{margin-top:14px}
.button--primary{background:linear-gradient(135deg, var(--gusto-gold) 0%, #c28b33 100%); color:#120d07; box-shadow:0 10px 30px rgba(198,139,51,.20)}
.button--primary:hover,.button--primary:focus-visible{filter:brightness(1.06)}
.button--ghost{border-color:rgba(230,192,122,.35);color:var(--gusto-gold-soft);background:rgba(0,0,0,.24)}
.section{background:
 linear-gradient(180deg, rgba(13,11,10,.98), rgba(9,8,8,.98)),
 radial-gradient(circle at top left, rgba(230,192,122,.06), transparent 28%);
 border-top:1px solid rgba(230,192,122,.12)}
.section:nth-of-type(even){background:
 linear-gradient(180deg, rgba(11,10,10,.98), rgba(8,8,8,.98)),
 radial-gradient(circle at 85% 0%, rgba(230,192,122,.05), transparent 24%)}
.section__head h2,.product-focus__copy h3{color:var(--gusto-gold-soft);text-shadow:0 2px 10px rgba(0,0,0,.16)}
.eyebrow,.slot-code,.catalog-category-control span,.catalog-search span{color:#dcb574}
.featured-product__empty,.product-focus,.scenario-card,.product-card,.catalog-detail,.catalog-toolbar,.catalog-browser .section__head,.wide-placeholder,
.product-focus__image,.product-card__media{border-color:rgba(230,192,122,.14)}
.featured-product__empty,.product-focus,.scenario-card,.product-card{background:linear-gradient(180deg, rgba(255,255,255,.028), rgba(255,255,255,.018));box-shadow:0 16px 40px rgba(0,0,0,.12)}
.product-card strong,.scenario-card strong,.catalog-detail__name,.catalog-detail__title{color:#f4ead8}
.product-card small,.product-focus__copy p,.product-focus__copy ul,.voice-status{color:#ddd1bf}
.wide-placeholder,.scenario-card,.product-card__media,.product-focus__image{background:linear-gradient(135deg,#171311,#090808)}
#worlds .scenario-card img,#drinks .wide-placeholder img,#beauty_style .wide-placeholder img,#lifestyle .wide-placeholder img,#club .wide-placeholder img{filter:saturate(1.04) contrast(1.02)}
.scroll-cue{color:var(--gusto-gold-soft);text-shadow:0 4px 14px rgba(0,0,0,.28)}
.catalog-toolbar input,.catalog-toolbar select{background:rgba(255,255,255,.03);color:#f4ead8;border:1px solid rgba(230,192,122,.16);border-radius:14px;padding:10px 12px}
@media (max-width:900px){
  .hero[data-scene="welcome"] .hero__content{margin:0 12px 24px;max-width:none;padding:18px 18px 20px}
  .hero__veil{background:linear-gradient(180deg, rgba(6,6,6,.55), rgba(6,6,6,.18) 50%, rgba(6,6,6,.34))}
}


/* V25 - GUSTO.CLICK cinematic hero with clean background and real functional UI */
.hero{position:relative;display:grid;grid-template-columns:minmax(320px,560px) minmax(220px,1fr);align-items:end;gap:24px;padding:132px clamp(20px,5vw,70px) 42px;overflow:hidden}
.hero__image{object-position:center center}
.hero__veil{background:linear-gradient(90deg, rgba(6,6,7,.78) 0%, rgba(6,6,7,.56) 23%, rgba(6,6,7,.16) 56%, rgba(6,6,7,.32) 100%)}
.brand--wordmark{display:flex;flex-direction:column;gap:4px;text-decoration:none;min-width:0;max-width:420px}
.brand__title{font-family:Georgia,serif;font-size:clamp(34px,4.2vw,60px);line-height:.96;font-weight:400;letter-spacing:.02em;color:#e9c987;text-shadow:0 2px 18px rgba(0,0,0,.28)}
.brand__tagline{font-size:12px;letter-spacing:.34em;color:#ecd8b2;opacity:.94}
.hero__content--welcome{position:relative;z-index:6;align-self:end;max-width:440px;padding:18px 18px 16px;border-radius:28px;background:linear-gradient(180deg, rgba(7,7,8,.42), rgba(7,7,8,.24));backdrop-filter:blur(10px);box-shadow:0 18px 60px rgba(0,0,0,.28), inset 0 0 0 1px rgba(233,201,135,.12)}
#heroEyebrow{font-size:clamp(12px,1.1vw,15px);letter-spacing:.34em;color:#f2ddba;margin-bottom:12px}
#heroTitle{font-family:Georgia,serif;font-weight:400;font-size:clamp(58px,8vw,96px);line-height:.90;margin:0 0 14px;color:#fcf6ee;text-wrap:balance;text-shadow:0 3px 20px rgba(0,0,0,.34)}
.hero__lead{font-size:clamp(18px,2.3vw,28px);line-height:1.15;max-width:360px;margin:0 0 24px;color:#f3e6d0;letter-spacing:.16em;text-transform:uppercase}
.hero__actions{display:flex;flex-wrap:wrap;gap:12px;padding:12px;border-radius:999px;background:rgba(0,0,0,.22);backdrop-filter:blur(6px);width:max-content;max-width:100%;box-shadow:inset 0 0 0 1px rgba(236,214,173,.10)}
.button{min-height:58px;padding:0 22px;font-size:20px}
.button--primary{font-weight:600}
.button--ghost{background:rgba(4,4,4,.36)}
.voice-status--welcome{margin-top:12px;padding-left:8px;font-size:13px;opacity:.8}
.hero__quote{position:relative;z-index:6;justify-self:end;align-self:center;max-width:min(34vw,360px);padding:18px 0 0 0;text-align:left}
.hero__quote-script{font-family:"Brush Script MT","Segoe Script",cursive;font-size:clamp(42px,4.8vw,74px);line-height:.98;color:#f6e7ca;text-shadow:0 3px 18px rgba(0,0,0,.28);margin:0}
.topbar{width:calc(100% - 2*clamp(20px,5vw,70px));left:clamp(20px,5vw,70px);right:clamp(20px,5vw,70px);padding:18px 0;background:linear-gradient(180deg, rgba(7,7,7,.34), rgba(7,7,7,.10));box-shadow:none;border-bottom:1px solid rgba(255,255,255,.10)}
.topbar__nav{gap:10px;flex-wrap:wrap;justify-content:center;margin-left:auto}
.topbar__nav button{background:rgba(255,255,255,.02);border:1px solid transparent;color:#f4ebdd;padding:10px 14px}
.topbar__nav button:hover,.topbar__nav button:focus-visible{background:rgba(255,255,255,.08)}
.topbar__nav button.is-active{background:rgba(230,192,122,.12)}
.topbar__nav .cart-button strong{color:#eac67c}
.hero[data-scene="welcome"] .evelyn-stage--live{display:none!important}
@media (min-width:1280px){
  .hero{padding-top:152px}
}
@media (max-width:1100px){
  .hero{grid-template-columns:1fr;align-items:end;padding-top:148px}
  .hero__quote{justify-self:start;align-self:end;max-width:420px;margin-top:10px}
}
@media (max-width:900px){
  .topbar{width:auto;left:16px;right:16px;padding:12px 0 8px}
  .brand__title{font-size:32px}
  .brand__tagline{font-size:9px;letter-spacing:.26em}
  .hero{padding:136px 16px 28px;gap:10px;min-height:100svh}
  .hero__content--welcome{max-width:100%;padding:14px}
  #heroTitle{font-size:64px}
  .hero__lead{font-size:18px;max-width:100%;letter-spacing:.12em}
  .hero__actions{width:100%;border-radius:22px;padding:10px;display:grid;grid-template-columns:1fr}
  .button{width:100%;font-size:18px;min-height:54px;justify-content:center}
  .hero__quote{max-width:240px;padding-left:2px}
  .hero__quote-script{font-size:40px}
}
@media (max-width:560px){
  #heroTitle{font-size:54px}
  .hero__lead{font-size:16px}
  .hero__quote{max-width:180px;margin-left:auto}
  .hero__quote-script{font-size:30px}
  .topbar__nav{gap:6px;justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}
  .topbar__nav button{white-space:nowrap;padding:8px 12px;font-size:14px}
}


/* V26 - adjust homepage hero so Evelyn full body remains visible */
.hero{min-height:max(100svh, 860px)}
.hero__image{
  object-fit:contain !important;
  object-position:center bottom !important;
  opacity:.96;
}
.hero__veil{background:linear-gradient(90deg, rgba(6,6,7,.76) 0%, rgba(6,6,7,.52) 22%, rgba(6,6,7,.16) 56%, rgba(6,6,7,.28) 100%)}
@media (max-width:1100px){
  .hero{min-height:100svh}
}
@media (max-width:900px){
  .hero{min-height:100svh;padding-top:132px}
  .hero__image{object-fit:cover !important; object-position:center top !important; opacity:.92}
}