/* Only the header and introduction belong in this stylesheet. */
html{scroll-padding-top:130px}
.site-header .header-inner{display:flex;align-items:center;gap:25px;min-height:70px;padding-block:0}
.site-header .header-inner .brand{flex-shrink:0}
.site-header .header-inner .brand-label{display:block}
.site-header .header-inner .search-form{flex:1;min-width:0;margin:0}
.site-header .header-locale{flex-shrink:0}
.site-header .menu-toggle{display:none}
.site-header .nav-wrap{display:block;border:0;padding:0}
.site-header .main-nav{display:flex;align-items:center;justify-content:center;gap:30px;min-height:40px;font-size:13px;flex-wrap:wrap}
.site-header .main-nav a{position:relative;min-height:40px;padding-inline:3px}
.site-header .main-nav a[aria-current="page"]:after{content:'';position:absolute;bottom:0;left:3px;right:3px;height:2px;border-radius:2px;background:var(--orange)}
#categories,#finds,.article-section{scroll-margin-top:0}
.toc{top:130px}

.discovery-intro{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:30px;min-height:330px;margin-top:22px;padding:34px 42px;border-radius:15px;background:linear-gradient(112deg,#b94000 0%,#d94e00 44%,#ff6a00 78%,#ff9757 100%);color:#fff}
.intro-copy{position:relative;z-index:4;min-width:0}
.intro-copy h1{font-size:50px;font-weight:800;line-height:1.06;letter-spacing:-2px}
.intro-period{color:#ffd3b0}
.intro-copy>p{font-size:16px;line-height:1.65;margin-top:16px;color:#fff3e8}
.intro-actions{display:flex;align-items:center;gap:21px;flex-wrap:wrap;margin-top:25px}
.intro-primary{background:#fff;color:#a83a00;min-height:45px;padding:12px 18px;font-size:13px;gap:12px}
.intro-primary:hover{background:#fff5ed}
.intro-category-link{display:inline-flex;align-items:center;gap:6px;min-height:40px;font-size:13px;font-weight:500}
.intro-category-link:hover{text-decoration:underline;text-underline-offset:4px}
.intro-category-link .material-symbols-outlined{font-size:17px}
.intro-collage{position:relative;min-width:0;height:256px;isolation:isolate}
.intro-collage:before{content:'';position:absolute;width:220px;height:220px;right:-15px;top:-25px;border-radius:50%;background:#ffffff12;z-index:-1}
.intro-collage:after{content:'';position:absolute;width:140px;height:140px;left:20px;bottom:-40px;border:1px solid #ffffff26;border-radius:50%;z-index:-1}
.intro-product{position:absolute;display:block;width:156px;padding:9px;border:1px solid #ffffffb8;border-radius:13px;background:#fff;color:var(--ink);box-shadow:0 10px 24px #7e30001c;transition:transform .2s}
.intro-product-image{display:block;height:130px;border-radius:7px;overflow:hidden;background:#f8f8f8}
.intro-product img{display:block;width:100%;height:100%;object-fit:contain}
.intro-product-label{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;font-weight:600;line-height:1.4;padding-top:8px}
.intro-product-label .material-symbols-outlined{font-size:16px;color:#b65a21}
.intro-product:nth-child(1){left:8%;top:30px;width:194px;transform:rotate(-8deg);z-index:3}
.intro-product:nth-child(1) .intro-product-image{height:160px}
.intro-product:nth-child(2){left:49%;top:0;transform:rotate(7deg);z-index:1}
.intro-product:nth-child(3){left:61%;top:118px;width:142px;transform:rotate(9deg);z-index:2}
.intro-product:nth-child(3) .intro-product-image{height:106px}
.intro-product:hover{transform:translateY(-4px) rotate(0)}
.intro-product:focus-visible{outline-color:#fff;z-index:5}
.discovery-intro+.category-section{margin-top:28px}

@media(max-width:1050px){
 .site-header .header-inner{gap:20px}
 .site-header .main-nav{gap:25px}
 .discovery-intro{padding-inline:30px;gap:22px}
 .intro-copy h1{font-size:45px}
 .intro-actions{gap:14px}
 .intro-product:nth-child(1){width:170px}
 .intro-product:nth-child(1) .intro-product-image{height:145px}
 .intro-product:nth-child(2){width:136px}
 .intro-product:nth-child(2) .intro-product-image{height:115px}
 .intro-product:nth-child(3){left:55%;width:128px}
 .intro-product:nth-child(3) .intro-product-image{height:98px}
}
@media(max-width:800px){
 html{scroll-padding-top:138px}
 .site-header .header-inner{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;min-height:0;padding-block:12px}
 .site-header .header-inner .brand{grid-column:1;grid-row:1}
 .site-header .header-inner .brand-label{display:none}
 .site-header .header-locale{grid-column:2;grid-row:1}
 .site-header .menu-toggle{display:grid;place-items:center;grid-column:3;grid-row:1;width:36px;height:36px}
 .site-header .header-inner .search-form{grid-column:1/-1;grid-row:2;width:100%;height:40px}
 .site-header .nav-wrap{display:none}
 .site-header .nav-wrap.open{display:block}
 .site-header .main-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 20px;padding-block:4px 11px}
 .site-header .main-nav a{justify-self:start}
 #categories,#finds,.article-section{scroll-margin-top:0}
 .discovery-intro{grid-template-columns:1.05fr 1fr;gap:12px;padding-inline:25px}
 .intro-copy h1{font-size:39px;letter-spacing:-1.5px}
 .intro-copy>p{font-size:15px}
 .intro-actions{gap:8px 14px;margin-top:20px}
 .intro-primary{font-size:12px;padding-inline:15px}
 .intro-category-link{font-size:12px}
 .intro-product:nth-child(1){left:0}
 .intro-product:nth-child(2){left:43%}
 .intro-product:nth-child(3){left:48%}
}
@media(max-width:650px){
 .discovery-intro{display:block;min-height:0;margin-top:18px;padding:28px 24px;border-radius:11px;background:linear-gradient(115deg,#b94000,#e45700 70%,#ff6a00)}
 .intro-copy h1{font-size:clamp(30px,10vw,39px);line-height:1.07}
 .intro-copy>p{font-size:15px;margin-top:14px}
 .intro-actions{gap:8px 16px;margin-top:21px}
 .intro-collage{display:none}
 .discovery-intro+.category-section{margin-top:24px}
}