/* Homepage product ranges, range pages, About story and certificate placeholders. */
.range-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);background:var(--paper);min-height:500px}
.range-hero-copy{align-self:center;padding:60px 8% 60px max(5%,calc((100vw - 1500px)/2))}
.range-hero h1,.range-hero h2.range-title,.range-section h2,.range-card h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.035em}
.range-hero h1{font-size:clamp(44px,4.6vw,70px);line-height:1.05;margin-bottom:24px}
.range-hero h1 em{color:var(--teal)}
.range-hero-copy>p:not(.eyebrow){font-size:18px;line-height:1.6;max-width:500px;margin-bottom:34px}
.range-hero .actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.range-hero .plain-link{text-decoration:underline;text-underline-offset:6px}
.range-hero>img{width:100%;height:100%;min-height:500px;max-height:620px;object-fit:cover;object-position:78% 45%}
.range-hero>img.scene-personal{object-position:38% 42%}
.range-stats{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 34px;padding:20px 5%;border-bottom:1px solid var(--line);font-size:12px;letter-spacing:.04em;color:var(--muted)}
.range-stats span:before{content:'✓';margin-right:8px;color:var(--teal)}
.range-section h2{font-size:clamp(34px,3.4vw,48px)}
.range-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.range-card{display:block;min-width:0;overflow:hidden;background:var(--paper)}
.range-card img{width:100%;height:300px;object-fit:cover;transition:transform .35s ease}
.range-card:hover img{transform:scale(1.03)}
.range-card .scene-pet{object-position:80% 45%}
.range-card .scene-personal{object-position:42% 40%}
.range-card .scene-baby{object-position:52% 42%}
.range-caption{position:relative;display:flex;justify-content:space-between;align-items:center;gap:12px;background:var(--teal);color:#fff;padding:16px 22px}
.range-caption h3{font-size:26px;margin:0}
.range-caption span{font-size:12px;letter-spacing:.04em;white-space:nowrap}
.home-partners .partner-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.product-carousel{padding-top:20px;max-width:none;padding-inline:0}
.product-carousel .section-heading{max-width:1600px;margin-inline:auto;padding-inline:5%}
.carousel-viewport{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.carousel-track{display:flex;gap:22px;width:max-content;animation:carousel-scroll 60s linear infinite}
.carousel-viewport:hover .carousel-track,.carousel-viewport:focus-within .carousel-track{animation-play-state:paused}
@keyframes carousel-scroll{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 11px))}}
.carousel-item{flex:0 0 250px;display:flex;flex-direction:column;gap:4px;color:var(--ink)}
.carousel-image{display:flex;align-items:center;justify-content:center;height:250px;background:var(--paper);margin-bottom:12px;overflow:hidden}
.carousel-image img{width:80%;height:80%;object-fit:contain;mix-blend-mode:multiply;transition:transform .3s ease}
.carousel-item:hover .carousel-image img{transform:scale(1.05)}
.carousel-range{font-size:9px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--teal)}
.carousel-item strong{font-size:15px;font-weight:600}
.carousel-name{font-size:13px;color:var(--muted);line-height:1.4}
html[dir="rtl"] .carousel-track{animation-direction:reverse}
@media(max-width:760px){.carousel-item{flex-basis:190px}.carousel-image{height:190px}}
@media(prefers-reduced-motion:reduce){.carousel-viewport{overflow-x:auto;mask-image:none;padding-inline:5%}.carousel-track{animation:none}.carousel-item[aria-hidden="true"]{display:none}}
.cert-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.cert-slot{display:block;background:#fff;border:1px solid var(--line);text-decoration:none;overflow:hidden;min-width:0}
.cert-slot img{display:block;width:100%;aspect-ratio:3/4;object-fit:contain;object-position:center;background:#fff;padding:14px}
.cert-slot:hover{border-color:var(--teal)}
.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:28px}
.collection-grid .category-card{padding:34px 30px 28px}
.collection-grid .category-card img{height:340px}
.collection-grid .category-card h3{font-size:20px}
.collection-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.collection-grid-3 .category-card img{height:280px}
.range-catalog{scroll-margin-top:20px}
.story-section{max-width:1100px}
.story-lead{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:60px;align-items:start;margin-bottom:56px}
.story-lead h2{font-size:clamp(32px,3.2vw,46px)}
.story-lead p{font-size:17px;line-height:1.75}
.story-photo{margin:32px 0 0}
.story-photo img{width:100%;height:auto;max-height:none;object-fit:contain}
.story-photo figcaption{font-size:12px;color:var(--muted);margin-top:10px}
.story-timeline{list-style:none;margin:0;padding:0;border-inline-start:1px solid var(--line)}
.story-timeline>li{position:relative;padding:0 0 42px;padding-inline-start:40px}
.story-timeline>li:last-child{padding-bottom:0}
.story-timeline>li::before{content:"";position:absolute;inset-inline-start:-7px;top:6px;width:13px;height:13px;border-radius:50%;background:#fff;border:2px solid var(--teal)}
.story-timeline time{display:block;font-size:12px;font-weight:700;letter-spacing:.16em;color:var(--teal);margin-bottom:8px}
.story-timeline h3{margin-bottom:12px}
.story-timeline p{max-width:720px;line-height:1.75;margin-bottom:10px}
.story-facts{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 0;padding:0;list-style:none}
.story-facts li{padding:5px 12px;background:var(--paper);font-size:12px;color:var(--ink)}
.story-close{margin-top:64px;padding:44px 48px;background:var(--paper)}
.story-close h2{font-size:clamp(28px,2.8vw,40px)}
.story-close p{font-size:17px;line-height:1.75;max-width:820px}
.about-next{padding-top:20px}
.about-next-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.about-next-card{background:var(--paper);padding:44px 46px;display:flex;flex-direction:column;align-items:flex-start}
.about-next-card h2{font-size:clamp(28px,2.6vw,38px);margin-bottom:18px}
.about-next-card>p:not(.eyebrow){font-size:16px;line-height:1.75}
.about-next-tags{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:10px 0 0;padding:0}
.about-next-tags li{padding:6px 13px;background:#fff;border:1px solid var(--line);font-size:12px;color:var(--ink)}
.about-next-contact{background:var(--ink);color:#fff}
.about-next-contact .eyebrow{color:#c0d7c9}
.about-next-contact>p:not(.eyebrow),.about-next-contact address{color:#d6e0dc}
.about-next-contact .company-address{margin:8px 0 28px}
.about-next-contact .company-address h3{color:#fff;font-size:16px;margin-bottom:6px}
.about-next-contact .button{background:#fff;color:var(--ink);margin-top:auto}
@media(max-width:1000px){.about-next-grid{grid-template-columns:1fr}.about-next-card{padding:32px 26px}}
@media(max-width:1000px){.range-grid{gap:16px}.range-card img{height:220px}.range-caption{flex-direction:column;align-items:flex-start;gap:6px}.range-caption h3{font-size:22px}.cert-grid,.home-partners .partner-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.collection-grid .category-card img{height:240px}.story-lead{grid-template-columns:1fr;gap:20px}}
@media(max-width:760px){.range-hero{grid-template-columns:1fr;min-height:0}.range-hero>img{min-height:0;max-height:340px;aspect-ratio:4/3;order:-1}.range-hero-copy{padding:36px 6%}.range-hero h1{font-size:44px}.range-grid{grid-template-columns:1fr}.range-caption{flex-direction:row;align-items:center}.cert-grid,.home-partners .partner-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.collection-grid{grid-template-columns:1fr!important;gap:14px}.collection-grid .category-card img{height:200px}.range-stats{justify-content:flex-start;gap:8px 18px;font-size:11px}.story-close{padding:30px 24px}.story-timeline>li{padding-inline-start:28px}}
@media(prefers-reduced-motion:reduce){.range-card img{transition:none}.range-card:hover img{transform:none}}
.range-tabs{display:flex;gap:28px;margin:0 0 22px;border-bottom:1px solid var(--line)}
.range-tabs a{padding:0 0 12px;margin-bottom:-1px;border-bottom:2px solid transparent;color:var(--muted);font-size:15px;font-weight:600;text-decoration:none}
.range-tabs a:hover{color:var(--ink)}
.range-tabs a[aria-current="page"]{color:var(--teal);border-bottom-color:var(--teal)}
.page-intro+.section .range-tabs{margin-top:-8px}
.range-faq{background:var(--paper)}
@media(max-width:760px){.range-tabs{gap:20px;overflow-x:auto;white-space:nowrap}.range-tabs a{font-size:14px}}

/* Seamless home partner carousel. */
.home-partners .partner-viewport{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}
.home-partners .partner-track{display:flex;width:max-content;animation:partner-scroll 48s linear infinite}
.home-partners .partner-group{display:flex;gap:14px;padding-right:14px;flex-shrink:0}
.home-partners .partner-mark{flex:0 0 210px;width:210px}
.home-partners .partner-viewport:hover .partner-track,.home-partners .partner-viewport:focus-within .partner-track{animation-play-state:paused}
.partner-skuld-wordmark{display:block;position:relative;width:160px;max-width:100%;aspect-ratio:4/1;overflow:hidden}
.partner-skuld-wordmark img{position:absolute;top:-2px;left:0;width:100%;height:auto;max-height:none;max-width:none}
@keyframes partner-scroll{to{transform:translateX(-50%)}}
@media(max-width:600px){.home-partners .partner-mark{flex-basis:170px;width:170px}}
@media(prefers-reduced-motion:reduce){.home-partners .partner-viewport{overflow-x:auto;mask-image:none}.home-partners .partner-track{animation:none}.home-partners .partner-group[aria-hidden="true"]{display:none}}

/* Keep the RK81 comb visible in personal-care scene crops. */
.range-hero>.scene-personal,.range-card .scene-personal{object-position:58% 50%}