.four-directions .collection-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.napkin-slides{background:#141510}.napkin-slide{position:absolute;inset:0;opacity:0;transition:opacity 1.4s ease;overflow:hidden}.napkin-slide.active{opacity:1}.napkin-slide img{width:100%;height:100%;object-fit:cover;object-position:right center;transform:scale(1);transition:transform 8s ease;transform-origin:right center}.napkin-slide.active img{transform:scale(1.035)}.napkin-slider-controls{position:absolute;top:110px;right:var(--edge);display:flex;gap:6px;z-index:3}.napkin-slider-controls button{width:38px;height:38px;border:1px solid #ffffff55;border-radius:50%;background:#1116;color:#f4f1e9;font-family:inherit;font-size:12px;cursor:pointer}.napkin-slider-controls button[aria-pressed=true]{background:#f4f1e9;color:#222;border-color:#f4f1e9}.napkin-slider-controls button:focus-visible{outline:2px solid #fff;outline-offset:4px}
.napkin-hero .hero-title{font-size:clamp(40px,5.4vw,82px);max-width:76vw;line-height:1.08}.napkin-hero .film-bg img{object-position:right center}
@media(max-width:760px){.napkin-hero .hero-title{font-size:clamp(32px,8.3vw,56px);max-width:none;bottom:29%;letter-spacing:-.05em}}
.four-directions .collection-card{margin-top:0;grid-column:auto;width:auto}.napkin-story .chapter-image:after{content:'';position:absolute;inset:0;pointer-events:none}
.napkin-subnav{display:flex;gap:32px;justify-content:center;padding:23px 5vw;border-bottom:1px solid #d5d4ca;font-size:14px;flex-wrap:wrap}
.napkin-subnav a{padding:6px 0;border-bottom:1px solid transparent}.napkin-subnav a:hover{border-color:currentColor}
.napkin-intro{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center}.napkin-intro h2,.napkin-sizing h2{font-size:clamp(32px,4vw,58px);line-height:1.08;margin:22px 0}.napkin-intro p,.napkin-sizing p{max-width:540px;line-height:1.7}.napkin-intro figure{margin:0}.napkin-intro figure img{width:100%;height:540px;object-fit:cover}.napkin-intro figcaption{font-size:13px;color:#717169;margin-top:12px}.napkin-labels{display:flex;gap:9px;flex-wrap:wrap;margin:25px 0}.napkin-labels span{border:1px solid #cccec1;border-radius:40px;padding:8px 13px;font-size:13px}.napkin-source-note{font-size:13px;color:#75766b}.napkin-story-heading{padding-bottom:35px}.napkin-story{height:300vh}.napkin-story .chapter-images{background:#151610}.napkin-story .chapter-image img{object-fit:contain;object-position:right center}.napkin-story .chapter-image:after{background:linear-gradient(90deg,#11130fec 0%,#11130f80 40%,transparent 80%)}.napkin-story .chapter-copy{max-width:540px;left:5vw}.napkin-story .chapter-copy h2{font-size:clamp(36px,5vw,76px)}.napkin-sizing{display:grid;grid-template-columns:.95fr 1fr;gap:7vw;align-items:center;background:#e8e8df}.napkin-sizing-image img{width:100%;max-height:650px;object-fit:contain}.napkin-dimensions{margin:24px 0}.napkin-dimensions>div{padding:15px 0;border-top:1px solid #c8cbbd;display:flex;justify-content:space-between;gap:20px}.napkin-dimensions h3{font:600 14px/1.4 Manrope,sans-serif;margin:0}.napkin-dimensions p{font-size:14px;margin:0;white-space:nowrap}.napkin-complete{background:#1b1e17;color:#eeeee4}.napkin-complete .collection-caption p,.napkin-complete .collection-caption>span{color:#bfc3b5}.napkin-complete .line-link{background:#ecebdd;color:#1b1e17}.napkin-complete .collection-footer{margin-top:32px}#napkin-collection,#napkin-use,#napkin-story,#napkin-size{scroll-margin-top:105px}
@media(max-width:1000px){.four-directions .collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.napkin-dimensions>div{display:block}.napkin-dimensions p{margin-top:5px}}
@media(max-width:760px){.napkin-subnav{gap:8px 20px;justify-content:flex-start;padding:18px 5vw;font-size:13px}.napkin-intro,.napkin-sizing{grid-template-columns:1fr;gap:30px}.napkin-intro figure img{height:auto;aspect-ratio:4/3;object-fit:contain;background:#1a1b15}.napkin-story{height:320vh}.napkin-story .chapter-image img{width:100%;height:58%;object-fit:contain;object-position:center top}.napkin-story .chapter-image:after{background:linear-gradient(0deg,#11130f 28%,#11130f00 75%)}.napkin-story .chapter-copy{top:55%;left:5vw;max-width:90vw}.napkin-story .chapter-copy h2{font-size:34px}.napkin-story .chapter-copy p{font-size:14px;line-height:1.5}.napkin-story .chapter-nav{gap:6px}.napkin-story .chapter-tab{font-size:11px}.napkin-sizing-image img{max-height:370px}.napkin-source-note{font-size:13px}}
@media(prefers-reduced-motion:reduce){.napkin-story{height:auto}.napkin-story .chapter-image img{height:100%;object-fit:contain}.napkin-story .chapter-image:after{background:none}}
.napkin-story .chapter-image img{object-fit:cover;object-position:right center;width:100%;height:100%}.napkin-story .chapter-image:after{background:linear-gradient(90deg,#11130fd9 0%,#11130f66 35%,transparent 65%)}
@media(max-width:760px){.napkin-hero .napkin-slide img,.napkin-story .chapter-image img{height:60%;object-fit:cover;object-position:right center}.napkin-slide:after,.napkin-story .chapter-image:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#141510 35%,transparent 68%)}.napkin-slider-controls{top:95px;gap:5px}.napkin-slider-controls button{width:34px;height:34px}.napkin-hero .hero-topline{top:24%}.napkin-story .chapter-copy{top:56%}}
@media(prefers-reduced-motion:reduce){.napkin-slide,.napkin-slide img{transition:none;transform:none!important}.napkin-story .chapter-image img{height:65svh;object-fit:cover}.napkin-story .chapter-image:after{background:linear-gradient(0deg,#1119,transparent 60%)}}

.napkin-story .chapter-image img{transform-origin:right center}
/* Four quiet progress lines below the hero description. */
.napkin-hero-description{max-width:365px}.napkin-hero .napkin-slider-controls{position:static;display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:12px;width:100%;max-width:280px}.napkin-hero .napkin-slider-controls button{position:relative;width:100%;height:24px;padding:0;border:0;border-radius:0;background:transparent;color:inherit}.napkin-hero .napkin-slider-controls button:before,.napkin-hero .napkin-slider-controls button span{content:'';position:absolute;left:0;right:0;top:11px;height:2px;background:#ffffff40}.napkin-hero .napkin-slider-controls button span{background:#f4f1e9;transform:scaleX(var(--fill,0));transform-origin:left}.napkin-hero .napkin-slider-controls button[aria-pressed=true]{background:transparent}.napkin-hero .napkin-slider-controls button:hover:before{background:#ffffff70}.napkin-hero .napkin-slider-controls button:focus-visible{outline-offset:0}
@media(max-width:760px){.napkin-hero .hero-title{bottom:34%}.napkin-hero .hero-bottom{gap:14px}.napkin-hero .napkin-slider-controls{margin-top:5px;max-width:260px}.napkin-hero-description{max-width:100%}}
@media(prefers-reduced-motion:reduce){.napkin-slider-controls button[aria-pressed=true] span{transform:scaleX(1)}}
/* Alternating editorial cards on the home page. */
.four-directions .collection-grid{align-items:start}.four-directions .collection-card:nth-child(odd){margin-top:0}.four-directions .collection-card:nth-child(even){margin-top:70px}.four-directions .collection-card:nth-child(odd) .collection-img{aspect-ratio:3/4}.four-directions .collection-card:nth-child(even) .collection-img{aspect-ratio:1/1.12}.four-directions .collection-caption{display:block}.four-directions .collection-caption h3{font-size:clamp(18px,1.65vw,26px);line-height:1.2}.four-directions .collection-caption p{font-size:14px;color:#505247;line-height:1.5}.four-directions .image-index{display:none}
.salt-product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:36px 22px}.salt-product-grid .collection-card{margin:0!important;width:100%!important;grid-column:auto!important}.salt-product-grid .collection-caption>span{display:none}.salt-product-grid .collection-caption{display:block}.salt-product-grid .collection-img{aspect-ratio:3/4}#salt-use,#salt-story,#salt-collection,#salt-order{scroll-margin-top:105px}.salt-hero .hero-title{font-size:clamp(38px,5vw,76px)}
@media(max-width:1000px){.salt-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.four-directions .collection-card:nth-child(even){margin-top:45px}}
@media(max-width:760px){.four-directions .collection-card:nth-child(even){margin-top:30px}.four-directions .collection-caption h3{font-size:18px}.four-directions .collection-caption p{font-size:13px}.salt-product-grid{gap:28px 14px}.salt-hero .hero-title{font-size:clamp(29px,8vw,48px);bottom:35%}}
@media(min-width:761px){.salt-hero .hero-title{bottom:30%}}