.admin{min-height:100vh}.admin-head{background:#fff;border-bottom:1px solid var(--line)}.admin-head-inner{display:flex;align-items:center;gap:14px;height:60px}.admin .admin-head .container{max-width:none}.admin-badge{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;background:var(--ink);color:#fff;padding:.25em .7em;border-radius:999px}.admin-link{margin-left:auto;text-decoration:none;font-size:.92rem}.admin-link:hover{color:var(--rose)}.admin-nav{display:flex;gap:4px;margin-left:12px}.admin-nav a{text-decoration:none;font-size:.92rem;padding:.35em .8em;border-radius:999px}.admin-nav a:hover{color:var(--rose)}.admin-nav a.active{background:var(--line)}.admin-main{padding-block:32px 64px}.admin-title{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:24px}.admin-title h1{font-size:1.9rem;margin:0}.admin-title h1 .muted{font:400 1rem var(--sans)}.admin-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.admin-layout{display:grid;grid-template-columns:1fr;gap:24px;align-items:start}.admin-layout.with-form{grid-template-columns:1fr 340px}.admin-table-wrap{background:#fff;border:1px solid var(--line);border-radius:16px;overflow-x:auto}.admin-table-wrap .empty{padding:24px}.admin-table{width:100%;border-collapse:collapse;font-size:.92rem}.admin-table th{text-align:left;font-weight:600;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding:12px 14px;border-bottom:1px solid var(--line)}.admin-table td{padding:10px 14px;border-bottom:1px dashed var(--line);vertical-align:middle}.admin-table tr:last-child td{border-bottom:0}.admin-table tr.selected td{background:var(--bg-alt)}.admin-table .num{text-align:right;white-space:nowrap}.admin-table .thumb{width:64px}.admin-table .thumb .motif{width:48px;border-radius:10px}.admin-table .muted{font-size:.82rem}.row-actions{white-space:nowrap;text-align:right}.row-actions .btn+.btn{margin-left:6px}.btn-danger{border-color:#b8433a;color:#b8433a}.btn-danger:hover,.btn-danger-solid{background:#b8433a;color:#fff}.btn-danger-solid:hover{background:#963229;border-color:#963229}.confirm-modal{width:min(420px,calc(100% - 32px))}.confirm-item{display:flex;align-items:center;gap:14px;width:100%;padding:12px;background:#fff;border:1.5px dashed var(--line);border-radius:10px}.confirm-item .thumb{width:64px;flex-shrink:0}.confirm-item strong{display:block;font-size:1rem}.confirm-warn{margin:0;font-size:.85rem;color:#b8433a}.confirm-warn:before{content:"⚠ "}.admin-form{position:sticky;top:20px;padding:22px;gap:12px}.admin-form h3{margin:0}.admin-preview{width:96px;flex-shrink:0}.admin-image{display:flex;gap:14px;align-items:center}.admin-image-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.admin-image-actions .muted{font-size:.78rem;flex-basis:100%}.form .admin-upload{flex-direction:row}.admin-upload{position:relative;overflow:hidden;cursor:pointer}.admin-upload input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.admin-preview .motif{border-radius:12px}.admin-image .muted{color:var(--muted)}.admin-colors{display:grid;grid-template-columns:1fr 1fr;gap:12px}.admin-form input[type=color]{padding:2px;height:38px;cursor:pointer}.admin-embeds{border:1px solid var(--line);border-radius:10px;padding:10px 12px 12px;display:flex;flex-direction:column;gap:10px;align-items:flex-start}.admin-embeds legend{font-size:.88rem;font-weight:500;padding:0 4px}.admin-embed{display:flex;align-items:center;gap:6px;width:100%;padding-bottom:8px;border-bottom:1px dashed var(--line)}.admin-embed-title{flex:1;min-width:0;font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.form.modal{align-items:stretch}.modal .admin-form-actions{width:100%}.admin-form-actions{display:flex;justify-content:flex-end;gap:8px}@media (max-width: 820px){.admin-layout.with-form{grid-template-columns:1fr}.admin-form{position:static;order:-1}}.admin-error{background:#fbe9e7;color:#9c3228;padding:10px 14px;border-radius:10px;margin:0 0 16px;font-size:.9rem}.admin .btn:disabled{opacity:.5;cursor:not-allowed}.admin-login{display:grid;place-items:center;padding:20px}.admin-login .form{width:min(380px,100%)}.admin-login h2{font-size:1.5rem;margin:0 0 4px}.admin-login .admin-error{margin:0}.admin-login .admin-link{margin:0;text-align:center;color:var(--muted)}.admin-embed-thumb{display:block;height:44px;max-width:100%;object-fit:cover;border-radius:6px}.admin-embeds-actions{display:flex;gap:8px;flex-wrap:wrap}.modal.modal-wide{width:min(1000px,calc(100% - 32px));outline:none}.detail-embeds.in-modal{width:100%;margin:0;padding:0;border:0;gap:64px}.in-modal .detail-embed{gap:24px}.embed-urls{display:flex;flex-direction:column;gap:6px;align-items:flex-start}.embed-urls-label{font-size:.88rem;font-weight:500}.embed-url-row{display:flex;align-items:center;gap:6px;width:100%}.embed-url-row input{flex:1;min-width:0}.embed-upload{flex:1;display:flex;align-items:center;gap:10px;min-width:0}.embed-upload img{height:44px;width:44px;object-fit:cover;border-radius:6px}.admin-upload.disabled{opacity:.5;pointer-events:none}@media (min-width: 1200px){.admin .container{max-width:1680px;padding-inline:32px}.admin-main{padding-block:36px 64px}.admin-title h1{font-size:2.2rem}.admin-title .search{width:320px}.admin-layout.with-form{grid-template-columns:minmax(0,1fr) 540px;gap:28px}.admin-table{font-size:1rem}.admin-table th{padding:14px 18px;font-size:.8rem}.admin-table td{padding:14px 18px}.admin-table .thumb{width:88px}.admin-table .thumb .motif{width:64px;border-radius:12px}.admin-table .muted{font-size:.88rem}.admin .form.admin-form{display:grid;grid-template-columns:1fr 1fr;gap:14px 16px;padding:26px 28px;max-height:calc(100vh - 40px);overflow-y:auto}.admin .admin-form>*{grid-column:1 / -1}.admin .admin-form>label:has(select),.admin .admin-form>label:has(input[type=number]),.admin .admin-form>.admin-colors{grid-column:auto}.admin .admin-form>label.full{grid-column:1 / -1}.admin .admin-form h3{font-size:1.4rem}.admin-preview{width:120px}.admin-form-actions{padding:12px 0 4px}}.admin-order-info{display:flex;flex-direction:column;gap:4px;font-size:.9rem}.admin-order-info .muted{font-size:.82rem;color:var(--muted)}.admin-order-items{list-style:none;margin:0;padding:0;font-size:.9rem}.admin-order-items li{display:flex;justify-content:space-between;gap:10px;padding:6px 0;border-bottom:1px dashed var(--line)}.admin-order-items li.total{font-weight:600;border-bottom:0}.admin-table .col-customer{width:18%}.admin-orders td.col-address{text-align:left;width:30%}.admin-table .col-date{width:1%;white-space:nowrap;font-size:.85em}.admin-orders th,.admin-orders th.num,.admin-orders td,.admin-orders td.num,.admin-orders .row-actions{text-align:center}.admin-orders td.col-customer{text-align:left}.admin-orders td.col-note{text-align:left;max-width:220px;font-size:.85em;white-space:pre-wrap}.admin-orders th+th,.admin-orders td+td{border-left:1px solid var(--line)}.link-btn{background:none;border:0;padding:0;color:var(--rose);text-decoration:underline;cursor:pointer;font:inherit}.admin-note{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6;font-size:1.05rem}.admin-orders td.col-customer,.admin-orders td.col-address{white-space:normal;overflow-wrap:anywhere;word-break:break-word}.admin-order-items li{align-items:center}.admin-order-item{display:flex;align-items:center;gap:10px}.admin-order-item .thumb{width:110px;flex-shrink:0}.admin-order-item .thumb .motif{border-radius:8px}.admin-gallery{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:10px;width:100%}.admin-gallery li{position:relative;aspect-ratio:1;border:1.5px solid var(--line);border-radius:10px;overflow:hidden;background:#fff}.admin-gallery li.main{border-color:var(--rose);box-shadow:0 0 0 1px var(--rose)}.admin-gallery img{width:100%;height:100%;object-fit:cover;display:block}.admin-gallery-badge,.admin-gallery-main{position:absolute;left:4px;right:4px;bottom:4px;padding:2px 4px;border-radius:6px;font:500 .62rem var(--sans);text-align:center;line-height:1.4}.admin-gallery-badge{background:var(--rose);color:#fff}.admin-gallery-main{border:0;background:#ffffffeb;color:var(--ink);cursor:pointer;opacity:0;transition:opacity .15s}.admin-gallery li:hover .admin-gallery-main,.admin-gallery-main:focus-visible{opacity:1}.admin-gallery-remove{position:absolute;top:4px;right:4px;width:22px;height:22px;padding:0;border:0;border-radius:50%;background:#23201cb3;color:#fff;font-size:.7rem;line-height:1;cursor:pointer}.admin-gallery-remove:hover{background:#b8433a}@media (hover: none){.admin-gallery-main{opacity:1}}.admin-gallery-recrop{position:absolute;top:4px;left:4px;width:22px;height:22px;padding:0;border:0;border-radius:50%;background:#23201cb3;color:#fff;font-size:.8rem;line-height:1;cursor:pointer}.admin-gallery-recrop:hover{background:var(--rose)}.cropper-modal{width:min(440px,calc(100% - 32px));align-items:stretch}.cropper-frame{position:relative;width:100%;aspect-ratio:1;overflow:hidden;border-radius:10px;background:#fff repeating-conic-gradient(#eee 0,#eee 25%,#fff 0,#fff 50%) 0 0 / 20px 20px;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.cropper-frame:active{cursor:grabbing}.cropper-frame img{position:absolute;max-width:none;pointer-events:none}.cropper-grid{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;box-shadow:inset 0 0 0 2px var(--rose);background:linear-gradient(90deg,transparent calc(33.33% - .5px),rgba(255,255,255,.7) 0 calc(33.33% + .5px),transparent 0 calc(66.66% - .5px),rgba(255,255,255,.7) 0 calc(66.66% + .5px),transparent 0),linear-gradient(transparent calc(33.33% - .5px),rgba(255,255,255,.7) 0 calc(33.33% + .5px),transparent 0 calc(66.66% - .5px),rgba(255,255,255,.7) 0 calc(66.66% + .5px),transparent 0)}.cropper-zoom{display:flex;align-items:center;gap:10px;font-size:1.1rem;color:var(--muted)}.cropper-zoom input{flex:1;accent-color:var(--rose)}.admin-order-photos{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.admin-order-photos img{width:72px;height:72px;object-fit:cover;display:block;border:1px solid #ccc}:root{--bg: #efe8dc;--bg-alt: #e5dccc;--paper: #fbf8f1;--kraft: #c9a47e;--kraft-light: #ddc6a6;--pink: #efb3a3;--sage: #c2c7ad;--yellow: #f4df7e;--ink: #23201c;--muted: #6d655a;--rose: #c25f6e;--rose-dark: #9c4453;--line: #d4c9b6;--hand: "Patrick Hand", "Comic Sans MS", cursive;--mono: "IBM Plex Mono", "Courier New", monospace;--serif: var(--hand);--display: "Cormorant Garamond", Georgia, serif;--sans: "Be Vietnam Pro", system-ui, sans-serif;--grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .35 0 0 0 0 .28 0 0 0 0 .2 0 0 0 .09 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--pen-line: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='8' preserveAspectRatio='none'%3E%3Cpath d='M0 5c80-2 160-3 250-1s190 2 350-1' fill='none' stroke='%2323201c' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E");--shadow: 0 2px 3px rgba(40, 30, 20, .12), 0 10px 22px -12px rgba(40, 30, 20, .4);--hand-radius: 255px 15px 225px 15px / 15px 225px 15px 255px}*{box-sizing:border-box}html{scroll-behavior:smooth}html:has(.header){font-size:120%;zoom:.8}html.fit-desktop:has(.header){zoom:var(--fit-zoom, .26)}html.fit-desktop .nowrap-wide{white-space:nowrap}html:has(.header){--page-zoom: .8}html.fit-desktop:has(.header){--page-zoom: var(--fit-zoom, .26)}#root:has(>.header){display:flex;flex-direction:column;min-height:calc(100dvh / var(--page-zoom))}#root:has(>.header)>main{flex:1 0 auto}body{margin:0;font:400 .9rem/1.75 var(--mono);color:var(--ink);background:var(--bg) var(--grain)}body:has(.header):before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:linear-gradient(#efe8dc80,#efe8dc9e),url(/bg-garden.jpg) center / cover no-repeat}h1,h2,h3,h4{font-family:var(--hand);font-weight:400;margin:0 0 .4em;line-height:1.1}b,strong{font-weight:600}em{font-style:normal;color:var(--rose)}a{color:inherit}::selection{background:var(--yellow)}.container{max-width:1160px;margin:0 auto;padding-inline:20px}.muted{color:var(--muted);font-size:.8rem;margin:0}.lead{max-width:58ch}.doodle{color:var(--ink);flex:none}.squiggle{display:block;width:200px;max-width:70%;height:12px;color:var(--ink);margin:4px 0 18px}.torn-a,.torn-b,.torn-c{position:relative;isolation:isolate;background:none!important}.torn-a:before,.torn-b:before,.torn-c:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--piece, var(--paper))}.torn-a:before{clip-path:polygon(0% .6%,2.6% 1.4%,5.3% 1%,7.9% 1.6%,10.5% 1.6%,13.2% .2%,15.8% 0%,18.4% 2.2%,21.1% .7%,23.7% .6%,26.3% 2.6%,28.9% 1.2%,31.6% 2.2%,34.2% 1.2%,36.8% 1.7%,39.5% .4%,42.1% 1.7%,44.7% 2.3%,47.4% 1.4%,50% 1.9%,52.6% 1.7%,55.3% .2%,57.9% 2%,60.5% 1.5%,63.2% .8%,65.8% .1%,68.4% 2.3%,71.1% 1.2%,73.7% 1.9%,76.3% 2.3%,78.9% 1.9%,81.6% 2.4%,84.2% 1%,86.8% 2.1%,89.5% 1.2%,92.1% 2.4%,94.7% 2.3%,97.4% .3%,100% .4%,99.8% 2.6%,98.9% 5.3%,99.5% 7.9%,99.3% 10.5%,99.7% 13.2%,99.4% 15.8%,99.6% 18.4%,99.6% 21.1%,99.4% 23.7%,99.4% 26.3%,99% 28.9%,99.2% 31.6%,99% 34.2%,99.1% 36.8%,98.9% 39.5%,99.3% 42.1%,99.8% 44.7%,99.1% 47.4%,98.9% 50%,99% 52.6%,99.4% 55.3%,99.2% 57.9%,99.8% 60.5%,99.1% 63.2%,99.4% 65.8%,99.7% 68.4%,99.9% 71.1%,99.1% 73.7%,98.9% 76.3%,99.9% 78.9%,99.1% 81.6%,99.5% 84.2%,99.8% 86.8%,99.7% 89.5%,99.2% 92.1%,99% 94.7%,100% 97.4%,100% 98.4%,97.4% 99.9%,94.7% 98.1%,92.1% 99.1%,89.5% 97.7%,86.8% 97.5%,84.2% 98.7%,81.6% 97.4%,78.9% 99.2%,76.3% 99.8%,73.7% 98.4%,71.1% 99.9%,68.4% 99.5%,65.8% 98.9%,63.2% 98.4%,60.5% 99.6%,57.9% 99.9%,55.3% 97.7%,52.6% 99.2%,50% 97.5%,47.4% 97.7%,44.7% 99%,42.1% 98.8%,39.5% 98.6%,36.8% 98.3%,34.2% 98.5%,31.6% 98.5%,28.9% 98.4%,26.3% 97.6%,23.7% 98.7%,21.1% 98.9%,18.4% 98.1%,15.8% 99.4%,13.2% 99.2%,10.5% 97.5%,7.9% 98.6%,5.3% 98.6%,2.6% 100%,0% 98.9%,.6% 97.4%,0% 94.7%,.7% 92.1%,.7% 89.5%,.1% 86.8%,.7% 84.2%,.5% 81.6%,.7% 78.9%,.4% 76.3%,.8% 73.7%,.8% 71.1%,0% 68.4%,.1% 65.8%,.7% 63.2%,1.1% 60.5%,.3% 57.9%,.5% 55.3%,.7% 52.6%,.4% 50%,.4% 47.4%,.3% 44.7%,.4% 42.1%,.7% 39.5%,.3% 36.8%,.4% 34.2%,.8% 31.6%,0% 28.9%,.6% 26.3%,.8% 23.7%,.3% 21.1%,.2% 18.4%,.9% 15.8%,.3% 13.2%,.2% 10.5%,.5% 7.9%,.8% 5.3%,.1% 2.6%)}.torn-b:before{clip-path:polygon(0% 1.2%,2.6% 1.5%,5.3% 2.4%,7.9% 1.2%,10.5% 1.3%,13.2% 1.5%,15.8% .5%,18.4% 1.3%,21.1% 1.6%,23.7% 2.1%,26.3% .2%,28.9% .8%,31.6% .2%,34.2% 2.1%,36.8% 1.8%,39.5% .1%,42.1% 2.6%,44.7% 2.5%,47.4% 1.7%,50% 1.6%,52.6% .4%,55.3% 0%,57.9% 1.4%,60.5% .2%,63.2% .5%,65.8% .6%,68.4% .1%,71.1% 1.2%,73.7% 1.1%,76.3% 2.2%,78.9% 1.3%,81.6% 1.7%,84.2% 1.3%,86.8% 1.7%,89.5% 1.2%,92.1% .7%,94.7% 2.6%,97.4% 2.6%,100% 2.2%,99.2% 2.6%,99.7% 5.3%,99.7% 7.9%,99.7% 10.5%,99.9% 13.2%,99.2% 15.8%,99.6% 18.4%,99.1% 21.1%,99.6% 23.7%,98.9% 26.3%,99.1% 28.9%,100% 31.6%,99.8% 34.2%,99% 36.8%,99.5% 39.5%,98.9% 42.1%,99.6% 44.7%,99.9% 47.4%,99.3% 50%,99.1% 52.6%,99.7% 55.3%,99.9% 57.9%,99.6% 60.5%,98.9% 63.2%,99.2% 65.8%,99.9% 68.4%,99.7% 71.1%,99.9% 73.7%,99.9% 76.3%,99.1% 78.9%,99.8% 81.6%,99.4% 84.2%,99.5% 86.8%,99.8% 89.5%,99.2% 92.1%,99.9% 94.7%,99.3% 97.4%,100% 99.7%,97.4% 98.9%,94.7% 99.4%,92.1% 99.3%,89.5% 97.5%,86.8% 97.9%,84.2% 99.2%,81.6% 97.7%,78.9% 99.5%,76.3% 99%,73.7% 97.8%,71.1% 98.3%,68.4% 99.7%,65.8% 97.4%,63.2% 99.4%,60.5% 99.3%,57.9% 98%,55.3% 99.1%,52.6% 99.2%,50% 99.8%,47.4% 99.8%,44.7% 98.5%,42.1% 99.4%,39.5% 98.4%,36.8% 99%,34.2% 98.8%,31.6% 97.5%,28.9% 98.7%,26.3% 98.5%,23.7% 97.7%,21.1% 99.5%,18.4% 99.6%,15.8% 97.6%,13.2% 97.9%,10.5% 99.4%,7.9% 99.5%,5.3% 98.1%,2.6% 97.6%,0% 99.5%,1% 97.4%,1% 94.7%,.7% 92.1%,.5% 89.5%,.1% 86.8%,0% 84.2%,1.1% 81.6%,.3% 78.9%,.8% 76.3%,.3% 73.7%,.9% 71.1%,.7% 68.4%,.3% 65.8%,.2% 63.2%,.8% 60.5%,.1% 57.9%,.3% 55.3%,.6% 52.6%,.9% 50%,.7% 47.4%,.3% 44.7%,1% 42.1%,.2% 39.5%,0% 36.8%,.3% 34.2%,.5% 31.6%,.1% 28.9%,.2% 26.3%,.4% 23.7%,.6% 21.1%,.1% 18.4%,.4% 15.8%,1% 13.2%,1.1% 10.5%,.7% 7.9%,.8% 5.3%,.6% 2.6%)}.torn-c:before{clip-path:polygon(0% 1.7%,2.6% 1.8%,5.3% 2.5%,7.9% .5%,10.5% .2%,13.2% 2.1%,15.8% .9%,18.4% 1%,21.1% 2.1%,23.7% .5%,26.3% 2.4%,28.9% 1.3%,31.6% .2%,34.2% 2.4%,36.8% 1.5%,39.5% .2%,42.1% 2.2%,44.7% 2%,47.4% 1.9%,50% 1.7%,52.6% 2.6%,55.3% 0%,57.9% 2.5%,60.5% 1.7%,63.2% .7%,65.8% 1.6%,68.4% .9%,71.1% 1.7%,73.7% 1.8%,76.3% 1.4%,78.9% .3%,81.6% 1%,84.2% .8%,86.8% 1.9%,89.5% 2.4%,92.1% 2%,94.7% 1.4%,97.4% .4%,100% 1.8%,99.7% 2.6%,98.9% 5.3%,99.8% 7.9%,98.9% 10.5%,100% 13.2%,99.1% 15.8%,99.6% 18.4%,99.4% 21.1%,99.5% 23.7%,99.7% 26.3%,99.5% 28.9%,99.1% 31.6%,99.6% 34.2%,99.6% 36.8%,99.1% 39.5%,99.8% 42.1%,99.6% 44.7%,99.4% 47.4%,99.4% 50%,99.8% 52.6%,99.2% 55.3%,99.5% 57.9%,99.9% 60.5%,99.6% 63.2%,99.9% 65.8%,99.6% 68.4%,99.9% 71.1%,99.7% 73.7%,99.4% 76.3%,99.2% 78.9%,99.7% 81.6%,99.5% 84.2%,99.4% 86.8%,99.4% 89.5%,99% 92.1%,99.8% 94.7%,99.1% 97.4%,100% 98.6%,97.4% 97.7%,94.7% 98.2%,92.1% 100%,89.5% 99.9%,86.8% 97.9%,84.2% 99.2%,81.6% 98.4%,78.9% 99.7%,76.3% 98.5%,73.7% 98.9%,71.1% 98.8%,68.4% 100%,65.8% 97.7%,63.2% 97.8%,60.5% 98.1%,57.9% 98.4%,55.3% 99.4%,52.6% 99.5%,50% 97.8%,47.4% 99.1%,44.7% 99%,42.1% 97.7%,39.5% 99.1%,36.8% 97.4%,34.2% 99.5%,31.6% 97.8%,28.9% 99.2%,26.3% 99.6%,23.7% 98.8%,21.1% 97.9%,18.4% 99.7%,15.8% 98.5%,13.2% 97.8%,10.5% 99.9%,7.9% 98.7%,5.3% 99.2%,2.6% 98.8%,0% 97.8%,.5% 97.4%,.3% 94.7%,.2% 92.1%,.9% 89.5%,.2% 86.8%,.8% 84.2%,1.1% 81.6%,.8% 78.9%,1% 76.3%,.1% 73.7%,.7% 71.1%,.7% 68.4%,.1% 65.8%,.5% 63.2%,.3% 60.5%,.1% 57.9%,.4% 55.3%,.1% 52.6%,1% 50%,.2% 47.4%,.6% 44.7%,.8% 42.1%,0% 39.5%,1% 36.8%,1% 34.2%,.6% 31.6%,.6% 28.9%,.9% 26.3%,.7% 23.7%,.2% 21.1%,1% 18.4%,.2% 15.8%,.6% 13.2%,.6% 10.5%,.8% 7.9%,.4% 5.3%,.7% 2.6%)}.btn{display:inline-block;border:1.5px solid var(--ink);border-radius:2px;padding:.7em 1.3em;font:500 .74rem var(--mono);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;text-decoration:none;background:transparent;color:var(--ink);transition:.15s}.btn:hover{background:var(--ink);color:var(--paper)}.btn:disabled{opacity:.55;cursor:default}.btn-primary{background:var(--ink);color:var(--paper);transform:rotate(-1deg)}.btn-primary:hover{background:#3b362f;transform:rotate(0)}.btn-small{padding:.45em 1em;font-size:.68rem}.link,.link-btn{font:500 .74rem var(--mono);letter-spacing:.08em;text-transform:uppercase;text-decoration:none;border:none;border-bottom:1.5px solid var(--ink);background:none;padding:0 0 2px;cursor:pointer;color:var(--ink)}.link:hover,.link-btn:hover{color:var(--rose);border-color:var(--rose)}section[id],footer[id]{scroll-margin-top:110px}.header{position:sticky;top:0;z-index:20;background:#ece4d5f0 var(--grain);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid rgba(35,32,28,.12)}.header-inner{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:32px;height:128px}.logo{font:400 1.75rem/.95 var(--hand);text-decoration:none}.header .logo{display:flex;flex-direction:column;align-items:center;gap:7px;line-height:1;font-family:var(--display)}.header .logo span{font-size:clamp(2rem,4.2vw,3.1rem);font-weight:700;letter-spacing:.14em;padding-left:.14em;text-transform:uppercase;line-height:.95}.header .logo small{font:700 .58rem var(--sans);letter-spacing:.42em;text-transform:uppercase;padding-left:.42em}.nav{display:flex;align-items:center;gap:clamp(18px,2.4vw,34px)}.nav-left{justify-content:flex-end}.nav-right{justify-content:flex-start}.nav a,.cart-btn{text-decoration:none;font:700 .95rem var(--sans);letter-spacing:.26em;text-transform:uppercase;color:var(--ink);white-space:nowrap}.nav a:hover,.cart-btn:hover{color:var(--rose)}.cart-btn{border:none;background:none;cursor:pointer;padding:6px 0}.hero{padding:48px 0 40px;overflow-x:clip}.hero-board{position:relative;display:grid;align-items:start;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,1.05fr);grid-template-areas:"kraft photo note" "kraft quote note"}.kraft{grid-area:kraft;position:relative;z-index:1;align-self:stretch;--piece: var(--kraft) var(--grain);padding:64px 52px 52px;margin-top:12px}.kraft{container-type:inline-size;display:flex;flex-direction:column;justify-content:space-evenly}.kraft h1{font-size:min(clamp(2.6rem,5vw,3.9rem),20cqi);line-height:1.15;white-space:nowrap}.kraft p{max-width:38ch;margin:0 0 28px;font-size:.84rem}.hero-actions{display:flex;gap:22px;flex-wrap:wrap;align-items:center}.polaroid{margin:0;background:#fff;padding:14px 14px 12px;box-shadow:var(--shadow);position:relative}.polaroid figcaption{font:1.15rem var(--hand);text-align:center;margin-top:8px;color:var(--muted)}.hero-photo{grid-area:photo;z-index:2;margin:0 0 0 -34px;transform:rotate(2.5deg)}.hero-logo{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}.polaroid:has(.hero-logo){background:#f3eee4 var(--grain)}.hero-logo{background:radial-gradient(circle at 50% 45%,rgba(251,248,241,.75),transparent 70%),var(--pink) var(--grain);box-shadow:inset 0 0 0 1px #23201c14}.notebook{grid-area:note;grid-row:1;align-self:center;position:relative;z-index:3;margin:0 -12px 0 10px;padding:24px 18px 28px 44px;transform:rotate(4deg);--piece: linear-gradient(90deg, transparent 32px, rgba(220, 110, 110, .5) 32px 33.5px, transparent 33.5px), repeating-linear-gradient(#fdfcf8 0 29px, #c9d3e3 29px 30px)}.notebook h3{font-size:1.5rem;margin:0 0 4px;text-decoration:underline;text-underline-offset:4px}.hero-video-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.hero-video-head h3{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.hero-now{font-size:.8em}.hero-sound{font:.7rem var(--mono);letter-spacing:.06em;color:var(--ink);cursor:pointer;white-space:nowrap;background:#ffffffb3;border:1px dashed currentColor;border-radius:999px;padding:3px 10px}.hero-sound:hover{background:#fff}.checklist{list-style:none;padding:0;margin:0;font:1.25rem/30px var(--hand)}.checklist li{position:relative;padding-left:30px}.checklist li:before{content:"";position:absolute;left:0;top:8px;width:15px;height:15px;border:1.5px solid var(--ink)}.checklist li.done:after{content:"✓";position:absolute;left:1px;top:-6px;font-size:1.5rem;transform:rotate(-8deg)}.d-heart{position:absolute;right:22px;bottom:18px}.hero-video{position:relative;aspect-ratio:16 / 9;margin:8px 0 26px;background:#1d1b19;box-shadow:var(--shadow)}.hero-video iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.easel{position:absolute;left:8%;width:84%;height:auto;pointer-events:none}.easel-bar{z-index:1;top:calc(100% - 12px);filter:drop-shadow(0 3px 3px rgba(40,30,20,.25))}.easel-legs{z-index:-2;top:calc(100% - 12px);margin-top:-16.8%;transform:rotate(-4deg);transform-origin:50% 14.8%;filter:drop-shadow(0 3px 3px rgba(40,30,20,.2))}.hero-logo-wrap{position:relative;cursor:pointer;-webkit-tap-highlight-color:transparent}.hero-logo-wrap:focus-visible{outline:2px dashed var(--rose);outline-offset:4px}.projector-beam,.projector-lens{transition:opacity .4s}.is-paused .projector-beam,.is-paused .projector-lens{opacity:0!important;animation:none}.projector-beam{position:absolute;z-index:1;pointer-events:none;left:96%;top:9.25%;width:38%;height:81.9%;clip-path:polygon(-.3% 32.5%,100% 0%,100% 100%,0% 67.3%,2.3% 65.5%,3.3% 63.7%,3.9% 61.8%,4.3% 60%,4.9% 58.2%,5.3% 56.3%,5.3% 43.5%,4.9% 41.7%,4.6% 39.8%,3.9% 38%,3.3% 36.2%,2.6% 34.4%);--smoke: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150'%3E%3Cfilter id='s'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.03 .06' numOctaves='3' seed='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .99 0 0 0 0 .95 0 0 0 0 .8 1.8 0 0 0 -.45'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23s)'/%3E%3C/svg%3E");background:radial-gradient(21.2% 70% at 0% 50%,#f4df7ed9 25%,#f4df7e80 42%,#f4df7e00),radial-gradient(ellipse 90% 60% at 0% 50%,#fcf3c873,#fcf3c800 70%),var(--smoke) 0 0 / 150px 150px,var(--smoke) 40px 70px / 110px 110px,linear-gradient(90deg,#f4df7e80,#f4df7e40 55%,#f4df7e00);animation:projector-flicker 3.2s steps(1) infinite,projector-smoke 18s linear infinite;-webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,var(--flick)) 10%,rgba(0,0,0,calc(.55 * var(--flick))) 55%,transparent);mask-image:linear-gradient(90deg,rgba(0,0,0,var(--flick)) 10%,rgba(0,0,0,calc(.55 * var(--flick))) 55%,transparent);filter:blur(1.5px) drop-shadow(0 0 10px rgba(244,223,126,.4))}@keyframes projector-smoke{0%{background-position:0 0,0 0,0 0,40px 70px,0 0}to{background-position:0 0,0 0,300px 0,150px 70px,0 0}}.projector-lens{position:absolute;pointer-events:none;left:94.6%;top:35.9%;width:3.9%;height:28.6%}.hero-video{box-shadow:var(--shadow),0 0 30px 8px #f4df7ed9}@property --flick{syntax: "<number>"; inherits: false; initial-value: 1;}@keyframes projector-flicker{0%,to{--flick: 1}12%{--flick: .82}14%{--flick: 1}47%{--flick: .9}49%{--flick: .75}51%{--flick: 1}78%{--flick: .88}}@media (prefers-reduced-motion: reduce){.projector-beam,.projector-lens{animation:none}}.quote-note{grid-area:quote;position:relative;z-index:3;margin:-8px -60px 0 -40px;padding:22px 30px;--piece: var(--sage) var(--grain);font:1.15rem/1.35 var(--hand);transform:rotate(-1.5deg)}.quote-note cite{display:block;text-align:right;font:italic .74rem var(--mono);margin-top:8px}.d-flower{position:absolute;left:-84px;top:70px}.d-star{position:absolute;right:10px;top:20px}.d-arrow{position:absolute;left:30%;bottom:-34px;transform:rotate(80deg);z-index:4}.motif{display:block;width:100%;height:auto;aspect-ratio:1}.product-img{object-fit:cover}.section{padding:64px 0;overflow-x:clip}.section-alt{background:var(--bg-alt) var(--grain)}.section-title{font-size:clamp(1.8rem,3.6vw,2.5rem);line-height:1.05;margin:0}.section-bar{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;padding-top:28px;background:var(--pen-line) top / 100% 8px no-repeat}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin:22px 0 40px}.chips{display:flex;gap:10px;flex-wrap:wrap}.chip{border:1.5px solid var(--ink);background:var(--paper);border-radius:var(--hand-radius);padding:.2em 1em;cursor:pointer;font:1.05rem var(--hand);color:var(--ink)}.chip:hover{background:var(--yellow)}.chip.active{background:var(--ink);color:var(--paper)}.chip:disabled{opacity:.4;cursor:default;background:var(--paper)}.pager{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:48px}.search{border:1.5px solid var(--ink);border-radius:var(--hand-radius);padding:.55em 1.1em;font:.82rem var(--mono);min-width:0;width:260px;max-width:100%;background:var(--paper) var(--grain);color:var(--ink);box-shadow:3px 3px 0 var(--ink);transition:transform .15s,box-shadow .15s}.search::placeholder{color:var(--muted)}.search:focus{outline:none;transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--rose)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:44px 30px}.card{display:flex;flex-direction:column}.card-frame{position:relative;display:block;transition:transform .2s}.card:hover .card-frame{transform:rotate(0) translateY(-4px)!important}.card-frame .motif{position:relative}.card-frame{transform:rotate(var(--tilt, 0deg))}.frame-grid{padding:12px;box-shadow:var(--shadow);background:linear-gradient(rgba(120,105,70,.16) 1px,transparent 1px) 0 0 / 14px 14px,linear-gradient(90deg,rgba(120,105,70,.16) 1px,transparent 1px) 0 0 / 14px 14px,var(--card-bg)}.frame-polaroid{padding:12px 12px 28px;background:var(--card-bg) var(--grain);box-shadow:var(--shadow)}.frame-torn{padding:16px;--piece: var(--card-bg) var(--grain)}.frame-tape{padding:12px;box-shadow:var(--shadow);background:var(--card-bg) var(--grain)}.label{position:absolute;z-index:2;top:0;right:0;background:var(--ink);color:var(--paper);font:500 .64rem var(--mono);letter-spacing:.08em;text-transform:uppercase;padding:4px 8px}.label-pink{background:#f2b8c6;color:var(--ink)}.card-frame .label{top:12px;right:12px}.card-body{padding:12px 14px 10px;margin-top:14px;transform:rotate(var(--body-tilt, 0deg));background:var(--card-bg, var(--paper)) var(--grain);box-shadow:var(--shadow);display:flex;flex-direction:column;gap:2px;flex:1}.card h3{font-size:1.4rem;margin:0}.card h3 a{color:inherit;text-decoration:none}.card h3 a:hover{color:var(--rose)}.card .muted{font-size:.76rem;line-height:1.6}.card-foot{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding-top:10px}.card-foot strong{font:500 .8rem var(--mono)}.card-line{width:64px;margin:8px 0 0;height:8px}.tag{display:inline-block;background:var(--ink);color:var(--paper);padding:3px 8px;font:500 .66rem var(--mono);letter-spacing:.08em;text-transform:uppercase}.status-pending{background:#f5d97a;color:var(--ink)}.status-confirmed{background:#bcd3ea;color:var(--ink)}.status-shipping{background:#f2b8c6;color:var(--ink)}.status-delivered{background:#2f4a2b;color:var(--paper)}.status-cancelled{background:#9c3228;color:var(--paper)}.order-notice{margin:0;padding:12px 14px;background:#e6eed8;color:#1c2e1a;border:1.5px dashed #2f4a2b;font-size:.88rem;line-height:1.65}.order-notice a{color:inherit}.order-code{font-weight:700}@media (min-width: 720px){.nowrap-wide{white-space:nowrap}}.order-heading{margin:18px 0 0;font:700 .8rem var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink)}.ship-info{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;margin:10px 0 0}.ship-info dt{color:var(--muted)}.ship-info dd{margin:0;text-align:right;font-family:var(--mono)}.order-lines{list-style:none;padding:0;margin:14px 0 0;font-size:1rem}.order-lines a{color:inherit}.order-lines a:hover{color:var(--rose)}.order-lines li{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px dashed var(--line, #0002)}.empty{color:var(--muted);padding:24px 0;font:1.2rem var(--hand)}.custom{display:grid;grid-template-columns:1.45fr 150px 1fr;align-items:center}.pink-sheet{position:relative;--piece: var(--pink) var(--grain);padding:52px 170px 52px 48px;min-height:430px}.pink-sheet p{margin:0;font-size:.84rem;max-width:36ch}.steps{list-style:none;counter-reset:step;padding:0;margin:22px 0 0;display:flex;flex-direction:column;gap:10px;font-size:.8rem}.steps li{counter-increment:step;position:relative;padding-left:38px}.steps li:before{content:counter(step) ".";position:absolute;left:0;top:-6px;font:1.6rem var(--hand)}.cutout{position:absolute;right:34px;bottom:40px;width:140px;padding:8px;background:#f3eee4;transform:rotate(4deg);box-shadow:0 2px 4px #0000001f}.film{position:relative;z-index:2;margin-left:-44px;transform:rotate(3deg);background:#1d1b19;padding:12px 24px;display:flex;flex-direction:column;gap:10px}.film:before,.film:after{content:"";position:absolute;top:6px;bottom:6px;width:8px;background:repeating-linear-gradient(transparent 0 5px,var(--bg) 5px 11px)}.film:before{left:8px}.film:after{right:8px}.film-frame{position:relative}.film-frame span{position:absolute;right:-20px;top:2px;color:#eee;font:.6rem var(--mono);writing-mode:vertical-rl}.form{display:flex;flex-direction:column;gap:12px}.sticky-note{position:relative;margin-left:36px;padding:38px 34px 34px;background:var(--yellow) var(--grain);box-shadow:var(--shadow);transform:rotate(-1deg)}.sticky-note h3{font-size:2rem;margin:0}.sticky-note .squiggle{margin-bottom:4px}.note-sub{margin:0 0 6px;font-size:.78rem}.d-clip{position:absolute;top:-26px;right:28px;color:#7b7770;transform:rotate(18deg)}.form label{display:flex;flex-direction:column;gap:4px;font:1.05rem var(--hand)}.form input,.form select,.form textarea{border:1.5px solid var(--ink);border-radius:0;padding:.45em .6em;font:.82rem var(--mono);background:#ffffff73;color:var(--ink)}.form textarea{resize:vertical}.form input:focus,.form select:focus,.form textarea:focus{outline:none;background:#fff}.sticky-note>.btn{align-self:flex-start;margin-top:6px}.success{background:#dfe8cf;color:#2f4a2b;padding:10px 12px;margin:0;font-size:.8rem;border:1.5px dashed #2f4a2b}.about{max-width:760px}.about-note{position:relative;--piece: var(--sage) var(--grain);padding:52px 48px 56px}.about-note p{margin:0;font-size:.84rem;max-width:52ch}.d-needle{position:absolute;right:28px;bottom:18px}.footer{position:relative;background:var(--bg-alt) var(--grain);padding:44px 0 40px;margin-top:40px}.footer:before{content:"";position:absolute;inset:0 0 auto;height:8px;background:var(--pen-line) center / 100% 100% no-repeat}.footer-inner{display:grid;grid-template-columns:1.3fr .9fr 1.1fr .9fr 1.2fr;gap:28px;align-items:start}.footer-brand{display:flex;gap:14px;align-items:flex-start}.footer-mark{flex:none;width:80px;height:80px}.footer .logo{font-size:1.6rem;margin-bottom:8px}.footer .muted{font-size:.72rem;line-height:1.5}.footer h4{font:500 .72rem var(--mono);letter-spacing:.08em;text-transform:uppercase;text-decoration:underline;text-underline-offset:4px;margin-bottom:10px}.footer p{margin:0 0 4px;font-size:.76rem;line-height:1.5}.footer a{text-decoration:none}.footer a:hover{text-decoration:underline}.footer-note{position:relative;--piece: var(--paper) var(--grain);padding:26px 22px;margin-top:-8px;font:1.25rem/1.3 var(--hand);transform:rotate(-3deg)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#23201c59;opacity:0;pointer-events:none;transition:.25s;z-index:30}.overlay.show{opacity:1;pointer-events:auto}.cart{position:fixed;top:0;right:0;height:100%;width:min(390px,100%);background:var(--paper) var(--grain);z-index:40;padding:24px;display:flex;flex-direction:column;transform:translate(100%);transition:transform .3s ease;box-shadow:-10px 0 30px #231e1426}.cart.open{transform:none}.cart-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:14px;background:var(--pen-line) bottom / 100% 8px no-repeat}.cart-head h3{margin:0;font-size:1.9rem}.icon-btn{border:none;background:none;font-size:1.1rem;cursor:pointer;color:var(--ink)}.cart-items{list-style:none;padding:0;margin:12px 0;overflow-y:auto;flex:1}.cart-items li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 0;border-bottom:1.5px dashed var(--line)}.cart-items b{display:block;font:400 1.25rem var(--hand)}.cart-items .muted{font-size:.76rem}.cart-item-info{display:flex;align-items:center;gap:12px;min-width:0;color:inherit;text-decoration:none}.cart-item-info:hover b{color:var(--rose)}.cart-thumb{width:52px;flex-shrink:0}.cart-thumb .motif{border-radius:8px}.qty{display:flex;align-items:center;gap:8px;font-size:.82rem}.qty button{width:28px;height:28px;border-radius:var(--hand-radius);border:1.5px solid var(--ink);background:transparent;cursor:pointer;color:var(--ink)}.qty button:hover{background:var(--yellow)}.cart-foot{padding-top:16px;display:flex;flex-direction:column;gap:12px;background:var(--pen-line) top / 100% 8px no-repeat}.total{display:flex;justify-content:space-between;align-items:baseline;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.total strong{font:400 1.6rem var(--hand);letter-spacing:0}.cart .success{margin-top:16px}@media (max-width: 1240px){html:not(.fit-desktop) .d-flower{display:none}}@media (max-width: 1100px){html:not(.fit-desktop) .header-inner{gap:20px}html:not(.fit-desktop) .nav{gap:16px}html:not(.fit-desktop) .nav a,html:not(.fit-desktop) .cart-btn{letter-spacing:.16em;font-size:.8rem}html:not(.fit-desktop) .header .logo span{font-size:2.1rem}}@media (max-width: 960px){html:not(.fit-desktop) .hero-board{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"kraft kraft" "photo note" "quote quote";gap:28px 0}html:not(.fit-desktop) .hero-photo{margin:0 12px}html:not(.fit-desktop) .notebook{grid-row:note;align-self:center;margin:0 0 0 12px}html:not(.fit-desktop) .quote-note{margin:0 12%}html:not(.fit-desktop) .d-arrow{display:none}html:not(.fit-desktop) .easel{display:none}html:not(.fit-desktop) .custom{grid-template-columns:1fr;gap:40px}html:not(.fit-desktop) .film{display:none}html:not(.fit-desktop) .sticky-note{margin:0 8px}html:not(.fit-desktop) .footer-inner{grid-template-columns:1fr 1fr 1fr}html:not(.fit-desktop) .footer-brand,html:not(.fit-desktop) .footer-note{grid-column:span 3}html:not(.fit-desktop) .footer-note{max-width:320px}}@media (max-width: 820px){html:not(.fit-desktop) .header-inner{height:92px;gap:12px}html:not(.fit-desktop) .nav-left>*,html:not(.fit-desktop) .nav-right a{display:none}html:not(.fit-desktop) .nav-right{justify-content:flex-end}}@media (max-width: 560px){html:not(.fit-desktop) .cart-label{display:none}html:not(.fit-desktop) .header .logo span{font-size:1.8rem}html:not(.fit-desktop) .hero-board{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);grid-template-areas:"kraft kraft" "photo note" "quote quote";gap:22px 0}html:not(.fit-desktop) .kraft{padding:52px 26px 36px}html:not(.fit-desktop) .hero-photo{margin:0 0 0 2px;padding:7px 7px 6px}html:not(.fit-desktop) .hero-photo figcaption{font-size:.8rem;margin-top:4px}html:not(.fit-desktop) .notebook{grid-row:note;align-self:center;margin:0 0 0 6px;padding:10px 8px 12px 20px;--piece: linear-gradient(90deg, transparent 13px, rgba(220, 110, 110, .5) 13px 14px, transparent 14px), repeating-linear-gradient(#fdfcf8 0 19px, #c9d3e3 19px 20px)}html:not(.fit-desktop) .notebook h3{font-size:1rem}html:not(.fit-desktop) .hero-video{margin:4px 0 14px}html:not(.fit-desktop) .notebook .d-heart{right:8px;bottom:4px;width:16px;height:16px}html:not(.fit-desktop) .quote-note{margin:0 12px}html:not(.fit-desktop) .pink-sheet{padding:44px 26px 190px;min-height:0}html:not(.fit-desktop) .cutout{right:26px;bottom:26px;width:120px}html:not(.fit-desktop) .sticky-note{padding:34px 22px 26px}html:not(.fit-desktop) .about-note{padding:44px 26px 64px}html:not(.fit-desktop) .footer-inner{grid-template-columns:1fr 1fr}html:not(.fit-desktop) .footer-brand,html:not(.fit-desktop) .footer-note{grid-column:span 2}html:not(.fit-desktop) .search{width:100%}}.note-link{display:inline-flex;align-items:center;gap:6px;padding:6px 16px;font:500 .74rem var(--mono);letter-spacing:.06em;text-transform:uppercase;text-decoration:none;color:var(--ink);background:var(--yellow);border:1.5px solid var(--ink);border-radius:var(--hand-radius);box-shadow:3px 3px 0 var(--ink);transform:rotate(-1deg);transition:transform .15s,box-shadow .15s,background .15s}.note-link:hover{background:#f8e89c;transform:rotate(0) translate(-1px,-1px);box-shadow:4px 4px 0 var(--rose)}.note-link:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}.detail{display:grid;grid-template-columns:1fr 1fr;gap:56px;margin-top:28px;align-items:start}.detail-img{position:relative;background:#dac3a4;padding:16px 16px 40px;box-shadow:var(--shadow);transform:rotate(-1.2deg)}.detail-gallery{display:flex;flex-direction:column;gap:22px;min-width:0}.detail-thumbs{display:flex;flex-wrap:wrap;gap:10px}.detail-thumbs button{width:72px;aspect-ratio:1;padding:3px;border:1.5px solid var(--line);background:var(--paper);cursor:pointer;box-shadow:var(--shadow);transition:transform .15s}.detail-thumbs button:hover{transform:translateY(-2px)}.detail-thumbs button.active{border-color:var(--rose);box-shadow:0 0 0 1px var(--rose)}.detail-thumbs img{width:100%;height:100%;object-fit:cover;display:block}.detail-info{display:flex;flex-direction:column;gap:12px;align-items:flex-start;background:var(--paper);padding:28px 32px;box-shadow:var(--shadow)}.detail-name{margin:0;font-size:clamp(2.2rem,4.5vw,3.2rem)}.detail-price{font:500 1.2rem var(--mono);background:var(--yellow);padding:2px 10px;transform:rotate(-1deg)}.swatch{display:inline-block;width:14px;height:14px;border-radius:50%;vertical-align:middle;border:1px solid rgba(0,0,0,.2)}.detail-embeds{margin-top:64px;padding-top:40px;background:var(--pen-line) top / 100% 8px no-repeat;display:flex;flex-direction:column;gap:168px}.detail-embed{display:flex;flex-direction:column;gap:72px}.detail-embed h3{text-align:center;font-size:2rem;margin:0}.detail-embed p{margin:0;white-space:pre-line}.detail-embed a{color:var(--rose-dark);word-break:break-word}.embed-media{width:100%;max-width:960px;margin:0 auto;aspect-ratio:16 / 9;overflow:hidden;background:#000;box-shadow:var(--shadow)}.embed-media.vertical{max-width:420px;aspect-ratio:9 / 16}.embed-img{display:block;width:100%;max-width:960px;height:auto;max-height:90vh;object-fit:contain;margin:0 auto;background:#fff;padding:12px;box-shadow:var(--shadow)}.embed-media iframe,.embed-media video{display:block;width:100%;height:100%;border:0}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:40;width:min(520px,calc(100% - 32px));max-height:calc(100% - 64px);overflow-y:auto;background:var(--paper) var(--grain);padding:22px 24px 24px;box-shadow:0 20px 50px -20px #231e148c;display:flex;flex-direction:column;gap:14px;align-items:flex-start}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;width:100%;border-bottom:1.5px dashed var(--line);padding-bottom:10px}.modal-head h3{margin:0;font-size:1.6rem}.modal-body{margin:0;white-space:pre-line}.modal.quick-view{width:min(920px,calc(100% - 32px));padding:44px 32px 32px;display:block}.quick-view .detail{margin-top:0;gap:40px}.quick-view .detail-info{box-shadow:none;padding:8px 0;background:none}.quick-close{position:absolute;top:10px;right:12px}.quick-full{display:table;margin:24px 0 0 auto}@media (max-width: 720px){html:not(.fit-desktop) .detail{grid-template-columns:1fr;gap:32px}}.detail-embed>h3{order:1}.detail-embed>p:not(.embed-link){order:2}.detail-embed>.embed-link{order:3}.detail-embed>.embed-img,.detail-embed>.embed-media{order:4}.hl{background:#f5d97a;color:var(--ink);padding:0 .25em}#dat-theu{scroll-margin-top:100px}.note-close{position:absolute;top:10px;left:10px}.note-field{display:flex;flex-direction:column;gap:4px;font:1.05rem var(--hand)}.note-field p{margin:0;padding:.45em .6em;border:1.5px dashed var(--ink);font:.78rem/1.5 var(--mono);background:#ffffff4d}.note-field .muted{font:.7rem var(--mono)}.photo-picker{display:flex;flex-wrap:wrap;gap:8px}.photo-thumb{position:relative;width:80px;height:80px;border:1.5px solid var(--ink);background:#fff}.photo-thumb img{width:100%;height:100%;object-fit:cover;display:block}.photo-thumb button{position:absolute;top:-8px;right:-8px;width:20px;height:20px;padding:0;border:1.5px solid var(--ink);border-radius:50%;background:#fff;color:var(--ink);font-size:.6rem;line-height:1;cursor:pointer}.photo-picker-stack{flex-direction:column;align-items:stretch;gap:10px}.form label.photo-add{flex:none;width:100%;min-height:64px;padding:8px;align-items:center;justify-content:center;gap:0;cursor:pointer;border:1.5px dashed var(--ink);background:#ffffff4d;font:.9rem var(--mono);text-align:center}.form label.photo-add:hover{background:#fff}.form label.photo-add small{margin-top:4px;font-size:.68rem;opacity:.7}.form label.photo-add:focus-within{outline:2px solid var(--ink)}
