@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)}
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--gutter:clamp(18px, 4.5vw, 72px);--top:calc(var(--edge) * 2 + 56px + 22px);--paper:#fbf8f3;--well:var(--l0);--round:var(--r-m);--round-inner:var(--r-s);--spring:cubic-bezier(.34, 1.7, .5, 1);--wall:0 10px 18px -12px #2b1a1c59, 0 34px 60px -34px #2b1a1c61}*{box-sizing:border-box}html{scrollbar-gutter:stable;background:var(--l0);scroll-snap-type:y proximity;scroll-behavior:smooth}body{color:var(--ink);background:var(--l0);font:var(--w-light) 19px / 1.6 var(--serif);font-variation-settings:"SOFT" 100;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin: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}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}.crumb a{text-decoration:none}.crumb a:hover{color:var(--ink)}.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}@keyframes intro-skip-in{to{opacity:.7}}@media (prefers-reduced-motion:reduce),(forced-colors:active){html[data-intro=play] .intro,html[data-intro=play] .intro-skip{display:none}}.bar{z-index:40;top:var(--edge);left:var(--edge);right:var(--edge);border-radius:var(--round);background:var(--l1);border:1px solid var(--line);height:56px;display:flex;position:fixed}.bar-nav{flex:1;align-items:stretch;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-fill{border-right:1px solid var(--line);flex:1}.bar-icon{color:var(--soft)}.bar-go{align-items:center;padding:0 8px;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 .6s var(--spring)}.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 .18s var(--glide), translate .3s var(--glide), scale .3s var(--glide), visibility 0s .3s;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 .18s var(--glide), translate .4s var(--spring), scale .4s var(--spring), 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}.slide{scroll-snap-align:start;min-height:100svh;padding:var(--top) var(--gutter) 7svh;flex-direction:column;gap:26px;display:flex;position:relative}.slide-head{flex-wrap:wrap;align-items:baseline;gap:6px 20px;display:flex}.slide-head p{color:var(--soft);font-size:15px}.dots{z-index:30;gap:10px;display:grid;position:fixed;top:50%;right:20px;transform:translateY(-50%)}.dots a{background:var(--soft);opacity:.35;width:7px;height:7px;transition:height .5s var(--glide), opacity .5s;border-radius:999px;display:block}.dots a[aria-current=location]{opacity:.9;background:var(--red);height:24px}.canvas{--rim:#8c6f5d;--px:0;--py:0;isolation:isolate;border-radius:var(--round);background:var(--paper);box-shadow:1px 1px 0 color-mix(in oklab, var(--rim) 70%, white), 2px 2px 0 color-mix(in oklab, var(--rim) 82%, white), 3px 3px 0 var(--rim), 4px 4px 0 var(--rim), 5px 5px 0 color-mix(in oklab, var(--rim) 82%, black), 6px 6px 0 color-mix(in oklab, var(--rim) 70%, black), var(--wall);transform:perspective(1400px) rotateY(calc(var(--px) * 5deg)) rotateX(calc(var(--py) * -5deg));transition:transform .8s var(--glide), translate .5s var(--spring), box-shadow .5s var(--glide);position:relative;container-type:inline-size}@media (hover:hover){.canvas:has(.canvas-link):hover{translate:0 -4px}}.canvas:has(.canvas-link:focus-visible){translate:0 -4px}.painted{border-radius:inherit;opacity:0;width:100%;height:100%;transition:opacity .7s var(--glide);display:block;position:absolute;inset:0}.canvas[data-painted] .painted{opacity:1;transition:opacity .7s var(--glide), filter .9s var(--glide)}.canvas[data-painted=sketch] .painted{filter:blur(2.5px)saturate(1.05)}.canvas:not([data-painted]){background:color-mix(in oklab, var(--paper) 88%, var(--prime,#c9a86a))}.canvas:not([data-painted=true]) .canvas-label{background:var(--prime-deep,#3a2a24);border-radius:var(--round-inner)}.lift{transition:transform .8s var(--glide)}.tilt .lift{transform:translate(calc(var(--px) * 9px), calc(var(--py) * 9px))}.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 .6s var(--glide);z-index:2;pointer-events:none;height:13%;color:var(--on-deep,var(--paper));text-shadow:0 1px #00000038;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: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);--side:#4e171c;--ink-on:var(--on-red);min-width:46px;height:46px;color:var(--ink-on);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0 0 5px;text-decoration:none;display:inline-grid;position:relative}.key--paper{--face:var(--l2);--side:#c9bca9;--ink-on:var(--ink)}.key--small{min-width:40px;height:40px}.key--wide{justify-self:start;height:58px}.key-face{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);box-shadow:inset 0 1px 0 #fff3, inset 0 -2px 4px #00000029, 0 1px 0 var(--side), 0 2px 0 var(--side), 0 3px 0 var(--side), 0 4px 0 var(--side), 0 5px 0 var(--side), 0 12px 16px -8px #2b1a1c73;transition:transform .5s var(--spring), box-shadow .5s var(--spring);place-items:center;padding:0 12px;display:grid;transform:translateY(0)}.key--wide .key-face{border-radius:var(--round);padding:0 30px}.key:hover .key-face{transform:translateY(-1px)}.key:active .key-face{box-shadow:inset 0 1px 0 #ffffff1f, inset 0 -1px 3px #0003, 0 1px 0 var(--side), 0 4px 8px -4px #2b1a1c66;transition-duration:60ms;transform:translateY(4px)}.key:disabled{cursor:not-allowed}.key:disabled .key-face{filter:saturate(.4);opacity:.6;transform:translateY(2px)}.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) * 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:46svh}.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:20%;top:70%;left:25%;right:25%}.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;background:var(--paper);pointer-events:none;border-radius:50%;place-items:center;width:clamp(76px,20cqi,172px);display:grid;position:absolute;top:42%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:1px 2px #ddd3c3,2px 3px #d3c7b5,3px 5px #c6b9a6,0 16px 26px -10px #2b1a1c6b}.canvas--wide .medallion{width:clamp(90px,13cqi,180px);top:38%}.tilt .medallion.lift{transform:translate(calc(-50% + var(--px) * 9px), calc(-50% + var(--py) * 9px))}.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)}.slide--map{padding-bottom:5svh}.map{z-index:1;right:var(--gutter);top:calc(var(--top) - 6px);width:min(74vw, calc((100svh - var(--top) - 8svh) * 975 / 610));aspect-ratio:975/610;border-radius:var(--round);background:var(--paper);box-shadow:1px 1px 0 #e3d8c8, 2px 2px 0 #dbcfbd, 3px 3px 0 #d2c5b2, 4px 4px 0 #c9bba7, 5px 5px 0 #bfb09b, 6px 6px 0 #b4a48f, var(--wall);position:absolute}.map-painting,.map-marks{border-radius:inherit;width:100%;height:100%;display:block;position:absolute;inset:0}.map-mark{fill:#0000;stroke:#0000;stroke-width:2.5px;cursor:pointer;transition:stroke .2s}.map-marks a:focus-visible .map-mark,.map-marks a:hover .map-mark{stroke:var(--ink);stroke-opacity:.55}.map-marks a:focus{outline:none}.map-card{z-index:3;white-space:nowrap;pointer-events:none;border-radius:var(--round);background:var(--paper);box-shadow:1px 1px 0 #ddd3c3, 2px 2px 0 #d3c7b5, 3px 3px 0 #c6b9a6, var(--wall);animation:rise .35s var(--glide);gap:2px;padding:12px 16px;display:grid;position:absolute;transform:translate(-50%,calc(-100% - 26px))}.map-card strong{font-size:18px;font-weight:var(--w-regular)}.map-card span{color:var(--soft);font-size:14px}@keyframes rise{0%{opacity:0;transform:translate(-50%,calc(-100% - 16px))}}.map-words{z-index:2;left:var(--gutter);max-width:min(27vw,460px);position:absolute;bottom:9svh}.map-words p{color:var(--soft);margin-top:14px;font-size:17px}.today{flex:1;grid-template-columns:minmax(0,1.5fr) repeat(2,minmax(0,1fr));align-items:start;gap:34px;max-width:1500px;display:grid}.today .canvas--tile{aspect-ratio:4/4.25}.wall{grid-template-columns:repeat(auto-fill,minmax(min(310px,100%),1fr));gap:38px 34px;display:grid}.shelf{scroll-snap-type:x mandatory;grid-auto-columns:clamp(220px,19vw,290px);grid-auto-flow:column;gap:30px;margin:0 -14px 0 -4px;padding:6px 14px 30px 4px;display:grid;overflow-x:auto}.shelf>li{scroll-snap-align:start}.slide--business .shelf{grid-auto-columns:min(calc((100svh - var(--top) - min(46svh, 52vw * 6.5 / 16) - 160px) * 3 / 4.25), 280px)}.grid{grid-template-columns:repeat(auto-fill,minmax(min(240px,100%),1fr));gap:38px 30px;display:grid}.piece{flex:1;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:clamp(28px,5vw,90px);display:grid}.piece-words{gap:16px;max-width:520px;display:grid}.piece-price{font-size:26px}.slide--story{justify-content:center;align-items:center}.story{text-align:center;gap:20px;max-width:680px;display:grid}.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:transform .4s var(--spring), box-shadow .4s var(--spring), background-color .2s;place-items:center;padding:0 12px;font-size:16px;display:grid;box-shadow:1px 1px #e1d6c6,2px 2px #d6cab8,3px 3px #cbbda9,0 8px 12px -8px #2b1a1c66}.size span:hover{transform:translate(-1px,-1px)}.size input:checked+span{background-color:var(--ink);color:var(--paper);background-blend-mode:multiply;transform:translate(2px,2px);box-shadow:1px 1px #120a0b,0 4px 8px -6px #2b1a1c80}.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}.footer{scroll-snap-align:end;padding:30px var(--gutter) 44px;color:var(--soft);border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:15px;display:flex}.footer nav{flex-wrap:wrap;gap:8px 20px;display:flex}.footer a{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);color:var(--l1);padding:7px 14px;font-size:13px;position:fixed}@media (max-width:960px){.map{width:100%;margin-top:8px;position:relative;top:auto;right:auto}.map-words{max-width:none;margin-top:28px;position:relative;bottom:auto;left:auto}.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}.canvas--hero{width:min(88vw,460px)}.canvas--wide{aspect-ratio:4/3.6;max-height:none}.canvas--wide .canvas-label--name{left:10%;right:10%}.slide--business .shelf{grid-auto-columns:min(64vw,280px)}.dots{right:8px}}@media (max-width:900px){.desk-bar{grid-template-columns:minmax(0,1fr) auto}.desk-nav{grid-area:2/1/auto/-1}.desk-who .quiet{display:none}.product{grid-template-columns:1fr}}@media (max-width:600px){.dots,.bar-nav>a:not(.bar-loom):not(.bar-icon),.bar-family-button .wm{display:none}}.panel{border-radius:var(--round);background:linear-gradient(color-mix(in oklab, var(--paper) 86%, transparent), color-mix(in oklab, var(--paper) 86%, transparent)), var(--paper) url(/brand/linen.svg);box-shadow:1px 1px 0 #e1d6c6, 2px 2px 0 #d6cab8, 3px 3px 0 #cbbda9, var(--wall);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 input,.field select,.field textarea,.form--inline input,.copy input,.copy textarea{border:1px solid var(--line);border-radius:var(--round);background:var(--l2);width:100%;min-height:46px;font:var(--w-regular) 17px / 1.4 var(--serif);color:var(--ink);padding:10px 14px;transition:border-color .3s,box-shadow .3s;box-shadow:inset 0 2px 3px #2b1a1c14}.panel .field input,.panel .field select,.panel .field textarea,.panel .form--inline input,.panel .copy input,.panel .copy textarea{background:var(--well)}.panel .field input:focus,.panel .field select:focus,.panel .field textarea:focus,.panel .form--inline input:focus{background:var(--l2)}.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:var(--red);box-shadow:inset 0 2px 3px #2b1a1c14, 0 0 0 3px color-mix(in oklab, var(--red) 18%, transparent);outline:none}.field input:disabled,.field textarea:disabled{opacity:.65}.form-status:empty{display:none}.form-status,.form-done{font-size:16px}.form-done{border-radius:var(--round);background:color-mix(in oklab, var(--gold) 16%, var(--l1));padding:14px 16px}.notice{border-radius:var(--round);background:color-mix(in oklab, var(--gold) 16%, var(--l1));border:1px solid color-mix(in oklab, var(--gold) 40%, transparent);animation:settle .55s var(--spring) both;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;padding:14px 18px;font-size:16px;display:flex}.notice--problem{background:color-mix(in oklab, var(--red) 9%, var(--l1));border-color:color-mix(in oklab, var(--red) 35%, transparent)}.notice a{color:var(--red)}.figures{grid-template-columns:repeat(auto-fit,minmax(min(150px,100%),1fr));gap:16px;display:grid}.figure{border-radius:var(--round);background:var(--paper);border:1px solid var(--line);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 var(--line);vertical-align:middle;padding:10px 12px 10px 0}.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{display:grid}.rows>li{border-bottom:1px solid var(--line);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);width:44px;height:44px;flex:none!important}.tag{border-radius:var(--round-inner);background:var(--well);border:1px solid var(--line);white-space:nowrap;margin-left:8px;padding:2px 10px;font-size:13px;line-height:1.6;display:inline-block}.tag--active,.tag--live,.tag--approved,.tag--sent,.tag--paid{background:color-mix(in oklab, var(--gold) 20%, var(--l1))}.tag--problem,.tag--declined,.tag--failed,.tag--ended{background:color-mix(in oklab, var(--red) 12%, var(--l1));color:var(--red)}.todo{display:grid}.todo a{border-bottom:1px solid var(--line);justify-content:space-between;gap:16px;padding:12px 0;text-decoration:none;display:flex}.todo li:last-child a{border-bottom:0}.todo a:after{content:"→";color:var(--red);transition:translate .4s var(--spring)}.todo a:hover:after{translate:4px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.split{grid-template-columns:repeat(auto-fit,minmax(min(340px,100%),1fr));gap:22px;display:grid}.desk{min-height:100svh}.desk-bar{z-index:40;top:var(--edge);margin:var(--edge);border-radius:var(--round);background:var(--l1);border:1px solid var(--line);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px 18px;min-height:56px;padding:6px 8px 6px 18px;display:grid;position:sticky}.desk-home{align-items:center;gap:10px;text-decoration:none;display:flex}.desk-place{border-left:1px solid var(--line);color:var(--soft);padding-left:10px;font-size:15px}.desk-nav{scrollbar-width:none;gap:2px;display:flex;overflow-x:auto}.desk-nav a{white-space:nowrap}.desk-nav a,.tabs a{border-radius:var(--round-inner);padding:8px 12px;font-size:16px;text-decoration:none;transition:background-color .25s}.desk-nav a:hover,.tabs a:hover{background:var(--l2)}.desk-nav a[aria-current=page],.tabs a[aria-current=page]{background:var(--l2);color:var(--red);box-shadow:0 1px 0 var(--line)}.desk-who{align-items:center;gap:12px;display:flex}.desk-main{width:min(100% - 2 * var(--gutter), 1120px);gap:22px;margin:30px auto 80px;display:grid}.portal-head{gap:8px;display:grid}.tabs{border-radius:var(--round);background:var(--l1);border:1px solid var(--line);flex-wrap:wrap;gap:2px;width:fit-content;max-width:100%;padding:4px;display:flex}.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{border-top:1px solid var(--line);padding-top:18px}.chart svg{width:100%;height:auto;overflow:visible}.chart text{font:13px var(--serif);fill:var(--soft)}.chart-month{transform-box:fill-box;transform-origin:50% 100%;animation:grow .9s var(--spring) both}.chart-month:nth-of-type(2){animation-delay:45ms}.chart-month:nth-of-type(3){animation-delay:90ms}.chart-month:nth-of-type(4){animation-delay:.135s}.chart-month:nth-of-type(5){animation-delay:.18s}.chart-month:nth-of-type(6){animation-delay:.225s}.chart-month:nth-of-type(7){animation-delay:.27s}.chart-month:nth-of-type(8){animation-delay:.315s}.chart-month:nth-of-type(9){animation-delay:.36s}.chart-month:nth-of-type(10){animation-delay:.405s}.chart-month:nth-of-type(11){animation-delay:.45s}.chart-month:nth-of-type(12){animation-delay:.495s}.chart .chart-value{fill:var(--ink);opacity:.7;font-size:11px}.proof{grid-template-columns:repeat(auto-fill,minmax(min(240px,100%),1fr));gap:18px;display:grid}.proof-art{aspect-ratio:5/6;border-radius:var(--round);background:repeating-conic-gradient(#efe7da 0 25%, #f8f3ea 0 50%) 0 0 / 22px 22px;border:1px solid var(--line);place-items:center;margin:0;padding:18px;display:grid}.proof-art img{object-fit:contain;max-height:100%}.product{grid-template-columns:120px minmax(0,1fr);align-items:start;gap:22px;display:grid}.product-thumb{object-fit:contain;border-radius:var(--round);background:var(--well);border:1px solid var(--line);width:120px;height:120px}.design-wall{grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr));gap:22px;display:grid}.design{border-radius:var(--round);background:var(--paper);box-shadow:1px 1px 0 #e1d6c6, 2px 2px 0 #d6cab8, var(--wall);display:grid;overflow:hidden}.design>img{aspect-ratio:5/6;object-fit:contain;background:repeating-conic-gradient(#efe7da 0 25%, #f8f3ea 0 50%) 0 0 / 22px 22px;width:100%;padding:16px}.design-words{justify-items:start;gap:6px;padding:16px 18px 18px;display:grid}.design-words h3{font:var(--w-regular) 20px / 1.2 var(--serif);margin:0}.design-words .tag{margin-left:0}.design-keys{flex-wrap:wrap;gap:10px;margin-top:8px;display:flex}.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{border-top:1px solid var(--line);font-weight:var(--w-regular);padding-top:8px;color:var(--ink)!important}.copy{flex-wrap:wrap;align-items:start;gap:12px;display:flex}.copy input,.copy textarea{flex:320px;font-size:15px}.embed-preview{border-radius:var(--round);background:var(--well);border:1px dashed var(--line);padding:22px}.search{max-width:620px}.search input{font-size:22px}.slide--text>*{max-width:760px}.slide--text>.steps{max-width:1120px}.prose{gap:16px;display:grid}.prose h2,.prose h3{margin:16px 0 0}.prose ul,.prose ol{padding-left:1.2em;list-style:outside}@keyframes settle{0%{opacity:0;translate:0 14px}}@keyframes grow{0%{transform:scaleY(.02)}}@keyframes bump{40%{scale:1.35}}.enter{animation:settle .7s var(--glide) both}.desk-main>*{animation:settle .6s var(--glide) both}.desk-main>:nth-child(2){animation-delay:60ms}.desk-main>:nth-child(3){animation-delay:.12s}.desk-main>:nth-child(n+4){animation-delay:.18s}.bar-count{animation:bump .5s var(--spring)}@supports (animation-timeline:view()){.slide-head,.step,.grid>li,.shelf>li,.wall>li,.today>*,.piece-words,.story{animation:linear both settle;animation-timeline:view();animation-range:entry entry 70%}}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::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:sheet-shade .3s var(--glide) both;background:#2b1a1c52}.sheet[data-closing]::backdrop{animation:sheet-shade .22s var(--glide) reverse both}.sheet-paper{border-radius:var(--round);background:var(--paper);align-content:start;gap:18px;padding:22px;display:grid;box-shadow:1px 1px #e1d6c6,2px 2px #d6cab8,3px 3px #cbbda9,0 30px 80px -20px #2b1a1c8c}.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 .4s var(--spring) both;overflow:auto}.sheet--centre[data-closing] .sheet-paper{animation:sheet-lift .22s var(--glide) 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 .45s var(--spring) both;grid-template-rows:auto 1fr auto;overflow:auto}.sheet--right[data-closing] .sheet-paper{animation:sheet-away .22s var(--glide) both}@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%}}.sheet-head{justify-content:space-between;align-items:start;gap:16px;display:flex}.sheet-head h2{font-size:clamp(24px,2.4vw,30px)}.sheet-empty{align-content:start;gap:8px;display:grid}.sheet-foot{border-top:1px solid var(--line);gap:10px;padding-top:16px;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{background:var(--well);box-shadow:none;grid-template-columns:64px minmax(0,1fr) auto;padding:10px}.bag--sheet .bag-thumb{background:var(--paper);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);border:1px solid var(--line);color:var(--soft);align-items:center;gap:12px;padding:4px 14px;display:flex}.search-field:focus-within{border-color:var(--red);background:var(--l2)}.search-field input{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}.search-field kbd{border:1px solid var(--line);font:12px var(--serif);color:var(--soft);border-radius:6px;padding:2px 8px}.search-results{gap:2px;display:grid}.search-group{color:var(--soft);letter-spacing:.04em;margin:10px 0 4px;font-size:13px}.search-result{border-radius:var(--round-inner);grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:14px;padding:8px 10px;text-decoration:none;transition:background-color .15s;display:grid}.search-result[aria-selected=true]{background:var(--well)}.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(--well);place-items:center;width:44px;height:44px;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}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.canvas,.lift,.tilt .lift,.tilt .medallion.lift{transition:none;transform:none!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}}.bar-count{background:var(--ink);min-width:19px;height:19px;color:var(--paper);font-variant-numeric:tabular-nums;border-radius:999px;place-items:center;padding:0 5px;font-size:11px;display:grid;position:absolute;top:-7px;right:-7px}.key-face{position:relative}.sizes-status:empty{display:none}.bag{gap:18px;max-width:820px;margin:0;padding:0;list-style:none;display:grid}.bag-line{border-radius:var(--round);background:var(--paper) url(/brand/linen.svg);box-shadow:1px 1px 0 #e1d6c6, 2px 2px 0 #d6cab8, 3px 3px 0 #cbbda9, var(--wall);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);width:76px;height:76px}.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-foot{justify-items:start;gap:10px;max-width:820px;margin-top:30px;display:grid}@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}}.steps{grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:22px;margin:0;padding:0;list-style:none;display:grid}.step{gap:10px}.step h2{font-size:24px}.step-number{border-radius:var(--round-inner);background:var(--red);width:40px;height:40px;color:var(--on-red);place-items:center;font-size:18px;display:grid}.ledger--wide{grid-template-columns:minmax(120px,auto) 1fr;max-width:760px}.ledger--wide dd{text-align:left}
