@font-face{font-family:Fraunces;font-style:normal;font-weight:300 600;font-display:swap;src:url(/fonts/fraunces-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fraunces;font-style:normal;font-weight:300 600;font-display:swap;src:url(/fonts/fraunces-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{--l0:#f4ede1;--l1:#faf6ef;--l2:#fff;--line:#2b1a1c1f;--ink:#2b1a1c;--soft:#735e5c;--red:#70262b;--red-hover:#5c1d22;--on-red:#f6f0e6;--gold:#d49a1a;--glow:#efb731;--serif:"Fraunces", "Iowan Old Style", Georgia, serif;--w-light:300;--w-regular:400;--w-strong:560;--r-s:10px;--r-m:14px;--r-l:22px;--edge:12px;--bar:48px;--glide:cubic-bezier(.2, .75, .15, 1)}
@layer tokens{:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--cam-x:.3;--cam-y:.62;--lift:0;--gutter:clamp(18px, 4.5vw, 72px);--stage:clamp(1360px, 76vw, 1680px);--top:calc(var(--edge) * 2 + 56px + 22px);--mat:clamp(12px, 1.3vw, 20px);--mat-x:calc(var(--mat) * 2 + 5px);--mat-y:calc(var(--mat) * 2 + 10px);--paper:#fbf8f3;--red-bright:#a8352e;--red-bright-side:#6e211d;--round:var(--r-m);--round-inner:var(--r-s);--round-small:6px;--round-canvas:var(--round);--spring:cubic-bezier(.34, 1.7, .5, 1);--press:cubic-bezier(.3, 1.3, .5, 1);--flow:cubic-bezier(.4, 0, .16, 1);--umber:43 26 28;--wall:0 10px 18px -12px rgb(var(--umber) / .35), 0 34px 60px -34px rgb(var(--umber) / .38);--paper-face:linear-gradient(color-mix(in oklab, var(--paper) 86%, transparent), color-mix(in oklab, var(--paper) 86%, transparent)), var(--paper) url(/brand/linen.svg);--paper-face-coldpress:linear-gradient(color-mix(in oklab, var(--paper) 80%, transparent), color-mix(in oklab, var(--paper) 80%, transparent)), url(/brand/coldpress.svg), var(--paper);--paper-face-laid:linear-gradient(color-mix(in oklab, var(--paper) 84%, transparent), color-mix(in oklab, var(--paper) 84%, transparent)), url(/brand/laid.svg), var(--paper);--well-face:linear-gradient(color-mix(in oklab, var(--l0) 55%, transparent), color-mix(in oklab, var(--l0) 55%, transparent)), var(--paper) url(/brand/linen.svg);--well-shade:inset 1.5px 2px 3px rgb(var(--umber) / .13), inset 0 0 0 1px rgb(var(--umber) / .07), inset -1px -1px 0 #fff9, 0 1px 0 #ffffffb3;--yarn:repeating-linear-gradient(-62deg, #e4b955 0 1.6px, #b8862a 1.6px 3.2px);--yarn-down:repeating-linear-gradient(28deg, #e4b955 0 1.6px, #b8862a 1.6px 3.2px);--paper-edge:inset 1px 1px 0 #fff9}}@layer depth,base,materials,components,pages,desk,motion;
@layer tokens;@layer depth{:where(.canvas,.map,.panel,.sheet-paper,.bag-line,.design,.map-card,.bar,.desk-bar,.figure,.notice,.form-done,.mount,.plate,.page,.card,.slide-head,.desk-main>h1),:where(.key-face,.medallion,.size span,.bar-nav>a:not(.bar-loom),.nav-brush){--lift:0;--h:calc(var(--depth) + var(--lift));--cast:var(--extrude,0 0 transparent), calc(var(--h) * (var(--cam-x) + .14) * 1px) calc(var(--h) * (var(--cam-y) + .2) * 1px) calc(var(--h) * .55px + 1px) calc(var(--h) * -.08px) rgb(var(--umber) / .36), calc(var(--h) * (var(--cam-x) + .45) * 1px) calc(var(--h) * (var(--cam-y) + .75) * 1px) calc(var(--h) * 1.6px + 4px) calc(var(--h) * -.35px) rgb(var(--umber) / .22), calc(var(--h) * (var(--cam-x) + 1.1) * 1px) calc(var(--h) * (var(--cam-y) + 1.9) * 1px) calc(var(--h) * 4px + 14px) calc(var(--h) * -1px) rgb(var(--umber) / .16);translate:calc(var(--lift) * var(--cam-x) * -1px) calc(var(--lift) * var(--cam-y) * -1px)}:where(.canvas,.map,.panel,.sheet-paper,.bag-line,.design,.map-card,.bar,.desk-bar,.figure,.notice,.form-done,.mount,.plate,.page,.card,.slide-head,.desk-main>h1){--depth:3;--wrap-r:linear-gradient(var(--rim,#d9cdbb) 0 0);--wrap-b:linear-gradient(var(--rim,#d9cdbb) 0 0);--body:color-mix(in oklab, color-mix(in oklab, var(--rim,#d9cdbb) 45%, #cbbda8), rgb(var(--umber)) calc(26% * var(--shade,1)));--extrude:calc(var(--h) * var(--cam-x) * .34px) calc(var(--h) * var(--cam-y) * .34px) 0 var(--body), calc(var(--h) * var(--cam-x) * .67px) calc(var(--h) * var(--cam-y) * .67px) 0 var(--body), calc(var(--h) * var(--cam-x) * 1px) calc(var(--h) * var(--cam-y) * 1px) 0 color-mix(in oklab, var(--body), rgb(var(--umber)) calc(18% * var(--shade,1)));isolation:isolate;box-shadow:var(--cast);position:relative}:where(.canvas,.map,.panel,.sheet-paper,.bag-line,.design,.map-card,.bar,.desk-bar,.figure,.notice,.form-done,.mount,.plate,.page,.card,.slide-head,.desk-main>h1):before,:where(.canvas,.map,.panel,.sheet-paper,.bag-line,.design,.map-card,.bar,.desk-bar,.figure,.notice,.form-done,.mount,.plate,.page,.card,.slide-head,.desk-main>h1):after{content:"";z-index:-1;pointer-events:none;transform-origin:0 0;position:absolute}:where(.canvas,.map,.panel,.sheet-paper,.bag-line,.design,.map-card,.bar,.desk-bar,.figure,.notice,.form-done,.mount,.plate,.page,.card,.slide-head,.desk-main>h1):before{left:100%;top:var(--round-slab,0px);width:calc(var(--h) * var(--cam-x) * 1px);height:calc(100% - var(--round-slab,0px) * 2);transform:skewY(atan2(var(--cam-y), var(--cam-x)));-webkit-mask-image:linear-gradient(transparent, #000 calc(var(--round-slab,0px) * .6), #000 calc(100% - var(--round-slab,0px) * .6), transparent);mask-image:linear-gradient(transparent, #000 calc(var(--round-slab,0px) * .6), #000 calc(100% - var(--round-slab,0px) * .6), transparent);background:linear-gradient(to right, #ffffff29, rgb(var(--umber) / calc(.34 * var(--shade,1)))), linear-gradient(rgb(var(--umber) / calc(.2 * var(--shade,1))) 0 0), url(/brand/linen.svg), var(--wrap-r);background-blend-mode:normal, normal, multiply, normal}:where(.canvas,.map,.panel,.sheet-paper,.bag-line,.design,.map-card,.bar,.desk-bar,.figure,.notice,.form-done,.mount,.plate,.page,.card,.slide-head,.desk-main>h1):after{top:100%;left:var(--round-slab,0px);width:calc(100% - var(--round-slab,0px) * 2);height:calc(var(--h) * var(--cam-y) * 1px);transform:skewX(atan2(var(--cam-x), var(--cam-y)));-webkit-mask-image:linear-gradient(to right, transparent, #000 calc(var(--round-slab,0px) * .6), #000 calc(100% - var(--round-slab,0px) * .6), transparent);mask-image:linear-gradient(to right, transparent, #000 calc(var(--round-slab,0px) * .6), #000 calc(100% - var(--round-slab,0px) * .6), transparent);background:linear-gradient(#ffffff1a, rgb(var(--umber) / calc(.42 * var(--shade,1)))), linear-gradient(rgb(var(--umber) / calc(.32 * var(--shade,1))) 0 0), url(/brand/linen.svg), var(--wrap-b);background-blend-mode:normal, normal, multiply, normal}:where(.panel,.sheet-paper,.bag-line,.design,.map-card,.bar,.desk-bar,.figure,.notice,.form-done,.mount,.plate,.page,.card,.slide-head,.desk-main>h1){--rim:#e3d8c6;--shade:.55}:where(.key-face,.medallion,.size span,.bar-nav>a:not(.bar-loom),.nav-brush){--depth:6;--extrude:0 0 transparent;--side:#c9bca9;box-shadow:inset 0 1px 0 #ffffff52, inset 1px 0 0 #ffffff24, inset 0 -1px 2px rgb(var(--umber) / .14), calc(var(--h) * var(--cam-x) * .2px) calc(var(--h) * var(--cam-y) * .2px) 0 var(--side), calc(var(--h) * var(--cam-x) * .4px) calc(var(--h) * var(--cam-y) * .4px) 0 color-mix(in oklab, var(--side), black 5%), calc(var(--h) * var(--cam-x) * .6px) calc(var(--h) * var(--cam-y) * .6px) 0 color-mix(in oklab, var(--side), black 10%), calc(var(--h) * var(--cam-x) * .8px) calc(var(--h) * var(--cam-y) * .8px) 0 color-mix(in oklab, var(--side), black 16%), calc(var(--h) * var(--cam-x) * 1px) calc(var(--h) * var(--cam-y) * 1px) 0 color-mix(in oklab, var(--side), black 24%), var(--cast)}}@layer base,materials,components,pages,desk,motion;@property --lift{syntax:"<number>";inherits:true;initial-value:0}@property --cam-x{syntax:"<number>";inherits:true;initial-value:.3}@property --cam-y{syntax:"<number>";inherits:true;initial-value:.62}
@layer tokens,depth;@layer base{*{box-sizing:border-box}html{scrollbar-gutter:stable;background:url(/brand/plaster.svg) 173px 61px / 731px, var(--l0) url(/brand/plaster.svg);scroll-behavior:smooth}html[data-cut]{scroll-behavior:auto}body{color:var(--ink);font:var(--w-light) 19px / 1.6 var(--serif);font-variation-settings:"SOFT" 100;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(110% 80% at 14% -6%, #fffbf39e, transparent 62%), radial-gradient(150% 115% at 46% 42%, transparent 58%, rgb(var(--umber) / .11) 100%), url(/brand/window.svg) left -6vw top -4vh / max(110vw, 1500px) auto no-repeat;position:fixed;inset:0}h1,h2,h3,p{font-weight:var(--w-light);margin:0}h1{letter-spacing:-.022em;font-size:clamp(36px,4.6vw,68px);line-height:1.02}h2{letter-spacing:-.015em;font-size:clamp(26px,2.8vw,40px);line-height:1.1}a{color:inherit;text-underline-offset:.22em;text-decoration-thickness:1px}img{max-width:100%;display:block}button,input{font:inherit;color:inherit}input[type=checkbox],input[type=radio]{accent-color:var(--red)}ul{margin:0;padding:0;list-style:none}:focus-visible{outline:2px solid var(--red);outline-offset:3px;border-radius:var(--round-inner)}::selection{background:var(--glow);color:var(--ink)}.skip{z-index:100;background:var(--l2);border-radius:var(--round-inner);padding:8px 14px;position:absolute;top:8px;left:-999px}.skip:focus{left:12px}.wm{font:var(--w-light) 18px / 1 var(--serif);letter-spacing:-.01em}.wm b{font-weight:var(--w-strong)}.quiet{color:var(--soft)}.small{font-size:15px}.crumb{color:var(--soft);font-size:15px}.slide>.crumb{border-radius:var(--round-inner);background:var(--paper-face);width:fit-content;box-shadow:var(--paper-edge), 1px 2px 5px -1px rgb(var(--umber) / .25);padding:7px 14px}.crumb a{text-decoration:none}.slide>.crumb a{margin-block:-9px;padding-block:9px;display:inline-block}.crumb a:hover{color:var(--ink)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}@layer materials,components,pages,desk,motion;
@layer tokens,depth,base;@layer materials{.canvas{--rim:#8c6f5d;--depth:16;--round-slab:var(--round-canvas);--px:0;--py:0;--cam-x:calc(.3 - var(--px) * .1);--cam-y:calc(.62 - var(--py) * .14);border-radius:var(--round-canvas);background:var(--paper);transform:perspective(1600px) rotateY(calc(var(--px) * 1.4deg)) rotateX(calc(var(--py) * -1.4deg));transition:transform 1.2s var(--flow), --lift .9s var(--flow), --cam-x 1.2s var(--flow), --cam-y 1.2s var(--flow);container-type:inline-size}@media (hover:hover){.canvas:has(.canvas-link):hover{--lift:6}.canvas:has(.canvas-link:active){--lift:-3;transition:transform 1.2s var(--flow), --lift .2s var(--glide)}}.canvas:has(.canvas-link:focus-visible){--lift:6}.painted{border-radius:inherit;opacity:0;width:100%;height:100%;transition:opacity 1s var(--flow);display:block;position:absolute;inset:0}.canvas[data-painted] .painted{opacity:1}.canvas:not([data-painted]){background:color-mix(in oklab, var(--paper) 88%, var(--prime,#c9a86a)) url(/brand/linen.svg);background-blend-mode:multiply}.canvas:not([data-painted]) .canvas-label{background:var(--prime-deep,#3a2a24);border-radius:var(--round-inner)}.canvas[data-painted=painting]{background:var(--ground,var(--paper)) url(/brand/linen.svg);background-blend-mode:multiply}.canvas[data-painted=painting] .canvas-label{opacity:0;transition:none}.canvas[data-painted=true]{background:var(--ground,var(--paper))}.lift{transition:transform 1.2s var(--flow)}.tilt .lift{transform:translate(calc(var(--px) * 4px), calc(var(--py) * 4px))}.canvas-link{z-index:1;border-radius:inherit;position:absolute;inset:0}.canvas-link:focus-visible{outline-offset:6px}.canvas-keys{z-index:3;gap:10px;display:flex;position:absolute;top:5cqi;right:5cqi}.canvas-label{transition:background-color .9s var(--flow), opacity .8s var(--flow);z-index:2;pointer-events:none;height:13%;color:var(--on-deep,var(--paper));text-shadow:0 1px 0 #00000038, 0 0 10px color-mix(in oklab, var(--deep,#3a2a24) 70%, transparent);align-content:center;gap:.25em;padding:0 6%;display:grid;position:absolute;top:76%;left:8%;right:8%}.canvas-label-line{font:var(--w-strong) clamp(12px, 5.6cqi, 21px) / 1.05 var(--serif);justify-content:space-between;align-items:baseline;gap:.6em;display:flex}.canvas-label-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.canvas-label-sub{z-index:2;pointer-events:auto;opacity:.78;font:var(--w-regular) clamp(11px, 4.2cqi, 15px) / 1.1 var(--serif);white-space:nowrap;text-overflow:ellipsis;justify-self:start;max-width:100%;text-decoration:none;position:relative;overflow:hidden}a.canvas-label-sub{margin-block:-9px;padding-block:9px}a.canvas-label-sub:hover{opacity:1;text-decoration:underline}.canvas-subject{z-index:0;object-fit:contain;width:74%;height:58%;position:absolute;top:10%;left:13%}.key{--face:var(--red);--ink-on:var(--on-red);--key-side:#4e171c;min-width:46px;height:46px;color:var(--ink-on);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;margin:0 4px 5px 0;padding:0;text-decoration:none;display:inline-grid;position:relative}.key--paper{--face:var(--l2);--key-side:#c9bca9;--ink-on:var(--ink)}.key--small{min-width:40px;height:40px}.key--wide{justify-self:start;height:58px}.key-face{--depth:7;--side:var(--key-side);white-space:nowrap;border-radius:var(--round);background:var(--face) url(/brand/linen.svg);background-blend-mode:multiply;height:100%;font:var(--w-regular) 17px / 1 var(--serif);transition:--lift .5s var(--spring), filter .3s;place-items:center;padding:0 12px;display:grid;position:relative}.key--wide .key-face{border-radius:var(--round);padding:0 30px}.key:hover .key-face{--lift:2}.key:active .key-face{--lift:-5.5;transition:--lift 60ms var(--glide)}.key:disabled{cursor:not-allowed}.key:disabled .key-face{--lift:-3;filter:saturate(.4);opacity:.6}.key:focus-visible{outline:none}.key:focus-visible .key-face{outline:2px solid var(--ink);outline-offset:3px}.canvas--piece{aspect-ratio:3/4.25;width:100%}.canvas--hero{width:min(40vw, 520px, calc((100svh - var(--top) - 9svh - var(--mat-y)) * 3 / 4.25));flex:none}.canvas--business{font-variation-settings:"SOFT" var(--soft,100), "WONK" var(--wonk,0);width:100%}.canvas--wide{aspect-ratio:16/6.5;max-height:38svh}.canvas--tile{aspect-ratio:4/3.4}[data-soft="0"]{--soft:0}[data-soft="50"]{--soft:50}[data-soft="100"]{--soft:100}[data-wonk="0"]{--wonk:0}[data-wonk="1"]{--wonk:1}[data-weight="380"]{--weight:380}[data-weight="440"]{--weight:440}[data-weight="500"]{--weight:500}.canvas--business .canvas-label--name{text-align:center;justify-items:center}.canvas--business .canvas-label--name .canvas-label-line{font-weight:var(--weight,440);letter-spacing:-.01em;justify-content:center;font-size:clamp(16px,6.4cqi,30px)}.canvas--business .canvas-label--name .canvas-label-sub{pointer-events:none;justify-self:center}.canvas--wide .canvas-label--name{height:auto;min-height:20%;padding-block:.35em;inset:auto 25% 10%}.canvas--wide .canvas-label--name .canvas-label-line{font-size:clamp(20px,3.3cqi,46px)}.canvas--tile .canvas-label--name{height:20%;top:71%;left:7%;right:7%}.medallion{z-index:2;aspect-ratio:1;--depth:9;--side:#d6cab8;background:var(--paper);pointer-events:none;width:clamp(76px,20cqi,172px);transition:--lift 1s var(--flow);border-radius:50%;place-items:center;display:grid;position:absolute;top:42%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}@media (hover:hover){.canvas:has(.canvas-link):hover .medallion{--lift:4}}.canvas--wide .medallion{width:clamp(90px,13cqi,180px);top:38%}.tilt .medallion.lift{transform:translate(-50%,-50%)}.medallion img{object-fit:cover;width:100%;height:100%}.medallion-initials{font:var(--w-regular) clamp(26px, 8cqi, 56px) / 1 var(--serif);color:var(--deep,var(--ink));letter-spacing:.02em;font-variation-settings:"SOFT" var(--soft,100), "WONK" var(--wonk,0)}@media (max-width:960px){.canvas--hero{width:min(88vw - var(--mat-x), 460px, max(180px, (100svh - var(--top) - 24px - var(--mat-y)) * 3 / 4.25))}.canvas--wide{aspect-ratio:4/3.6;max-height:none}.canvas--wide .canvas-label--name{left:10%;right:10%}}.panel{border-radius:var(--round);background:var(--paper-face);--depth:4;--round-slab:var(--round);box-shadow:var(--paper-edge), var(--cast);grid-template-columns:minmax(0,1fr);align-content:start;gap:18px;padding:clamp(20px,3vw,34px);display:grid}.panel--narrow{width:min(100%,460px);margin:0 auto}.panel-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 18px;display:flex}.panel h2{font-size:clamp(22px,2vw,28px)}.form{gap:16px;display:grid}.form--grid{grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr));align-items:start}.form--grid>.key{grid-column:1/-1}.form--row{flex-wrap:wrap;align-items:start;gap:14px 18px;display:flex}.form--row:not(:has(.field)){align-items:center}.form--row>.field~.key{margin-top:30px}.form--row>p{flex:280px}.form--inline{align-items:center;gap:8px;display:flex}.form--inline input{width:92px}.field{gap:6px;min-width:0;display:grid}.field>span{color:var(--soft);font-size:15px}.field small{color:var(--soft);font-size:13px;line-height:1.4}.field small.notice{color:var(--ink);background-position:8px,0 0,0 0;background-size:4px calc(100% - 14px),auto,auto;padding:8px 12px 8px 22px;font-size:14px}:is(.form--grid,.form--row)>.notice{flex-basis:100%;grid-column:1/-1}.field input,.field select,.field textarea,.form--inline input,.copy input,.copy textarea{border-radius:var(--round);background:var(--well-face);width:100%;min-height:46px;font:var(--w-regular) 17px / 1.4 var(--serif);color:var(--ink);box-shadow:var(--well-shade);transition:border-color .4s var(--flow), background-color .4s var(--flow), box-shadow .4s var(--flow);border:1px solid #0000;padding:10px 14px}.form--inline input{width:92px;min-height:40px}td>.form--inline{justify-content:flex-end;padding-left:18px}.field select{appearance:none;background:url(/brand/chevron.svg) no-repeat right 16px center / 12px 8px, var(--well-face);cursor:pointer;padding-right:40px}.field input[type=file]::file-selector-button{border-radius:var(--round-inner);background:var(--paper) url(/brand/linen.svg);background-blend-mode:multiply;font:var(--w-regular) 15px / 1.2 var(--serif);color:var(--ink);box-shadow:inset 1px 1px 0 #ffffffb3, 1px 2px 0 #d3c6b2, 2px 4px 6px -2px rgb(var(--umber) / .3);cursor:pointer;border:0;margin-right:12px;padding:6px 14px}.field input::placeholder,.field textarea::placeholder{color:color-mix(in oklab, var(--soft) 70%, transparent)}.field textarea,.copy textarea{resize:vertical;min-height:96px}.field input[type=file]{padding:9px 12px}.field input:focus,.field select:focus,.field textarea:focus,.form--inline input:focus{border-color:color-mix(in oklab, var(--red) 60%, transparent);background-color:var(--paper);box-shadow:var(--well-shade), 0 0 0 3px color-mix(in oklab, var(--red) 14%, transparent);outline:none}.field input:disabled,.field textarea:disabled,.field select:disabled{opacity:.6;cursor:not-allowed}.form-status:empty{display:none}.form-status,.form-done{font-size:16px}.form-done,.notice{--depth:2;--round-slab:var(--round-inner);--mark:var(--gold);border-radius:var(--round-inner);background:linear-gradient(var(--mark) 0 0) 10px 50% / 5px calc(100% - 20px) no-repeat, var(--paper-face);box-shadow:var(--paper-edge), var(--cast);padding:14px 18px 14px 26px}.notice{animation:settle .8s var(--flow) both;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;font-size:16px;display:flex}.notice--problem{--mark:var(--red)}.notice a{color:var(--red)}.figures{grid-template-columns:repeat(auto-fit,minmax(min(150px,100%),1fr));gap:16px;display:grid}.figure{--depth:3;--round-slab:var(--round);border-radius:var(--round);background:var(--paper-face);box-shadow:var(--paper-edge), var(--cast);align-content:start;gap:4px;padding:18px 20px;display:grid}.figure-label,.figure-note{color:var(--soft);font-size:14px}.figure-value:first-letter{text-transform:uppercase}.figure-value{font:var(--w-regular) clamp(26px, 2.6vw, 34px) / 1.1 var(--serif);letter-spacing:-.01em;font-variant-numeric:tabular-nums}.table{border-collapse:collapse;width:100%;font-size:16px}.table th{text-align:left;font-weight:var(--w-regular);color:var(--soft);font-size:14px}.table th,.table td{border-bottom:1px solid rgb(var(--umber) / .08);vertical-align:middle;padding:10px 12px 10px 0}.table thead th{background:var(--yarn) left bottom / 100% 1.5px no-repeat;border-bottom:0}.table tbody tr{transition:background-color .4s var(--flow)}.table tbody tr:hover{background-color:rgb(var(--umber) / .03)}@media (max-width:600px){.table{white-space:nowrap;display:block;position:relative;overflow-x:auto}}.table--tight td,.table--tight th{padding-block:6px}.number{text-align:right;font-variant-numeric:tabular-nums}.table .number{padding-left:12px;padding-right:0}.rows{margin:0;padding:0;list-style:none;display:grid}.rows>li{border-bottom:1px solid rgb(var(--umber) / .08);flex-wrap:wrap;align-items:center;gap:8px 16px;padding:12px 0;display:flex}.rows>li>:first-child{flex:220px}.rows>li:last-child{border-bottom:0}.row-thumb{object-fit:contain;border-radius:var(--round-inner);background:var(--well-face);width:44px;height:44px;box-shadow:var(--well-shade);flex:none!important}.tag{--dab:#b9a891;border-radius:var(--round-inner);background:var(--paper) url(/brand/linen.svg);background-blend-mode:multiply;box-shadow:inset 1px 1px 0 #ffffffb3, 0 0 0 1px rgb(var(--umber) / .08), 1px 2px 3px -1px rgb(var(--umber) / .25);white-space:nowrap;margin-left:8px;padding:2px 10px 2px 22px;font-size:13px;line-height:1.6;display:inline-block;position:relative}.tag:before{content:"";background:var(--dab);width:8px;height:7px;box-shadow:inset 1px 1px 0 #ffffff59, .5px 1px .5px rgb(var(--umber) / .3);border-radius:55% 45% 50% 40%;position:absolute;top:50%;left:9px;translate:0 -50%;rotate:-14deg}.tag--active,.tag--live,.tag--approved,.tag--sent,.tag--paid{--dab:var(--gold)}.tag--problem,.tag--declined,.tag--failed,.tag--ended{--dab:var(--red);color:var(--red)}.ledger{font-variant-numeric:tabular-nums;grid-template-columns:1fr auto;gap:8px 24px;max-width:460px;margin:0;display:grid}.ledger dt{color:var(--soft)}.ledger dd{text-align:right;margin:0}.ledger-total{background:var(--yarn) left top / 100% 1.5px no-repeat;font-weight:var(--w-regular);padding-top:10px;color:var(--ink)!important}.ledger--wide{grid-template-columns:minmax(120px,auto) 1fr;max-width:760px}.ledger--wide dd{text-align:left}.mount{--depth:3;--round-slab:var(--round);--mat-x:calc(var(--mat) * 2 + 5px);--mat-y:calc(var(--mat) * 2 + 10px);padding:var(--mat) calc(var(--mat) + 5px) calc(var(--mat) + 10px) var(--mat);border-radius:var(--round);background:var(--paper-face);box-shadow:var(--paper-edge), var(--cast);align-content:start;display:grid}.card{--depth:3;--round-slab:var(--round);border-radius:var(--round);background:var(--paper-face-laid);box-shadow:var(--paper-edge), var(--cast);align-content:start;gap:16px;padding:clamp(20px,2.6vw,32px);display:grid}.card-keys{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.page{--depth:3;--round-slab:var(--round);border-radius:var(--round);background:var(--paper-face);box-shadow:var(--paper-edge), var(--cast);padding:clamp(24px,4vw,56px)}.prose{gap:16px;display:grid}.prose a{color:var(--red)}.prose h2,.prose h3{margin:16px 0 0}.prose ul,.prose ol{padding-left:1.2em;list-style:outside}}@layer components,pages,desk,motion;
@layer tokens,depth,base,materials;@layer components{.intro{display:none}html[data-intro=play] .intro{z-index:90;background:var(--red);cursor:pointer;width:100vw;height:100vh;display:block;position:fixed;inset:0}.intro-skip{display:none}html[data-intro=play] .intro-skip{z-index:91;right:calc(var(--edge) * 2);bottom:calc(var(--edge) * 2);border-radius:var(--round-inner);color:var(--on-red);opacity:0;animation:intro-skip-in .6s var(--glide) .8s forwards;cursor:pointer;background:0 0;border:0;padding:8px 14px;font-size:14px;display:block;position:fixed}html[data-intro=play] .intro-skip:hover,html[data-intro=play] .intro-skip:focus-visible{background:#ffffff14}@media (forced-colors:active){html[data-intro=play] .intro,html[data-intro=play] .intro-skip{display:none}}.cut{display:none}html[data-cut] .cut{z-index:80;pointer-events:none;background:0 0;border:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;display:block;position:fixed;inset:0;overflow:visible}.cut::backdrop{display:none}html[data-cut=covering] .cut,html[data-cut=covered] .cut{pointer-events:auto;cursor:progress}@media (forced-colors:active){.cut{display:none!important}}.bar{z-index:40;top:var(--edge);left:var(--edge);right:var(--edge);border-radius:var(--round);--depth:3;--round-slab:var(--round);background:var(--paper-face);border:1px solid var(--line);height:56px;box-shadow:var(--paper-edge), var(--cast);display:flex;position:fixed}@media (max-height:340px){.bar{position:absolute}}.bar-nav{flex:1;align-items:stretch;min-width:0;display:flex}.bar-nav>a{border-right:1px solid var(--line);align-items:center;padding:0 18px;font-size:16px;text-decoration:none;transition:background-color .3s;display:flex}.bar-nav>a:hover,.bar-family-button:hover,.bar-family[data-open] .bar-family-button{background:var(--l2)}.bar-here{flex:1;align-items:center;gap:18px;min-width:0;padding:0 16px;display:flex}.bar-trail{min-width:0}.bar-trail ol{white-space:nowrap;align-items:center;gap:2px;margin:0;padding:0;list-style:none;display:flex}.bar-trail li{min-width:0;animation:trail-in .7s var(--flow) both;align-items:center;display:flex}.bar-trail li:nth-child(2){animation-delay:80ms}.bar-trail li:nth-child(3){animation-delay:.16s}.bar-trail li+li:before{content:"";border-top:1.5px solid var(--soft);border-right:1.5px solid var(--soft);flex:none;width:6px;height:6px;margin:0 10px 0 6px;rotate:45deg}.bar-trail a,.bar-trail span{text-overflow:ellipsis;border-radius:var(--round-inner);transition:background-color .4s var(--flow), color .4s var(--flow);padding:6px 10px;font-size:16px;text-decoration:none;overflow:hidden}.bar-trail a{color:var(--soft)}.bar-trail a:hover{color:var(--red);background:#fffdf8bf}.bar-trail [aria-current=page]{color:var(--ink);font-weight:var(--w-regular)}@media (max-width:760px){.bar-trail li:not(:last-child){display:none}.bar-here{padding:0 10px}}.bar-guide{gap:10px}.bar-guide-words{width:var(--words,auto);height:1.3em;transition:width .6s var(--flow);line-height:1.3;display:block;position:relative;overflow:hidden}.bar-guide-sizer{visibility:hidden;white-space:nowrap;position:absolute}.bar-guide-label{white-space:nowrap;animation:guide-in .55s var(--flow) both;position:absolute;top:0;left:0}.bar-guide-arrow{width:7px;height:7px;transition:rotate .55s var(--spring), translate .55s var(--spring);border-bottom:2px solid;border-right:2px solid;border-radius:1px;margin-left:2px;translate:0;rotate:-45deg}.bar-guide[data-way=down] .bar-guide-arrow{translate:0 -2px;rotate:45deg}.bar-guide[data-way=up] .bar-guide-arrow{translate:0 2px;rotate:-135deg}.bar-guide:hover .bar-guide-arrow{translate:2px}.bar-guide[data-way=down]:hover .bar-guide-arrow{translate:0 1px}.bar-guide[data-way=up]:hover .bar-guide-arrow{translate:0 -1px}@media (max-width:600px){.bar-nav>.bar-loom{padding:0 12px}.bar-here{padding:0 4px 0 2px}.bar-trail li+li:before{margin:0 6px 0 2px}.bar-trail a,.bar-trail span{padding:6px 4px;font-size:15px}}@media (max-width:359px){.bar-trail{display:none}}.bar-nav>a:not(.bar-loom){--depth:5;--side:var(--red-bright-side);border-radius:var(--round);background:var(--red-bright) url(/brand/linen.svg);background-blend-mode:multiply;height:40px;color:var(--on-red);transition:--lift .5s var(--spring);border-right:0;align-self:center;margin:0 10px 4px 0;padding:0 16px}.bar-nav>a:not(.bar-loom):hover,.bar-nav>a:not(.bar-loom):focus-visible{--lift:2;background-color:var(--red-bright)}.bar-nav>a:not(.bar-loom):focus-visible{outline:2px solid var(--ink);outline-offset:3px}.bar-nav>a:not(.bar-loom):active{--lift:-4;transition:--lift 60ms var(--glide)}.bar-nav>a.bar-icon{justify-content:center;width:40px;padding:0}.bar-go{align-items:center;padding:0 8px 0 0;display:flex}.bar-family{border-right:1px solid var(--line);position:relative}.bar-family-button{cursor:pointer;border-radius:var(--round) 0 0 var(--round);background:0 0;border:0;align-items:center;gap:10px;height:100%;padding:0 18px;transition:background-color .3s;display:flex}.bar-family-button .mark{transition:rotate .8s var(--flow)}.bar-family[data-open] .bar-family-button .mark{rotate:-12deg}.bar-menu{background:var(--l1);border:1px solid var(--line);border-radius:var(--round);min-width:260px;box-shadow:var(--wall);opacity:0;visibility:hidden;transform-origin:20px 0;transition:opacity .3s var(--flow), translate .4s var(--flow), scale .4s var(--flow), visibility 0s .4s;gap:2px;padding:6px;display:grid;position:absolute;top:calc(100% + 8px);left:0;translate:0 -6px;scale:.98}.bar-family[data-open] .bar-menu{opacity:1;visibility:visible;transition:opacity .35s var(--flow), translate .55s var(--flow), scale .55s var(--flow), visibility 0s;translate:0;scale:1}.bar-menu:before{content:"";height:10px;position:absolute;inset:-10px 0 auto}.bar-menu a{border-radius:var(--round-inner);gap:2px;padding:10px 14px;text-decoration:none;transition:background-color .2s;display:grid}.bar-menu a:hover,.bar-menu a:focus-visible{background:var(--l2)}.bar-menu a[aria-current=page] .wm{color:var(--red)}.bar-menu-note{color:var(--soft);font-size:13px}.mark{background:var(--red);flex:none;width:26px;height:25px;-webkit-mask:url(/brand/mark.svg) 50%/contain no-repeat;mask:url(/brand/mark.svg) 50%/contain no-repeat}.bar-count{background:var(--ink);min-width:19px;height:19px;color:var(--paper);font-variant-numeric:tabular-nums;animation:bump .5s var(--spring);border-radius:999px;place-items:center;padding:0 5px;font-size:11px;display:grid;position:absolute;top:-7px;right:-7px}@media (max-width:600px){.bar-nav>a:not(.bar-loom):not(.bar-icon),.bar-family-button .wm{display:none}.bar-nav>.bar-loom{border-right:0}}.slide{--measure:var(--stage);min-height:100svh;padding:var(--top) max(var(--gutter), calc((100% - var(--measure)) / 2)) 7svh;flex-direction:column;justify-content:safe center;gap:26px;display:flex;position:relative}.slide-head{--depth:3;--round-slab:var(--round);border-radius:var(--round);background:var(--paper-face-coldpress);width:fit-content;max-width:100%;box-shadow:var(--paper-edge), var(--cast);flex-wrap:wrap;align-items:center;gap:8px 22px;padding:clamp(16px,2vw,24px) clamp(20px,2.6vw,32px);display:flex}.slide-head p{color:var(--soft);font-size:15px}.slide-head-keys{flex-wrap:wrap;gap:10px;display:flex}.slide--text{--measure:820px}.dip{z-index:29;pointer-events:none;background:radial-gradient(125% 100% at 46% 44%, rgb(var(--umber) / .04) 25%, rgb(var(--umber) / .2) 100%);opacity:var(--between,0);will-change:opacity;position:fixed;inset:0}@media (max-width:600px){.slide{min-height:0;padding-bottom:40px}.slide:not(:first-child){scroll-margin-top:calc(var(--top) - 28px);padding-top:28px}}.slide--map{--plate:clamp(340px, 30vw, 480px);--between:clamp(22px, 2.4vw, 40px);container-type:inline-size}.mount--map{grid-template-columns:var(--plate) auto;align-self:center;align-items:stretch;gap:var(--between);grid-template-areas:"words map"}.mount--map>.map{grid-area:map;align-self:center}.map{width:min(100cqi - var(--plate) - var(--between) - var(--mat-x), (100svh - var(--top) - 9svh - var(--mat-y)) * 1043 / 678);aspect-ratio:1043/678;--depth:20;--rim:#e4d9c6;--round-slab:var(--round-canvas);border-radius:var(--round-canvas);background:var(--paper);touch-action:pan-y;position:relative}.map[data-painted=painting]{background:var(--ground,var(--paper)) url(/brand/linen.svg);background-blend-mode:multiply}.map--thread{cursor:grab}.map--holding,.map--holding *{cursor:grabbing;-webkit-user-select:none;user-select:none}.map-painting,.map-threads,.map-marks{border-radius:inherit;width:100%;height:100%;display:block;position:absolute;inset:0}.map-threads{pointer-events:none}.map-mark{fill:#0000;stroke:#0000;stroke-width:2px;cursor:pointer;transition:stroke .2s}@media (max-width:760px){.map-mark{r:52px}}.map-marks a:focus-visible .map-mark{stroke:var(--ink);stroke-opacity:.6}.map-marks a:focus{outline:none}.map-card{z-index:3;white-space:nowrap;pointer-events:none;border-radius:var(--round-inner);background:var(--paper-face);--depth:4;--lift:10;--round-slab:var(--round-inner);box-shadow:var(--paper-edge), var(--cast);animation:rise .6s var(--flow);gap:2px;padding:11px 16px 12px;display:grid;position:absolute;transform:translate(-50%,calc(-100% - 24px))}.map-card strong{font-size:18px;font-weight:var(--w-regular)}.map-card span{color:var(--soft);font-size:14px}.map-words{z-index:2;grid-area:words;grid-template-rows:auto minmax(0,1fr) auto;align-content:stretch;gap:clamp(16px,2.2svh,28px);padding:clamp(10px,1.4vw,22px) clamp(6px,.8vw,12px);display:grid}.map-words-head{gap:18px;display:grid}.map-words h1{text-wrap:balance;font-size:clamp(36px,3.5vw,60px)}.map-words-head p{max-width:30ch;color:var(--soft);font-size:18px}.map-words-foot{gap:18px;display:grid}@media (prefers-reduced-motion:no-preference){html[data-intro=play] :is(.map-words-head,.map-words-foot)>*{opacity:0}.map[data-entrance]~.map-words :is(.map-words-head,.map-words-foot)>*{animation:settle 1.3s var(--flow) both}.map[data-entrance]~.map-words .map-words-head>:first-child{animation-delay:.7s}.map[data-entrance]~.map-words .map-words-head>:nth-child(2){animation-delay:1.05s}html[data-intro=play] .legend>*{opacity:0}.map[data-entrance]~.map-words .legend>*{animation:settle 1.3s var(--flow) both}.map[data-entrance]~.map-words .legend>:first-child{animation-delay:1.5s}.map[data-entrance]~.map-words .legend>:nth-child(2){animation-delay:1.65s}.map[data-entrance]~.map-words .legend>:nth-child(3){animation-delay:1.8s}.map[data-entrance]~.map-words .map-words-foot>:first-child{animation-delay:2s}.map[data-entrance]~.map-words .map-words-foot>:nth-child(2){animation-delay:2.35s}}.legend{color:var(--soft);gap:8px;font-size:15px;line-height:1.4;display:grid}.legend-room{align-items:center;display:grid;container-type:size}@container (max-height:80px){.legend li:nth-child(3){display:none}}@container (max-height:51px){.legend{display:none}}.legend li{align-items:center;gap:14px;display:flex}.legend-mark{flex:0 0 38px;height:16px;position:relative}.legend-mark--pin:before{content:"";background:radial-gradient(circle at 35% 30%, color-mix(in oklab, var(--red), white 32%), var(--red) 55%, color-mix(in oklab, var(--red), black 45%));width:12px;height:12px;box-shadow:1px 2px 2px rgb(var(--umber) / .4);border-radius:50%;position:absolute;top:calc(50% - 6px);left:calc(50% - 6px)}.legend-mark--thread{background:radial-gradient(circle, var(--red) 2.5px, transparent 3px) left center / 6px 6px no-repeat, radial-gradient(circle, var(--red) 2.5px, transparent 3px) right center / 6px 6px no-repeat, linear-gradient(var(--glow), var(--gold)) center / calc(100% - 4px) 2.4px no-repeat;filter:drop-shadow(1px 1px 1px rgb(var(--umber) / .3))}.legend-mark--wash{background:radial-gradient(closest-side at 30% 50%, color-mix(in oklab, var(--red) 42%, transparent), transparent), radial-gradient(closest-side at 72% 50%, color-mix(in oklab, var(--gold) 46%, transparent), transparent);border-radius:40%}.tally{background:var(--yarn) left top / 100% 1.5px no-repeat;flex-wrap:wrap;gap:12px clamp(18px,2vw,30px);margin:0;padding-top:18px;display:flex}.tally div{display:grid}.tally dt{color:var(--soft);order:2;font-size:14px}.counted{position:relative}.counted-room{visibility:hidden}.counted-value{white-space:nowrap;position:absolute;inset:0 auto auto 0}.tally dd{font:var(--w-regular) clamp(24px, 2.2vw, 30px) / 1.15 var(--serif);letter-spacing:-.01em;font-variant-numeric:tabular-nums;margin:0}@media (max-width:1220px){.mount--map{width:min(100%, max(600px, (100svh - var(--top) - 230px - var(--mat-y)) * 1043 / 678 + var(--mat-x)));grid-template-columns:minmax(0,1fr);grid-template-areas:"map""words";gap:14px}.map{width:100%}.map-words{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:18px 28px;padding:6px 6px 2px;display:flex}.map-words-head{flex:240px;gap:12px}.map-words h1{font-size:clamp(30px,3.4vw,40px)}.map-words-head p{font-size:16px}.map-words-foot{flex:none}.legend-room{display:none}}@media (max-width:1220px) and (max-height:500px){.slide--map{justify-content:flex-start}.mount--map{width:min(100%, (100svh - var(--top) - 12px - var(--mat-y)) * 1043 / 678 + var(--mat-x))}}@media (max-width:600px){.slide--map{justify-content:flex-start}.map-words-foot{flex-basis:100%}}.sizes{gap:18px;display:grid}.sizes fieldset{border:0;margin:0;padding:0}.sizes legend{color:var(--soft);margin-bottom:10px;font-size:15px}.size-row{flex-wrap:wrap;gap:12px;display:flex}.size input{opacity:0;pointer-events:none;position:absolute}.size span{border-radius:var(--round);cursor:pointer;background:var(--paper) url(/brand/linen.svg);min-width:54px;height:46px;transition:--lift .5s var(--spring), background-color .35s var(--flow), color .35s var(--flow);place-items:center;margin:0 3px 4px 0;padding:0 12px;font-size:16px;display:grid}.size span:hover{--lift:2}.size span:active{--lift:-5.5;transition:--lift 60ms var(--glide)}.size input:checked+span{background-color:var(--ink);color:var(--paper);background-blend-mode:multiply;--side:#120a0b;--lift:-4}.size input:disabled+span{opacity:.35;cursor:not-allowed;text-decoration:line-through}.size input:focus-visible+span{outline:2px solid var(--red);outline-offset:3px}.sizes-status:empty{display:none}.footer{scroll-snap-align:end;--side:max(var(--gutter), calc((100% - var(--stage)) / 2));padding:34px var(--side) 44px;color:var(--soft);flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:15px;display:flex;position:relative}.footer:before{content:"";top:0;left:var(--side);right:var(--side);background:var(--yarn);height:1.5px;box-shadow:1px 1.5px 1.5px rgb(var(--umber) / .22);opacity:.8;position:absolute}.footer nav{flex-wrap:wrap;gap:8px 20px;display:flex}.footer a{transition:color .4s var(--flow);text-decoration:none}.footer a:hover{color:var(--ink)}.preview{z-index:35;left:var(--edge);bottom:var(--edge);border-radius:var(--round);background:var(--ink) url(/brand/linen.svg);background-blend-mode:soft-light;color:var(--l1);box-shadow:0 10px 20px -12px rgb(var(--umber) / .6);padding:7px 14px;font-size:13px;position:fixed}html:has(dialog.sheet[open]){overflow:hidden}.sheet{color:var(--ink);background:0 0;border:0;max-width:none;max-height:none;padding:0;overflow:visible}.sheet:focus-visible{outline:none}.sheet::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:sheet-shade .5s var(--flow) both;background:#2b1a1c52}.sheet[data-closing]::backdrop{animation:sheet-shade .34s var(--flow) reverse both}.sheet-paper{border-radius:var(--round);background:var(--paper-face);--depth:4;--round-slab:var(--round);box-shadow:var(--paper-edge), var(--cast), 0 30px 80px -20px rgb(var(--umber) / .45);align-content:start;gap:18px;padding:22px;display:grid}.sheet--centre{width:min(100vw - 2 * var(--edge), 620px);margin:max(12vh, var(--top)) auto auto}.sheet--centre .sheet-paper{max-height:min(78vh,720px);animation:sheet-drop .6s var(--flow) both;overflow:auto}.sheet--centre[data-closing] .sheet-paper{animation:sheet-lift .34s var(--flow) both}.sheet--right{width:min(100vw - 2 * var(--edge), 460px);height:calc(100dvh - 2 * var(--edge));margin:var(--edge) var(--edge) var(--edge) auto}.sheet--right .sheet-paper{height:100%;animation:sheet-slide .65s var(--flow) both;grid-template-rows:auto 1fr auto;overflow:auto}.sheet--right[data-closing] .sheet-paper{animation:sheet-away .34s var(--flow) both}.sheet-head{justify-content:space-between;align-items:start;gap:16px;display:flex}.sheet-head h2{font-size:clamp(24px,2.4vw,30px)}.sheet-paper>*{min-width:0}.sheet-empty{text-align:center;align-content:center;justify-items:center;gap:12px;padding-bottom:12vh;display:grid}.sheet-empty .canvas--blank{width:112px;margin:10px 0 14px;rotate:-3deg}.sheet-foot{background:var(--yarn) left top / 100% 1.5px no-repeat;gap:10px;padding-top:18px;display:grid}.sheet-foot .key--wide{justify-self:stretch}.sheet-subtotal{justify-content:space-between;font-size:20px;display:flex}.bag--sheet{align-content:start;gap:12px}.bag--sheet .bag-line{--depth:2;grid-template-columns:64px minmax(0,1fr) auto;padding:10px}.bag--sheet .bag-thumb{width:64px;height:64px}@media (max-width:600px){.bag--sheet .bag-line{grid-template-columns:56px minmax(0,1fr)}.bag--sheet .bag-thumb{width:56px;height:56px}.bag--sheet .bag-keys{grid-column:2}}.bag--sheet .bag-total{text-align:left;font-size:15px}.search-sheet{margin:0}.search-field{border-radius:var(--round);background:var(--well-face);box-shadow:var(--well-shade);color:var(--soft);transition:border-color .4s var(--flow), background-color .4s var(--flow), box-shadow .4s var(--flow);border:1px solid #0000;align-items:center;gap:12px;padding:4px 14px;display:flex}.search-field:focus-within{border-color:color-mix(in oklab, var(--red) 60%, transparent);background-color:var(--paper);box-shadow:var(--well-shade), 0 0 0 3px color-mix(in oklab, var(--red) 14%, transparent)}.search-field input{width:0;min-width:0;height:52px;font:var(--w-regular) 20px / 1.2 var(--serif);color:var(--ink);background:0 0;border:0;flex:1}.search-field input:focus{outline:none}input[type=search]::-webkit-search-cancel-button{appearance:none}input[type=search]::-webkit-search-decoration{appearance:none}@media (hover:none){.search-field kbd{display:none}}.search-field kbd{border-radius:var(--round-small);background:var(--paper);font:12px var(--serif);color:var(--soft);padding:2px 8px;box-shadow:inset 1px 1px #fffc,1px 1.5px #d3c6b2}.search-results{gap:2px;display:grid}.search-group{color:var(--soft);letter-spacing:.04em;margin:12px 0 6px;font-size:13px}.search-result{border-radius:var(--round-inner);transition:background-color .35s var(--flow), box-shadow .35s var(--flow);grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:14px;padding:8px 10px;text-decoration:none;display:grid}.search-result[aria-selected=true]{background-color:var(--paper);box-shadow:inset 1px 1px 0 #fffc, 0 0 0 1px rgb(var(--umber) / .06), 2px 4px 10px -4px rgb(var(--umber) / .3)}.search-result>span:nth-child(2){display:grid}.search-result strong{font-weight:var(--w-regular)}.search-thumb{border-radius:var(--round-inner);background:var(--thumb,var(--well-face));width:44px;height:44px;box-shadow:var(--well-shade);place-items:center;display:grid;overflow:hidden}.search-thumb--round{border-radius:50%}.search-thumb img{object-fit:contain;width:100%;height:100%}.search-thumb--round img{background:var(--paper);border-radius:50%;width:70%;height:70%}.search-price{font-variant-numeric:tabular-nums}.search-none{padding:12px 10px}.search-results mark{color:var(--red);background:0 0}.search-starts{gap:14px;display:grid}.search-start-row{gap:6px;display:grid}.search-start-row .search-group{margin:0}.search-none .search-starts{margin-top:14px}.bag{gap:18px;max-width:820px;margin:0;padding:0;list-style:none;display:grid}.bag-line{border-radius:var(--round);background:var(--paper-face);--depth:4;--round-slab:var(--round);box-shadow:var(--paper-edge), var(--cast);grid-template-columns:76px minmax(0,1fr) auto 90px;align-items:center;gap:18px;padding:14px;display:grid}.bag-thumb{object-fit:contain;border-radius:var(--round-inner);background:var(--well-face);width:76px;height:76px;box-shadow:var(--well-shade)}.bag-words{gap:4px;display:grid}.bag-words a{font-size:18px;text-decoration:none}.bag-keys{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.bag-keys output{text-align:center;font-variant-numeric:tabular-nums;min-width:2ch}.bag-message{color:var(--red);flex-basis:100%;font-size:14px}.bag-total{text-align:right;font-variant-numeric:tabular-nums}.bag-goes{text-wrap:pretty;font-size:16px;line-height:1.45}.bag-foot{justify-items:start;gap:10px;max-width:820px;margin-top:12px}@media (max-width:600px){.bag-line{grid-template-columns:60px minmax(0,1fr) auto}.bag-thumb{width:60px;height:60px}.bag-total{text-align:left;grid-column:2/-1}}.lamp{border-radius:inherit;pointer-events:none;opacity:0;width:100%;height:100%;transition:opacity .45s var(--flow);display:block;position:absolute;inset:0}.lamp--on{opacity:1}.canvas--blank{--depth:12;--rim:#d8ccb8;aspect-ratio:3/3.8;width:clamp(140px,18vw,200px);box-shadow:inset 2px 2px 2px -1px #ffffffe6, inset -2px -2px 3px -1px rgb(var(--umber) / .14), var(--cast)}.empty{flex-wrap:wrap;align-items:center;gap:28px 40px;width:fit-content;max-width:100%;display:flex}.empty-words{flex:260px;justify-items:start;gap:18px;display:grid}.lost .canvas--blank{width:96px;margin-bottom:8px;rotate:-4deg}.canvas-next{border-radius:inherit;pointer-events:none;opacity:0;width:100%;height:100%;transition:opacity .8s var(--flow);position:absolute;inset:0}.canvas[data-next] .canvas-next{opacity:1;filter:drop-shadow(1px 2px 1.5px rgb(var(--umber) / .6)) drop-shadow(0 0 7px #ffecbebf);transition-duration:.35s;animation:1.6s ease-in-out .8s 3 alternate both wet}.canvas-next-note{z-index:3;border-radius:var(--round-inner);background:var(--paper) url(/brand/linen.svg);max-width:34%;color:var(--soft);pointer-events:none;opacity:0;box-shadow:0 10px 20px -12px rgb(var(--umber) / .45);transition:opacity .6s var(--flow), translate .8s var(--flow);padding:8px 12px;font-size:clamp(12px,1.1cqi,15px);line-height:1.35;position:absolute;top:6%;left:3%;translate:0 6px}.canvas[data-next] .canvas-next-note{opacity:1;transition-delay:.35s;translate:0}.canvas--tile .canvas-next-note{display:none}@media (max-width:960px){.canvas-next-note{display:none}}.waiting{animation:waiting-in .6s var(--flow) .25s both;flex-direction:column;flex:1;gap:26px;display:flex}:is(.underdrawing g>*,.pencil):nth-child(2){--order:1}:is(.underdrawing g>*,.pencil):nth-child(3){--order:2}:is(.underdrawing g>*,.pencil):nth-child(4){--order:3}:is(.underdrawing g>*,.pencil):nth-child(5){--order:4}:is(.underdrawing g>*,.pencil):nth-child(6){--order:5}.underdrawing g>:nth-child(7){--order:6}.underdrawing g>:nth-child(8){--order:7}.underdrawing g>:nth-child(9){--order:8}.underdrawing g>:nth-child(10){--order:9}.underdrawing g>:nth-child(n+11){--order:10}.underdrawing{--charcoal:1.8;--sepia:color-mix(in oklab, rgb(var(--umber)) 74%, var(--gold));width:100%;height:100%;clip-path:inset(0 round var(--round-canvas));pointer-events:none;fill:none;stroke-linecap:round;stroke-linejoin:round;will-change:transform;display:block;position:absolute;inset:0;-webkit-mask:url(/brand/linen.svg),linear-gradient(#000000b8 0 0);mask:url(/brand/linen.svg),linear-gradient(#000000b8 0 0)}.canvas--hero .underdrawing{--charcoal:1.25}.canvas--business .underdrawing{--charcoal:2.2}@media (max-width:960px){.canvas--wide .underdrawing{--charcoal:3.6}}.underdrawing--1{--begin:.5s}.underdrawing--2{--begin:.7s}.underdrawing--3{--begin:.9s}:is(.shelf,.grid) .underdrawing{--queue:.25s}.underdrawing path{--at:calc(var(--begin,.3s) + var(--queue,0s) + var(--order,0) * .22s)}.underdrawing-wash path{--at:calc(var(--begin,.3s) + var(--queue,0s) + .45s + var(--order,0) * .9s);opacity:.8;stroke-dasharray:1 2;animation:wash-in 3.2s var(--flow) var(--at) both}.underdrawing .ochre{stroke:color-mix(in oklab, var(--gold) 17%, transparent)}.underdrawing .umber{stroke:color-mix(in oklab, var(--sepia) 8%, transparent)}:is(.underdrawing-lines,.underdrawing-ghost) path{--draw:1.3s;stroke:color-mix(in oklab, var(--sepia) 64%, transparent);stroke-width:var(--charcoal)}:is(.underdrawing-lines,.underdrawing-ghost) .guide{--draw:.8s;stroke:color-mix(in oklab, var(--sepia) 26%, transparent);stroke-width:calc(var(--charcoal) * .6)}:is(.underdrawing-lines,.underdrawing-ghost) .gesture{--draw:2s}:is(.underdrawing-lines,.underdrawing-ghost) :is(.hatch,.note){--draw:.8s;stroke-width:calc(var(--charcoal) * .75)}.underdrawing-lines path{stroke-dasharray:1 2;animation:draw-in var(--draw) var(--flow) var(--at) both, restate 10s var(--flow) calc(var(--at) + 3s) infinite}.underdrawing-ghost{opacity:.32}.underdrawing-ghost path{opacity:0;animation:ghost 10s var(--flow) calc(var(--at) + 3s) infinite}.pencil{--at:calc(var(--from,.4s) + var(--order,0) * .28s);--write:1.4s;--nib:.9em;width:100%;height:.75em;margin:.3em 0;display:block;position:relative}.pencil:before,.pencil:after{content:"";border-radius:var(--round-small);position:absolute;inset:0}.pencil:before{opacity:0;background:repeating-linear-gradient(-62deg, rgb(var(--umber) / .06) 0 1px, transparent 1px 3px);animation:ghost 10s var(--flow) calc(var(--at) + 3s) infinite}.pencil:after{background:repeating-linear-gradient(-62deg, rgb(var(--umber) / .13) 0 1px, transparent 1px 3px), rgb(var(--umber) / .045);-webkit-mask:linear-gradient(to right, #000 calc(100% - var(--nib)), transparent) 0 0 / calc(100% + var(--nib)) 100% no-repeat;mask:linear-gradient(to right, #000 calc(100% - var(--nib)), transparent) 0 0 / calc(100% + var(--nib)) 100% no-repeat;animation:write-in var(--write) var(--flow) var(--at) both, rewrite 10s var(--flow) calc(var(--at) + 3s) infinite}.pencil--title{--write:1s;width:min(260px,70vw);height:1.4em}.pencil--short{--write:.7s;width:min(120px,40%)}.slide-head .pencil--title{height:clamp(36px,4vw,56px)}.figure .pencil--title{width:min(140px,80%)}.waiting-sheet{gap:10px}.waiting .piece-words{--from:.8s;width:min(100%,460px)}:is(.slide-head,.figures)+.waiting-sheet{--from:1s}.waiting .figure:nth-child(2){--from:.7s}.waiting .figure:nth-child(3){--from:1s}@media (max-width:600px){.slide:not(:first-child):has(>.waiting){padding-top:var(--top)}}}@layer pages,desk,motion;.bag-checkout{display:contents}
@layer tokens,depth,base,materials,components;@layer pages{.today-frame{--k:calc(10 / 4.25);--gaps:68px;width:min(100%, calc((100svh - var(--top) - 7svh - 130px - var(--mat-y)) * var(--k) + var(--gaps) + var(--mat-x)));gap:26px;margin-inline:auto;display:grid}.today-frame[data-count="2"]{--k:calc(7 / 4.25);--gaps:34px}.today-frame[data-count="1"]{--k:calc(4 / 4.25);--gaps:0px}.today{grid-template-columns:minmax(0,4fr);grid-auto-columns:minmax(0,3fr);grid-auto-flow:column;align-items:start;gap:34px;display:grid}.today .canvas--tile{aspect-ratio:4/4.25}.plate{--depth:3;--round-slab:var(--round);border-radius:var(--round);background:linear-gradient(90deg, var(--red), #c2603a) 0 0 / 46px 4px no-repeat, var(--paper-face-coldpress);box-shadow:var(--paper-edge), var(--cast);background-position:clamp(20px,2vw,28px) clamp(14px,1.4vw,20px),0 0;grid-template-rows:1fr auto;gap:18px;padding:clamp(20px,2vw,28px);display:grid}.plate-words{align-content:start;gap:10px;padding-top:14px;display:grid}.plate h1,.plate h2{text-wrap:balance;font-size:clamp(26px,2.3vw,36px);line-height:1.1}.plate p{color:var(--soft);font-size:16px;line-height:1.5}.plate-keys{flex-wrap:wrap;gap:10px;display:flex}.board-head{flex-wrap:wrap;align-items:baseline;gap:4px 18px;padding:2px 4px 0;display:flex}.board-head h2{font-size:clamp(24px,2.2vw,32px)}.board-head p{font-size:15px}.today-board{gap:16px}.wall{grid-template-columns:repeat(auto-fill,minmax(min(310px,100%),1fr));gap:34px 30px;display:grid}.shelf{--piece:290px;grid-auto-flow:column;grid-auto-columns:minmax(0, var(--piece));justify-content:center;gap:30px;display:grid}.slide--business{--hero-height:min(38svh, min(var(--stage), 100vw - 2 * var(--gutter)) * 6.5 / 16, max(160px, 100svh - var(--top) - 26px - 52px - 7svh - 30px - 170px * 4.25 / 3 - var(--mat-y)))}@media (min-width:961px){.slide--business .canvas--wide{max-height:var(--hero-height)}}.mount--business{gap:26px}.mount--business>.empty{flex-wrap:nowrap;justify-self:center;gap:22px 28px;padding:4px 0 6px}.mount--business>.empty .canvas--blank{flex:none;width:clamp(88px,9vw,120px)}.mount--business>.empty .empty-words{flex:0 auto}@media (max-width:600px){.mount--business>.empty{justify-self:stretch;gap:16px}.mount--business>.empty .canvas--blank{width:72px}}.slide--business .shelf{--piece:clamp(170px, calc((100svh - var(--top) - var(--hero-height) - 26px - 52px - 7svh - 30px - var(--mat-y)) * 3 / 4.25), 290px)}@media (max-width:960px){.shelf{scroll-snap-type:x mandatory;grid-auto-columns:clamp(220px,40vw,290px);justify-content:start;margin:0 -14px 0 -4px;padding:6px 14px 30px 4px;overflow-x:auto}.shelf>li{scroll-snap-align:start}}.grid{grid-template-columns:repeat(auto-fill,minmax(min(240px,100%),1fr));gap:38px 30px;display:grid}.piece{--mat:clamp(18px, 2.4vw, 34px);grid-template-columns:auto minmax(0,540px);justify-content:center;place-self:center;align-items:center;gap:clamp(26px,4vw,64px);max-width:100%}.canvas--hero .canvas-subject{top:17%}.piece-words{gap:16px;max-width:600px;padding-block:8px;display:grid}.piece-price{font-size:26px}.slide--story{justify-content:center;align-items:center}.story{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:clamp(22px,4vw,54px);width:min(100%,980px)}.story-canvas{--depth:12;aspect-ratio:4/4.4}.story-canvas .medallion{width:clamp(70px,34cqi,140px);top:50%}.story-words{align-content:center;gap:16px;display:grid}.story .story-words h2{font-size:clamp(26px,3vw,40px)}@media (max-width:700px){.story{grid-template-columns:minmax(0,1fr)}.story-canvas{aspect-ratio:16/9}}@media (max-width:960px){.today-frame{width:100%}.today{grid-template-columns:none;grid-auto-columns:min(78vw,360px);grid-auto-flow:column;padding-bottom:24px;overflow-x:auto}.piece{grid-template-columns:1fr;justify-items:center}.slide--business .shelf{grid-auto-columns:min(64vw,280px)}}@media (max-width:600px){.today .canvas--tile{aspect-ratio:3/4.25}}.slide--search{--measure:820px}.slide--search:has(.grid){--measure:var(--stage)}.search{width:100%;max-width:820px}.slide--bag{--measure:860px}.slide:has(>.empty){--measure:700px}.slide>.empty{width:100%}.slide--more{align-items:center}@media (max-width:960px){.slide--more{align-items:stretch}}.search-head{flex-wrap:wrap;align-items:baseline;gap:4px 18px;display:flex}.search-head h1{font-size:clamp(32px,3.4vw,48px)}.search input{font-size:22px}.slide--how{--measure:1220px}.slide--how .slide-head{gap:10px;display:grid}.slide--money{--measure:1120px}.money{--mat:clamp(18px, 2.4vw, 34px);grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);align-items:stretch;gap:clamp(22px,3vw,44px)}.money-words{align-content:center;gap:16px;display:grid}.money-words h2{font-size:clamp(26px,2.4vw,36px)}.money-canvas{--depth:14;min-height:260px}.money-canvas .money-half{height:36%;font:var(--w-regular) clamp(64px, 24cqi, 150px) / 1 var(--serif);justify-items:center;padding:0;top:32%;left:25%;right:25%}@media (max-width:760px){.money{grid-template-columns:minmax(0,1fr)}.money-canvas{aspect-ratio:16/9;min-height:0}}.storyboard{--gap:clamp(18px, 2.2vw, 34px);gap:var(--gap);grid-template-columns:repeat(4,minmax(0,1fr));margin:10px 0 0;padding:0;list-style:none;display:grid}.frame{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr);gap:14px;position:relative}.frame-canvas{--depth:12;aspect-ratio:4/4.6;max-height:calc(100svh - var(--top) - 330px - var(--mat-y));width:100%;min-width:0;min-height:min(150px,50vw)}.frame-canvas .frame-number{width:30%;height:20%;font:var(--w-regular) clamp(28px, 11cqi, 46px) / 1 var(--serif);justify-items:center;padding:0;top:74%;left:9%;right:auto}.frame-label{align-content:start;gap:8px;padding:4px 4px 2px;display:grid}.frame-label h2{font-size:clamp(20px,1.7vw,24px)}.frame-label p{font-size:16px;line-height:1.55}.frame-pin{z-index:4;background:radial-gradient(circle at 35% 30%, #c4545a, var(--red) 55%, #3e1216);width:12px;height:12px;box-shadow:1px 2px 2px rgb(var(--umber) / .45), inset -1px -1px 1px #00000040;border-radius:50%;position:absolute;top:-5px;left:calc(50% - 6px)}.frame-thread{z-index:3;width:calc(100% + var(--gap));pointer-events:none;height:clamp(18px,2.4vw,34px);filter:drop-shadow(1px 2px 1px rgb(var(--umber) / .35));position:absolute;top:1px;right:50%;overflow:visible}.frame-thread path{fill:none;stroke:#b8862a;stroke-width:2.6px;stroke-linecap:round;vector-effect:non-scaling-stroke}.frame-thread path+path{stroke:#ecc35f;stroke-width:1px;translate:0 -.5px}@media (max-width:1080px){.storyboard{row-gap:calc(var(--gap) * 1.6);grid-template-columns:repeat(2,minmax(0,1fr))}.frame:nth-child(odd) .frame-thread{display:none}.frame-canvas{aspect-ratio:16/8;max-height:none}}@media (max-width:600px){.storyboard{grid-template-columns:minmax(0,1fr)}.frame-thread,.frame-pin{display:none}}.slide--join{--measure:1080px}.join{--mat:clamp(22px, 2.8vw, 40px);grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start;gap:clamp(26px,4vw,56px)}.join-words{gap:16px;display:grid}.join-words h2{font-size:clamp(30px,3vw,44px)}.join-next{counter-reset:next;gap:10px;margin:4px 0;padding:0;list-style:none;display:grid}.join-next li{counter-increment:next;grid-template-columns:30px 1fr;align-items:baseline;gap:12px;font-size:17px;display:grid}.join-next li:before{content:counter(next);background:var(--red);width:30px;height:26px;color:var(--on-red);border-radius:9px 12px 8px 11px;place-items:center;font-size:15px;display:grid}.join-next li:nth-child(2):before{background:#c2603a}.join-next li:nth-child(3):before{background:var(--gold);color:var(--ink)}.join-form{gap:14px}.join-canvas{--depth:10;aspect-ratio:16/9;margin-top:6px}@media (max-width:860px){.join-canvas{display:none}}.join-place{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:14px;display:grid}.join-kind{border:0;flex-wrap:wrap;gap:8px 22px;margin:0;padding:0;font-size:16px;display:flex}.join-trap{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.join-done{align-self:center}@media (max-width:860px){.join{grid-template-columns:minmax(0,1fr)}}.account{min-height:100svh;padding:var(--top) var(--gutter) 60px;place-items:center;display:grid}.sign-in-passkey{gap:10px;display:grid}.sign-in-passkey+.form{background:var(--yarn) left top / 100% 1.5px no-repeat;padding-top:20px}}@layer desk,motion;
@layer tokens,depth,base,materials,components,pages,desk;@layer motion{@keyframes settle{0%{opacity:0;translate:0 12px}}@keyframes grow{0%{transform:scaleY(.02)}}@keyframes bump{40%{scale:1.35}}@keyframes intro-skip-in{to{opacity:.7}}@keyframes rise{0%{opacity:0;transform:translate(-50%,calc(-100% - 12px))scale(.97)}}@keyframes sheet-shade{0%{opacity:0}}@keyframes sheet-drop{0%{opacity:0;translate:0 -14px;scale:.98}}@keyframes sheet-lift{to{opacity:0;translate:0 -10px;scale:.98}}@keyframes sheet-slide{0%{translate:104%}}@keyframes sheet-away{to{translate:104%}}@keyframes wet{to{filter:drop-shadow(1px 2px 1.5px rgb(var(--umber) / .6)) drop-shadow(0 0 2px #ffecbe59)}}@keyframes guide-in{0%{opacity:0;translate:0 .9em}}@keyframes trail-in{0%{opacity:0;translate:-8px}}@keyframes waiting-in{0%{opacity:0}}@keyframes draw-in{0%{stroke-dashoffset:1px}}@keyframes wash-in{0%{stroke-dashoffset:1px;opacity:1}55%{stroke-dashoffset:0;opacity:1}}@keyframes write-in{0%{-webkit-mask-size:0 100%;mask-size:0 100%}}@keyframes restate{0%,40%{opacity:1;stroke-dashoffset:0}50%{opacity:0;stroke-dashoffset:0}50.1%{opacity:0;stroke-dashoffset:1px}51%{opacity:1;stroke-dashoffset:1px}72%,to{opacity:1;stroke-dashoffset:0}}@keyframes rewrite{0%,40%{opacity:1;-webkit-mask-size:calc(100% + var(--nib)) 100%;mask-size:calc(100% + var(--nib)) 100%}50%{opacity:0;-webkit-mask-size:calc(100% + var(--nib)) 100%;mask-size:calc(100% + var(--nib)) 100%}50.1%{opacity:0;-webkit-mask-size:0 100%;mask-size:0 100%}51%{opacity:1;-webkit-mask-size:0 100%;mask-size:0 100%}65%,to{opacity:1;-webkit-mask-size:calc(100% + var(--nib)) 100%;mask-size:calc(100% + var(--nib)) 100%}}@keyframes ghost{0%,40%{opacity:0}50%,72%{opacity:1}86%,to{opacity:0}}.enter{animation:settle 1s var(--flow) both}@keyframes dab{0%{background-size:0 4px,auto,auto}}.desk .figure{animation:dab .9s var(--flow) both}.desk .figure:nth-child(2){animation-delay:80ms}.desk .figure:nth-child(3){animation-delay:.16s}.desk .figure:nth-child(4){animation-delay:.24s}.desk .figure:nth-child(5){animation-delay:.32s}.desk .figure:nth-child(n+6){animation-delay:.4s}@keyframes dab-on{0%{opacity:0;rotate:-14deg;scale:.4}}.join-next li:before{animation:dab-on .7s var(--spring) both}.join-next li:nth-child(2):before{animation-delay:.15s}.join-next li:nth-child(3):before{animation-delay:.3s}.enter.enter--cut{animation:none}@keyframes plate-dab{0%{background-size:0 4px,auto,auto,auto}}@keyframes thread-across{0%{scale:0 1}}@supports (animation-timeline:view()){.plate{animation:linear both plate-dab;animation-timeline:view();animation-range:entry 30%}.footer:before{transform-origin:0;animation:linear both thread-across;animation-timeline:view();animation-range:entry}.slide-head,.frame,.grid>li,.shelf>li,.wall>li,.today>*,.piece-words,.story{animation:settle var(--flow) both;animation-timeline:view();animation-range:entry entry 80%}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cut{display:none!important}html[data-intro=play] .intro,html[data-intro=play] .intro-skip{display:none}.canvas,.lift,.tilt .lift{transition:none;transform:none!important}.medallion.lift,.tilt .medallion.lift{transform:translate(-50%,-50%)!important}.key-face,.size span{transition:none}*,:before,:after,.sheet::backdrop{animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important;animation-timeline:auto!important}*,:before,:after{transition-property:opacity,color,background-color,border-color,box-shadow!important}.underdrawing path,.pencil:before,.pencil:after{animation:none!important}}}