@font-face{font-family:Acid Grotesk;src:url(/fonts/AcidGrotesk-Book.woff2)format("woff2");font-weight:350;font-display:swap}@font-face{font-family:Acid Grotesk;src:url(/fonts/AcidGrotesk-Regular.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Acid Grotesk;src:url(/fonts/AcidGrotesk-Medium.woff2)format("woff2");font-weight:500;font-display:swap}:root{--vermilion:#fa4616;--off-white:#f1f1f1;--charcoal:#151515;--paper:#fff;--muted:#6b6a66;--hairline:#15151524;--ease:cubic-bezier(.2, .8, .2, 1);--panel:27rem;--gap:clamp(2.5rem, 5vw, 5rem);--art:min(100%, 34rem, calc((100svh - 12rem) * .76));--art-open:min(34rem, calc((100svh - 12rem) * .68), calc(100vw - var(--panel) - var(--gap) - 12rem));--frame-shadow:0 1px 0 #ffffff14 inset, 0 2px 4px #0000001f, 0 24px 48px -12px #00000059, 0 60px 90px -40px #0006;--frame-shadow-lifted:0 1px 0 #ffffff14 inset, 0 4px 8px #0000001a, 0 32px 56px -14px #0000005c, 0 76px 100px -44px #0000006b;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--off-white);color:var(--charcoal);-webkit-font-smoothing:antialiased;font-family:Acid Grotesk,system-ui,sans-serif}.wall{background:radial-gradient(ellipse at 50% 35%, #fff9, transparent 60%), var(--off-white);justify-content:center;align-items:center;min-height:100svh;padding:3rem 1rem;display:flex}.stage{view-transition-name:stage;justify-content:center;align-items:center;width:100%;display:flex}.artwork{-webkit-user-select:none;user-select:none;z-index:1;width:var(--art);transition:width .8s var(--ease);flex-direction:column;flex-shrink:0;align-items:center;gap:2.25rem;display:flex;position:relative}.frame{width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;background-color:var(--charcoal);box-shadow:var(--frame-shadow);transition:translate .6s var(--ease), scale .8s var(--ease), box-shadow .6s var(--ease), background-color .5s ease;animation:hang .9s var(--ease) both;border:0;border-radius:0;padding:3.6%;display:block}.frame:hover{box-shadow:var(--frame-shadow-lifted);translate:0 -3px}.frame:focus{outline:none}.mat{background:var(--paper);transition:box-shadow .6s var(--ease);padding:9%;display:block;box-shadow:inset 0 0 0 1px #0000000a,inset 0 2px 6px #00000014;container-type:inline-size}.print{aspect-ratio:4/5;background:var(--vermilion);color:var(--off-white);flex-direction:column;justify-content:space-between;padding:8cqi 7cqi;display:flex;box-shadow:0 0 0 1px #00000014}.quote{font-weight:500;font-size:min(12.5cqi, calc(115cqi / sqrt(var(--chars))));letter-spacing:-.02em;text-wrap:balance;margin:0;line-height:1.02}.print-foot{justify-content:space-between;align-items:center;gap:4cqi;font-size:3.6cqi;line-height:1.3;display:flex}.print-author{flex-direction:column;font-weight:400;display:flex}.print-role{opacity:.8;font-weight:350}.mark{flex-shrink:0;width:auto;height:2.6em}.artwork[data-frame=No\ frame] .frame{box-shadow:none;background-color:#0000}.artwork[data-frame=No\ frame] .mat{box-shadow:0 1px 2px #00000014,0 18px 36px -12px #00000047}.artwork-action{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;padding:.25rem .5rem;font-size:.9375rem;font-weight:400;transition:color .3s;animation:.9s ease-out .3s both fade}:is(.artwork-action:hover,.artwork:has(.frame:hover) .artwork-action){color:var(--charcoal)}.artwork-action:focus-visible{outline:2px solid var(--vermilion);outline-offset:2px}.purchase{z-index:0;opacity:0;width:0;transition:width .8s var(--ease), margin-left .8s var(--ease), translate .9s var(--ease), opacity .4s ease;margin-left:0;position:relative;overflow:hidden;translate:-40%}.purchase-inner{width:var(--panel);scrollbar-width:thin;flex-direction:column;gap:1.5rem;max-height:calc(100svh - 6rem);padding:.25rem .25rem 1rem;display:flex;overflow-y:auto}.stage[data-open=true] .artwork{width:var(--art-open)}.stage[data-open=true] .artwork[data-size="16×20"] .frame{scale:.9}.stage[data-open=true] .purchase{width:var(--panel);margin-left:var(--gap);opacity:1;transition-delay:0s,0s,0s,.15s;translate:0}.purchase-head{flex-direction:column;gap:.375rem;display:flex}.purchase-heading{justify-content:space-between;align-items:center;gap:1rem;display:flex}.purchase-title{letter-spacing:-.01em;margin:0;font-size:1.75rem;font-weight:500;line-height:1.1}.purchase-note{color:var(--muted);margin:0;font-size:.9375rem;font-weight:350;line-height:1.4}.options{border:0;flex-direction:column;gap:.625rem;min-width:0;margin:0;padding:0;display:flex}.options-label{color:var(--muted);margin-bottom:.625rem;padding:0;font-size:.875rem;font-weight:350}.options-row{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.option{text-align:center;border:1px solid var(--hairline);cursor:pointer;border-radius:2px;padding:.75rem 1rem;font-size:1rem;font-weight:400;transition:background-color .3s,border-color .3s,color .3s;position:relative}.option:hover{border-color:#15151566}.option[data-selected=true]{background:var(--charcoal);border-color:var(--charcoal);color:var(--off-white)}.option:has(input:focus-visible){outline:2px solid var(--vermilion);outline-offset:2px}.option input{opacity:0;pointer-events:none;position:absolute}.checkout-loading{background:linear-gradient(100deg,#1515150a 30%,#15151514 50%,#1515150a 70%) 0 0/300% 100%;height:32rem;animation:1.6s linear infinite shimmer}.purchase-buy{border-top:1px solid var(--hairline);justify-content:space-between;align-items:center;gap:1rem;margin-top:.5rem;padding-top:1.5rem;display:flex}.purchase-price{letter-spacing:-.01em;font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:400}[data-loading=true]{opacity:.35;transition:opacity .3s}.button{font:inherit;color:#fff;background:var(--vermilion);cursor:pointer;transition:background-color .3s ease, translate .3s var(--ease);border:0;border-radius:2px;justify-content:center;align-items:center;padding:.875rem 1.5rem;font-size:1rem;font-weight:500;text-decoration:none;display:inline-flex}.button:hover{background:#e83d10}.button:active{translate:0 1px}.button:focus-visible{outline:2px solid var(--charcoal);outline-offset:2px}.corner{z-index:10;gap:.25rem;display:flex;position:fixed;top:1.25rem;right:1.25rem}.cart{animation:.6s ease-out both fade;position:relative}.icon-button{width:2.5rem;height:2.5rem;color:var(--charcoal);opacity:.55;cursor:pointer;background:0 0;border:0;place-items:center;padding:0;transition:opacity .3s;display:grid}.icon-button:hover,.icon-button[aria-expanded=true]{opacity:1}.cart .icon-button{opacity:1;color:#1515158c;transition:color .3s;position:relative}.cart .icon-button:hover,.cart .icon-button[aria-expanded=true]{color:var(--charcoal)}.cart-badge{background:var(--vermilion);color:#fff;font-variant-numeric:tabular-nums;min-width:1.125rem;height:1.125rem;animation:pop .4s var(--ease) both;border-radius:999px;place-items:center;padding:0 .3rem;font-size:.6875rem;font-weight:500;line-height:1;display:grid;position:absolute;top:.25rem;right:.125rem}@keyframes pop{0%{opacity:0;scale:.4}}.icon-button:focus-visible{outline:2px solid var(--vermilion);outline-offset:2px}.cart-sheet{background:var(--paper);transform-origin:100% 0;width:min(24rem,100vw - 2.5rem);animation:sheet .3s var(--ease) both;flex-direction:column;gap:1.25rem;padding:1.25rem;display:flex;position:absolute;top:calc(100% + .5rem);right:0;box-shadow:0 0 0 1px #1515150f,0 24px 48px -16px #00000040}.cart-lines{flex-direction:column;gap:1rem;max-height:50svh;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.cart-line{grid-template-columns:auto 1fr auto;align-items:start;gap:.875rem;display:grid}.cart-line-text{flex-direction:column;align-items:flex-start;gap:.125rem;min-width:0;display:flex}.cart-line-quote{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.9375rem;line-height:1.3;display:-webkit-box;overflow:hidden}.cart-line-meta{color:var(--muted);font-size:.8125rem;font-weight:350}.cart-line-remove{font:inherit;color:var(--muted);text-underline-offset:2px;cursor:pointer;background:0 0;border:0;margin-top:.25rem;padding:0;font-size:.8125rem;font-weight:350;text-decoration:underline}.cart-line-remove:hover{color:var(--charcoal)}.cart-line-price{font-variant-numeric:tabular-nums;font-size:.9375rem}.thumb{background:var(--charcoal);flex-shrink:0;width:3rem;padding:.1875rem;display:block;box-shadow:0 6px 14px -6px #00000059}.thumb[data-frame=No\ frame]{background:0 0;padding:0}.thumb .mat{box-shadow:none}.cart-totals{border-top:1px solid var(--hairline);flex-direction:column;gap:.375rem;margin:0;padding-top:1rem;font-size:.875rem;display:flex}.cart-totals div{justify-content:space-between;display:flex}.cart-totals dt{color:var(--muted);font-weight:350}.cart-totals dd{font-variant-numeric:tabular-nums;margin:0}.cart-totals .cart-total{margin-top:.25rem;font-size:1rem}.cart-totals .cart-total dt{color:var(--charcoal);font-weight:400}.checkout-columns{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:clamp(2.5rem,6vw,6rem);display:grid}.payment{grid-area:1/1}.order{flex-direction:column;grid-area:1/2;gap:2rem;display:flex;position:sticky;top:2rem}.order-title{letter-spacing:-.01em;margin:0;font-size:2rem;font-weight:500;line-height:1.1}.order .cart-lines{gap:1.75rem;max-height:none;overflow:visible}.order .thumb{width:6rem}.order .cart-line-quote{-webkit-line-clamp:3;font-size:1.0625rem}.order .cart-line-meta{font-size:.9375rem}.assurances{border-top:1px solid var(--hairline);color:var(--muted);flex-direction:column;gap:.5rem;margin:0;padding:1.5rem 0 0;font-size:.9375rem;font-weight:350;list-style:none;display:flex}.assurances li:before{content:"✓";color:var(--vermilion);margin-right:.625rem}.checkout-page{max-width:72rem;min-height:100svh;margin:0 auto;padding:1.5rem 1rem 4rem}.checkout-header{margin-bottom:2.5rem}.back-link{color:var(--muted);font-size:.9375rem;font-weight:350;text-decoration:none;transition:color .3s}.back-link:hover{color:var(--charcoal)}.checkout-notice{text-align:center;flex-direction:column;gap:.5rem;padding-top:18svh;display:flex}@keyframes sheet{0%{opacity:0;translate:0 -4px;scale:.97}}.nav-arrow{z-index:5;width:4.5rem;height:4.5rem;color:var(--charcoal);opacity:.55;transition:opacity .3s ease, translate .4s var(--ease);place-items:center;margin-top:-2.25rem;animation:.9s ease-out .6s backwards fade;display:grid;position:fixed;top:50%}.nav-arrow[data-direction=previous]{left:clamp(.25rem,2vw,1.5rem)}.nav-arrow[data-direction=next]{right:clamp(.25rem,2vw,1.5rem)}.nav-arrow:hover,.nav-arrow:focus-visible{opacity:1}.nav-arrow[data-direction=previous]:hover{translate:-3px}.nav-arrow[data-direction=next]:hover{translate:3px}.nav-arrow:focus-visible{outline:2px solid var(--vermilion);outline-offset:2px}::view-transition-old(root){animation:none}::view-transition-new(root){animation:none}::view-transition-group(stage){animation:none}::view-transition-old(stage){mix-blend-mode:normal;height:100%;animation-duration:.72s;animation-timing-function:cubic-bezier(.76,0,.12,1);animation-fill-mode:both}::view-transition-new(stage){mix-blend-mode:normal;height:100%;animation-duration:.72s;animation-timing-function:cubic-bezier(.76,0,.12,1);animation-fill-mode:both}:active-view-transition-type(next)::view-transition-old(stage){animation-name:pan-to-left}:active-view-transition-type(next)::view-transition-new(stage){animation-name:pan-from-right}:active-view-transition-type(previous)::view-transition-old(stage){animation-name:pan-to-right}:active-view-transition-type(previous)::view-transition-new(stage){animation-name:pan-from-left}@keyframes pan-to-left{to{transform:translate(-100vw)}}@keyframes pan-from-right{0%{transform:translate(100vw)}}@keyframes pan-to-right{to{transform:translate(100vw)}}@keyframes pan-from-left{0%{transform:translate(-100vw)}}@keyframes hang{0%{opacity:0;transform:translateY(-12px)rotate(-.6deg)}}@keyframes fade{0%{opacity:0}}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0 0}}@media (width<=899px){.checkout-columns{grid-template-columns:minmax(0,1fr)}.payment,.order{grid-area:auto}.order{gap:1.25rem;position:static}.order .thumb{width:3.5rem}.stage{flex-direction:column}.stage[data-open=true] .artwork{width:var(--art)}.purchase{width:100%;max-width:var(--panel);display:none;translate:0 24px}.stage[data-open=true] .purchase{width:100%;margin:3rem 0 0;display:block}@starting-style{.stage[data-open=true] .purchase{opacity:0;translate:0 24px}}.purchase-inner{width:auto;max-height:none;overflow:visible}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}::view-transition-old(stage){transition:none!important;animation:none!important}::view-transition-new(stage){transition:none!important;animation:none!important}}
