:root{color-scheme:light;--bg: oklch(.942 .011 82);--panel: oklch(.915 .013 82);--tile: oklch(.965 .009 85);--raise: oklch(.972 .008 85);--ink: oklch(.25 .02 255);--muted: oklch(.45 .017 250);--line: oklch(.85 .014 80);--crease: oklch(.76 .017 78);--indigo: oklch(.4 .09 260);--indigo-2: oklch(.33 .09 262);--on-indigo: oklch(.985 .004 240);--celadon: oklch(.74 .04 175);--celadon-ink: oklch(.42 .05 175);--dye: oklch(.3 .07 262);--on-dye: oklch(.965 .01 240);--dye-muted: oklch(.84 .03 250);--focus: oklch(.5 .13 260);--shade: oklch(.25 .03 255 / .16);--tile-filter: none;--display: "Iansui", "PingFang TC", "Noto Sans TC", "Microsoft JhengHei", sans-serif;--sans: "PingFang TC", "Noto Sans TC", "Microsoft JhengHei", "Heiti TC", system-ui, sans-serif;--fs-xs: .8125rem;--fs-s: .875rem;--fs-b: 1rem;--fs-l: 1.125rem;--fs-h3: 1.25rem;--fs-h2: clamp(1.5rem, 1.2rem + 1.2vw, 2rem);--fs-h1: clamp(2rem, 1.3rem + 2.8vw, 3.25rem);--gut: clamp(1rem, .5rem + 3vw, 3rem);--dk-t: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201000%208%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M0%208V3.5L0%203.5L10%202.6L20%203.0L30%201.9L40%202.0L50%201.7L60%201.2L70%201.2L80%201.2L90%201.2L100%201.2L110%201.2L120%201.2L130%202.0L140%201.2L150%201.2L160%201.5L170%202.7L180%202.9L190%202.6L200%203.9L210%202.7L220%203.6L230%203.1L240%202.1L250%201.2L260%201.2L270%202.0L280%201.2L290%201.4L300%201.8L310%201.4L320%201.6L330%201.2L340%201.2L350%201.2L360%201.7L370%201.5L380%201.2L390%201.4L400%201.3L410%201.2L420%202.0L430%202.5L440%201.8L450%202.0L460%202.1L470%203.1L480%203.6L490%203.1L500%204.3L510%203.4L520%203.1L530%203.8L540%202.9L550%202.9L560%201.7L570%202.1L580%202.8L590%203.0L600%204.0L610%203.5L620%204.0L630%204.2L640%204.4L650%204.3L660%205.2L670%206.4L680%206.3L690%206.7L700%205.6L710%206.1L720%206.5L730%206.8L740%206.8L750%206.2L760%205.9L770%206.4L780%205.1L790%205.0L800%204.2L810%203.2L820%202.0L830%202.7L840%201.8L850%201.2L860%201.2L870%202.2L880%201.2L890%201.2L900%201.3L910%202.3L920%203.2L930%204.1L940%203.5L950%203.3L960%202.9L970%203.9L980%205.1L990%204.2L1000%203.4V8Z%22%2F%3E%3C%2Fsvg%3E);--dk-b: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201000%208%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M0%200V4.7L0%204.7L10%205.4L20%205.4L30%205.2L40%205.8L50%206.8L60%206.8L70%206.8L80%206.6L90%205.4L100%205.0L110%204.9L120%204.6L130%204.2L140%205.3L150%204.3L160%203.5L170%202.6L180%201.8L190%202.1L200%202.3L210%203.4L220%203.0L230%204.2L240%205.3L250%206.0L260%206.8L270%206.8L280%206.8L290%206.8L300%206.8L310%206.8L320%206.8L330%206.8L340%205.8L350%205.5L360%206.4L370%206.8L380%206.8L390%206.8L400%206.8L410%205.9L420%204.6L430%204.7L440%204.7L450%205.8L460%206.8L470%206.8L480%206.8L490%205.9L500%206.8L510%206.8L520%205.6L530%205.6L540%206.5L550%206.4L560%206.8L570%206.7L580%205.5L590%204.5L600%204.0L610%204.6L620%205.0L630%205.9L640%205.2L650%205.1L660%204.3L670%204.8L680%205.5L690%204.7L700%203.4L710%202.5L720%201.7L730%201.2L740%201.2L750%201.9L760%201.9L770%202.2L780%203.5L790%204.7L800%205.3L810%205.9L820%205.4L830%204.2L840%204.3L850%203.2L860%201.9L870%201.2L880%201.6L890%202.3L900%203.0L910%203.8L920%204.5L930%204.2L940%203.2L950%202.3L960%202.4L970%202.0L980%201.2L990%202.3L1000%201.9V0Z%22%2F%3E%3C%2Fsvg%3E);--ease: cubic-bezier(.2, .7, .2, 1);--edge-top: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201000%2014%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M0%2014V5L0%205L10%204.2L20%205.1L30%204.4L40%205.4L50%206.2L60%207.4L70%206.9L80%209.8L90%207.6L100%208.8L110%208.9L120%209.6L130%209.9L140%2011.6L150%2010.9L160%2010.2L170%209.4L180%208.6L190%208.8L200%2011.2L210%2010.6L220%2010.3L230%2013L240%2011.3L250%2012L260%2010.7L270%209.8L280%209.5L290%209.6L300%208.6L310%208.4L320%208.9L330%209L340%209.7L350%209.3L360%208.3L370%207.7L380%207.3L390%2011.3L400%207.1L410%208.7L420%204.6L430%203.2L440%203.6L450%205.3L460%206.8L470%208.4L480%208.3L490%207.7L500%204.8L510%204.7L520%203.7L530%202.6L540%205.7L550%202.2L560%202.8L570%202L580%202L590%202.3L600%202L610%202L620%202L630%202.8L640%203.1L650%204.5L660%205.2L670%203.4L680%204.8L690%206.6L700%206.3L710%207.2L720%206.8L730%206.4L740%206.7L750%207.2L760%206.5L770%206.2L780%205.4L790%207.4L800%208.9L810%207.7L820%206.2L830%206.5L840%208.3L850%207L860%205.7L870%205.8L880%205.8L890%205.2L900%203.3L910%203.5L920%204.4L930%203.3L940%205.4L950%204.3L960%206L970%2010.1L980%208.2L990%2010.2L1000%208.4V14Z%22%2F%3E%3C%2Fsvg%3E);--edge-bot: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201000%2014%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M0%200V9.0L0%209.0L10%207.2L20%208.6L30%207.9L40%208.1L50%208.4L60%207.3L70%207.0L80%206.4L90%207.8L100%207.8L110%209.0L120%209.4L130%209.7L140%209.8L150%2011.5L160%2012.0L170%2011.3L180%2010.3L190%209.2L200%207.8L210%206.6L220%206.3L230%206.7L240%206.7L250%205.8L260%205.3L270%203.8L280%202.0L290%202.1L300%202.0L310%203.7L320%202.2L330%202.0L340%202.0L350%203.0L360%204.6L370%203.4L380%202.6L390%202.8L400%202.6L410%203.5L420%203.7L430%205.0L440%206.1L450%204.8L460%204.0L470%205.6L480%203.5L490%202.2L500%202.7L510%203.9L520%203.1L530%204.6L540%206.5L550%206.2L560%207.7L570%206.8L580%206.6L590%205.5L600%204.6L610%204.3L620%207.3L630%208.3L640%207.8L650%206.5L660%202.8L670%205.3L680%204.6L690%206.2L700%206.2L710%206.5L720%205.4L730%203.7L740%205.0L750%206.3L760%204.6L770%205.5L780%204.6L790%202.7L800%202.5L810%203.7L820%204.4L830%205.4L840%207.1L850%207.3L860%206.3L870%205.5L880%205.1L890%204.0L900%203.2L910%202.0L920%203.7L930%203.2L940%203.0L950%203.0L960%203.7L970%205.4L980%204.8L990%204.1L1000%202.8V0Z%22%2F%3E%3C%2Fsvg%3E)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--bg: oklch(.225 .055 258);--panel: oklch(.255 .058 258);--tile: oklch(.93 .008 85);--raise: oklch(.27 .056 258);--ink: oklch(.94 .01 240);--muted: oklch(.79 .03 248);--line: oklch(.37 .05 256);--crease: oklch(.48 .05 256);--indigo: oklch(.79 .085 255);--indigo-2: oklch(.85 .07 255);--on-indigo: oklch(.2 .05 260);--celadon: oklch(.72 .045 175);--celadon-ink: oklch(.82 .05 175);--dye: oklch(.33 .095 263);--dye-muted: oklch(.86 .035 250);--focus: oklch(.82 .1 255);--shade: oklch(.08 .04 262 / .5);--tile-filter: brightness(.9)}}:root[data-theme=dark]{color-scheme:dark;--bg: oklch(.225 .055 258);--panel: oklch(.255 .058 258);--tile: oklch(.93 .008 85);--raise: oklch(.27 .056 258);--ink: oklch(.94 .01 240);--muted: oklch(.79 .03 248);--line: oklch(.37 .05 256);--crease: oklch(.48 .05 256);--indigo: oklch(.79 .085 255);--indigo-2: oklch(.85 .07 255);--on-indigo: oklch(.2 .05 260);--celadon: oklch(.72 .045 175);--celadon-ink: oklch(.82 .05 175);--dye: oklch(.33 .095 263);--dye-muted: oklch(.86 .035 250);--focus: oklch(.82 .1 255);--shade: oklch(.08 .04 262 / .5);--tile-filter: brightness(.9)}:root:lang(zh-Hant){text-autospace:normal;line-break:strict;font-synthesis-style:none}h1,h2,h3{text-wrap:balance;line-height:1.25;letter-spacing:0}pre,code,kbd,samp,.mono{font-family:var(--font-mono, ui-monospace, monospace);font-variant-ligatures:none;letter-spacing:0;text-spacing-trim:space-all;text-autospace:no-autospace}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:var(--fs-b);line-height:1.85;letter-spacing:.02em;-webkit-font-smoothing:antialiased;overflow-wrap:anywhere}h1,h2,h3{font-family:var(--display);font-weight:400;line-height:1.35;letter-spacing:.03em;margin:0;text-wrap:balance;font-synthesis:none}h1{font-size:var(--fs-h1);line-height:1.3}h2{font-size:var(--fs-h2)}h3{font-size:var(--fs-h3)}p{margin:0 0 1em}a{color:var(--indigo);text-decoration-thickness:1px;text-underline-offset:.22em}img,svg{display:block;max-width:100%}img{height:auto}button,input{font:inherit;color:inherit;letter-spacing:inherit}button{cursor:pointer}table{border-collapse:collapse}body{font-variant-numeric:tabular-nums}.num{font-variant-numeric:tabular-nums;letter-spacing:0}.muted{color:var(--muted)}.keep,.nw{display:inline-block}.nw{white-space:normal}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}html:not(.js) .js-only{display:none!important}:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.skip{position:absolute;left:12px;top:-60px;z-index:50;padding:8px 14px;background:var(--ink);color:var(--bg);text-decoration:none}.skip:focus{top:12px}@media(prefers-reduced-motion:no-preference){@view-transition{navigation:auto}::view-transition-old(root),::view-transition-new(root){animation-duration:.2s}}.wrap{max-width:1200px;margin-inline:auto;padding-inline:max(var(--gut),env(safe-area-inset-left,0px) + .5rem) max(var(--gut),env(safe-area-inset-right,0px) + .5rem)}.wrap-narrow{max-width:760px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;min-height:48px;padding:0 1.4em;border:1px solid var(--indigo);border-radius:2px;background:var(--indigo);color:var(--on-indigo);font-weight:600;text-decoration:none;letter-spacing:.08em;transition:background-color .15s ease-out,border-color .15s ease-out}.btn-ghost{background:transparent;color:var(--ink);border-color:var(--crease)}.btn[disabled]{opacity:.5;cursor:not-allowed}.tlink{display:inline-flex;align-items:center;gap:.4em;color:var(--indigo);font-weight:600;background:none;border:0;padding:0;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.3em}.ar{width:1.1em;height:auto;flex:none}@media(hover:hover)and (pointer:fine){.btn:hover{background:var(--indigo-2);border-color:var(--indigo-2)}.btn-ghost:hover{background:var(--panel);border-color:var(--ink)}.tlink:hover .ar{translate:3px 0}.ar{transition:translate .15s ease-out}}.icon-btn{display:inline-flex;align-items:center;gap:6px;min-height:44px;min-width:44px;padding:0 10px;justify-content:center;border:1px solid transparent;border-radius:2px;background:transparent;color:var(--ink);font-size:var(--fs-s)}.icon-btn svg{width:20px;height:20px}@media(hover:hover)and (pointer:fine){.icon-btn:hover{border-color:var(--line);background:var(--panel)}}.mast{position:relative;z-index:10;border-bottom:1px solid var(--line);background:var(--bg)}.mast-in{display:flex;align-items:center;gap:12px;min-height:68px}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;margin-inline-end:auto}.mark{width:30px;height:30px;flex:none}.mk-line{fill:none;stroke:currentColor;stroke-width:2.2;stroke-linejoin:round}.mk-fill{fill:var(--indigo)}.brand-name{font-family:var(--display);font-weight:400;font-size:var(--fs-h3);letter-spacing:.24em;line-height:1;white-space:nowrap}.brand-sub{display:none;font-size:var(--fs-xs);color:var(--muted);letter-spacing:.1em}.nav{display:none}.nav ul,.sitemenu ul{list-style:none;margin:0;padding:0}.nav ul{display:flex;gap:2px}.nav a,.sitemenu a{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:0 12px;color:var(--ink);text-decoration:none;border-bottom:2px solid transparent}.nav a[aria-current=page]{border-bottom-color:var(--indigo)}.nav a[aria-current=page] .cn-fill,.sitemenu a[aria-current=page] .cn-fill{fill:var(--indigo)}.cn{width:16px;height:16px;flex:none;color:var(--indigo)}.cn-box{fill:none;stroke:currentColor;stroke-width:1.1}.cn-fill{fill:color-mix(in oklch,var(--indigo) 55%,transparent)}@media(hover:hover)and (pointer:fine){.nav a:hover{border-bottom-color:var(--crease)}}.mast-tools{display:flex;align-items:center;gap:2px}.theme-txt{white-space:nowrap}.bag-count{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:var(--indigo);color:var(--on-indigo);font-size:var(--fs-xs);font-weight:600;line-height:1}.bag-count[data-zero]{background:transparent;color:var(--muted);border:1px solid var(--line)}.bag-txt{display:none}.sitemenu{inset:72px max(12px,env(safe-area-inset-right)) auto auto;margin:0;width:min(300px,calc(100vw - 24px));padding:12px;border:1px solid var(--line);border-radius:2px;background:var(--raise);color:var(--ink);box-shadow:0 18px 40px var(--shade)}.sitemenu ul{display:grid;margin-bottom:8px}.sitemenu a{width:100%;border-bottom:1px solid var(--line)}@media(min-width:420px){.bag-txt{display:inline}}@media(max-width:374.98px){.mast-in{gap:8px}.icon-btn{padding-inline:7px}}@media(min-width:900px){.mast-in{gap:24px;min-height:76px}.brand-sub{display:inline}.nav{display:block}.menu-btn{display:none}}.sec{padding-block:clamp(48px,7vw,96px) 0}.sec-tight{padding-top:24px}.sec-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 24px;margin-bottom:24px}.sec-head p{margin:0;color:var(--muted)}.sec-head .tlink{margin-inline-start:.6em}.kicker{font-size:var(--fs-s);color:var(--muted);letter-spacing:.14em;margin-bottom:14px}.lead{font-size:var(--fs-l);color:var(--muted);max-width:36em;line-height:1.85}.phead{padding-block:clamp(32px,5vw,64px) 8px}.phead h1{margin-bottom:16px;max-width:18em}.crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:4px 0;margin:0 0 18px;padding:0;font-size:var(--fs-s);color:var(--muted)}.crumbs li+li:before{content:"\ff0f";margin-inline:6px;color:var(--crease)}.crumbs a{color:var(--muted)}.ph{position:relative;overflow:hidden;background:var(--tile) var(--lqip) center / cover no-repeat}.ph img{width:100%;height:100%;object-fit:cover}.pt-ph,.prod-ph,.gal-ph,.pc-ph{aspect-ratio:1;filter:var(--tile-filter)}.by{font-size:var(--fs-xs);color:var(--muted)}.by a{color:inherit}figure{margin:0}figcaption{margin-top:8px;font-size:var(--fs-xs);color:var(--muted);line-height:1.6}.hero{position:relative;overflow:clip}.furo{--paper: oklch(.965 .009 85);--paper-shade: oklch(.12 .05 262 / .42);position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr);align-content:start;gap:18px;min-height:calc(100svh - 69px);padding:18px max(14px,env(safe-area-inset-right)) 28px max(14px,env(safe-area-inset-left))}.furo-cloth{position:absolute;inset:0;z-index:-1;background:#162644}.furo-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.furo-cloth:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,oklch(.1 .04 262 / .38),transparent 22px)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .furo{--paper: oklch(.87 .011 85);--from-rule: oklch(.68 .02 85)}}:root[data-theme=dark] .furo{--paper: oklch(.87 .011 85);--from-rule: oklch(.68 .02 85)}.sheet-w,.slip-w{position:relative;z-index:1;filter:drop-shadow(0 1px 1px oklch(.12 .05 262 / .5)) drop-shadow(0 14px 18px var(--paper-shade))}.sheet,.slip{--ink: oklch(.25 .02 255);--muted: oklch(.43 .02 250);--indigo: oklch(.4 .09 260);--indigo-2: oklch(.33 .09 262);--on-indigo: oklch(.985 .004 240);--focus: oklch(.45 .13 260);--panel: oklch(.93 .012 88);color:var(--ink);background-color:var(--paper);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .35 0 0 0 0 .32 0 0 0 0 .26 0 0 0 .55 -.18'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23n)'/%3E%3C/svg%3E");-webkit-mask:var(--dk-t) top / 100% 8px no-repeat,var(--dk-b) bottom / 100% 8px no-repeat,linear-gradient(#000 0 0) center / 100% calc(100% - 14px) no-repeat;mask:var(--dk-t) top / 100% 8px no-repeat,var(--dk-b) bottom / 100% 8px no-repeat,linear-gradient(#000 0 0) center / 100% calc(100% - 14px) no-repeat}.sheet{padding:26px 22px 28px}.sheet h1{font-size:clamp(2rem,1.1rem + 4.2vw,4.25rem);line-height:1.2;letter-spacing:.02em;margin-bottom:16px}.sheet .lead{font-size:var(--fs-b);color:var(--muted);line-height:1.85;margin-bottom:16px;max-width:32em}.from{display:flex;align-items:baseline;gap:.7em;margin:0 0 20px;font-size:var(--fs-s);line-height:1.7}.from-h{flex:none;color:var(--muted);letter-spacing:.12em}.from-in{display:flex;flex-wrap:wrap;margin-inline-start:calc(-1em - 1px);clip-path:inset(-6px 0 -6px calc(1em + 1px))}.from a{display:inline-flex;align-items:baseline;gap:.3em;white-space:nowrap;color:var(--ink);text-decoration:none;margin-inline-start:.6em}.from a:before{content:"";align-self:center;width:1px;height:.9em;margin-inline-end:.4em;background:var(--from-rule, oklch(.78 .02 85))}.from-k{font-family:var(--display);font-weight:400;font-size:var(--fs-l);line-height:1;color:var(--indigo)}@media(hover:hover)and (pointer:fine){.from a:hover{text-decoration:underline;text-underline-offset:.3em;text-decoration-thickness:1px}}.hero-cta{margin:0}.slip-w{justify-self:end;width:min(80%,18rem);rotate:-1.2deg}.slip{padding:14px 18px 10px;font-size:var(--fs-b);line-height:1.7}.slip-k{margin:0 0 4px;font-family:var(--display);font-size:var(--fs-h3);line-height:1.3;color:var(--indigo)}.slip-t{margin:0}.slip-a{display:inline-flex;align-items:center;gap:.4em;min-height:44px;color:var(--indigo);font-weight:600;text-underline-offset:.3em;text-decoration-thickness:1px}@media(hover:hover)and (pointer:fine){.slip-a:hover .ar{translate:3px 0}.slip-a .ar{transition:translate .15s ease-out}}.hero-bowl{display:none}@media(max-width:419.98px){.from{font-size:var(--fs-xs)}}@media(max-width:374.98px){.sheet{padding-inline:16px}.from{gap:.5em}.from-h{letter-spacing:.06em}.from a{margin-inline-start:.5em}.from a:before{margin-inline-end:.35em}}@media(min-width:900px)and (min-height:600px){.furo{height:calc(100svh - 77px);min-height:0;max-height:1100px;padding:clamp(28px,6svh,72px) clamp(32px,6.5vw,128px);grid-template-columns:minmax(0,40rem) minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);align-content:stretch;gap:24px 48px}.sheet-w{grid-column:1;grid-row:1 / -1;align-self:center}.sheet{padding:clamp(36px,6svh,60px) clamp(36px,3.6vw,56px)}.slip-w{grid-column:2;grid-row:1;align-self:start;width:17.5rem;rotate:1.4deg}.hero-bowl{display:block;position:absolute;z-index:1;right:clamp(40px,7vw,140px);bottom:clamp(28px,6svh,72px);width:clamp(170px,14vw,240px)}}@media(min-width:900px)and (max-height:599.98px){.furo{min-height:0;padding:32px 56px 40px;grid-template-columns:minmax(0,40rem) minmax(0,1fr);gap:24px 40px}.slip-w{width:17rem;align-self:start}}.hero-bowl:before{content:"";position:absolute;left:6%;right:-8%;bottom:-7%;height:26%;border-radius:50%;background:radial-gradient(closest-side,oklch(.08 .03 262 / .75),oklch(.08 .03 262 / .35) 55%,transparent);translate:4% 0;filter:blur(3px)}.hb-ph{position:relative;aspect-ratio:685 / 474}.hb-ph img{width:100%;height:auto;filter:drop-shadow(2px 5px 4px oklch(.1 .04 262 / .45)) drop-shadow(12px 20px 22px oklch(.1 .04 262 / .4))}.parcel{--s: 200px;--cl: url(img/cloth-600.webp);position:relative;width:var(--s);height:var(--s);margin:calc(var(--s) / 2);transform-style:preserve-3d}.parcel[data-cloth=paper]{--cl: url(img/kozo-paper-d-465.webp)}.parcel:before{content:"";position:absolute;inset:-42%;border-radius:50%;transform:translateZ(-1px) translateY(6%);background:radial-gradient(closest-side,var(--shade),transparent)}.pc-base,.flap{position:absolute;background-image:var(--cl);background-size:calc(var(--s) * 2) calc(var(--s) * 2);background-repeat:no-repeat}.pc-base{inset:0;background-position:calc(var(--s) * -.5) calc(var(--s) * -.5)}.pc-ph{position:absolute;inset:13%;box-shadow:0 1px 3px #00000040}.flap{backface-visibility:visible;will-change:transform}.flap:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff29,#ffffff0d);opacity:0}.f-top{left:0;bottom:100%;width:100%;height:50%;clip-path:polygon(0 100%,50% 0,100% 100%);transform-origin:50% 100%;background-position:calc(var(--s) * -.5) 0}.f-right{left:100%;top:0;width:50%;height:100%;clip-path:polygon(0 0,100% 50%,0 100%);transform-origin:0 50%;background-position:calc(var(--s) * -1.5) calc(var(--s) * -.5)}.f-bottom{left:0;top:100%;width:100%;height:50%;clip-path:polygon(0 0,100% 0,50% 100%);transform-origin:50% 0;background-position:calc(var(--s) * -.5) calc(var(--s) * -1.5)}.f-left{right:100%;top:0;width:50%;height:100%;clip-path:polygon(100% 0,100% 100%,0 50%);transform-origin:100% 50%;background-position:0 calc(var(--s) * -.5)}.f-top.is-fold{transform:translateZ(1px) rotateX(-180deg)}.f-right.is-fold{transform:translateZ(2px) rotateY(-180deg)}.f-bottom.is-fold{transform:translateZ(3px) rotateX(180deg)}.f-left.is-fold{transform:translateZ(4px) rotateY(180deg)}.flap.is-fold:after{opacity:1}.f-top.is-lift{transform:translateZ(1px) rotateX(-132deg)}.f-top.is-lift:after{opacity:.7}.parcel--mini{--s: 50cqi;margin:0}.parcel--nf{--s: min(30vw, 150px)}@media(min-width:900px){.parcel--nf{--s: 180px}}.crease{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:3px double var(--crease)}.pt{border-bottom:3px double var(--crease);min-width:0}.pt:nth-child(odd){border-inline-end:3px double var(--crease)}.pt-a{display:block;height:100%;padding:12px 10px 16px;color:var(--ink);text-decoration:none}.pt-left{padding:12px 10px 16px}.pt-ph:after{content:"";position:absolute;top:0;right:0;width:34px;height:34px;background:linear-gradient(225deg,var(--bg) 50%,var(--indigo) 50%);clip-path:inset(0 0 100% 100%);transition:clip-path .18s ease-out}.pt-name{margin-top:12px;font-size:var(--fs-b);letter-spacing:.06em}.pt-meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;margin:2px 0 0}.price{font-size:var(--fs-b)}.price small{font-size:var(--fs-xs);color:var(--muted)}.pt-why{margin:6px 0 0;font-size:var(--fs-s);color:var(--muted);line-height:1.75}.tag{display:inline-block;padding:0 7px;border:1px solid var(--celadon);border-radius:2px;color:var(--celadon-ink);font-size:var(--fs-xs);line-height:1.7;letter-spacing:.06em}.tag-out{border-color:var(--crease);color:var(--muted)}@media(hover:hover)and (pointer:fine){.pt-a:hover .pt-ph:after{clip-path:inset(0)}.pt-a:hover .pt-name{text-decoration:underline;text-underline-offset:.3em;text-decoration-thickness:1px}}@media(min-width:700px){.crease{grid-template-columns:repeat(3,minmax(0,1fr))}.pt:nth-child(odd){border-inline-end:0}.pt:not(:nth-child(3n)){border-inline-end:3px double var(--crease)}.pt-a,.pt-left{padding:16px 18px 22px}}.crease>.pt:last-child{border-inline-end:0}.story{padding-top:clamp(56px,8vw,104px)}.story-head{position:relative;margin-bottom:8px}.story-head p{color:var(--muted);max-width:34em;margin-top:10px}.skip-story{position:absolute;left:var(--gut);bottom:-8px;padding:6px 12px;background:var(--ink);color:var(--bg);opacity:0;pointer-events:none}.skip-story:focus{opacity:1;pointer-events:auto}.track{position:relative;height:calc(var(--n) * 100svh);timeline-scope:--t0,--t1,--t2,--t3}.sp{position:absolute;inset-inline:0;height:100svh;top:calc(var(--i) * 100svh);pointer-events:none;view-timeline-axis:block;view-timeline-inset:0}.sp:nth-of-type(1){--i: 0;view-timeline-name:--t0}.sp:nth-of-type(2){--i: 1;view-timeline-name:--t1}.sp:nth-of-type(3){--i: 2;view-timeline-name:--t2}.sp:nth-of-type(4){--i: 3;view-timeline-name:--t3}.stage{position:sticky;top:0;height:100svh;overflow:clip;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,54svh) minmax(0,1fr);max-width:1200px;margin-inline:auto}.stage-vis{grid-row:1;grid-column:1;display:grid;place-items:center;perspective:1400px}.parcel--stage{--s: min(44vw, 23svh);--wrap-scale: 1.45;margin:0}.scene{grid-row:2;grid-column:1;display:grid;align-content:start;gap:10px;padding:8px max(var(--gut),env(safe-area-inset-left,0px) + .5rem) 24px}.scene h3{font-size:clamp(1.625rem,calc(1rem + min(4vw,4.5svh)),2.75rem);line-height:1.3}.scene p{margin:0;color:var(--muted);max-width:26em}.scene-k{display:flex;align-items:center;gap:8px;font-family:var(--display);font-weight:400;letter-spacing:.14em;color:var(--ink)!important}.scene-k .cn{width:16px;height:16px}.scene-k .cn-fill{fill:var(--indigo)}.scene-n{margin-inline-start:auto;font-family:var(--sans);font-weight:400;color:var(--muted)}.scene .tlink{justify-self:start;margin-top:4px}@media(min-width:900px){.stage{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr);padding-inline:var(--gut)}.stage-vis{grid-row:1}.parcel--stage{--s: min(21vw, 33svh);--wrap-scale: 1.3}.scene{grid-row:1;grid-column:2;align-content:center;padding:32px 0 32px 24px;gap:14px}.scene-n{margin-inline-start:16px}}@media(prefers-reduced-motion:no-preference)and (min-height:34em){@supports (animation-timeline: view()) and (timeline-scope: --a){.track:not(.is-flow) .scene{animation:scene linear both;animation-range:cover 0% cover 100%}.track:not(.is-flow) .scene:nth-of-type(1){animation-name:scene-first;animation-timeline:--t0}.track:not(.is-flow) .scene:nth-of-type(2){animation-timeline:--t1}.track:not(.is-flow) .scene:nth-of-type(3){animation-timeline:--t2}.track:not(.is-flow) .scene:nth-of-type(4){animation-name:scene-last;animation-timeline:--t3}.track:not(.is-flow) .parcel--stage .flap,.track:not(.is-flow) .parcel--stage .flap:after{animation-duration:auto;animation-timing-function:linear;animation-fill-mode:both;animation-range:cover 21% cover 29%}.track:not(.is-flow) .parcel--stage .f-top{animation-name:fold-top;animation-timeline:--t0;animation-range:cover 22% cover 46%}.track:not(.is-flow) .parcel--stage .f-right{animation-name:fold-right;animation-timeline:--t1}.track:not(.is-flow) .parcel--stage .f-bottom{animation-name:fold-bottom;animation-timeline:--t2}.track:not(.is-flow) .parcel--stage .f-left{animation-name:fold-left;animation-timeline:--t3}.track:not(.is-flow) .parcel--stage .f-top:after{animation-name:shade;animation-timeline:--t0;animation-range:cover 22% cover 46%}.track:not(.is-flow) .parcel--stage .f-right:after{animation-name:shade;animation-timeline:--t1}.track:not(.is-flow) .parcel--stage .f-bottom:after{animation-name:shade;animation-timeline:--t2}.track:not(.is-flow) .parcel--stage .f-left:after{animation-name:shade;animation-timeline:--t3}.track:not(.is-flow) .parcel--stage{animation:wrap-up linear both;animation-timeline:--t3;animation-range:cover 21% cover 29%}}}@keyframes scene{0%,25%{opacity:0;translate:0 2rem;pointer-events:none}29%,71%{opacity:1;translate:0 0;pointer-events:auto}75%,to{opacity:0;translate:0 -2rem;pointer-events:none}}@keyframes scene-first{0%,71%{opacity:1;translate:0 0;pointer-events:auto}75%,to{opacity:0;translate:0 -2rem;pointer-events:none}}@keyframes scene-last{0%,25%{opacity:0;translate:0 2rem;pointer-events:none}29%,to{opacity:1;translate:0 0;pointer-events:auto}}@keyframes fold-top{0%{transform:translateZ(0) rotateX(0)}to{transform:translateZ(1px) rotateX(-180deg)}}@keyframes fold-right{0%{transform:translateZ(0) rotateY(0)}to{transform:translateZ(2px) rotateY(-180deg)}}@keyframes fold-bottom{0%{transform:translateZ(0) rotateX(0)}to{transform:translateZ(3px) rotateX(180deg)}}@keyframes fold-left{0%{transform:translateZ(0) rotateY(0)}to{transform:translateZ(4px) rotateY(180deg)}}@keyframes shade{0%{opacity:0}to{opacity:1}}@keyframes wrap-up{0%{scale:1}to{scale:var(--wrap-scale)}}@media(prefers-reduced-motion:reduce),(max-height:33.99em){.track{height:auto}.sp{display:none}.stage{position:static;height:auto;display:block}}@supports not ((animation-timeline: view()) and (timeline-scope: --a)){.track{height:auto}.sp{display:none}.stage{position:static;height:auto;display:block}}.track.is-flow{height:auto}.track.is-flow .sp{display:none}.track.is-flow .stage{position:static;height:auto;display:block}.track.is-flow .stage-vis{padding-block:24px}@media(prefers-reduced-motion:reduce),(max-height:33.99em){.stage-vis{padding-block:24px}.scene{padding-block:20px;border-top:3px double var(--crease)}}@supports not ((animation-timeline: view()) and (timeline-scope: --a)){.stage-vis{padding-block:24px}.scene{padding-block:20px;border-top:3px double var(--crease)}}.track.is-flow .scene{padding-block:20px;border-top:3px double var(--crease)}.track.is-flow .parcel--stage{margin:calc(var(--s) / 2) auto}@media(prefers-reduced-motion:reduce),(max-height:33.99em){.parcel--stage{margin:calc(var(--s) / 2) auto}}@supports not ((animation-timeline: view()) and (timeline-scope: --a)){.parcel--stage{margin:calc(var(--s) / 2) auto}}.kinds{padding-top:clamp(56px,8vw,104px)}.kinds-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 24px;margin-bottom:20px}.kinds-head p{margin:0;color:var(--muted)}.kinds-list{list-style:none;margin:0;padding:0;border-top:3px double var(--crease)}.kinds-list>li{border-bottom:3px double var(--crease)}.kind{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(0,1fr);grid-template-areas:"k main main" "k n p" "k go go";gap:4px 20px;align-items:center;padding-block:18px 16px;color:var(--ink);text-decoration:none}.kind-k{grid-area:k;align-self:center;font-family:var(--display);font-size:clamp(4.5rem,2.4rem + 9vw,9rem);line-height:1;color:var(--indigo)}.kind-main{grid-area:main;display:grid;gap:2px}.kind-name{font-family:var(--display);font-size:var(--fs-h3);letter-spacing:.06em}.kind-from{color:var(--muted);line-height:1.7}.kind-n{grid-area:n}.kind-p{grid-area:p}.kind-n,.kind-p{font-size:var(--fs-l)}.kind-n .num,.kind-p .num{font-family:var(--display)}.kind-go{grid-area:go;display:inline-flex;align-items:center;gap:.4em;min-height:40px;color:var(--indigo);font-weight:600}@media(hover:hover)and (pointer:fine){.kinds-list>li{transition:background-color .15s ease-out}.kinds-list>li:hover{background:var(--panel)}.kind:hover .kind-go{text-decoration:underline;text-underline-offset:.3em;text-decoration-thickness:1px}.kind:hover .ar{translate:3px 0}}@media(min-width:900px){.kind{grid-template-columns:9.5rem minmax(0,2.6fr) minmax(0,.8fr) minmax(0,1fr) auto;grid-template-areas:"k main n p go";gap:0 32px;padding-block:22px}}.phead-grid{display:grid;gap:20px}.cat-fig{max-width:320px}.cat-ph{aspect-ratio:4 / 5}@media(max-width:899.98px){.cat-fig{max-width:240px}}@media(min-width:900px){.phead-grid{grid-template-columns:minmax(0,1fr) 240px;gap:56px;align-items:center}}.posts{list-style:none;margin:0;padding:0;display:grid;gap:32px}.post a{display:block;color:var(--ink);text-decoration:none}.post-ph{aspect-ratio:3 / 2}.post-k{display:flex;align-items:center;gap:.7em;margin:12px 0 4px;font-size:var(--fs-s);color:var(--muted)}.post-cat{display:inline-grid;place-items:center;width:1.9em;height:1.9em;border:1px solid var(--crease);font-family:var(--display);font-size:1.05rem;line-height:1;color:var(--indigo)}.post-h{font-size:var(--fs-h3)}.post-d{margin:8px 0 0;color:var(--muted)}@media(hover:hover)and (pointer:fine){.post a:hover .post-h{text-decoration:underline;text-underline-offset:.3em;text-decoration-thickness:1px}}@media(min-width:700px){.posts{grid-template-columns:repeat(3,minmax(0,1fr))}}.dye{position:relative;margin-top:clamp(64px,8vw,112px);padding-block:64px 72px;background:var(--dye);color:var(--on-dye);-webkit-mask:var(--edge-top) top / 100% 14px no-repeat,linear-gradient(#000 0 0) center / 100% calc(100% - 26px) no-repeat,var(--edge-bot) bottom / 100% 14px no-repeat;mask:var(--edge-top) top / 100% 14px no-repeat,linear-gradient(#000 0 0) center / 100% calc(100% - 26px) no-repeat,var(--edge-bot) bottom / 100% 14px no-repeat}.dye-in{display:grid;gap:12px}.dye-k{display:flex;align-items:center;gap:8px;margin:0;font-family:var(--display);font-weight:400;letter-spacing:.16em;color:var(--dye-muted)}.dye-k .cn-box{stroke:var(--dye-muted)}.dye-k .cn-fill{fill:var(--on-dye)}.dye-h{margin:0;font-family:var(--display);font-weight:400;font-size:var(--fs-h2);line-height:1.4;letter-spacing:.04em}.dye p,.dye a{color:var(--on-dye)}.dye-link{display:inline-flex;align-items:center;gap:.5em;justify-self:start;font-weight:600;text-underline-offset:.3em}@media(hover:hover)and (pointer:fine){.dye-link:hover .ar{translate:3px 0}.dye-link .ar{transition:translate .15s ease-out}}.dye-grid{gap:32px}.dye-grid>div:first-child{display:grid;gap:14px;align-content:start}.dye-grid p{margin:0}@media(min-width:900px){.dye-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center}}.hours{width:100%;max-width:420px}.hours th,.hours td{padding:7px 0;border-bottom:1px solid var(--line);text-align:start;font-weight:400}.hours td{text-align:end}.hours td.closed{color:var(--muted)}.hours tr.is-today th,.hours tr.is-today td{font-weight:700}.hours tr.is-today th:after{content:"\30fb\4eca\5929";font-weight:400;color:var(--muted)}.hours--dye th,.hours--dye td{border-bottom-color:#ffffff2e}.hours--dye td.closed,.hours--dye tr.is-today th:after{color:var(--dye-muted)}.today{display:flex;align-items:center;gap:8px;margin:0 0 8px;font-weight:600}.today:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--celadon)}.today[data-state=closed]:before{background:var(--muted)}.filters{display:grid;gap:14px;margin-bottom:18px}.tabs ul{list-style:none;display:flex;flex-wrap:wrap;gap:4px 20px;margin:0;padding:0;border-bottom:1px solid var(--line)}.tabs a{display:inline-flex;align-items:baseline;gap:6px;min-height:44px;padding-top:8px;color:var(--ink);text-decoration:none;border-bottom:2px solid transparent;margin-bottom:-1px;font-family:var(--display);font-weight:400;letter-spacing:.08em}.tabs a .num{font-size:var(--fs-xs);color:var(--muted)}.tabs a[aria-current=page]{border-bottom-color:var(--indigo);color:var(--indigo)}@media(hover:hover)and (pointer:fine){.tabs a:hover{border-bottom-color:var(--crease)}}.uses{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.uses-k{font-size:var(--fs-s);color:var(--muted);margin-inline-end:4px}.chip{min-height:40px;padding:0 14px;border:1px solid var(--crease);border-radius:2px;background:transparent;font-size:var(--fs-s);transition:background-color .15s ease-out,color .15s ease-out}.chip[aria-pressed=true]{background:var(--indigo);border-color:var(--indigo);color:var(--on-indigo)}@media(hover:hover)and (pointer:fine){.chip:hover{border-color:var(--ink)}}.count{font-size:var(--fs-s);color:var(--muted);margin:0 0 10px}.pt[hidden]{display:none}.empty-filter{padding:24px 0;color:var(--muted)}.prod{padding-top:clamp(20px,3vw,36px)}.prod-grid{display:grid;gap:28px}.gal-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:10px}.gal{min-width:0}.gal-svg>svg,.pc-box{aspect-ratio:1;width:100%;background:var(--tile)}.pc-box{display:grid;place-items:center;container-type:inline-size;perspective:900px;overflow:hidden}.gal-svg{display:block}.dims .dm-l{fill:#e3ddd4;stroke:#272e38;stroke-width:1.6}.dims .dm-g{fill:none;stroke:#69737d;stroke-width:1;stroke-dasharray:3 3}.dims .dm-a{fill:none;stroke:#294778;stroke-width:1.4}.dims .dm-t{font:600 15px var(--sans);fill:#272e38;letter-spacing:0}.info-k{display:flex;align-items:center;gap:10px;margin-bottom:8px;font-size:var(--fs-s)}.info-k a{color:var(--muted)}.info h1{font-size:clamp(2rem,1.5rem + 1.8vw,3rem);margin-bottom:4px}.price-l{font-family:var(--display);font-weight:400;font-size:var(--fs-h3);margin:0 0 14px}.price-l small{font-size:var(--fs-s);color:var(--muted)}.reason{font-size:var(--fs-l);line-height:1.8;margin-bottom:20px}.buybox{padding-block:18px;border-block:3px double var(--crease);margin-bottom:20px}.buy-row{display:flex;gap:10px;margin-bottom:16px}.qty{display:inline-flex;border:1px solid var(--crease);border-radius:2px}.qty-b{width:44px;min-height:48px;border:0;background:transparent;font-size:var(--fs-l)}.qty input{width:3ch;border:0;background:transparent;text-align:center;-moz-appearance:textfield;appearance:textfield;font-variant-numeric:tabular-nums}.qty input::-webkit-outer-spin-button,.qty input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}@media(hover:hover)and (pointer:fine){.qty-b:hover{background:var(--panel)}}.btn-buy{flex:1}.soldout{font-family:var(--display);font-weight:400;font-size:var(--fs-h3);margin-bottom:6px}.buy-lines{list-style:none;margin:0;padding:0;display:grid;gap:6px;font-size:var(--fs-b)}.buy-lines li{display:grid;grid-template-columns:3.2em minmax(0,1fr);gap:8px}.buy-lines b{font-weight:600;color:var(--muted)}.spec{margin:0 0 16px}.spec>div{display:grid;grid-template-columns:5em minmax(0,1fr);gap:12px;padding:8px 0;border-bottom:1px solid var(--line)}.spec dt{color:var(--muted)}.spec dd{margin:0}.care{color:var(--muted)}@media(min-width:900px){.prod-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:56px;align-items:start}.info{position:sticky;top:24px}}.notes{display:grid;border-top:3px double var(--crease)}.note{padding:18px 0 20px;border-bottom:3px double var(--crease);min-width:0}.note-k{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:var(--fs-b);letter-spacing:.1em}.note-k .cn{width:14px;height:14px}.note-k .cn-fill{fill:var(--indigo)}.note p{margin:0}@media(min-width:700px){.notes{grid-template-columns:repeat(2,minmax(0,1fr))}.note:nth-child(odd){border-inline-end:3px double var(--crease);padding-inline-end:28px}.note:nth-child(2n){padding-inline-start:28px}}.buybar{position:fixed;inset:auto 0 0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px max(var(--gut),env(safe-area-inset-right,0px) + .5rem) calc(10px + env(safe-area-inset-bottom)) max(var(--gut),env(safe-area-inset-left,0px) + .5rem);background:var(--raise);border-top:1px solid var(--line);box-shadow:0 -8px 24px var(--shade)}.buybar[hidden]{display:none}.buybar p{display:grid;margin:0;line-height:1.4;font-size:var(--fs-s)}.buybar-n{font-weight:600}.buybar .btn{flex:none}html.has-buybar body{padding-bottom:76px}@media(min-width:900px){.buybar{display:none!important}html.has-buybar body{padding-bottom:0}}.bag{position:fixed;inset:0 0 0 auto;margin:0;width:min(420px,100vw);max-width:100vw;height:100dvh;max-height:100dvh;padding:0;border:0;border-inline-start:1px solid var(--line);background:var(--raise);color:var(--ink);flex-direction:column;translate:100% 0;transition:translate .18s ease-out,overlay .18s allow-discrete,display .18s allow-discrete}.bag[open]{display:flex;translate:0 0;transition-duration:.26s}@starting-style{.bag[open]{translate:100% 0}}.bag::backdrop{background:#10171f00;transition:background-color .18s ease-out,overlay .18s allow-discrete,display .18s allow-discrete}.bag[open]::backdrop{background:#10171f6b;transition-duration:.26s}@starting-style{.bag[open]::backdrop{background:#10171f00}}.bag-head{display:flex;align-items:center;justify-content:space-between;padding:12px 12px 12px 20px;border-bottom:1px solid var(--line)}.bag-head h2{font-size:var(--fs-h3);outline-offset:4px}.bag-msg{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 20px}.bag-msg:has(.bag-status:not(:empty)){padding-block:10px;border-bottom:1px solid var(--line)}.bag-msg .tlink{font-size:var(--fs-s);min-height:32px;flex:none}.bag-msg .tlink[hidden]{display:none}.bag-status{margin:0;font-size:var(--fs-s);color:var(--celadon-ink)}.bag-body{flex:1;overflow:auto;padding:0 20px;overscroll-behavior:contain}.bi{display:grid;grid-template-columns:64px minmax(0,1fr);gap:4px 14px;padding:14px 0;border-bottom:1px solid var(--line)}.bi-ph{grid-row:span 2;width:64px;height:64px;background:var(--tile);filter:var(--tile-filter)}.bi-ph img{width:100%;height:100%;object-fit:cover}.bi-top{display:flex;justify-content:space-between;gap:8px}.bi-top a{color:var(--ink);font-weight:600;text-decoration:none}.bi-ctl{display:flex;align-items:center;justify-content:space-between;gap:8px}.bi-ctl .qty-b{width:36px;min-height:36px}.bi-ctl .qty{align-items:center}.bi-ctl .qty span.num{min-width:2ch;text-align:center}.bi-rm{font-size:var(--fs-s);color:var(--muted)}.bag-empty{display:grid;justify-items:center;gap:12px;padding:32px 0 24px;text-align:center;color:var(--muted)}.bag-empty svg{width:72px;height:72px}.bag-empty .fold-l{fill:none;stroke:var(--crease);stroke-width:2}.bag-fresh{border-top:1px solid var(--line);padding:20px 0 8px}.bag-fresh h3{font-size:var(--fs-s);font-family:inherit;font-weight:600;color:var(--muted);margin:0 0 4px}.bag-fresh ul{list-style:none;margin:0;padding:0}.bag-fresh a{display:grid;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:14px;padding:10px 0;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--line)}.bag-fresh li:last-child a{border-bottom:0}.bag-fresh .bi-ph{display:block;grid-row:auto}@media(hover:hover)and (pointer:fine){.bag-fresh a:hover span:nth-child(2){color:var(--indigo);text-decoration:underline;text-underline-offset:3px}}.bag-foot{padding:16px 20px calc(16px + env(safe-area-inset-bottom));border-top:1px solid var(--line);display:grid;gap:10px}.bag-sum{margin:0}.bag-sum div{display:flex;justify-content:space-between;align-items:baseline}.bag-sum dd{margin:0;font-family:var(--display);font-weight:400;font-size:var(--fs-h3)}.bag-ship{margin:0;font-size:var(--fs-s)}.bag-meter{height:4px;background:var(--line);border-radius:2px;overflow:hidden}.bag-meter span{display:block;height:100%;width:100%;background:var(--indigo);transform:scaleX(0);transform-origin:0 50%;transition:transform .2s ease-out}.bag-note{margin:0;font-size:var(--fs-xs);color:var(--muted);line-height:1.7}.bag-note [data-bag-eta]:not(:empty){display:block;color:var(--ink)}.about-grid{display:grid;gap:32px}.about-ph{aspect-ratio:4 / 5}.about-txt h2{margin-bottom:16px}.rules{margin:0 0 20px;border-top:3px double var(--crease)}.rules>div{display:grid;grid-template-columns:2.5em minmax(0,1fr);gap:12px;padding:12px 0;border-bottom:3px double var(--crease)}.rules dt{font-family:var(--display);font-weight:400;font-size:var(--fs-h3);color:var(--indigo);line-height:1.5}.rules dd{margin:0}@media(min-width:900px){.about-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:64px;align-items:start}}.crease--left .pt-ph{filter:var(--tile-filter) grayscale(.25)}.article{padding-top:clamp(20px,3vw,36px)}.article h1{font-size:clamp(1.75rem,1.3rem + 1.8vw,2.5rem);margin-block:6px 16px}.art-cover{margin-block:24px 8px;max-width:960px}.art-ph{aspect-ratio:3 / 2}.prose{padding-top:16px}.prose h2{font-size:var(--fs-h3);margin:2em 0 .6em}.prose p{line-height:1.95}.pager{display:grid;gap:12px;padding-top:48px}.pager a{display:grid;gap:2px;padding:14px 0;border-top:3px double var(--crease);color:var(--ink);text-decoration:none;font-family:var(--display);font-weight:400}.pager a span{font-size:var(--fs-s);color:var(--muted)}.pager a[rel=next]{text-align:end}@media(min-width:700px){.pager{grid-template-columns:1fr 1fr;gap:32px}}.visit{display:grid;gap:40px}.visit h2{font-size:var(--fs-h3);margin-bottom:12px}.spec--visit>div{grid-template-columns:3.5em minmax(0,1fr)}.spec--how>div{grid-template-columns:5.5em minmax(0,1fr)}@media(min-width:900px){.visit{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:64px}}.wraps{list-style:none;margin:0 0 32px;padding:0;display:grid;gap:0;border-top:3px double var(--crease)}.wraps li{display:grid;grid-template-columns:96px minmax(0,1fr);gap:4px 20px;align-items:start;padding:20px 0;border-bottom:3px double var(--crease)}.wraps svg{grid-row:span 2;width:96px;height:96px}.wraps h3{font-size:var(--fs-h3)}.wraps p{margin:0;color:var(--muted)}.wr-c{fill:var(--dye)}.wr-f{fill:#344c79}.wr-f2{fill:#273c64;stroke:var(--dye);stroke-width:1}.wr-l{fill:none;stroke:#8ba0be;stroke-width:1.2}@media(min-width:900px){.wraps{grid-template-columns:repeat(3,minmax(0,1fr))}.wraps li{grid-template-columns:minmax(0,1fr);padding:24px 28px 28px 0}.wraps li+li{border-inline-start:3px double var(--crease);padding-inline-start:28px}.wraps svg{grid-row:auto;width:120px;height:120px;margin-bottom:8px}}.wrap-row{display:grid;gap:24px}.wrap-photo{margin:0;max-width:420px}.wrap-ph{aspect-ratio:4 / 5}.wrap-how h3{font-size:var(--fs-h3);margin-bottom:12px}@media(min-width:900px){.wrap-row{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:64px;align-items:center}.wrap-photo{max-width:none}}.ship{width:100%;margin-bottom:20px;font-size:var(--fs-s)}.ship th,.ship td{padding:10px 12px 10px 0;border-bottom:1px solid var(--line);text-align:start;vertical-align:top}.ship thead th{color:var(--muted);font-weight:400;border-bottom:3px double var(--crease)}.ship tbody th{font-weight:600;white-space:nowrap}.ship td.num{white-space:nowrap}.policy{margin:0;padding-inline-start:1.2em;display:grid;gap:8px}.credits{list-style:none;margin:0 0 24px;padding:0;border-top:1px solid var(--line)}.credits li{display:grid;gap:2px;padding:12px 0;border-bottom:1px solid var(--line);font-size:var(--fs-s)}.cr-u{font-weight:600}.cr-c{color:var(--muted)}.nf-in{display:grid;gap:24px;align-items:center;padding-bottom:48px}.nf-links{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 20px}.nf-links a{display:inline-flex;align-items:center;gap:8px;min-height:44px}.nf-vis{display:grid;place-items:center;perspective:1200px}@media(min-width:900px){.nf-in{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}}.foot{margin-top:clamp(64px,8vw,112px);padding-block:48px 28px;background:var(--panel);border-top:1px solid var(--line)}.dye+.foot,main:has(>.dye:last-child)+.foot{margin-top:0}.foot-grid{display:grid;gap:36px}.foot-brand p{margin:12px 0 0;max-width:26em}.foot-h{font-family:var(--sans);font-size:var(--fs-s);font-weight:600;color:var(--muted);letter-spacing:.12em;margin-bottom:12px}.foot-links ul{list-style:none;margin:0;padding:0;display:grid}.foot-links a{display:inline-flex;align-items:center;min-height:40px;color:var(--ink)}.foot-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;margin-top:32px;padding-top:16px;border-top:1px solid var(--line);font-size:var(--fs-xs);color:var(--muted)}.cloth-map{width:240px;height:240px}.cloth-map a path{fill:transparent;transition:fill .15s ease-out}.cloth-map a[aria-current] path{fill:color-mix(in oklch,var(--indigo) 16%,transparent)}.cloth-map a:focus-visible{outline:none}.cloth-map a:focus-visible path{fill:color-mix(in oklch,var(--indigo) 22%,transparent);stroke:var(--focus);stroke-width:3}.cloth-map .cm-pg{font:16px var(--sans);fill:var(--ink);letter-spacing:.1em}.cloth-map .cm-line{fill:none;stroke:var(--ink);stroke-width:1.5;pointer-events:none}@media(hover:hover)and (pointer:fine){.cloth-map a:hover path{fill:color-mix(in oklch,var(--indigo) 10%,transparent)}}@media(min-width:900px){.foot-grid{grid-template-columns:minmax(0,1.3fr) auto minmax(0,.7fr);gap:56px}}@media(prefers-reduced-motion:reduce){.ar,.dye-link .ar{transition:none!important}.bag{translate:0 0;opacity:0;transition:opacity .15s ease-out,overlay .15s allow-discrete,display .15s allow-discrete}.bag[open]{translate:0 0;opacity:1;transition-duration:.15s}@starting-style{.bag[open]{translate:0 0;opacity:0}}@view-transition{navigation:none}}