.article-visual{--av-accent:var(--color-mint);--av-duration:4s;--av-tint:color-mix(in srgb,var(--av-accent) 12%,white);border:1px solid var(--color-line);background:linear-gradient(135deg,white,var(--color-paper));width:100%;min-width:0;max-width:100%;color:var(--color-ink);font-family:var(--font-geist),sans-serif;overflow-wrap:break-word;border-radius:26px;margin:2.5rem 0;padding:clamp(16px,3vw,24px);display:block;position:relative;overflow:hidden;container:article-visual/inline-size}.article-visual *{box-sizing:border-box}.article-visual>*,.av-scene>*,.av-scene>div{min-width:0;max-width:100%}.article-playback{grid-template-columns:40px 40px minmax(30px,1fr) 64px;align-items:center;gap:10px;min-width:0;display:grid}.article-playback button{border:1px solid var(--color-line);width:40px;height:40px;color:var(--color-ink);cursor:pointer;background:#fff;border-radius:50%;place-items:center;padding:0;transition:background .2s,box-shadow .2s;display:grid}.article-playback .article-playback-primary{border-color:var(--color-ink);background:var(--color-ink);color:#fff}.article-playback button:hover{box-shadow:0 0 0 3px color-mix(in srgb,var(--color-violet) 9%,transparent)}.article-playback button:disabled,.article-playback select:disabled,.article-playback input:disabled{cursor:default;opacity:.4}.article-playback :is(button,input,select):focus-visible{outline:2px solid var(--color-violet);outline-offset:4px}.article-playback-timeline{--playback-progress:0%;appearance:none;background:linear-gradient(to right,var(--color-ink) var(--playback-progress),var(--color-paper-2) var(--playback-progress));cursor:pointer;border:0;border-radius:99px;width:100%;min-width:0;height:4px;margin:0;padding:0}.article-playback-timeline::-webkit-slider-runnable-track{background:0 0;border-radius:99px;height:4px}.article-playback-timeline::-moz-range-track{background:0 0;border-radius:99px;height:4px}.article-playback-timeline::-webkit-slider-thumb{-webkit-appearance:none;background:var(--color-ink);width:13px;height:13px;box-shadow:0 0 0 1px var(--color-line);border:3px solid #fff;border-radius:50%;margin-top:-4.5px}.article-playback-timeline::-moz-range-thumb{background:var(--color-ink);width:8px;height:8px;box-shadow:0 0 0 1px var(--color-line);border:3px solid #fff;border-radius:50%}.article-playback select{width:64px;min-width:0;height:40px;color:var(--color-ink);font:500 12px var(--font-sans);cursor:pointer;background:0 0;border:0;border-radius:12px;padding:0 6px}.article-playback-error,.narration-error{color:var(--color-muted);margin:12px 0 0;font-size:12px;line-height:1.6}.narration-player{border:1px solid var(--color-line);background:#fff;border-radius:20px;margin-bottom:32px;padding:14px 16px;position:static}.narration-label{color:var(--color-ink);margin:0 0 12px;font-size:13px;font-weight:600;line-height:1.4}.narration-status{color:var(--color-muted);margin:0;font-size:12px;line-height:1.6}.narration-retry{border:1px solid var(--color-line);color:var(--color-ink);cursor:pointer;background:#fff;border-radius:10px;margin-top:12px;padding:7px 12px;font-size:12px}::highlight(article-spoken-word){background:color-mix(in srgb,var(--color-magenta) 20%,transparent);color:var(--color-ink);text-decoration:underline;-webkit-text-decoration-color:var(--color-magenta);text-decoration-color:var(--color-magenta)}.article-sidebar{flex-direction:column;align-self:start;gap:20px;display:flex;position:sticky;top:108px}.article-toc{border:1px solid var(--color-line);background:#fff;border-radius:24px;position:relative;overflow:hidden}.article-toc:before{content:"";background:var(--spectrum);border-radius:0 0 3px 3px;height:3px;position:absolute;top:0;left:22px;right:22px}.article-toc-heading{width:100%;color:var(--color-ink);text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;padding:23px 20px 17px;font-size:14px;font-weight:600;display:flex}.article-toc-heading>span{align-items:center;gap:9px;display:flex}.article-toc-heading>span>svg{color:var(--color-violet)}.article-toc-heading>button{display:none}.article-toc-list{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--color-paper-2) transparent;gap:3px;max-height:calc(100dvh - 210px);margin:0 8px 14px;padding:0 4px;list-style:none;display:grid;overflow-y:auto}.article-toc-list a{color:var(--color-muted);border-radius:10px;align-items:baseline;gap:9px;padding:10px;font-size:12px;line-height:1.6;text-decoration:none;transition:background .2s,color .2s;display:flex;position:relative}.article-toc-list a:hover{background:var(--color-paper);color:var(--color-ink)}.article-toc-list a:focus-visible{outline:2px solid var(--color-violet);outline-offset:-2px}.article-toc-list a[aria-current]{background:var(--color-paper);color:var(--color-ink);font-weight:600}.article-toc-list a[aria-current]:before{content:"";background:var(--color-magenta);border-radius:2px;width:2px;position:absolute;top:12px;bottom:12px;left:0}.article-toc-number{color:var(--color-muted);font-variant-numeric:tabular-nums;flex:0 0 18px;font-size:9px;font-weight:400}.article-toc-list li[data-level="3"] a,.article-toc-list li[data-level="4"] a{padding-left:20px;font-size:11px}.article-toc-list li[data-level="4"] a{padding-left:26px}.article-toc-list li[data-level="5"] a{padding-left:30px;font-size:11px}.article-toc-list li[data-level="6"] a{padding-left:34px;font-size:11px}.article-body>section{scroll-margin-top:120px}@media (max-width:1023px){.article-sidebar{z-index:25;grid-row:1;top:96px}.article-sidebar>:not(.article-toc){display:none}.article-toc{border-radius:18px;box-shadow:0 6px 20px #0a0a0f0a}.article-toc-heading{padding:9px 12px 9px 18px}.article-toc-heading>button{cursor:pointer;background:var(--color-paper);border:0;border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.article-toc-heading>button svg{transition:transform .2s}.article-toc.is-open .article-toc-heading>button svg{transform:rotate(180deg)}.article-toc-list{max-height:min(50dvh,420px);display:none}.article-toc.is-open .article-toc-list{display:grid}}@media (max-width:440px){.article-playback{grid-template-columns:36px 36px minmax(24px,1fr) 56px;gap:7px}.article-playback button{width:36px;height:36px}.article-playback select{width:56px;padding:0 2px;font-size:11px}.narration-player{padding:12px}}.article-visual button:focus-visible,.narration-player button:focus-visible{outline:3px solid var(--color-violet);outline-offset:3px}.av-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.article-visual h3{flex:1;min-width:0;max-width:100%;letter-spacing:-.045em!important;margin:0!important;font-size:clamp(20px,5cqi,29px)!important;font-weight:650!important;line-height:1.2!important}.av-scene{grid-template-columns:minmax(0,1fr);align-items:center;min-height:240px;margin:22px 0 0;padding:8px 4px;display:grid}.article-visual figcaption{color:var(--color-muted)!important;margin:10px 0 0!important;font-size:11px!important;line-height:1.65!important}.article-visual svg{max-width:100%}.av-journey{grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch;gap:11px;display:grid}.av-journey>div{border:1px solid var(--color-line);background:#fff;border-radius:15px;flex-direction:column;align-items:center;gap:9px;min-width:0;padding:15px 7px;transition:background .4s,transform .4s;display:flex;position:relative}.av-journey>div.is-active{background:var(--av-tint);box-shadow:0 14px 25px var(--color-line);border-color:#0000;transform:translateY(-7px)}.av-stage-symbol{background:var(--color-ink);color:#fff;border-radius:50%;place-items:center;width:42px;height:42px;font-size:28px;line-height:1;display:grid}.av-journey b{color:var(--color-muted);font-size:10px;font-weight:400}.av-journey>div>span:last-of-type{text-align:center;overflow-wrap:anywhere;max-width:100%;font-size:11px;font-weight:600;line-height:1.4}.av-stage-arrow{z-index:1;color:var(--color-muted);position:absolute;top:42%;right:-15px}.av-artwork{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:26px;display:grid}.av-checker{border:1px solid var(--color-line);background:repeating-conic-gradient(var(--color-paper-2) 0 25%,#fff 0 50%) 0/20px 20px;border-radius:12px;place-items:center;min-height:235px;display:grid;position:relative}.av-art-design{color:var(--color-ink);text-align:center;animation:av-mirror var(--av-duration) ease-in-out infinite}.av-art-design>span{color:var(--av-accent);font-size:49px;line-height:1}.av-art-design b{letter-spacing:-.04em;font-size:16px;line-height:1.05;display:block}.av-art-design i{font-family:Georgia,serif;font-size:30px;font-weight:400}.av-dimension{letter-spacing:.15em;color:var(--color-muted);font-size:7px;position:absolute;bottom:8px}.av-mini-checks{gap:12px;display:grid}.av-mini-checks>div{border-radius:8px;align-items:center;gap:8px;padding:10px;font-size:12px;line-height:1.5;transition:background .4s;display:flex}.av-mini-checks .is-active{background:var(--av-tint)}.av-mini-checks svg{flex-shrink:0}.av-machine{width:100%;height:auto;max-height:270px;display:block}.av-print-head{animation:av-scan var(--av-duration) ease-in-out infinite}.av-print-colour{animation:av-print var(--av-duration) ease-in-out infinite;transform-origin:50%}.av-particle{animation:av-powder calc(var(--av-duration)*.45) linear infinite}.av-heat{animation:av-heat calc(var(--av-duration)*.5) ease-in-out infinite}.av-press-top{animation:av-press var(--av-duration) ease-in-out infinite}.av-shirt{width:130px;height:150px}.av-peel-scene{place-items:center;min-height:250px;display:grid;position:relative}.av-peel-scene>.av-shirt{width:210px;height:220px}.av-peel-film{background:linear-gradient(135deg,white,color-mix(in srgb,var(--color-cyan) 12%,transparent));border:1px solid var(--color-line);transform-origin:100% 0;width:84px;height:95px;animation:av-peel var(--av-duration) ease-in-out infinite;border-radius:4px;place-items:center;display:grid;position:absolute;top:66px;left:calc(50% - 42px)}.av-peel-film>span{color:var(--color-muted);letter-spacing:.1em;font-size:7px}.av-peel-tag{color:var(--color-muted);font-size:10px;position:absolute;top:20px;right:8%;transform:rotate(-5deg)}.av-gang-layout{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:30px;width:100%;max-width:470px;margin:auto;display:grid}.av-gang-sheet{border:1px solid var(--color-line);box-shadow:10px 13px 0 var(--color-line);background:#fff;border-radius:6px;grid-template-columns:repeat(3,1fr);gap:9px;padding:16px;display:grid;transform:rotate(-5deg)}.av-gang-logo{aspect-ratio:1;animation:av-logo var(--av-duration) ease-in-out infinite;place-items:center;font-size:9px;font-weight:700;display:grid}.av-logo-0{background:var(--av-tint);border-radius:50%;font-size:27px}.av-logo-1{background:var(--color-ink);color:#fff;border-radius:3px;font-size:7px}.av-logo-2{border:1px solid var(--color-line);font-size:6px}.av-gang-copy{gap:9px;display:grid}.av-large-number{letter-spacing:-.09em;font-size:75px;font-weight:600;line-height:1}.av-gang-copy>b{letter-spacing:-.04em;font-size:21px;line-height:1.1}.av-gang-copy>span:last-child{color:var(--color-muted);font-size:10px;line-height:1.6}.av-comparison{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.av-comparison>div{border:1px solid var(--color-line);background:#fff;border-radius:15px;flex-direction:column;justify-content:flex-end;align-items:center;gap:10px;min-width:0;padding:20px 9px;transition:background .4s,transform .4s;display:flex}.av-comparison>div.is-active{background:var(--av-tint);border-color:#0000;transform:translateY(-5px)}.av-comparison svg{width:100px;height:125px}.av-comparison b{font-size:12px}.av-comparison span{color:var(--color-muted);font-size:11px;line-height:1.5}.av-layer-scene{gap:9px;width:100%;max-width:430px;margin:auto;display:grid}.av-layer{border-radius:10px;grid-template-columns:minmax(48px,25%) minmax(0,1fr);align-items:center;gap:20px;padding:6px;transition:background .4s;display:grid}.av-layer.is-active{background:var(--av-tint)}.av-layer-swatch{background:var(--layer-colour);border:1px solid var(--color-line);height:24px;box-shadow:0 4px 0 var(--color-line);transition:transform .5s;display:block;transform:skewY(-10deg)rotate(-5deg)}.av-layer.is-active .av-layer-swatch{transform:skewY(-10deg)rotate(-5deg)translate(9px)}.av-layer>span:last-child{align-items:center;gap:12px;min-width:0;font-size:12px;display:flex}.av-layer b{color:var(--color-muted);flex-shrink:0;font-size:9px;font-weight:400}.av-ink-set{grid-template-columns:repeat(auto-fit,minmax(min(100%,84px),1fr));justify-content:center;gap:24px 18px;display:grid}.av-ink-set>div{justify-items:center;gap:18px;min-width:0;padding:10px 4px;display:grid}.av-ink-drop{border:1px solid var(--color-line);width:50px;height:65px;box-shadow:inset -8px -8px 12px var(--color-line);border-radius:70% 40% 55% 45%;transition:transform .4s;display:block;transform:rotate(35deg)}.av-ink-set>.is-active .av-ink-drop{transform:rotate(35deg)translateY(-4px)scale(1.06)}.av-ink-set b{overflow-wrap:anywhere;max-width:100%;font-size:11px}.av-fabric-set{grid-template-columns:repeat(auto-fit,minmax(min(100%,90px),1fr));gap:14px;display:grid}.av-fabric-set>div{border-radius:12px;justify-items:center;gap:10px;min-width:0;padding:8px 4px;transition:background .4s;display:grid}.av-fabric-set>.is-active{background:var(--av-tint)}.av-fabric{border:1px solid var(--color-line);width:75px;height:95px;box-shadow:4px 6px 10px var(--color-line);background-color:var(--color-paper-2);background-image:repeating-linear-gradient(90deg,#fff3 0 1px,transparent 1px 3px),repeating-linear-gradient(0deg,var(--color-line) 0 1px,transparent 1px 3px);border-radius:5px 5px 20px;transition:transform .4s;display:block;transform:rotate(-5deg)}.av-fabric-1{background-color:var(--color-cyan);background-size:2px 2px}.av-fabric-2{background-color:var(--color-violet)}.av-fabric-3{background-color:var(--color-ink-3);background-image:repeating-linear-gradient(45deg,#ffffff1f 0 1px,#0000 1px 3px)}.is-active>.av-fabric{transform:rotate(5deg)translateY(-5px)}.av-fabric-set b{font-size:11px}.av-fabric-set>div>span:last-child{color:var(--color-muted);text-align:center;font-size:8px}.av-care{grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);align-items:center;gap:28px;display:grid}.av-washer{border:2px solid var(--color-line);width:100%;max-width:190px;box-shadow:6px 9px 0 var(--color-line);background:#fff;border-radius:14px;margin:auto;padding:12px}.av-washer-controls{letter-spacing:9px;border-bottom:1px solid var(--color-line);padding:2px 0 12px;font-size:13px;display:block}.av-washer-drum{aspect-ratio:1;background:var(--color-ink-2);border:12px solid var(--color-line);border-radius:50%;place-items:center;margin:13px 0 2px;display:grid;overflow:hidden}.av-washer-drum>span{color:var(--av-accent);animation:av-wash var(--av-duration) ease-in-out infinite;font-size:80px;line-height:1}.av-care-tips{gap:7px;display:grid}.av-care-tips>div{border-radius:8px;align-items:center;gap:9px;padding:8px;font-size:11px;line-height:1.5;transition:background .4s;display:flex}.av-care-tips .is-active{background:var(--av-tint)}.av-care-tips div>span{background:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:22px;height:22px;font-size:9px;display:grid}.av-check-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr));gap:10px;display:grid}.av-check-grid>div{border:1px solid var(--color-line);text-align:left;background:#fff;border-radius:12px;align-items:center;gap:12px;padding:17px 12px;font-size:12px;line-height:1.5;transition:background .4s;display:flex}.av-check-grid>.is-active{background:var(--av-tint);border-color:#0000}.av-check-grid>div>span{border:1px solid var(--color-line);border-radius:50%;flex-shrink:0;place-items:center;width:27px;height:27px;display:grid}.av-calculator{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:30px;display:grid}.av-calculator label{gap:10px;min-width:0;margin:16px 0;font-size:12px;font-weight:600;display:grid}.av-calculator input[type=number]{border:1px solid var(--color-line);background:#fff;border-radius:10px;width:100%;min-width:0;padding:10px 13px;font-size:21px}.av-calculator input[type=range]{width:100%;min-width:0;accent-color:var(--color-muted)}.av-calculator label>span{color:var(--color-muted);font-size:11px;font-weight:400}.av-cost-result{background:var(--av-tint);border-radius:50% 50% 16px 16px;justify-items:center;gap:8px;min-width:0;padding:30px 10px;display:grid}.av-cost-result>span{letter-spacing:-.07em;max-width:100%;font-size:clamp(28px,8cqi,58px);font-weight:600;line-height:1.2}.av-cost-result>b{font-size:12px}.av-cost-result>small{color:var(--color-muted);font-size:11px}.av-media{object-fit:contain;border-radius:13px;width:100%;max-width:100%;height:auto;max-height:450px;display:block}.av-media-empty{text-align:center;color:var(--color-muted);font-size:13px}.article-visual *{animation-play-state:paused}.article-visual.av-playing *{animation-play-state:running}.article-visual.av-reduced *{transition:none!important;animation:none!important}.article-prose-chunk>table{border-collapse:collapse;width:100%;min-width:0;margin:2rem 0;font-size:13px;line-height:1.6;display:block;overflow-x:auto}.article-prose-chunk th,.article-prose-chunk td{border:1px solid var(--color-line);text-align:left;min-width:140px;padding:14px}.article-prose-chunk th{background:var(--color-paper-2);font-weight:600}.article-prose p{white-space:pre-wrap;margin-top:1.25rem}.article-prose p:empty{min-height:1.8em}.article-prose p:has(>br:only-child){min-height:1.8em}.article-prose>:first-child,.article-prose li>p:first-child,.article-prose td>p:first-child,.article-prose th>p:first-child{margin-top:0}.article-prose [data-article-visual]:empty{display:none}.article-prose [data-article-visual]{white-space:normal;display:flow-root}.article-prose [data-article-visual]>.article-visual{margin:2rem 0}.article-visual-editor-block{border:1px solid var(--color-line);white-space:normal;border-radius:20px;margin:2rem 0;padding:12px}.article-visual-editor-block.is-selected{outline:2px solid var(--color-violet);outline-offset:2px}.article-visual-block-toolbar{border-bottom:1px solid var(--color-line);flex-wrap:wrap;align-items:center;gap:8px;padding-bottom:10px;font-size:12px;line-height:1.5;display:flex}.article-visual-drag{cursor:grab;align-items:center;gap:6px;font-weight:600;display:inline-flex}.article-visual-block-toolbar>button{border:1px solid var(--color-line);cursor:pointer;background:#fff;border-radius:8px;place-items:center;width:36px;height:36px;display:grid}.article-visual-block-toolbar>button:disabled{opacity:.3;cursor:default}.article-visual-editor-block>.article-visual{margin:12px 0 0}.article-prose-chunk :is(h1,h2,h3,h4,h5,h6){scroll-margin-top:120px}.article-prose-chunk>:first-child{margin-top:0}.article-body>section+section{margin-top:2.5rem}@keyframes av-scan{0%,to{transform:translate(0)}50%{transform:translate(290px)}}@keyframes av-print{0%,15%{opacity:.1;transform:scaleY(.1)}60%,to{opacity:1;transform:scaleY(1)}}@keyframes av-powder{0%{opacity:0;transform:translateY(-20px)}30%{opacity:1}to{opacity:0;transform:translateY(45px)}}@keyframes av-heat{0%,to{opacity:.2;transform:translateY(4px)}50%{opacity:1;transform:translateY(-6px)}}@keyframes av-press{0%,15%,90%,to{transform:translateY(0)}40%,70%{transform:translateY(60px)}}@keyframes av-peel{0%,20%{opacity:.9;transform:rotate(0)}65%,to{opacity:.15;transform:rotate(-55deg)translate(28px,-40px)}}@keyframes av-logo{0%,15%{opacity:.2;transform:scale(.85)}55%,to{opacity:1;transform:scale(1)}}@keyframes av-mirror{0%,25%,to{transform:rotateY(0)}50%,75%{transform:rotateY(180deg)}}@keyframes av-wash{0%,to{transform:rotate(-35deg)}50%{transform:rotate(35deg)}}@media (prefers-reduced-motion:reduce){.article-visual *{transition:none!important;animation:none!important}}@container article-visual (max-width:560px){.av-stage-arrow{display:none}.av-journey{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.av-journey>div{padding:13px 8px}.av-stage-symbol{width:36px;height:36px;font-size:25px}.av-artwork,.av-care,.av-calculator{gap:20px}.av-comparison{gap:10px}.av-comparison>div{padding:16px 8px}.av-ink-drop{width:42px;height:56px}.av-fabric-set{gap:12px}.av-fabric-set>div>span:last-child{font-size:10px}.av-gang-layout{gap:24px}}@container article-visual (max-width:440px){.av-scene{min-height:190px}.av-comparison{grid-template-columns:minmax(0,1fr)}.av-comparison>div{text-align:left;grid-template-columns:76px minmax(0,1fr);place-items:center start;gap:5px 16px;padding:14px;display:grid}.av-comparison svg{grid-row:1/3;width:70px;height:85px}.av-comparison b{align-self:end;font-size:13px}.av-comparison span{align-self:start;font-size:11px}.av-comparison>div.is-active{transform:none}.av-artwork,.av-care,.av-calculator{grid-template-columns:minmax(0,1fr);gap:18px}.av-checker{width:100%;min-height:220px}.av-mini-checks{gap:4px}.av-mini-checks>div{font-size:12px}.av-washer{max-width:175px}.av-care-tips>div{font-size:12px}.av-calculator label{margin:8px 0 16px}.av-cost-result{border-radius:24px;padding:24px 12px}}@container article-visual (max-width:340px){.av-header{gap:10px}.av-gang-layout{grid-template-columns:minmax(0,1fr);gap:28px}.av-gang-sheet{width:min(100% - 12px,230px);margin:auto}.av-gang-copy{text-align:center;justify-items:center}.av-large-number{font-size:60px}.av-layer{gap:14px}.av-layer>span:last-child{gap:8px}.av-peel-tag{font-size:9px;right:0}}@container article-visual (max-width:300px){.av-journey{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:540px){.article-visual{border-radius:20px;margin:2rem 0}}