.hero-products{display:flex;gap:8px;margin:0 0 18px;flex-wrap:wrap}.hero-products button{border:1px solid #ffffff55;border-radius:30px;padding:9px 14px;background:transparent;color:#fff;font-size:11px;cursor:pointer;transition:background .3s,color .3s,transform .3s}.hero-products button[aria-pressed=true],.hero-products button:hover{background:var(--yellow);border-color:var(--yellow);color:var(--dark)}.hero-description{min-height:72px}.hero .hero-product-link .hero-link-label{font-size:13px}.hero .hero-product-link:hover .hero-link-label{transform:none}
.hero-visual>.hero-product{position:absolute;height:460px;left:3%;top:35px;max-width:58%;transform:rotate(-12deg);transition:transform .6s,filter .6s;z-index:3}.hero-cake{position:absolute;right:5%;bottom:85px;width:57%;z-index:4;transform:rotate(6deg);transition:transform .6s,filter .6s;border:5px solid #fff;border-radius:24px;overflow:hidden;box-shadow:0 18px 35px #31174d30;background:#fff}.hero-cake img{width:100%;height:auto;display:block}.hero-cake>span{display:block;background:white;color:var(--purple);padding:12px 15px;font-size:8px;letter-spacing:1.5px}.hero-cake b{font-size:16px;letter-spacing:-.3px;float:right}.hero-fondant-label{position:absolute;left:10%;bottom:46px;font-size:9px;font-weight:700;letter-spacing:1px;color:var(--purple);z-index:5}.hero-visual[data-active=cake] .hero-product{transform:rotate(-17deg) translate(-5px,-5px) scale(.92);filter:drop-shadow(10px 15px 12px #31174d30)}.hero-visual[data-active=cake] .hero-cake{transform:rotate(0deg) translate(-5px,-8px) scale(1.06);filter:drop-shadow(0 12px 15px #31174d20)}.hero-visual .round-label{width:90px;height:90px;font-size:10px;padding:17px 8px;top:25px;right:25px}.hero-visual .visual-caption{font-size:8px;bottom:16px}
.cake-section{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:65px;padding-top:15px}.cake-image{position:relative;background:#f2dca4;border-radius:35px;overflow:hidden;isolation:isolate;box-shadow:0 18px 50px #4d287215}.cake-image>img{width:100%;min-height:540px;object-fit:cover;transition:transform .7s}.cake-badge{position:absolute;left:24px;top:25px;border-radius:18px;padding:13px 17px;background:#fffc;font-size:10px;line-height:1.6;color:var(--purple);backdrop-filter:blur(8px)}.cake-image-label{position:absolute;bottom:24px;left:24px;color:white;background:#4d2872db;border-radius:20px;padding:10px 17px;font-size:9px;letter-spacing:1.6px}.cake-copy h2{font-size:44px}.cake-copy>p{font-size:13px}.cake-tabs{display:flex;gap:5px;background:#f2ecf7;padding:5px;border-radius:30px;margin:25px 0 20px}.cake-tabs button{flex:1;border:0;padding:11px 8px;font:inherit;font-size:10px;font-weight:700;border-radius:25px;cursor:pointer;background:transparent;color:var(--purple);transition:background .3s,color .3s}.cake-tabs button[aria-selected=true]{background:var(--purple);color:white;box-shadow:0 5px 12px #31174d20}.cake-tabs button:hover{background:var(--yellow);color:var(--purple)}.cake-panel{min-height:185px;animation:answer-in .4s ease}.cake-panel[hidden]{display:none}.cake-panel>span{font-size:9px;letter-spacing:1.5px;color:var(--purple);font-weight:700}.cake-panel h3{font-size:24px;margin:14px 0 12px}.cake-panel p{font-size:13px}.cake-copy p.cake-note{font-size:10px;color:#7b7084;border-top:1px solid #e1d6e8;padding-top:18px;line-height:1.7}.cake-source{font-size:9px;text-decoration:underline;line-height:1.8;color:#7b7084;display:block}
@media(hover:hover) and (pointer:fine){.cake-image:hover>img{transform:scale(1.035)}}
@media(max-width:1100px){nav{gap:18px}.hero-visual>.hero-product{height:420px;top:65px;left:-2%}.hero-cake{bottom:110px;right:4%;width:60%}.cake-section{gap:35px}.cake-copy h2{font-size:36px}.cake-image>img{min-height:550px}}
@media(max-width:700px){.hero-description{min-height:0}.hero .hero-product-link .hero-link-label{font-size:12px}.hero-products button{font-size:10px;padding:9px 12px}.hero-visual{height:465px}.hero-visual>.hero-product{height:340px;top:28px;left:-2%;max-width:65%}.hero-cake{width:60%;bottom:85px;right:4%;border-width:4px;border-radius:18px}.hero-cake>span{padding:8px 10px;font-size:7px}.hero-cake b{font-size:12px}.hero-fondant-label{bottom:48px;left:7%;font-size:8px}.hero-visual .round-label{width:76px;height:76px;right:15px;top:15px;font-size:8px;padding:12px 8px}.hero-visual .round-label b{font-size:27px}.cake-section{grid-template-columns:1fr;padding-top:5px;gap:30px}.cake-image{border-radius:25px}.cake-image>img{min-height:0;aspect-ratio:1.25;object-fit:cover}.cake-copy h2{font-size:37px}.cake-badge{left:15px;top:15px;font-size:8px;padding:10px 13px}.cake-image-label{left:15px;bottom:15px;font-size:8px}.cake-tabs{gap:0}.cake-tabs button{font-size:9px;padding:11px 5px}.cake-panel{min-height:185px}.cake-panel h3{font-size:23px}}
@media(prefers-reduced-motion:reduce){.hero-visual>.hero-product,.hero-cake,.cake-image>img{transition:none}}
.cake-image>img{height:auto;min-height:0;aspect-ratio:1;object-fit:contain}
@media(max-width:700px){.cake-image>img{aspect-ratio:1.25}}

/* Separate transparent assets follow the supplied combined composition. */
.hero-visual>.hero-product{height:600px;width:auto;max-width:85%;left:auto;right:0;top:0;object-fit:contain;transform:scale(1.02);transform-origin:65% 55%;filter:drop-shadow(12px 18px 14px #31174d26);z-index:2}
.hero-cake{width:65%;left:0;right:auto;bottom:50px;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible;transform:scale(.97);transform-origin:45% 65%;filter:drop-shadow(8px 16px 13px #31174d30);z-index:4}
.hero-cake img{width:100%;height:auto;object-fit:contain}
.hero-visual[data-active=cake] .hero-product{transform:scale(.96);filter:drop-shadow(8px 15px 12px #31174d26)}
.hero-visual[data-active=cake] .hero-cake{transform:translateY(-6px) scale(1.08);filter:drop-shadow(10px 20px 17px #31174d38)}
.hero-fondant-label{left:auto;right:6%;bottom:42px;font-size:8px}.hero-visual .visual-caption{left:6%;bottom:16px}
@media(min-width:1600px){.hero-visual>.hero-product{right:12%}.hero-cake{left:9%;width:55%}}
@media(max-width:1100px){.hero-visual>.hero-product{height:550px;right:-3%;top:20px;max-width:96%}.hero-cake{width:72%;left:-2%;bottom:65px}}
@media(max-width:700px){.hero-visual>.hero-product{height:430px;max-width:100%;top:5px;right:-2%;left:auto}.hero-cake{width:72%;left:-3%;right:auto;bottom:48px;border:0;border-radius:0}.hero-fondant-label{right:5%;left:auto;bottom:38px;font-size:7px}.hero-visual .visual-caption{left:6%;bottom:12px;font-size:7px}}