/* Tactile hero revision: keep the copy, navigation, and lower sections. */
.hero{background:var(--cream);position:relative;grid-template-columns:1fr 1.05fr;min-height:660px}
.hero-copy{position:relative;z-index:2;padding-top:82px;padding-bottom:75px}
.hero h1 span{color:var(--pink);-webkit-text-stroke:1.5px var(--ink);text-shadow:3px 4px 0 var(--ink)}
.hero .tactile-art{min-height:660px;background:none;margin:0;isolation:isolate}
.hero .tactile-art:before{display:none}
.tactile-slime{display:block;width:114%;height:100%;max-height:760px;object-fit:cover;position:absolute;inset:0 auto 0 -8%;z-index:-1;mask-image:radial-gradient(ellipse 78% 78% at 57% 49%,#000 55%,transparent 85%);-webkit-mask-image:radial-gradient(ellipse 78% 78% at 57% 49%,#000 55%,transparent 85%)}
.tactile-art .floating-label{top:10%;right:10%;background:var(--lime);border:2px solid var(--ink);border-radius:45% 55% 46% 54%;padding:20px 23px;transform:rotate(9deg);box-shadow:4px 4px 0 #30214422;font-size:14px}
.tactile-art .art-sticker{bottom:13%;left:0;background:var(--pink);width:117px;height:117px;box-shadow:4px 4px 0 #30214422;transform:rotate(-12deg)}
.tactile-art .illustration-label{bottom:12px;left:10%;right:7%;text-align:center;font-size:9px;opacity:.8;background:#fffaf1dd;border-radius:20px;padding:4px 9px}
@media(max-width:1100px){.hero-copy{padding-top:65px}.hero,.hero .tactile-art{min-height:610px}.tactile-art .floating-label{right:4%}.tactile-art .art-sticker{left:-2%;width:95px;height:95px;font-size:12px}}
@media(max-width:800px){.hero{grid-template-columns:1fr;min-height:0}.hero-copy{padding:55px 6% 25px}.hero .tactile-art{min-height:470px;overflow:hidden}.tactile-slime{width:100%;height:115%;inset:-8% 0 auto;object-position:center 48%;mask-image:radial-gradient(ellipse 80% 83% at 50% 50%,#000 55%,transparent 88%);-webkit-mask-image:radial-gradient(ellipse 80% 83% at 50% 50%,#000 55%,transparent 88%)}.tactile-art .floating-label{right:9%;top:8%;font-size:12px;padding:17px 20px}.tactile-art .art-sticker{left:7%;bottom:12%}.tactile-art .illustration-label{left:12%;right:12%}}
@media(max-width:480px){.hero .tactile-art{min-height:400px}.tactile-art .floating-label{right:5%;padding:13px 16px}.tactile-art .art-sticker{left:4%;bottom:15%;width:87px;height:87px;font-size:11px}.tactile-art .illustration-label{left:6%;right:6%;font-size:8px}}

.ticker{gap:34px;align-items:center;padding:12px 0}.ticker-phrase{display:inline-flex;align-items:center;gap:23px;flex-shrink:0}.slime-spot{width:29px;height:29px;flex-shrink:0;display:inline-block;color:var(--ink);transform:rotate(-8deg)}.slime-spot:nth-of-type(2){transform:rotate(17deg)}
@media(max-width:480px){.ticker{font-size:16px}.ticker-phrase{gap:17px}.slime-spot{width:24px;height:24px}}
.ticker{justify-content:center;padding:14px 20px;white-space:normal;font-size:clamp(13px,1.55vw,20px)}
.ticker-phrase{justify-content:center;flex-wrap:wrap;flex-shrink:1;gap:clamp(12px,2vw,26px)}
.ticker-word{white-space:nowrap}
.slime-spot{color:#eb68aa;filter:drop-shadow(0 1px 0 #30214466)}
.slime-spot:nth-of-type(2){color:#9971d5}
.slime-spot:nth-of-type(3){color:#39b6aa}
@media(max-width:480px){.ticker{font-size:13px}.ticker-phrase{display:grid;grid-template-columns:auto 24px;column-gap:20px;row-gap:8px}}
.hero .tactile-art .slime-label{padding:0;border:0;border-radius:0;background:none;box-shadow:none;display:block;width:172px;height:136px;filter:drop-shadow(3px 5px 0 #30214422)}
.slime-label-shape{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.slime-label-text{position:absolute;inset:20px 14px 44px;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.15;font-weight:800}
.hero .tactile-art .art-sticker.slime-label{width:145px;height:145px;font-size:14px}
.art-sticker.slime-label .slime-label-text{inset:19px 12px 45px}
@media(max-width:800px){.hero .tactile-art .slime-label{width:152px;height:122px}.hero .tactile-art .art-sticker.slime-label{width:130px;height:130px;font-size:12px}.slime-label-text{inset:17px 12px 40px}.art-sticker.slime-label .slime-label-text{inset:17px 10px 42px}}
@media(max-width:480px){.hero .tactile-art .slime-label{width:137px;height:112px;font-size:11px}.hero .tactile-art .art-sticker.slime-label{width:115px;height:115px;font-size:11px}.slime-label-text{inset:16px 10px 36px}.art-sticker.slime-label .slime-label-text{inset:15px 8px 37px}}
header .circle-logo{width:115px;height:115px;display:block;line-height:0}
.circle-logo img{display:block;width:100%;height:100%;object-fit:contain}
header:has(.circle-logo){padding-top:12px;padding-bottom:12px}
@media(max-width:1100px){header .circle-logo{width:100px;height:100px}}
@media(max-width:800px){header .circle-logo{width:90px;height:90px}html{scroll-padding-top:120px}}
@media(max-width:480px){header .circle-logo{width:84px;height:84px}}
/* Oversized badge crosses the header rule and hangs into the hero. */
header:has(.circle-logo){position:relative;overflow:visible}
header .circle-logo{position:relative;width:345px;height:115px;overflow:visible;z-index:12}
header .circle-logo img{position:absolute;top:0;left:0;width:345px;height:345px;max-width:none;filter:drop-shadow(0 5px 5px #30214412)}
.hero-copy{padding-top:245px}
@media(max-width:1100px){header .circle-logo{width:300px;height:100px}header .circle-logo img{width:300px;height:300px}.hero-copy{padding-top:220px}}
@media(max-width:800px){header .circle-logo{width:270px;height:90px}header .circle-logo img{width:270px;height:270px}.hero-copy{padding-top:200px}.mobile-menu{position:relative;z-index:13}nav.open{z-index:14}}
@media(max-width:480px){header .circle-logo{width:252px;height:84px}header .circle-logo img{width:252px;height:252px}.hero-copy{padding-top:185px}header{gap:12px}.mobile-menu{padding:8px 10px}}
@media(max-width:360px){header{padding-left:4%;padding-right:4%}.mobile-menu{font-size:11px;padding:7px 8px}}
.slime-button-word{font-weight:1000;letter-spacing:.035em;margin-inline:-5px}
.slime-picture-quote{position:absolute;left:51%;top:48%;width:84%;max-width:430px;padding:30px 22px;transform:translate(-50%,-50%) rotate(16deg);text-align:center;z-index:2;font-family:'Arial Rounded MT Bold','Trebuchet MS',sans-serif;font-size:clamp(26px,3.2vw,46px);font-weight:1000;letter-spacing:-.045em;line-height:1.1;color:var(--ink);text-shadow:1px 2px 0 #fffaf1;isolation:isolate;pointer-events:none}
.slime-picture-quote:before{content:'';position:absolute;inset:-12px -16px;z-index:-1;border-radius:45% 55% 49% 51%;background:radial-gradient(ellipse at center,#fffaf1f5 0%,#fffaf1ec 38%,#fffaf1ad 62%,#fffaf100 76%)}
.slime-picture-quote span{display:block}.slime-picture-quote span:last-child{color:#74399c;font-size:1.12em}
@media(max-width:800px){.slime-picture-quote{width:78%;max-width:420px;font-size:34px;top:48%;padding:25px 18px}}
@media(max-width:480px){.slime-picture-quote{width:82%;font-size:27px;padding:22px 15px;left:51%;top:46%}.slime-picture-quote:before{inset:-12px -15px}}
.hero .tactile-art .image-splot-label{width:190px;height:175px;filter:drop-shadow(2px 4px 3px #30214416)}
.image-splot-label img{display:block;width:100%;height:100%;object-fit:contain}
.hero .tactile-art .art-sticker.image-splot-label{width:165px;height:165px}
@media(max-width:800px){.hero .tactile-art .image-splot-label{width:155px;height:145px;top:3%;right:5%}.hero .tactile-art .art-sticker.image-splot-label{width:140px;height:140px;top:auto;right:auto;bottom:9%;left:5%}}
@media(max-width:480px){.hero .tactile-art .image-splot-label{width:140px;height:130px;top:2%;right:3%}.hero .tactile-art .art-sticker.image-splot-label{width:125px;height:125px;top:auto;right:auto;bottom:10%;left:3%}}
