*{box-sizing:border-box}html{background:#10100e;scroll-behavior:smooth}body{margin:0;color:#eee4d4;font-family:Arial,sans-serif}a{color:inherit;text-decoration:none}header{display:flex;align-items:center;justify-content:space-between;padding:22px 4vw;gap:20px;border-bottom:1px solid #514536}.brand{width:150px}header svg{display:block;width:100%;filter:invert(1)}header span,header>a:last-child,.kicker,.scroll-link,aside,footer{font:11px/1.5 monospace;letter-spacing:.15em}.cover{position:relative;isolation:isolate;height:90svh;min-height:620px;overflow:hidden;display:flex;align-items:flex-end;padding:50px 5vw;border-bottom:2px solid #d6682e;background:radial-gradient(ellipse at 50% 20%,#402116,transparent 70%)}.header-stack{position:absolute;z-index:-2;width:110%;height:100%;left:-5%;top:-16%;object-fit:cover;object-position:center 40%;opacity:.7}.cover:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#10100e 1%,#10100ed9 28%,transparent 75%)}.cover-copy{width:100%;text-align:center}.kicker{color:#d99468;margin:0 0 22px}h1{font:clamp(65px,11vw,170px)/.95 Impact,'Arial Narrow',sans-serif;letter-spacing:-.02em;margin:0;color:#ed792f}h1 span{font:italic .38em Georgia,serif;color:#eee4d4;vertical-align:middle}.dek{font:italic 28px Georgia,serif;margin:22px 0}.scroll-link{display:inline-block;padding:12px 0;border-bottom:1px solid #d6682e}.hero-spread{position:relative;isolation:isolate;overflow:hidden;min-height:1750px;background:radial-gradient(ellipse at 50% 45%,#25180e 0%,#10100e 65%)}.giant-photo{position:absolute;top:0;bottom:0;width:34%;pointer-events:none;z-index:-1}.giant-blue{left:0}.giant-red{right:0}.giant-photo img{position:absolute;left:50%;top:50%;width:2200px;height:auto;max-width:none;transform:translate(-50%,-50%) rotate(90deg);filter:drop-shadow(0 12px 32px #0009)}.giant-blue img{margin-left:-70px}.giant-red img{margin-left:100px}.story-column{width:36%;margin:auto;text-align:center;padding:100px 0 70px}.story-column section{min-height:470px;display:flex;flex-direction:column;justify-content:center}.story-column h2{font:clamp(38px,4.4vw,68px)/.94 Impact,'Arial Narrow',sans-serif;letter-spacing:-.01em;color:#ed792f;margin:0 0 25px}.story-column p:not(.kicker){font:23px/1.4 Georgia,serif;margin:0 0 18px}.story-column .texture-copy{font-size:18px!important;color:#c2b9a8}.fine-rule{width:45px;height:1px;background:#c06532;display:block;margin:8px auto 26px}.closing{padding:65px 8vw;background:#21170f;border-top:2px solid #d6682e}.closing h2{font:clamp(42px,7vw,105px)/.95 Impact,sans-serif;margin:20px 0;color:#e87732}.closing>p:last-child{font:20px Georgia,serif;color:#c3cfc3}aside{padding:20px 4vw;font-size:10px;letter-spacing:.02em;color:#b1a492}footer{display:flex;justify-content:space-between;align-items:center;gap:20px;background:#171c19;padding:30px 4vw}footer small{display:block;color:#caa787}footer strong{display:block;font:25px Georgia,serif;margin-top:8px}a:focus-visible{outline:3px solid #ed792f;outline-offset:6px}.candy-rain{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:8}.candy-rain i:nth-child(n){position:absolute;top:-35px;width:var(--size);height:calc(var(--size)*.85);border-radius:38% 51% 33% 46%;box-shadow:inset 3px 3px 2px #ffffff85,inset -3px -4px 2px #0006,1px 3px 4px #0004;animation:candy-fall 2.2s ease-in both}.candy-rain i:before,.candy-rain i:after{content:'';position:absolute;background:inherit;border-radius:45%;box-shadow:inset 1px 2px 2px #fff7,inset -2px -2px 2px #0004}.candy-rain i:before{width:65%;height:65%;left:-15%;top:18%;transform:rotate(25deg)}.candy-rain i:after{width:50%;height:55%;right:-10%;top:-10%}@keyframes candy-fall{from{transform:translate3d(0,-35px,0) rotate(0)}to{transform:translate3d(var(--drift),115vh,0) rotate(var(--turn))}}@media(max-width:600px){header{padding:18px 22px}.brand{width:125px}header span{display:none}header>a:last-child{font-size:9px}.cover{min-height:540px;height:80svh;padding:35px 18px}.header-stack{width:180%;left:-40%;top:-12%;object-position:50% 50%}h1{font-size:15vw}h1 span{font-size:.34em}.dek{font-size:23px}.kicker{font-size:9px;letter-spacing:.1em}.hero-spread{min-height:1600px}.giant-photo{width:20%}.giant-photo img{width:1800px}.giant-blue img{margin-left:-290px}.giant-red img{margin-left:310px}.story-column{width:59%;padding-top:65px}.story-column section{min-height:460px}.story-column h2{font-size:clamp(31px,8vw,45px)}.story-column p:not(.kicker){font-size:19px}.story-column .texture-copy{font-size:16px!important}.closing{padding:45px 24px}.closing h2{font-size:44px}footer{padding:25px 22px}footer>a:first-child{font-size:9px}footer strong{font-size:20px}aside{padding:20px 22px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.candy-rain{display:none}}
.candy-rain i,.candy-rain i:before,.candy-rain i:after{background-color:var(--candy);background-image:radial-gradient(ellipse at 27% 21%,#ffffffb0 0 5%,transparent 14%),radial-gradient(circle,#ffffff7a 0 .65px,transparent 1px),radial-gradient(circle,#00000055 0 .7px,transparent 1.2px),linear-gradient(135deg,#ffffff35,transparent 40%,#00000055);background-size:100% 100%,3px 4px,5px 3px,100% 100%;background-position:0 0,0 1px,2px 0,0 0}.candy-rain i{border:1px solid #ffffff26;box-shadow:inset 2px 3px 3px #fff5,inset -3px -4px 3px #0008,2px 4px 4px #0007}.candy-rain i:before,.candy-rain i:after{border:1px solid #ffffff18}
/* Keep the oversized silhouettes outside the reading column. */
@media(min-width:601px){.giant-blue img{margin-left:-240px}.giant-red img{margin-left:450px}.story-column{width:32%}}
/* Center visible product silhouettes, compensating for source canvas whitespace. */
.giant-photo{width:32%;overflow:hidden}.giant-blue img{margin-left:65px}.giant-red img{margin-left:0}.story-column{width:32%}
@media(max-width:600px){.giant-photo{width:20%}.giant-blue img{margin-left:52px}.giant-red img{margin-left:0}.story-column{width:59%}}
/* Match the visible alpha bounds after rotation, not the unequal PNG canvases. */
.hero-spread{--gummy-length:1550px}
.giant-blue img{width:calc(var(--gummy-length)*1.74675);top:calc(50% - var(--gummy-length)*.0234);left:calc(50% + var(--gummy-length)*.0512);margin:0}
.giant-red img{width:calc(var(--gummy-length)*1.3823);top:calc(50% - var(--gummy-length)*.071);left:calc(50% + var(--gummy-length)*.014);margin:0}
@media(max-width:600px){.hero-spread{--gummy-length:1400px}}
/* Let the transparent candy silhouettes form the edge, not clipped columns. */
.giant-photo{overflow:visible}
.giant-blue{left:calc(20vw - var(--gummy-length)*.382)}
.giant-red{right:calc(20vw - var(--gummy-length)*.427)}
.story-column{position:relative;background:none;border:0;box-shadow:none;text-shadow:0 2px 12px #10100e}
@media(max-width:600px){.giant-blue{left:calc(16vw - var(--gummy-length)*.382)}.giant-red{right:calc(16vw - var(--gummy-length)*.427)}}
.gummy-guide-tease{margin-top:35px;padding-top:22px;border-top:1px solid #de763b55;color:#eee4d4;font:18px/1.5 Georgia,serif}.gummy-guide-tease strong{display:block;color:#ed792f;font:28px Impact,sans-serif;letter-spacing:.04em}
/* Mobile: bring the candy into the page; keep desktop framing untouched. */
@media(max-width:600px){
 .hero-spread{--gummy-length:1700px;min-height:1820px}
 .giant-blue{left:calc(40vw - var(--gummy-length)*.382);top:-140px}
 .giant-red{right:calc(40vw - var(--gummy-length)*.427);top:280px}
 .story-column{width:52%;padding:70px 0 60px;z-index:1}
 .story-column section{min-height:550px}
 .story-column h2{font-size:clamp(29px,7.6vw,43px)}
 .story-column p:not(.kicker){font-size:17px;line-height:1.4}
 .story-column .texture-copy{font-size:15px!important}
}

/* Face the lit texture inward; preserve the established vertical placement. */
.giant-red img{transform:translate(-50%,-50%) scaleX(-1)}
.candy-rain i{background-image:linear-gradient(135deg,#fff4,transparent 45%,#0008),url('public/gummy-guide/frost-bites-macro.jpg');background-size:100% 100%,420% 420%;background-position:center,var(--texture-x) var(--texture-y);background-blend-mode:soft-light,luminosity;border-radius:38% 51% 33% 46%;clip-path:polygon(17% 5%,56% 0,72% 15%,94% 20%,100% 55%,81% 75%,65% 100%,30% 89%,8% 65%,0 30%)}
.candy-rain i:before,.candy-rain i:after{display:none}
.treat-pack{display:grid;gap:5px;margin:16px 0;font:12px/1.5 monospace;color:#f1c09b}.treat-pack strong{font-size:17px}
.treat-views{margin:18px 0 32px}.treat-views>img{width:100%;aspect-ratio:1;object-fit:contain;border-radius:10px;background:#100e0b}.treat-views>div{display:flex;gap:5px;justify-content:center;margin-top:8px}.treat-views button{min-height:40px;flex:1;border:1px solid #956544;background:#18110d;color:#f4dec9;border-radius:5px;font:11px Arial;cursor:pointer}.treat-views button[aria-pressed=true]{background:#e87732;color:#18100a}