/* One reference-based composition; native search/category handlers remain authoritative. */
.hero{padding:26px 0 10px;overflow:hidden}.hero>.container{position:relative}
.hero-main{position:relative;display:block;min-height:314px;overflow:visible;margin:0}
.hero-main>div:first-child{position:relative;z-index:2;width:54%;max-width:670px;padding-top:42px;min-width:0}
.hero h1{font-size:clamp(32px,3.55vw,52px);line-height:1.08;letter-spacing:-1.7px;margin:10px 0 15px;width:100%;max-width:none;padding:0;min-height:0}.hero h1>span{display:block;width:max-content;max-width:100%;white-space:normal}.hero-sub{max-width:380px;font-size:13px;line-height:1.65}
.hero-art.hero70{position:absolute;right:0;top:0;display:block;width:49%;max-width:560px;height:320px;margin:0;transform:none;isolation:isolate}.hero73-defs{position:absolute;pointer-events:none}
.hero70-back{display:block;position:absolute;inset:0;width:100%;height:100%;fill:#f5ca5b;opacity:.46;transform:translate(-14px,-7px) rotate(-4deg) scale(1.025);z-index:0;pointer-events:none}
.hero70-visual{position:absolute;inset:0;overflow:hidden;clip-path:ellipse(48% 48% at 50% 50%);background:var(--yellow-light);z-index:1}
.hero70-fallback{position:absolute;inset:0;display:grid;place-items:center;color:var(--ink);background:var(--yellow-light)}.hero70-fallback svg{width:65%;height:65%;opacity:.5}.hero70-images,.hero70-image{position:absolute;inset:0;width:100%;height:100%}.hero70-image{object-fit:cover;object-position:50% 0;opacity:0;transition:opacity 900ms ease;transform:none;animation:none}.hero70-image.is-active{opacity:1}.hero70[data-status=image] .hero70-fallback{visibility:hidden}
.hero .search-box{position:relative;z-index:4;width:68%;margin-top:-65px;box-shadow:0 8px 28px #25302a14;background:var(--paper);border-color:var(--line)}.hero .search-hints{position:relative;z-index:4;width:68%;min-height:16px}
.categories-wrap .categories{display:flex;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:var(--line) transparent;gap:10px;padding-block:17px 13px;scroll-padding-inline:8px}.categories-wrap .category{flex:1 0 104px;min-width:104px;padding:8px 7px;white-space:normal;transition:transform 190ms ease,background-color 190ms ease,box-shadow 190ms ease;scroll-margin:8px}.categories-wrap .category>span{max-width:100%;overflow-wrap:break-word;line-height:1.3}.categories-wrap .category.active{background:var(--yellow-light);box-shadow:inset 0 0 0 1px #ddb12f;color:var(--ink)}.categories-wrap .category:focus-visible{outline:3px solid var(--yellow);outline-offset:-3px;background:var(--yellow-light)}
@media(hover:hover) and (pointer:fine){.categories-wrap .category:hover{transform:translateY(-3px);background:var(--yellow-light);box-shadow:0 4px 12px #1b26200b}}
html[data-theme=dark] .hero70-back{fill:#f8c537;opacity:.24}html[data-theme=dark] .hero .search-box{box-shadow:0 9px 28px #0003}html[data-theme=dark] .hero70-fallback{background:#303a41;color:#e8ebec}
@media(max-width:1100px) and (min-width:681px){.hero-main{min-height:280px}.hero-main>div:first-child{padding-top:22px}.hero-art.hero70{width:46%;height:280px}.hero .search-box{width:86%;margin-top:-48px}.hero .search-hints{width:65%}}
@media(max-width:850px) and (min-width:681px){.hero-main{min-height:255px}.hero-art.hero70{height:255px}.hero h1{font-size:32px;letter-spacing:-1.2px}.hero-sub{font-size:11px;max-width:320px}.hero .search-box{width:100%;margin-top:-33px}.hero .search-hints{width:60%}}
@media(max-width:680px){.hero{padding:22px 0 16px}.hero-main{min-height:198px;padding-bottom:0}.hero-main>div:first-child{width:100%;max-width:none;padding:0}.hero h1{font-size:clamp(27px,7.5vw,36px);letter-spacing:-1.15px;line-height:1.13;margin:10px 0 15px}.hero-sub{max-width:none;width:calc(100% - 135px);font-size:11px;min-height:90px;line-height:1.65}.hero-art.hero70{right:0;top:108px;bottom:auto;width:124px;max-width:124px;height:100px;z-index:2}.hero70-back{transform:translate(-4px,-3px) rotate(-4deg)}.hero70-image{transition-duration:200ms}.hero .search-box{width:100%;margin-top:22px;box-shadow:0 5px 18px #25302a0a}.hero .search-hints{width:100%;min-height:0}.categories-wrap .category{flex:0 0 104px;min-height:72px;font-size:10px}.categories-wrap .categories{gap:7px}}
@media(prefers-reduced-motion:reduce){.hero70-image,.categories-wrap .category{transition:none!important;animation:none!important}.categories-wrap .category:hover{transform:none}.hero70-back{transform:translate(-6px,-3px)}}