.product-story{--story-ink:#232725;--story-muted:#59615b;--story-line:#474c4129;color:var(--story-ink);background:#f1ece4;font-size:16px;line-height:1.6}.product-story h1,.product-story h2,.product-story .story-steps h3,.story-step-number,.story-decoration{font-family:var(--font-sans);letter-spacing:-.035em;font-weight:600;line-height:1.06}.product-story h2{font-size:clamp(48px,5.4vw,84px)}.product-story figure{margin:0}.story-container{width:min(100% - 2 * var(--gutter), 1400px);margin-inline:auto}.story-section{--section-from:#f5f0e9;--section-to:#e8ded1;--section-light-x:18%;--section-light-y:8%;background:radial-gradient(ellipse at var(--section-light-x) var(--section-light-y), #ffffffb8, #fff0 65%), linear-gradient(135deg, var(--section-from), var(--section-to));padding-block:clamp(64px,7vw,112px);scroll-margin-top:32px}.story-copy{font-size:clamp(15px,1.2vw,18px);line-height:1.65}.story-hero{height:min(100svh,1080px);min-height:720px;color:var(--story-ink);isolation:isolate;background:linear-gradient(135deg,#f7f3ec,#eae0d4);position:relative}.story-hero-image{z-index:-1;object-fit:cover;object-position:70% center;width:100%;height:100%;position:absolute;inset:0}.story-hero-content{padding-top:calc(var(--header-height) + 100px)}.product-story h1{max-width:7.8ch;font-size:clamp(80px,8.8vw,142px)}.story-hero-subtitle{margin-top:22px;font-size:clamp(17px,1.6vw,23px)}.story-capacities{border:0;gap:5px;min-width:0;margin:0;padding:0;display:flex}.story-capacities label{cursor:pointer;position:relative}.story-capacities input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.story-capacities span{background:0 0;border:1px solid #0000;border-radius:0;min-width:70px;padding:9px 15px;font-size:16px;display:block}.story-capacities input:checked+span{border-color:var(--story-ink);background:0 0}.story-capacities input:focus-visible+span{outline:2px solid var(--story-ink);outline-offset:4px}.story-hero .story-capacities input:checked+span{color:var(--story-ink);border-color:var(--story-ink);background:#fff}.story-nav{padding:17px var(--gutter);border-bottom:1px solid var(--story-line);background:#f3efe8;flex-wrap:wrap;justify-content:center;gap:12px 46px;font-size:16px;display:flex}.story-nav a{padding-block:6px}.story-nav a:hover{text-underline-offset:6px;text-decoration:underline}.story-structure{--section-from:#f1ede5;--section-to:#e2dbcf;--section-light-x:74%;padding-top:55px}.story-structure-layout{grid-template-columns:.8fr 1.35fr;align-items:center;gap:5%;display:grid}.story-section-intro{padding-block:35px}.story-section-intro .story-copy{margin-top:30px}.story-assembly{justify-self:end;width:100%;max-width:600px;padding-right:160px;position:relative}.story-assembly>img{aspect-ratio:2/3;object-fit:cover;width:100%}.story-parts{width:35%;margin:0;padding:0;list-style:none;position:absolute;top:0;bottom:0;right:0}.story-parts li{width:100%;padding-left:42px;font-size:16px;line-height:1.4;position:absolute;left:0}.story-parts li:before{content:"";background:#a3aaa5;width:30px;height:1px;position:absolute;top:10px;left:0}.story-parts li:first-child{top:16%}.story-parts li:nth-child(2){top:29%}.story-parts li:nth-child(3){top:36%}.story-parts li:nth-child(4){top:52%}.story-parts li:nth-child(5){top:84%}.story-steps{border-top:1px solid var(--story-line);grid-template-columns:repeat(3,1fr);margin:35px 0 0;padding:32px 0 0;list-style:none;display:grid}.story-steps li{border-left:1px solid var(--story-line);gap:22px;padding-inline:32px;display:flex}.story-steps li:first-child{border:0;padding-left:0}.story-step-number{color:#7e8781;font-size:35px}.product-story .story-steps h3{margin-bottom:10px;font-size:35px}.story-steps p{color:var(--story-muted);font-size:16px}.story-details{--section-from:#f5eee5;--section-to:#e8dccc;--section-light-x:36%}.story-details-heading{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:42px;display:flex}.story-details-grid{grid-template-columns:1fr 1fr;gap:40px 22px;display:grid}.story-details-grid figure>img{aspect-ratio:1;object-fit:cover;width:100%;height:auto;display:block}.story-details-grid figcaption{padding-top:20px}.story-details-grid figcaption p{color:var(--story-muted);max-width:48ch;margin-top:14px;font-size:18px;line-height:1.6}.story-customization{--section-from:#eef0e8;--section-to:#dee5d8;--section-light-x:72%;padding-top:25px}.story-customization>.story-container{padding-top:60px}.story-custom-top{grid-template-columns:.9fr 2.4fr;align-items:center;gap:40px;display:grid}.story-custom-intro .story-copy{color:var(--story-muted);max-width:250px;margin-top:22px;font-size:16px}.story-custom-intro h2{font-size:clamp(44px,4.4vw,68px)}.story-size-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.story-preview{min-width:0;position:relative}.story-preview-status{color:var(--story-muted);justify-content:center;align-items:center;gap:12px;padding-top:10px;font-size:14px;display:flex;position:absolute;inset:100% 0 auto}.story-preview-status button{font:inherit;color:var(--story-ink);cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.story-preview-status button[hidden]{display:none}.story-size-stage{aspect-ratio:1;width:100%}.story-size-image{width:100%;height:100%;display:block;overflow:hidden}.story-size-example figcaption{text-align:center;margin-top:10px;font-size:clamp(16px,1.4vw,20px);line-height:1.4}.story-custom-controls{grid-template-columns:1fr 1fr 1.1fr;max-width:1000px;margin:45px 0 0 auto;display:grid}.story-option-group{border:0;border-left:1px solid var(--story-line);min-width:0;margin:0;padding:0 0 0 35px}.story-option-group:first-child{border-left:0;padding-left:0}.story-option-group legend{margin-bottom:20px;padding:0;font-size:20px;font-weight:500}.story-option-list{gap:clamp(16px,2vw,32px);display:flex}.story-option{cursor:pointer;white-space:nowrap;flex-direction:column;align-items:center;gap:12px;font-size:14px;display:flex;position:relative}.story-option input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.story-swatch{background:var(--swatch);border:1px solid #2d37302e;border-radius:50%;width:44px;height:44px;display:block}.story-option input:checked+.story-swatch{outline:1px solid var(--story-ink);outline-offset:5px}.story-option input:focus-visible+span{outline:2px solid var(--story-ink);outline-offset:6px}.finish-matte{background:#efefed}.finish-gloss{background:radial-gradient(circle at 32% 24%,#fff 4%,#fdfdfb 8%,#e1e4df 24%,#c4c9c3 64%,#f5f6f3 90%)}.story-decoration{height:44px;font-size:46px;display:block}.decoration-gold{color:#94712d}.story-option input:checked+.story-decoration{text-underline-offset:8px;text-decoration:underline;text-decoration-thickness:1px}.story-specifications{--section-from:#edf0ed;--section-to:#dfe5e2;--section-light-x:24%}.story-spec-heading{justify-content:space-between;align-items:center;gap:24px;margin-bottom:44px;display:flex}.story-spec-heading .story-capacities{flex-shrink:0}.story-spec-layout{grid-template-columns:minmax(0,2.1fr) minmax(0,1fr);align-items:start;gap:clamp(28px,4vw,56px);display:grid}.story-drawings{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.story-drawing-figure{min-width:0;margin:0}.story-drawing-figure figcaption{text-align:center;margin-top:12px;font-size:20px;font-weight:500}.story-drawing{color:#6b746d;width:100%;display:block}.story-drawing text{font-family:var(--font-sans);fill:currentColor;font-size:20px}.story-spec-data{padding-top:0}.story-spec-table{border-collapse:collapse;width:100%;font-size:16px}.story-spec-table th,.story-spec-table td{border-bottom:1px solid var(--story-line);text-align:left;vertical-align:top;padding:15px 0}.story-spec-table th{width:44%;padding-right:20px;font-weight:500}.story-spec-table td{color:var(--story-muted)}.story-applications{--section-from:#f4ede6;--section-to:#e8ddd3;--section-light-x:70%}.story-app-layout{grid-template-columns:1fr 1.1fr;gap:10%;display:grid}.story-application-list{margin:20px 0 0}.story-application-list>div{border-bottom:1px solid var(--story-line);padding:20px 0}.story-application-list dt{margin-bottom:5px;font-size:22px}.story-application-list dd{color:var(--story-muted);margin:0;font-size:16px}.story-validation{border-top:1px solid var(--story-line);grid-template-columns:repeat(3,1fr);gap:40px;margin-top:65px;padding-top:32px;display:grid}.product-story .story-validation h3{font-family:var(--font-sans);letter-spacing:0;font-size:20px;font-weight:500}.story-validation p{color:var(--story-muted);max-width:280px;margin-top:10px;font-size:16px}@media (width>=1600px){.story-hero-content{padding-top:calc(var(--header-height) + 95px)}}@media (width<=1000px){.story-spec-heading{flex-direction:column;align-items:flex-start;gap:28px}.story-spec-layout{grid-template-columns:1fr;gap:40px}.story-hero{height:85svh;min-height:670px;max-height:900px}.story-custom-top{grid-template-columns:.8fr 2fr;gap:20px}.story-custom-controls{max-width:none}.story-option-group{padding-left:22px}.story-option-list{gap:20px}.story-parts li{padding-left:25px;font-size:14px}.story-parts li:before{width:17px}.story-steps li{gap:15px;padding-inline:20px}}@media (width<=700px){.product-story h2{font-size:clamp(44px,10vw,64px)}.story-container{width:calc(100% - 40px)}.story-hero{height:775px;min-height:0;max-height:none}.story-hero-image{object-fit:cover;object-position:right center;height:500px;top:auto;bottom:0}.story-hero-content{padding-top:calc(var(--header-height) + 28px)}.product-story h1{max-width:10ch;font-size:clamp(67px,13vw,90px)}.story-hero-subtitle{margin-top:12px;font-size:17px}.story-nav{gap:2px 22px;padding:14px 20px;font-size:14px}.story-nav a{padding-block:8px}.story-section{padding-block:60px}.story-structure-layout{grid-template-columns:1fr;gap:20px}.story-section-intro{padding:0}.story-section-intro h2 br{display:none}.story-section-intro .story-copy{margin-top:20px}.story-assembly{width:min(100%,470px);padding-right:24%;margin-inline:auto!important}.story-parts li{font-size:14px}.story-steps{grid-template-columns:1fr;gap:24px;margin-top:35px;padding-top:25px}.story-steps li{border:0;padding:0;display:flex}.story-step-number{margin-bottom:12px;font-size:25px;display:block}.product-story .story-steps h3{font-size:28px}.story-steps p{font-size:14px}.story-details-heading{margin-bottom:28px;display:block}.story-details-grid{grid-template-columns:1fr;gap:28px}.story-details-grid figcaption{padding-top:14px}.story-customization{padding-top:0}.story-customization>.story-container{padding-top:50px}.story-custom-top{display:block}.story-custom-intro .story-copy{max-width:300px;margin-top:16px;font-size:14px}.story-size-gallery{margin-top:22px}.story-custom-controls{grid-template-columns:1fr;gap:32px;margin-top:30px}.story-option-group{border-left:0;padding-left:0}.story-option-list{gap:28px}.story-swatch{width:34px;height:34px}.story-option{gap:10px;font-size:14px}.story-spec-layout,.story-app-layout{grid-template-columns:1fr;gap:30px}.story-drawing{width:min(100%,360px);max-width:100%;margin-inline:auto}.story-drawing text{font-size:24px}.story-drawings{grid-template-columns:1fr;gap:36px}.story-spec-heading{margin-bottom:32px}.story-spec-data{padding-top:0}.story-spec-table{font-size:14px}.story-spec-table th{width:43%;padding-right:12px}.story-spec-table th,.story-spec-table td{padding-block:13px}.story-app-layout{gap:20px}.story-application-list{margin-top:0}.story-validation{grid-template-columns:1fr;gap:24px;margin-top:40px}.story-validation>div{display:block}.story-validation p{margin-top:10px;font-size:16px}.product-story .story-validation h3{font-size:20px}}@media (width<=380px){.story-hero{height:860px}.story-container{width:calc(100% - 32px)}.story-option-list{gap:13px}.story-swatch{width:30px;height:30px}}.product-story .story-details-grid h3{font-family:var(--font-sans);letter-spacing:0;font-size:22px;font-weight:500;line-height:1.4}.refill-experience{isolation:isolate;position:relative}.refill-intro{z-index:2;width:34%;position:absolute;top:30px;left:0}.refill-intro .story-copy{max-width:340px;margin-top:24px}.refill-instruction{color:var(--story-muted);max-width:350px;min-height:48px;margin-top:18px;font-size:16px;line-height:1.6}.refill-stage{aspect-ratio:1200/720;position:relative}.refill-canvas{width:100%;height:100%;display:block;overflow:visible}.refill-labels{pointer-events:none;position:absolute;inset:0}.refill-part-label{font-size:clamp(14px,1.5vw,20px);line-height:1.35;position:absolute;right:0;transform:translateY(-50%)}.refill-part-label:before{content:"";background:#9ca59c;width:24px;height:1px;position:absolute;top:.65em;left:-35px}.refill-pack-label{white-space:nowrap;font-size:18px;line-height:1.4;position:absolute;transform:translate(-50%)}.refill-drop-target{stroke:#6f8071;stroke-width:1.5px;stroke-dasharray:8 8;opacity:0;transition:opacity .2s}.refill-drop-target.is-active{opacity:.8}.refill-grab{cursor:pointer;touch-action:none;background:0 0;border:0;width:100%;height:100%;padding:0;display:block}[data-refill-state=open] .refill-grab{cursor:grab}[data-refill-state=dragging] .refill-grab{cursor:grabbing}.refill-grab:focus-visible{outline-offset:-3px;border-radius:18px;outline:3px solid #657568}.refill-grab[aria-disabled=true]{cursor:wait}.refill-part,[data-refill-cover],[data-refill-seal]{pointer-events:none}@media (width<=1000px) and (width>=701px){.refill-intro{top:5px}.product-story .refill-intro h2{font-size:clamp(42px,5.5vw,60px)}.refill-intro .story-copy{margin-top:16px}.refill-instruction{margin-top:12px}.refill-part-label:before{width:16px;left:-23px}}@media (width<=700px){.refill-intro{width:100%;position:relative;top:auto}.refill-intro h2 br{display:none}.refill-intro .story-copy{margin-top:18px}.refill-instruction{max-width:100%;min-height:48px;margin-top:15px}.refill-stage{aspect-ratio:760/1365;margin-top:12px}.refill-part-label{width:24%;font-size:clamp(13px,3.6vw,17px)}.refill-part-label:before{width:12px;left:-18px}.refill-pack-label{font-size:15px}}@media (prefers-reduced-motion:reduce){.refill-experience *{transition:none!important}}
