.lt{--hand2: "Pangolin", "Patrick Hand", cursive;--hand3: "Mali", "Patrick Hand", cursive;--script: "Dancing Script", "Patrick Hand", cursive;--blue-ink: #2c4a7c;--violet-ink: #5b3f8c;--lt-lift: 1px;--lt-w: 980px;--lt-shadow: 0 2px 3px rgba(40,30,20,.12), 0 12px 26px -12px rgba(40,30,20,.45);position:relative;margin:64px auto 0;box-shadow:var(--lt-shadow);color:var(--ink)}.lt p,.lt h2{margin:0}.lt p{white-space:pre-line;overflow-wrap:anywhere}.lt .lt-ps{font-size:1rem;color:var(--muted)}.lt-00,.lt-03,.lt-06{display:flex;flex-direction:column}.lt-00,.lt-03,.lt-06,.lt-20,.lt-15 .lt-a{background-size:100% var(--L);background-position:0 var(--y, 0px)}.lt-03,.lt-20{background-size:var(--L) var(--L),var(--L) var(--L),9px 9px,9px 9px}.lt-20{background-size:var(--L) var(--L)}.lt.lt-00>p,.lt.lt-03>p,.lt.lt-06>p{line-height:var(--L)}.lt.lt-20>p,.lt.lt-20>.lt-tag{line-height:calc(var(--L) * 2)}.lt .lt-media{--lt-media-w: 620px;position:relative;width:100%;max-width:var(--lt-media-w);margin:36px auto;clear:both;align-self:center}.lt .lt-media .embed-img{display:block;max-width:none;width:100%;max-height:none;padding:0;background:none;box-shadow:none;margin:0}.lt .lt-media .embed-media{max-width:none;box-shadow:none}.lt .lt-media:has(.vertical){max-width:340px}.lt-00 .lt-media{background:#fff;padding:12px;box-shadow:var(--lt-shadow)}.lt-00 .lt-media:nth-of-type(odd){transform:rotate(-1.2deg)}.lt-00 .lt-media:nth-of-type(2n){transform:rotate(1deg)}.lt-00 .lt-media:before,.lt-00 .lt-media:after{content:"";position:absolute;top:-12px;width:96px;height:26px;background:#f4df7ed1;z-index:2}.lt-00 .lt-media:before{left:-26px;transform:rotate(-32deg)}.lt-00 .lt-media:after{right:-26px;transform:rotate(32deg)}.lt-03 .lt-media{background:#fff;padding:8px;box-shadow:0 1px 4px #281e1433;--c: rgba(91,63,140,.85)}.lt-03 .lt-media:before,.lt-03 .lt-media:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;pointer-events:none;z-index:2;background:linear-gradient(135deg,var(--c) 50%,transparent 50%) top left / 34px 34px no-repeat,linear-gradient(225deg,var(--c) 50%,transparent 50%) top right / 34px 34px no-repeat}.lt-03 .lt-media:after{background:linear-gradient(45deg,var(--c) 50%,transparent 50%) bottom left / 34px 34px no-repeat,linear-gradient(315deg,var(--c) 50%,transparent 50%) bottom right / 34px 34px no-repeat}.lt-06 .lt-media{background:#fff;padding:12px 12px 46px;box-shadow:var(--lt-shadow);transform:rotate(1.4deg)}.lt-06 .lt-media:nth-of-type(2n){transform:rotate(-1.4deg)}.lt-06 .lt-media:before{content:"";position:absolute;top:-16px;left:50%;width:130px;height:32px;margin-left:-65px;transform:rotate(-3deg);z-index:2;opacity:.88;background:repeating-linear-gradient(45deg,#f3c6c0 0,#f3c6c0 8px,#fbe3df 8px,#fbe3df 16px);clip-path:polygon(0 0,100% 0,97% 20%,100% 40%,97% 60%,100% 80%,97% 100%,0 100%,3% 80%,0 60%,3% 40%,0 20%,3% 0);box-shadow:0 1px 2px #00000014}.lt-15{counter-reset:hinh}.lt-15 .lt-media{counter-increment:hinh;border:1.5px solid var(--ink);padding:10px 10px 0;background:#fff}.lt-15 .lt-media:after{content:"Hình " counter(hinh);display:block;text-align:center;font:italic 600 .85rem/1 var(--sans);padding:10px 0}.lt-20 .lt-media{padding:14px;border:2px solid #c23b3b;border-radius:14px 4px 18px 6px/6px 16px 4px 14px;transform:rotate(-.8deg)}.lt-20 .lt-media:after{content:"↖ ảnh thật nè";position:absolute;right:-8px;bottom:-34px;font:1.1rem var(--hand);color:#c23b3b;transform:rotate(-4deg)}.lt-00{max-width:var(--lt-w);--L: 32px;background-color:var(--paper);background-image:linear-gradient(#e3d8c5 1px,transparent 1px);padding:34px clamp(20px,5vw,54px) 40px;font:1.2rem/32px var(--hand);transform:rotate(-.4deg)}.lt-00:before{content:"";position:absolute;top:0;bottom:0;left:clamp(12px,3.5vw,38px);border-left:1.5px solid rgba(194,95,110,.45)}.lt-00 p{margin-bottom:32px}.lt-00 .lt-ps{margin-bottom:0}.lt-00 .lt-greet{font-size:1.2em}.lt-00 .lt-sign{text-align:right;color:var(--rose-dark);font-size:1.45rem}.lt-00 .lt-ps{margin:0}.lt-03{max-width:var(--lt-w);background-color:#fdfcf8;background-image:linear-gradient(#c9d6ea 1px,transparent 1px),linear-gradient(90deg,#c9d6ea 1px,transparent 1px),linear-gradient(#e2e9f3 1px,transparent 1px),linear-gradient(90deg,#e2e9f3 1px,transparent 1px);--L: 36px;background-size:36px 36px,36px 36px,9px 9px,9px 9px;padding:36px 30px 36px clamp(70px,12vw,108px);font:1.2rem/36px var(--hand3);color:var(--violet-ink)}.lt-03:before{content:"";position:absolute;top:0;bottom:0;left:clamp(52px,9vw,84px);border-left:2px solid rgba(194,95,110,.6);box-shadow:-5px 0 0 -3px #c25f6e99}.lt-03 .lt-date{text-align:right;color:var(--muted);font-size:1rem}.lt-03 .lt-h{text-align:center;font:700 1.9rem/72px var(--script);color:var(--rose-dark)}.lt.lt-03>*+*{margin-top:var(--L)}.lt.lt-03>.lt-h,.lt.lt-03>.lt-h+*{margin-top:0}.lt-03 .lt-sign{text-align:right}.lt-03 .lt-ps{padding-right:90px}.lt-03 .lt-ok{position:absolute;right:26px;bottom:26px;font:700 2.4rem var(--script);color:#c23b3b;transform:rotate(-10deg);line-height:1}.lt-03 .lt-ok small{display:block;font:1rem var(--hand);text-align:center}.lt-03{padding-bottom:90px}.lt-06{max-width:var(--lt-w);--L: 34px;background-color:#fffef9;background-image:linear-gradient(#cfdcec 1px,transparent 1px);padding:46px clamp(20px,5vw,48px) 40px clamp(44px,8vw,70px);font:1.2rem/34px var(--hand2);color:#26304a;transform:rotate(.6deg)}.lt-06:before{content:"";position:absolute;top:0;bottom:0;left:0;width:34px;background:radial-gradient(circle 6px at 18px 17px,var(--bg) 96%,transparent) 0 0 / 34px 34px repeat-y}.lt-06:after{content:"";position:absolute;right:30px;bottom:26px;width:120px;height:120px;border-radius:50%;border:7px solid rgba(150,100,50,.16);box-shadow:inset 0 0 0 2px #96643214;transform:scaleX(1.05) rotate(20deg);pointer-events:none}.lt-06 p{margin-bottom:34px}.lt-06 .lt-greet{font-size:1.17em}.lt-06 .lt-sign{font:700 1.6rem var(--script);color:var(--rose-dark)}.lt-06 .lt-edge{position:absolute;left:0;right:0;top:-1px;height:12px;background:var(--bg);clip-path:polygon(0 0,100% 0,100% 40%,97% 90%,93% 30%,89% 80%,85% 20%,80% 70%,76% 30%,71% 90%,66% 20%,61% 70%,57% 35%,52% 85%,47% 25%,43% 75%,38% 30%,33% 80%,29% 25%,24% 70%,19% 35%,14% 85%,10% 30%,5% 75%,0 35%)}.lt-15{max-width:var(--lt-w);background:#fff;padding:26px clamp(18px,4vw,40px) 34px;display:flex;flex-direction:column;gap:16px;font:1rem/1.6 var(--sans)}.lt-15 .lt-top{display:grid;grid-template-columns:1fr auto;gap:16px;border-bottom:1.5px solid var(--ink);padding-bottom:12px}.lt-15 .lt-info{font-size:.85rem;display:flex;flex-direction:column;gap:2px}.lt-15 .lt-info b{font-weight:600}.lt-15 .lt-hw{font:1.15rem var(--hand3);color:var(--blue-ink)}.lt-15 .lt-title{text-align:center;font:700 1.1rem var(--sans);letter-spacing:.06em;text-transform:uppercase}.lt-15 .lt-score{display:grid;grid-template-columns:90px 190px;border:1.5px solid var(--ink);font-size:.75rem;text-align:center;align-self:start}.lt-15 .lt-score>div{border-right:1.5px solid var(--ink);padding:4px;display:flex;flex-direction:column}.lt-15 .lt-score>div:last-child{border:0}.lt-15 .lt-red{font:700 2.4rem/1.1 var(--script);color:#c62828}.lt-15 .lt-rm{font:1.05rem/1.3 var(--hand);color:#c62828;text-align:left;padding-top:4px}.lt-15 .lt-q{font-weight:600;font-size:.92rem}.lt-15 .lt-a{font:1.15rem/34px var(--hand3);color:var(--blue-ink);--L: 34px;position:relative;background-image:linear-gradient(#dde3ec 1px,transparent 1px);padding-left:6px}.lt-15 .lt-tick{color:#c62828;font:700 1.3rem var(--hand);margin-left:6px}.lt-15 .lt-ps{font:1.05rem var(--hand3)}.lt-20{max-width:var(--lt-w);background-color:#fbfbf7;background-image:linear-gradient(#dfe5ee 1px,transparent 1px),linear-gradient(90deg,#dfe5ee 1px,transparent 1px);--L: 22px;background-size:22px 22px;padding:30px clamp(18px,5vw,46px) 34px;font:1.15rem/44px var(--hand2);color:#2a3550;display:flex;flex-direction:column}.lt-20>p:not(.lt-media){max-width:calc(100% - 230px)}.lt-20 .lt-tag{font:.9rem var(--hand);color:var(--muted)}.lt-20 .lt-math{font:1.13em/44px var(--hand2);color:#c23b3b;border:2px solid #c23b3b;border-radius:50% 46% 52% 48%/60% 50% 55% 45%;padding:10px 18px;align-self:flex-start;transform:rotate(-2deg)}.lt-20 .lt-side{position:absolute;top:56px;right:clamp(18px,5vw,46px);width:200px;display:flex;flex-direction:column;gap:16px;align-items:center}.lt-20 .lt-side .motif{width:160px;height:160px}.lt-20 .lt-arrow{font:1.05rem var(--hand);color:#5f8a6b;transform:rotate(-6deg);text-align:center}.lt-20 .lt-sign{font:700 1.6rem var(--script);color:var(--rose-dark);text-align:right}@media (max-width: 680px){html:not(.fit-desktop) .lt-15 .lt-top{grid-template-columns:1fr}html:not(.fit-desktop) .lt-15 .lt-score{grid-template-columns:80px 1fr}html:not(.fit-desktop) .lt-20 .lt-side{display:none}html:not(.fit-desktop) .lt-20>p:not(.lt-media){max-width:none}}.form .lt{margin:6px auto 10px;width:100%}.lt .lt-edit{min-height:calc(var(--L, 34px) * 8);white-space:pre-wrap;overflow-wrap:anywhere;outline:none;cursor:text}.lt .lt-edit:focus{background:#ffffff2e}.lt .lt-edit:empty:before{content:attr(data-ph);opacity:.38;pointer-events:none}.lt.lt-00>.lt-edit,.lt.lt-06>.lt-edit{margin-bottom:var(--L)}.lt.lt-00>.lt-edit,.lt.lt-03>.lt-edit,.lt.lt-06>.lt-edit{line-height:var(--L)}.lt.lt-20>.lt-edit{line-height:calc(var(--L) * 2);max-width:calc(100% - 230px)}.lt-15 .lt-edit{--L: 34px;font:1.15rem/34px var(--hand3);color:var(--blue-ink);padding-left:6px;background:linear-gradient(transparent calc(var(--L) - 8px),#dde3ec 0 calc(var(--L) - 7px),transparent 0) 0 0 / 100% var(--L) local}.lt .lt-fix{outline:1px dashed rgba(35,32,28,.3);outline-offset:2px;min-width:1ch;cursor:text}.lt .lt-fix:hover{outline-color:#23201c99}.lt .lt-fix:focus{outline:1.5px solid var(--rose-dark);background:#ffffff59}.lt.lt-20 .lt-side,.lt.lt-03 .lt-ok{z-index:1}@media (max-width: 680px){html:not(.fit-desktop) .lt.lt-20>.lt-edit{max-width:none}}.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}.admin-detail-preview{margin:0;width:100%;font-size:.85rem;white-space:pre-line;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.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}.admin-papers{display:flex;flex-wrap:wrap;gap:6px}.admin-letter-style{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px}.form .admin-letter-style select{width:auto}.admin-swatch{width:24px;height:24px;border:1.5px solid var(--ink);border-radius:50%;padding:0;cursor:pointer}.admin-swatch:disabled{opacity:.4;cursor:default}.form .admin-swatch-pick input{width:34px;height:28px;padding:1px;cursor:pointer}: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:1}html.fit-desktop:has(.header){zoom:var(--fit-zoom, .26)}html.fit-desktop .nowrap-wide{white-space:nowrap}html:has(.header){--page-zoom: 1}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(#efe8dc2e,#efe8dc47),url(/bg-deck.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)}html:not(.fit-desktop) .header{zoom:.8}.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}.hero-audio{display:flex;align-items:center;gap:8px;flex-shrink:0;align-self:center}.hero-volume{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:72px;height:16px;margin:0;background:none;cursor:pointer}.hero-volume::-webkit-slider-runnable-track{height:4px;border-radius:999px;background:linear-gradient(90deg,var(--rose) var(--fill),rgba(35,32,28,.18) var(--fill))}.hero-volume::-moz-range-track{height:4px;border-radius:999px;background:#23201c2e}.hero-volume::-moz-range-progress{height:4px;border-radius:999px;background:var(--rose)}.hero-volume::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;margin-top:-4px;border-radius:50%;background:#fff;border:1.5px solid var(--ink);box-shadow:0 1px 2px #0003}.hero-volume::-moz-range-thumb{width:12px;height:12px;border-radius:50%;box-sizing:border-box;background:#fff;border:1.5px solid var(--ink);box-shadow:0 1px 2px #0003}.hero-volume:focus-visible{outline:2px dashed var(--rose);outline-offset:3px}.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;transition:opacity .4s,visibility .4s}.hero-video.is-off iframe{opacity:0;visibility:hidden}.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:92.75%;top:10.65%;width:38%;height:83.7%;clip-path:polygon(0% 31.8%,100% 0%,100% 100%,0% 68.2%,3.9% 67.3%,8.6% 64.8%,11.2% 62.2%,12.8% 59.7%,14.1% 57.2%,15.1% 54.6%,15.5% 52.1%,15.5% 49.6%,15.1% 47%,14.5% 44.5%,13.5% 41.9%,12.2% 39.4%,10.5% 36.9%,7.6% 34.3%,.7% 31.8%);--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:93.7%;top:37.25%;width:4%;height:30.5%}.hero-video{box-shadow:var(--shadow),0 0 30px 8px #f4df7ed9}.hero-video{transition:background-color .4s,box-shadow .4s}.hero-video.is-off{background-color:transparent;box-shadow:none}@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: 900px){.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}.tracking-form{margin:24px auto 0;max-width:480px;padding:26px 28px 28px;gap:16px;background:var(--paper) var(--grain);box-shadow:var(--shadow);transform:rotate(-.6deg)}.tracking-form label{font-size:1.2rem}.tracking-form input{background:#fff;padding:.6em .7em;font-size:.9rem}.tracking-form .muted{font-size:.78rem;line-height:1.6;color:#4f483f}.form input:focus,.form select:focus,.form textarea:focus{outline:none;background:#fff}.sticky-note>.btn{align-self:flex-start;margin-top:6px}.sticky-note input,.sticky-note textarea,.sticky-note label.photo-add{border:none}.sticky-note label.photo-add{background:#ffffff73}.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: 1550px){html:not(.fit-desktop) .d-flower{display:none}}@media (max-width: 1375px){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: 1200px){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: 1025px){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: 700px){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: 900px){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-wait{display:grid;place-items:center;padding:6px;text-align:center;font:.62rem/1.4 var(--mono);opacity:.7;border-style:dashed}.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)}