:root{--ground:#ece9e4;--paper:#f2efea;--ink:#161514;--graphite:#67635d;--rule:#cfcac2;--cut:#d9432b;--sp-cream:#f5efe4;--sp-roast:#2b1e17;--sp-ochre:#d9a441;--sp-bark:#6b5647;--sp-line:#e2d8c7;--display:"Bricolage Grotesque", "Anuphan", sans-serif;--display-th:"Anuphan", "Bricolage Grotesque", sans-serif;--text:"IBM Plex Sans Thai", system-ui, sans-serif;--mono:"IBM Plex Mono", "IBM Plex Sans Thai", ui-monospace, monospace;--site:-apple-system, "Helvetica Neue", Arial, sans-serif;--site-serif:Georgia, "Times New Roman", serif;--ease:cubic-bezier(.22, 1, .36, 1);--ease-heavy:cubic-bezier(.16, 1, .3, 1);--k:1;--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .09 0 0 0 0 .08 0 0 0 0 .08 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");color-scheme:light}@property --pull{syntax:"<number>";inherits:true;initial-value:1}*,:before,:after{box-sizing:border-box}html:not([lang=en]) .en,html[lang=en] .th{display:none}html{scroll-behavior:smooth;scroll-padding-top:calc(80px + env(safe-area-inset-top));background:var(--ground);-webkit-tap-highlight-color:transparent;overflow-x:clip}html.lerp{scroll-behavior:auto}body{background-color:var(--ground);min-height:100vh;color:var(--ink);font-family:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-size:17px;line-height:1.6;overflow-x:clip}main{background-color:var(--paper);background-image:var(--grain);display:block}a{color:inherit}.skip{z-index:100;background:var(--ink);color:var(--ground);padding:10px 14px;text-decoration:none;position:absolute;top:-80px;left:16px}.skip:focus{top:12px}.cursor{z-index:90;border:1px solid var(--ink);pointer-events:none;opacity:0;width:26px;height:26px;transition:opacity .25s var(--ease), border-color .25s var(--ease);border-radius:50%;place-items:center;display:grid;position:fixed;top:0;left:0;transform:translate(-80px,-80px)translate(-50%,-50%)}.cursor:after{content:"";background:var(--cut);opacity:0;border-radius:50%;width:4px;height:4px}.cursor.is-on{opacity:1}.cursor.is-light{border-color:#ece9e4}.cursor.is-light:after{opacity:1}.cursor.is-hot{width:34px;height:34px;transition:opacity .25s var(--ease), width .3s var(--ease), height .3s var(--ease)}.cursor.is-hot:after,.cursor.is-down:after{opacity:1}@media (hover:hover) and (pointer:fine){html.has-cursor,html.has-cursor *{cursor:none!important}html.has-cursor :is(input[type=text],input[type=number],textarea){cursor:text!important}}::selection{color:var(--ink);background:#e7d7c4}.word,.shear-title{-webkit-user-select:none;user-select:none}input,textarea{-webkit-user-select:text;user-select:text}.nobr{white-space:nowrap}:root{--air:clamp(40px, 7vh, 72px)}.masthead{--shift:1.3vw;--lift:.25vw;--sink:10px;--mast-top:calc(60px + var(--air) + env(safe-area-inset-top));--cx:-.5vw;padding:var(--mast-top) 4vw 0 5vw}.word{width:fit-content;margin:0 0 0 var(--shift);font-family:var(--display);font-variation-settings:"opsz" 96;font-weight:500;font-size:calc((91vw - 2 * var(--shift)) / 5.85);letter-spacing:-.05em;white-space:nowrap;perspective:1700px;line-height:1;position:relative}.word-half{color:#0000;pointer-events:none;text-box:trim-both cap alphabetic;display:block}@supports not (text-box:trim-both cap alphabetic){.word-half{line-height:.66}}.word-half.upper{translate:calc(var(--shift) * -.6) calc(var(--lift) * -1) calc(var(--sink) * -1);position:relative}.word-half.lower{translate:var(--shift) var(--lift) var(--sink);position:absolute;inset:0}.word-slab{filter:drop-shadow(.006em .018em .012em #16151429)drop-shadow(.02em .06em .06em #1615141a);width:100%;height:100%;position:absolute;top:0;left:0;overflow:visible}.word-slab path{pointer-events:visiblePainted}.word-slab .face{fill:var(--ink)}.word-slab .edge-0{fill:#3b3936}.word-slab .edge-1{fill:#2f2d2a}.word-slab .edge-2{fill:#24221f}.word-slab .kerf{fill:var(--cut)}.word-blade{opacity:0;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:visible}.word-blade path{fill:none;stroke:var(--cut);stroke-width:2.5px}.word-blade .blade-core{stroke:#ff5a3c;stroke-width:1px}.intro .word-half{animation:word-part calc(var(--k) * .6s) var(--ease-heavy) calc(var(--k) * .5s) backwards}.intro .word-blade{animation:word-blade calc(var(--k) * 1.6s) linear both}html.opening{overflow:hidden}.intro .word{animation:word-home calc(var(--k) * .8s) cubic-bezier(.65, 0, .2, 1) calc(var(--k) * 1.55s) backwards}.intro header.nav{animation:nav-in calc(var(--k) * .6s) ease-out calc(var(--k) * 1.95s) backwards}header.nav{z-index:40;min-height:60px;padding:calc(10px + env(safe-area-inset-top)) calc(5vw - 10px) 10px 5vw;backdrop-filter:blur(14px);background:#ece9e4db;align-items:center;gap:36px;display:flex;position:fixed;inset:0 0 auto}.mark{font-family:var(--display);letter-spacing:.04em;transition:opacity .5s var(--ease), translate .5s var(--ease), visibility 0s;align-items:center;gap:9px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.mark img{width:30px;height:30px;display:block}html.word-in .mark{opacity:0;visibility:hidden;transition:opacity .3s var(--ease), translate .3s var(--ease), visibility 0s .3s;translate:0 -6px}nav.index{gap:24px;display:flex}nav.index a{color:var(--graphite);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;font-size:11px;text-decoration:none;transition:color .2s}nav.index a:hover{color:var(--ink)}:is(nav.index a,.lang button,#gate button.more,#gate button[type=submit])>span{transition:background-size .45s var(--ease);background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat}@media (hover:hover){:is(nav.index a,.lang button[aria-pressed=false],#gate button.more,#gate button[type=submit]:not(:disabled)):hover>span{background-size:100% 1px}}.nav-end{align-items:center;gap:14px;margin-left:auto;display:flex}.lang{display:flex}.lang button{min-width:34px;min-height:32px;color:var(--graphite);font-family:var(--mono);cursor:pointer;background:0 0;border:0;font-size:11px;transition:color .2s}.lang button:hover{color:var(--ink)}.lang button[aria-pressed=true]{color:var(--ink);box-shadow:inset 0 -2px 0 var(--cut)}.kicker,label,legend{font-family:var(--mono)}.kicker{color:var(--graphite);letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:11px}.hero{--exit:0}.hero-pin{min-height:max(400px, calc(100svh - 60px - var(--air) - 10vw + 8px));opacity:clamp(0, calc(3 - var(--exit) * 3), 1);grid-template-rows:1fr auto;grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr);column-gap:clamp(40px,4.5vw,80px);padding:clamp(24px,5.3vh,48px) 4vw clamp(24px,4.9vh,44px) 5vw;display:grid;position:relative}.shear-title{font-family:var(--display);font-variation-settings:"opsz" 96;letter-spacing:-.045em;grid-area:1/1;align-self:end;margin:0 0 0 -.05em;font-size:clamp(4.6rem,7.6vw,8.8rem);font-weight:500;line-height:.86}html:not([lang=en]) .shear-title{font-family:var(--display-th);letter-spacing:-.01em;margin-left:-.02em;font-weight:600;line-height:1.04}#title .th,#title .en,#title .line{display:block}html:not([lang=en]) #title .en,html[lang=en] #title .th{display:none}.hero-still{grid-area:1/2/span 2;align-self:center;width:100%;margin:0}@media (width>=801px) and (height<=860px){.hero-still{zoom:.88}}@media (width>=801px) and (height<=800px){.hero-still{zoom:.8}}@media (width>=801px) and (height<=750px){.hero-still{zoom:.72}}@media (width>=801px) and (height<=690px){.hero-still{zoom:.64}}.slice-shift{perspective:1700px;translate:0 calc(var(--exit) * 9vh)}.slice .field{transform-style:preserve-3d;position:relative;transform:rotateX(7deg)rotateY(-17deg)}.field-page{transform-style:preserve-3d}.hero-foot{border-top:1px solid var(--ink);grid-area:2/1;gap:12px;max-width:31em;margin-top:30px;padding-top:14px;display:grid}.promise{text-wrap:pretty;margin:0;font-size:1.04rem;line-height:1.6}html:not([lang=en]) .promise{line-height:1.75}.field{background:var(--sp-cream);color:var(--sp-roast);font-family:var(--site);position:relative;box-shadow:0 54px 70px -44px #1615148c}.thickness{z-index:-1;pointer-events:none;background:linear-gradient(90deg,#3b3936,#1d1c1a);width:11px;position:absolute;top:6px;bottom:-9px;right:-11px}.slice-field:after,.plate-field:not(.gate-field):after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#2c2a27,#161514);height:9px;position:absolute;bottom:-9px;left:6px;right:-11px}.chrome{min-height:30px;color:var(--graphite);font-family:var(--mono);background:#e2dfd9;border-bottom:1px solid #d3cfc8;align-items:center;gap:10px;padding:0 12px;font-size:10.5px;display:flex}.dots{gap:5px;display:inline-flex}.dots i{background:#bdb8b0;border-radius:50%;width:8px;height:8px}.url{color:#4b4843;background:#f4f2ee;border-radius:4px;align-items:center;min-height:19px;padding:0 10px;display:inline-flex}.bezel-top,.home-bar{display:none}.layer{background:var(--sp-cream);transform-style:preserve-3d;position:relative}.layer:after{content:"";z-index:-1;width:9px;opacity:min(1, calc(var(--exit) * 6));pointer-events:none;background:linear-gradient(90deg,#3b3936,#1d1c1a);position:absolute;top:5px;bottom:-7px;right:-9px}.layer:not(.layer-nav):before{content:"";z-index:2;background:var(--cut);opacity:.55;transform-origin:0;height:1px;position:absolute;top:0;left:0;right:0}.layer-nav{translate:0 calc(var(--exit) * -12px) calc(var(--exit) * 50px)}.layer-hero{translate:0 0 calc(var(--exit) * 130px)}.layer-btn{translate:0 calc(var(--exit) * 10px) calc(var(--exit) * 210px)}.layer-card{translate:calc(var(--exit) * 56px) calc(var(--exit) * 20px) calc(var(--exit) * 250px)}.sheen{z-index:3;pointer-events:none;position:absolute;inset:0;overflow:hidden;transform:translateZ(1px)}.sheen:before{content:"";opacity:0;background:linear-gradient(100deg,#fff0,#ffffff52 50%,#fff0);width:26%;position:absolute;top:-10%;bottom:-10%;left:0;transform:translate(-120%)skew(-12deg)}.motion .sheen:before{animation:9s ease-in-out 4.2s infinite sheen}.intro .slice-shift{animation:plate-in calc(var(--k) * .7s) var(--ease) calc(var(--k) * 2s) backwards}.intro .layer{animation:layer-drop calc(var(--k) * .7s) var(--ease-heavy) backwards}.intro .layer-nav{--lz:60px;animation-delay:calc(var(--k) * 2.1s)}.intro .layer-hero{--lz:90px;animation-delay:calc(var(--k) * 2.16s)}.intro .layer-btn{--lz:120px;animation-delay:calc(var(--k) * 2.22s)}.intro .layer-card{--lz:150px;animation-delay:calc(var(--k) * 2.28s)}.intro .layer:not(.layer-nav):before{animation:seam-in calc(var(--k) * .4s) ease-out calc(var(--k) * 2.7s) backwards}.intro .layer:after{animation:edge-drop calc(var(--k) * .9s) ease-out backwards;animation-delay:inherit}.intro #title .line>span{animation:line-up calc(var(--k) * .95s) var(--ease-heavy) backwards;display:block}.intro #title .line:first-child>span{animation-delay:calc(var(--k) * 2s)}.intro #title .line:last-child>span{animation-delay:calc(var(--k) * 2.1s)}.intro .hero-foot{animation:foot-in calc(var(--k) * .8s) var(--ease-heavy) calc(var(--k) * 2.25s) backwards}.intro:not(.go) :is(.word,.word-half,.word-blade,header.nav,.slice-shift,.layer,#title .line>span,.hero-foot),.intro:not(.go) .layer:before,.intro:not(.go) .layer:after{animation-play-state:paused}#title .line{margin:-.14em -.06em -.08em;padding:.14em .06em .08em;overflow:hidden}#title .line:last-child,html:not([lang=en]) #title .line:last-child{padding-left:.56em}.shear-title,.hero-foot{translate:0 calc(var(--exit) * -7vh);scale:calc(1 - var(--exit) * .06);transform-origin:0 100%}.sp-nav{background:var(--sp-cream)}.sp-bar{background:var(--sp-roast);color:#efe4d2;letter-spacing:.02em;text-align:center;margin:0;padding:5px 12px;font-size:10px}.sp-navrow{border-bottom:1px solid var(--sp-line);align-items:center;gap:20px;padding:11px 18px;display:flex}.sp-logo{font-family:var(--site-serif);letter-spacing:-.01em;align-items:center;gap:6px;font-size:19px;font-style:italic;display:inline-flex}.sp-logo i{background:var(--sp-ochre);width:10px;height:10px;box-shadow:0 0 0 2px var(--sp-cream), 0 0 0 3px var(--sp-ochre);border-radius:50%}.sp-links{color:var(--sp-bark);gap:16px;font-size:11.5px;display:flex}.sp-links .is-here{color:var(--sp-roast);box-shadow:inset 0 -1.5px 0 var(--sp-ochre)}.sp-tools{align-items:center;gap:12px;margin-left:auto;font-size:11.5px;display:flex}.sp-search{border:1.5px solid var(--sp-roast);border-radius:50%;width:11px;height:11px;position:relative}.sp-search:after{content:"";background:var(--sp-roast);width:5px;height:1.5px;position:absolute;bottom:-3px;right:-4px;transform:rotate(45deg)}.sp-burger{display:none}.sp-hero{background:var(--sp-cream);grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:20px;padding:18px 18px 10px;display:grid}.sp-copy{flex-direction:column;gap:6px;min-width:0;display:flex}.sp-crumb{color:#8a7666;letter-spacing:.04em;margin:0 0 4px;font-size:9.5px}.sp-title{font-family:var(--site-serif);letter-spacing:-.02em;margin:0;font-size:clamp(1.6rem,2.3vw,2.3rem);line-height:1}.sp-notes{color:#9a6b1f;font-family:var(--site-serif);margin:0;font-size:12.5px;font-style:italic}.sp-body{color:#4a3a2f;margin:2px 0 4px;font-size:11.5px;line-height:1.5}.sp-price{color:var(--sp-bark);align-items:baseline;gap:8px;margin:2px 0 0;font-size:10.5px;display:flex}.sp-price b{color:var(--sp-roast);font-family:var(--site-serif);font-size:20px;font-weight:400}.sp-grind{flex-wrap:wrap;gap:5px;margin:4px 0 0;display:flex}.sp-grind span{border:1px solid #d9cdbb;border-radius:999px;padding:3px 9px;font-size:10px}.sp-grind .is-on{border-color:var(--sp-roast);background:var(--sp-roast);color:var(--sp-cream)}.sp-photo{background:radial-gradient(90% 75% at 66% 28%,#f2cd7c 0%,#d9a441 50%,#b57a28 100%);border-radius:2px;min-height:220px;position:relative;overflow:hidden}.sp-shade{background:linear-gradient(#2b1e1700,#2b1e1733);height:34%;position:absolute;bottom:0;left:0;right:0}.sp-bag{background:linear-gradient(100deg,#a17a53 0%,#cfac84 28%,#c39c72 62%,#94704c 100%);border-radius:5px 5px 3px 3px;width:40%;height:64%;position:absolute;bottom:13%;left:27%;box-shadow:16px 12px 20px -10px #2b1e178c}.sp-bag:before{content:"";background:repeating-linear-gradient(90deg,#2b1e1740 0 1px,#0000 1px 4px),#b28b62;border-bottom:1px solid #2b1e174d;border-radius:5px 5px 0 0;height:13%;position:absolute;top:0;left:0;right:0}.sp-bag:after{content:"";background:#ffffff29;width:2px;position:absolute;top:13%;bottom:0;left:16%}.sp-label{border-top:3px solid var(--sp-ochre);background:var(--sp-cream);text-align:center;align-content:start;justify-items:center;gap:3px;padding:10% 6% 0;display:grid;position:absolute;inset:28% 13% 20%}.sp-label b{font-family:var(--site-serif);font-size:15px;font-style:italic;font-weight:400;line-height:1}.sp-label span{letter-spacing:.16em;text-transform:uppercase;font-size:7.5px;font-weight:700}.sp-label em{color:var(--sp-bark);font-size:7px;font-style:normal}.sp-bean{aspect-ratio:.72;background:radial-gradient(circle at 35% 30%,#7a5238,#3a2519 72%);border-radius:50%;width:6.5%;position:absolute}.sp-bean:after{content:"";background:#20140d;border-radius:2px;width:1.5px;position:absolute;top:14%;bottom:14%;left:47%;transform:rotate(8deg)}.sp-bean.b1{bottom:10%;right:11%;transform:rotate(28deg)}.sp-bean.b2{bottom:6%;right:20%;transform:rotate(-24deg)}.sp-bean.b3{bottom:7%;left:11%;transform:rotate(66deg)}.sp-lot{background:#f5efe4e0;border-radius:999px;margin:0;padding:3px 8px;font-size:9.5px;position:absolute;top:10px;left:10px}.sp-buy{background:var(--sp-cream);align-items:center;gap:12px;padding:6px 18px 16px;font-size:11px;display:flex}.sp-qty{border:1px solid #d9cdbb;align-items:center;gap:12px;min-height:32px;padding:0 10px;display:inline-flex}.sp-qty i{color:var(--sp-bark);font-style:normal}.sp-btn{background:var(--sp-roast);min-height:32px;color:var(--sp-cream);border-radius:2px;align-items:center;padding:0 18px;font-size:11.5px;font-weight:600;display:inline-flex}.sp-ship{color:var(--sp-bark)}.sp-more{background:var(--sp-cream);border-top:1px solid var(--sp-line);padding:14px 18px 6px}.sp-h{font-family:var(--site-serif);margin:0 0 10px;font-size:16px}.sp-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.sp-item{color:var(--sp-bark);gap:2px;font-size:10.5px;display:grid}.sp-item b{color:var(--sp-roast);margin-top:6px;font-size:11.5px;font-weight:600}.sp-swatch{border-radius:2px;height:74px}.sp-swatch.s1{background:linear-gradient(160deg,#ecd7a6,#d6b26a)}.sp-swatch.s2{background:linear-gradient(160deg,#a7ad8a,#7c8566)}.sp-swatch.s3{background:linear-gradient(160deg,#4a372b,#261a13)}.sp-card-wrap{background:var(--sp-cream);padding:6px 18px 14px}.sp-card{border-top:1px solid var(--sp-line);grid-template-columns:62px minmax(0,1fr);gap:12px;padding-top:12px;display:grid}.sp-thumb{background:linear-gradient(160deg,#e9dcc6,#c8ab84);border-radius:2px;height:62px;position:relative}.sp-thumb i{background:var(--sp-roast);border-radius:0 0 40% 40%;width:40%;height:34%;position:absolute;top:34%;left:30%}.sp-thumb i:after{content:"";border:2px solid var(--sp-roast);border-left:0;border-radius:0 50% 50% 0;width:26%;height:44%;position:absolute;top:16%;right:-24%}.sp-meta{color:#8a7666;letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:9.5px}.sp-card-title{font-family:var(--site-serif);margin:2px 0;font-size:15px;line-height:1.15}.sp-card-body{color:#4a3a2f;margin:0;font-size:11px;line-height:1.45}.sp-foot{border-top:1px solid var(--sp-line);color:#8a7666;justify-content:space-between;gap:12px;margin:14px 0 0;padding-top:8px;font-size:9.5px;display:flex}.plates,.band{z-index:1;color:var(--ink);position:relative}.band{grid-template-rows:1fr;grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:clamp(40px,5.5vw,96px);padding:0 4vw 96px 5vw;display:grid}.band>*{min-width:0}@media (width>=801px){.plates{padding-top:28px}}.band-copy{grid-area:1/1;align-self:end;gap:20px;max-width:30em;display:grid}.band-title{font-family:var(--display);font-variation-settings:"opsz" 72;letter-spacing:-.04em;margin:0 0 0 -.04em;font-size:clamp(2.8rem,4.4vw,4.9rem);font-weight:500;line-height:.9}html:not([lang=en]) .band-title{font-family:var(--display-th);letter-spacing:-.01em;margin-left:0;font-weight:600;line-height:1.08}.band-text{text-wrap:pretty;margin:0;font-size:1.04rem;line-height:1.6}html:not([lang=en]) .band-text{line-height:1.78}.band-count{border-top:1px solid var(--rule);align-items:baseline;gap:18px;margin:8px 0 0;padding-top:12px;display:flex}.band-count b{min-width:1.2em;font-family:var(--display);letter-spacing:-.04em;font-size:2.4rem;font-weight:400;line-height:.9}.band-side{grid-area:1/2;align-self:center}.band-flip{grid-template-columns:minmax(0,7fr) minmax(0,4fr)}.band-flip .band-copy{grid-column:2;align-self:start;padding-top:10vh}.band-flip .band-side{grid-column:1}.band-drop{grid-template-columns:minmax(0,4fr) minmax(0,7fr)}.band-drop .band-copy{align-self:center}.band-drop .band-side{align-self:start}.band-print .band-copy{grid-template-rows:auto auto 1fr auto;align-self:stretch}.band-print .band-text{align-self:start}.band-print .scan-count{margin-bottom:16px}.scan-count{align-self:start;align-items:flex-start;gap:14px;margin:0;display:flex}.scan-count b{font-family:var(--display);font-variation-settings:"opsz" 96;font-variant-numeric:tabular-nums;letter-spacing:-.06em;text-box:trim-both cap alphabetic;font-size:clamp(5rem,9.4vw,10.5rem);font-weight:400;line-height:.8}.scan-count .kicker{color:var(--cut);padding-top:.2em}.band-print{padding-top:clamp(24px,3.34vw,48px);scroll-margin-top:calc(60px + clamp(24px,3.34vw,48px))}@media (width>=801px) and (height>=700px){.motion .pin-track:after{content:"";height:90vh;display:block}.motion .band-print{position:sticky;top:60px}.motion .band-print .print-frame{height:clamp(300px,100vh - 220px - clamp(24px,3.34vw,48px),640px)}}.plate{perspective:1700px}.plate-field{transform-style:preserve-3d;transform:rotateX(7deg)rotateY(-17deg)}.print-frame{position:relative}.print-page{background:var(--sp-cream)}.fold{border-top:1px dashed var(--graphite);height:0;position:relative}.fold span{background:var(--ink);color:var(--ground);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:2px 8px;font-size:9.5px;position:absolute;top:0;right:18px;transform:translateY(-50%)}.print-head{display:none}.motion .print-frame{height:clamp(380px,60vh,560px);overflow:hidden}.motion .print-page{transform:translate3d(0, calc(var(--p,1) * var(--travel,0px) * -1), 0)}.motion .print-head{z-index:2;border-top:2px solid var(--cut);opacity:min(1, calc((1 - var(--p,1)) * 14));transform:translate3d(0, calc(var(--p,1) * 100%), 0);background:#f5efe4e6;display:block;position:absolute;inset:0}.asm{--gap:26px;--k0:clamp(0, calc(var(--p,1) * 1.5), 1);--k1:clamp(0, calc(var(--p,1) * 1.5 - .17), 1);--k2:clamp(0, calc(var(--p,1) * 1.5 - .34), 1);--k3:clamp(0, calc(var(--p,1) * 1.5 - .5), 1);padding-bottom:calc(var(--gap) * 4);grid-template-columns:152px minmax(0,1fr);display:grid}.asm-count{grid-area:1/1;align-self:start;align-items:baseline;gap:10px;margin:0;display:flex}.asm-count b{font-family:var(--display);letter-spacing:-.04em;font-size:1.9rem;font-weight:400;line-height:.9}.asm-frame{grid-area:1/2;position:relative}.asm-frame .chrome{border:1px solid #d3cfc8;border-bottom:0}.asm-piece{position:relative}.asm-piece.a0{--k:var(--k0);--y:calc(var(--gap) * var(--k0))}.asm-piece.a1{--k:var(--k1);--y:calc(var(--gap) * (var(--k0) + var(--k1)))}.asm-piece.a2{--k:var(--k2);--y:calc(var(--gap) * (var(--k0) + var(--k1) + var(--k2)))}.asm-piece.a3{--k:var(--k3);--y:calc(var(--gap) * (var(--k0) + var(--k1) + var(--k2) + var(--k3)))}.asm-piece{transform:translate3d(0, var(--y), 0)}.asm-face{background:var(--sp-cream);border-left:1px solid #d3cfc8;border-right:1px solid #d3cfc8;position:relative}.asm-face:after{content:"";pointer-events:none;opacity:var(--k);position:absolute;inset:0;box-shadow:0 0 0 1px #16151429,0 14px 22px -16px #16151473}.asm-piece.a3 .asm-face{border-bottom:1px solid #d3cfc8}.plate-code{color:var(--ink);box-shadow:none;background:#fbfaf8}.dom{font-family:var(--text);gap:10px;padding:16px;display:grid}.dom-box{border:1px solid var(--rule);gap:8px;padding:10px 12px;display:grid}.dom-row{grid-template-columns:4.8em minmax(0,1fr);align-items:baseline;gap:12px}.dom-tag{color:var(--graphite);font-family:var(--mono);font-size:11.5px}.dom-tag i{font-style:normal}.dom-val{font-size:13.5px;line-height:1.4}.dom-big{font-family:var(--site-serif);font-size:clamp(1.3rem,1.8vw,1.9rem);line-height:1.05}.dom-figure{background:linear-gradient(to top right, transparent calc(50% - .5px), var(--rule) 50%, transparent calc(50% + .5px)), linear-gradient(to bottom right, transparent calc(50% - .5px), var(--rule) 50%, transparent calc(50% + .5px));align-items:end;min-height:clamp(96px,14vh,150px)}.dom-cut-row{color:var(--cut);align-items:baseline;gap:12px;margin:2px 0 0;padding:10px 12px;display:flex}.dom-strike{grid-template-columns:4.8em auto;gap:12px;text-decoration:line-through 2px;display:grid;position:relative}.dom-strike .dom-tag{color:inherit}.dom-cut{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;margin-left:auto;font-size:10.5px}.motion .dom.is-armed .dom-box,.motion .dom.is-armed .dom-cut-row{opacity:0;transform:translate3d(calc(var(--d,0) * -18px - 12px), 0, 0);transition:opacity .3s,transform .3s}.motion .dom.is-armed.is-on .dom-box,.motion .dom.is-armed.is-on .dom-cut-row{opacity:1;transition:opacity .7s var(--ease-heavy), transform 1.3s var(--ease-heavy);transition-delay:calc(var(--r) * .15s);transform:none}.motion .dom.is-armed .dom-tag i{opacity:0}.motion .dom.is-armed.is-on .dom-tag i{opacity:1;transition:opacity 10ms linear;transition-delay:calc(var(--r) * .15s + var(--c) * 48ms + .18s)}.motion .dom.is-armed .dom-val{opacity:0;transition:opacity .2s}.motion .dom.is-armed.is-on .dom-val{opacity:1;transition:opacity .8s var(--ease-heavy);transition-delay:calc(var(--r) * .15s + .44s)}.motion .dom.is-armed .dom-strike{text-decoration:none;transition:transform .3s,opacity .3s}.motion .dom.is-armed .dom-strike:after{content:"";background:var(--cut);transform-origin:0;height:2px;transition:transform .2s;position:absolute;top:55%;left:-4px;right:-4px;transform:scaleX(0)}.motion .dom.is-armed.is-on .dom-strike:after{transition:transform .8s var(--ease-heavy);transition-delay:calc(var(--r) * .15s + .6s);transform:scaleX(1)}.motion .dom.is-armed.is-on .dom-strike{opacity:.55;transition:transform 1.4s var(--ease-heavy), opacity 1.4s;transition-delay:calc(var(--r) * .15s + 1.3s);transform:translate(40px)}.gate-field{--g1:clamp(0, calc(var(--p,1) * 1.4), 1);--g2:clamp(0, calc(var(--p,1) * 3.125 - 2.125), 1);--spread:64px;isolation:isolate;color:var(--ground);box-shadow:none;transform-style:flat;font-family:var(--text);background:0 0;transform:none}[data-motion=gate]:is(.is-open,:has(form[aria-busy=true])){--p:1!important}.gate-field .thickness{background:var(--graphite);transform:scaleY(var(--g2));transform-origin:top}.gate-paper{z-index:-1;background:var(--ink);opacity:calc(.2 + var(--g1) * .8);position:absolute;top:0;bottom:0}.gate-paper.left{transform:translate3d(calc((1 - var(--g1)) * var(--spread) * -1), 0, 0);left:0;right:calc(50% - 1px)}.gate-paper.right{transform:translate3d(calc((1 - var(--g1)) * var(--spread)), 0, 0);left:calc(50% - 1px);right:0}.gate-field .chrome{color:#ece9e48c;opacity:var(--g2);transform:translate3d(0, calc((1 - var(--g2)) * -14px), 0);background:#24221f;border-bottom-color:#2f2d29}.gate-field .dots i{background:#4a4743}.gate-field .url{color:#ece9e4b3;background:#ece9e414}.gate-body{opacity:var(--g2);padding:28px 32px 34px}#gate form{gap:20px;display:grid}#gate fieldset{border:0;min-width:0;margin:0;padding:0}#gate form>fieldset{gap:24px;display:grid}#gate fieldset:disabled{opacity:1}#gate label,#gate legend{color:#ece9e499;letter-spacing:.1em;text-transform:uppercase;font-size:11px}#gate label{gap:8px;display:grid}#gate legend{margin-bottom:10px;padding:0}#gate input{text-transform:none;letter-spacing:normal}#gate label:has(>input[name=url]){position:relative}#gate label:has(>input[name=url]):after{content:"";background:var(--cut);transform-origin:0;height:2px;transition:transform .7s var(--ease);position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}#gate label:has(>input[name=url]:is(:hover,:focus)):after{transform:scaleX(1)}#gate input[name=url]{width:100%;color:var(--ground);caret-color:var(--cut);font-family:var(--display);letter-spacing:-.035em;background:0 0;border:0;border-bottom:1px solid #ece9e452;border-radius:0;padding:4px 0 12px;font-size:clamp(2.3rem,3.6vw,3.9rem);font-weight:400;line-height:1.05}#gate input[type=number],#gate input[type=text]:not([name=url]){width:100%;min-height:44px;color:var(--ground);appearance:textfield;background:0 0;border:0;border-bottom:1px solid #ece9e438;border-radius:0;padding:4px 0}#gate input[type=number]{font-family:var(--display);letter-spacing:-.03em;font-size:1.8rem}#gate input[type=text]:not([name=url]){font-family:var(--mono);font-size:14px}#gate input[type=number]::-webkit-outer-spin-button,#gate input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}#gate input::placeholder{color:#ece9e48c;opacity:1}#gate input:focus{outline:none}#gate input[type=number]:focus,#gate input[type=text]:not([name=url]):focus{border-bottom-color:var(--cut);box-shadow:inset 0 -2px 0 var(--cut)}#gate input:disabled{opacity:.4}#gate .radios{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}#gate .radios.frames{grid-template-columns:repeat(3,minmax(0,1fr))}#gate .radios label,#gate label.check{min-height:44px;color:var(--ground);font-family:var(--text);letter-spacing:0;text-transform:none;cursor:pointer;border:1px solid #ece9e433;align-items:center;gap:10px;padding:0 14px;font-size:14px;transition:background .2s,color .2s,border-color .2s;display:flex}#gate .radios label:not(:has(:checked)):hover,#gate label.check:not(:has(:checked)):hover{border-color:#ece9e4d9}#gate input[type=number]:not(:disabled):hover,#gate input[type=text]:not([name=url]):hover,#gate input[name=url]:hover{border-bottom-color:#ece9e48c}#gate label.check{justify-self:start}#gate .radios input,#gate label.check input{width:10px;height:10px;color:inherit;appearance:none;background:0 0;border:1px solid;border-radius:50%;flex:none;margin:0}#gate label.check input{border-radius:1px}#gate .radios input:checked,#gate label.check input:checked{border-color:var(--cut);background:var(--cut)}#gate .radios label:has(input:checked),#gate label.check:has(input:checked){border-color:var(--ground);background:var(--ground);color:var(--ink)}#gate .measures{grid-template-columns:repeat(2,minmax(0,12rem));gap:28px;display:grid}#gate .hint{color:#ece9e4a8;font-family:var(--text);letter-spacing:0;text-transform:none;margin:0;font-size:13.5px;line-height:1.5}#gate fieldset.choice:not(:has(legend)){grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 28px;display:grid}#gate fieldset.choice:not(:has(legend)) .hint{grid-column:1/-1}#gate button.more{min-height:44px;color:var(--ground);font-family:var(--text);cursor:pointer;background:0 0;border:0;justify-self:start;align-items:center;padding:0;font-size:15px;display:inline-flex}#gate button.more:after{content:" +"}#gate button.more[aria-expanded=true]:after{content:" −"}#gate button[type=submit]{z-index:0;min-height:54px;color:var(--ink);font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;justify-self:start;align-items:center;margin-top:8px;padding:0 30px;font-size:12px;font-weight:500;transition:transform .12s ease-out;display:inline-flex;position:relative}#gate button[type=submit]:before,#gate button[type=submit]:after{content:"";z-index:-1;border-radius:999px;position:absolute;inset:0}#gate button[type=submit]:before{background:var(--cut);transition:transform .12s ease-out;transform:translate(5px,5px)}#gate button[type=submit]:after{background:var(--ground)}#gate button[type=submit]:not(:disabled):active{transform:translate(5px,5px)}#gate button[type=submit]:not(:disabled):active:before{transform:translate(0,0)}#gate button[type=submit]:disabled{color:#ece9e473;cursor:not-allowed}#gate button[type=submit]:disabled:before{display:none}#gate button[type=submit]:disabled:after{background:0 0;border:1px dashed #ece9e44d}#gate button[type=submit]:disabled:hover:after{border-color:#ece9e4}#gate .meter{background:#ece9e41a;height:10px;margin-top:6px;position:relative}#gate .meter:after{content:"";background:var(--graphite);height:4px;position:absolute;top:100%;left:4px;right:-4px}#gate .meter span{background:var(--cut);transform-origin:0;width:100%;height:100%;display:block}#gate .percent{font-family:var(--display);letter-spacing:-.04em;margin:14px 0 0;font-size:clamp(2.4rem,3.6vw,3.8rem);line-height:.9}#gate .live:empty{display:none}#gate .keep{color:var(--ground);margin:0 0 12px;font-size:15px;line-height:1.5}#gate .status:focus:not(:focus-visible){outline:none}#gate .status:focus-visible{outline:2px solid var(--cut);outline-offset:6px}#gate form.settled>fieldset{opacity:.38;transition:opacity .4s var(--ease)}#gate .where{color:#ece9e4d9;margin:0;font-size:14px}#gate .done-actions{flex-wrap:wrap;align-items:center;gap:8px 28px;display:flex}#gate a.resave{min-height:44px;color:var(--ground);background:linear-gradient(currentColor,currentColor) 0 calc(50% + .75em)/100% 1px no-repeat;align-items:center;font-size:15px;text-decoration:none;display:inline-flex}#gate .run-row{justify-content:space-between;align-items:flex-end;gap:20px;margin-top:14px;display:flex}#gate .run-row .percent{margin:0}#gate button.stop{min-height:44px;color:var(--ground);font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;padding:0 2px;font-size:12px}#gate button.stop>span{background:linear-gradient(currentColor,currentColor) 0 100%/100% 1px no-repeat}html:not([lang=en]) #gate button.stop{font-family:var(--text);letter-spacing:0;text-transform:none;font-size:15px}#gate .done{border-top:1px solid #ece9e438;gap:18px;margin-top:20px;padding-top:16px;display:grid}#gate .tally{grid-template-columns:repeat(4,minmax(0,auto));justify-content:start;gap:12px 32px;margin:0;display:grid}#gate .tally div{gap:6px;display:grid}#gate .tally dt{color:#ece9e499;font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;order:2;font-size:11px}#gate .tally dd{color:var(--ground);font-family:var(--display);font-variant-numeric:tabular-nums;letter-spacing:-.03em;order:1;margin:0;font-size:2rem;line-height:.9}html:not([lang=en]) #gate .tally dt{font-family:var(--text);letter-spacing:0;text-transform:none;font-size:12px}#gate button.again:after{content:none}#gate .status{color:#ece9e4d9;margin:8px 0 0;font-size:1rem;line-height:1.6}#gate .status[data-phase=error]{border-left:2px solid var(--cut);padding-left:12px}#gate .cut-row{flex-wrap:wrap;align-items:center;gap:8px 20px;display:flex}#gate .cut-row .hint{margin-top:8px}#gate input[aria-invalid=true]{border-bottom-color:var(--cut)}#gate .problem{color:var(--ground);gap:10px;margin:-12px 0 0;font-size:14px;line-height:1.5;display:flex}#gate .problem:before{content:"";background:var(--cut);flex:none;width:10px;height:2px;margin-top:.7em}html:not([lang=en]) #gate :is(label,legend,.hint){letter-spacing:0;text-transform:none;font-family:var(--text)}html:not([lang=en]) #gate :is(legend,label.wide:not(.check),.measures label)>.th{font-size:13px}html:not([lang=en]) #gate .hint{font-size:14px}html:not([lang=en]) #gate button[type=submit]{letter-spacing:0;text-transform:none;font-family:var(--text);font-size:15px}.gate-band{padding-bottom:calc(64px + env(safe-area-inset-bottom));grid-template-rows:auto 1fr}.gate-band .band-copy{align-self:start}.gate-band .band-side{grid-row:1/3}.limits{grid-area:2/1;align-self:start;max-width:30em;margin-top:40px;scroll-margin-top:96px}.limits-head{color:var(--ink);margin:0 0 10px;font-weight:400}.limits-list{counter-reset:limit;border-top:1px solid var(--ink);margin:0;padding:0;list-style:none}.limits-list li{border-bottom:1px solid var(--rule);counter-increment:limit;grid-template-columns:2.6rem minmax(0,1fr);align-items:baseline;padding:11px 0;font-size:.94rem;line-height:1.5;display:grid}.limits-list li:before{content:counter(limit, decimal-leading-zero);color:var(--graphite);font-family:var(--mono);letter-spacing:.1em;font-size:11px}html:not([lang=en]) .limits-list li{line-height:1.65}.motion .limits-list.is-armed{perspective:900px}.motion .limits-list.is-armed li{opacity:0;transform-origin:50% 0;transform:rotateX(-86deg)}.motion .limits-list.is-armed.is-on li{opacity:1;transition:opacity .4s ease-out, transform 1.2s var(--ease-heavy);transition-delay:calc(var(--row) * .14s);transform:none}@media (width<=800px){header.nav{padding:calc(10px + env(safe-area-inset-top)) 16px 10px;flex-wrap:wrap;gap:8px 14px}.mark{margin-right:auto}nav.index{order:3;gap:18px;width:100%}nav.index a,.lang button{position:relative}nav.index a:after,.lang button:after{content:"";position:absolute;inset:-12px -9px}.lang button{min-width:44px}.lang button:after{inset:-6px 0}.masthead{--shift:1.6vw;--lift:.35vw;--mast-top:calc(128px + env(safe-area-inset-top));--cx:0px;padding:var(--mast-top) 16px 0}.word{margin-left:var(--shift);font-size:calc((100vw - 32px - 2 * var(--shift)) / 5.85)}.hero-pin{grid-template-rows:auto;grid-template-columns:minmax(0,1fr);row-gap:28px;min-height:0;padding:36px 16px 40px}.shear-title{grid-area:1/1;font-size:clamp(3.4rem,17vw,5rem)}.hero-still{grid-area:2/1;justify-self:end;width:min(310px,84vw);margin-right:6px}.hero-foot{grid-area:3/1;margin-top:0}.hero-pin{opacity:1}.shear-title,.hero-foot{translate:none;scale:none}.slice .field{box-shadow:0 0 0 7px var(--ink), 0 36px 50px -28px #16151499;border-radius:36px;overflow:hidden;transform:none}.slice .chrome,.slice .thickness{display:none}.slice .bezel-top{background:var(--sp-cream);justify-content:space-between;align-items:center;padding:10px 22px 6px;font-size:11px;font-weight:600;display:flex}.bezel-island{background:var(--ink);border-radius:999px;width:74px;height:20px}.slice .home-bar{background:var(--sp-cream);place-items:center;height:22px;display:grid}.home-bar span{background:var(--sp-roast);border-radius:999px;width:96px;height:4px}.layer{translate:none}.layer:after{display:none}.intro .layer{--lz:0px}.slice-shift{translate:none}.sp-links,.sp-tools span{display:none}.sp-burger{gap:4px;display:grid}.sp-burger i{background:var(--sp-roast);width:16px;height:1.5px}.sp-hero{grid-template-columns:minmax(0,1fr);gap:14px}.sp-photo{order:-1;min-height:190px}.sp-buy{flex-wrap:wrap}.sp-ship{width:100%}.band,.band-flip,.band-drop{grid-template-rows:none;grid-template-columns:minmax(0,1fr);column-gap:0;padding:0 16px 64px}.band-print{padding-top:24px}.band-copy,.band-side,.band-flip .band-copy,.band-flip .band-side{grid-area:auto/1}.band-flip .band-copy{padding-top:0}.band-side,.band-drop .band-side{margin-top:36px}.gate-band .band-side,.limits{grid-row:auto}.limits{margin-top:28px}.band-title{font-size:clamp(2.5rem,11vw,3.2rem)}.plate-field{transform:none}.plate-print .plate-field{margin-right:11px;transform:rotateX(6deg)rotateY(-12deg)}.thickness,.slice-field:after,.plate-field:after{display:none}.plate-print .thickness,.plate-print .plate-field:after{display:block}.motion .print-frame{height:clamp(360px,64svh,520px)}.asm{--gap:14px;grid-template-columns:minmax(0,1fr)}.asm-count{grid-row:auto;align-items:baseline;gap:12px;margin-bottom:14px;display:flex}.asm-frame{grid-area:auto/1}.asm-face{border:1px solid #d3cfc8}.scan-count{display:none}.gate-field{--spread:14px}.gate-body{padding:22px 18px 26px}#gate input[name=url]{font-size:clamp(1.8rem,8vw,2.4rem)}#gate .radios,#gate .radios.frames,#gate fieldset.choice:not(:has(legend)){grid-template-columns:minmax(0,1fr)}#gate .measures{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.gate-band{padding-bottom:calc(40px + env(safe-area-inset-bottom))}:root{--k:.76}#gate .tally{grid-template-columns:repeat(2,minmax(0,1fr))}}:root.intro-short{--k:.45}.sr{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}button:focus-visible,a:focus-visible,input:focus-visible,.radios label:has(:focus-visible),label.check:has(:focus-visible){outline:2px solid var(--cut);outline-offset:3px}:is(section,main,header,nav,footer,aside,article,#limits,#top,#gate,#plates):is(:target,:focus,:focus-visible){box-shadow:none;outline:none}html:not([lang=en]) :is(nav.index a,.kicker){font-family:var(--text);letter-spacing:0;text-transform:none;font-size:12.5px}@keyframes word-part{0%{translate:0}}@keyframes word-blade{0%{opacity:1;clip-path:inset(-50% 100% -50% 0);animation-timing-function:cubic-bezier(.65,0,.3,1)}28%{opacity:1;clip-path:inset(-50% 0)}33%{opacity:1;clip-path:inset(-50% 0);animation-timing-function:ease-out}46%,to{opacity:0;clip-path:inset(-50% 0)}}@keyframes plate-in{0%{opacity:0;transform:translateY(28px)}}@keyframes layer-drop{0%{opacity:0;transform:translate3d(0, -36px, var(--lz))}}@keyframes seam-in{0%{opacity:0}}@keyframes edge-drop{0%{opacity:1}}@keyframes line-up{0%{transform:translateY(112%)}}@keyframes foot-in{0%{opacity:0;transform:translateY(16px)}}@keyframes word-home{0%{transform:translate3d(var(--cx), calc(50svh - var(--mast-top) - .33em), 0)}}@keyframes nav-in{0%{opacity:0}}@keyframes sheen{0%{opacity:0;transform:translate(-120%)skew(-12deg)}3%{opacity:1}19%{opacity:1}22%,to{opacity:0;transform:translate(480%)skew(-12deg)}}@media (pointer:coarse){.cursor{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cursor{display:none!important}*,:before,:after{transition:none!important;animation:none!important}}html.lang-now #title .line>span,html.lang-now .hero-foot{opacity:1;animation:none;transform:none}html.lang-now .motion .dom.is-on :is(.dom-tag i,.dom-val,.dom-box,.dom-cut-row),html.lang-now .motion .limits-list.is-on li{opacity:1;transition:none;transform:none}@supports not selector(::-webkit-scrollbar){html{scrollbar-width:thin;scrollbar-color:var(--ink) var(--ground)}}::-webkit-scrollbar{background:var(--ground);width:10px;height:10px}::-webkit-scrollbar-track{background:var(--ground)}::-webkit-scrollbar-thumb{border:2px solid var(--ground);background:var(--ink);background-clip:padding-box;border-radius:1px;min-height:48px}::-webkit-scrollbar-thumb:hover{background-color:#000}::-webkit-scrollbar-thumb:active{background-color:var(--cut)}::-webkit-scrollbar-corner{background:var(--ground)}::-webkit-scrollbar-button{display:none}