:root{--paper:#fff7ea;--surface:#fff;--ink:#141216;--muted:#57505e;--lime:#c8ff2e;--violet:#5b2eff;--coral:#ff5c39;--pink:#ffc2dd;--error:#c0141c;--border:2px solid var(--ink);--radius:16px;--radius-small:10px;--shadow:4px 4px 0 var(--ink);--shadow-large:6px 6px 0 var(--ink);--display:"Bricolage Grotesque", "Arial Black", system-ui, sans-serif;--sans:"DM Sans", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif}*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth;scroll-padding-top:88px}body{background:var(--paper);min-height:100vh;color:var(--ink);font-family:var(--sans);flex-direction:column;margin:0;font-size:16px;line-height:1.55;display:flex;overflow-x:clip}main{flex:1;padding-bottom:64px}img{max-width:100%;height:auto;display:block}h1,h2,h3{font-family:var(--display);letter-spacing:-.03em;text-wrap:balance;margin:0;font-weight:800;line-height:1}h1{font-size:clamp(3rem,13vw,6.4rem)}h2{margin-bottom:24px;font-size:clamp(2.1rem,7vw,3.6rem)}a{color:inherit}:focus-visible{outline:3px solid var(--violet);outline-offset:2px}.container{width:100%;max-width:1240px;margin:0 auto;padding:0 16px}.narrow{max-width:620px;padding-top:32px}.narrow h1{margin-bottom:14px;font-size:clamp(2.4rem,9vw,3.4rem)}.site-header{z-index:10;background:var(--paper);border-bottom:var(--border);position:sticky;top:0}.site-header-inner{justify-content:space-between;align-items:center;min-height:68px;display:flex}.logo{text-decoration:none;display:block}.logo img{width:auto;height:40px}.logo-intro{--logo-hold:.7s;--logo-unfold:.95s;--logo-travel:cubic-bezier(.77, 0, .175, 1);--logo-arrive:cubic-bezier(.23, 1, .32, 1);width:195.122px;height:40px;position:relative}.logo-side,.logo-icon,.logo-icon img{position:absolute;inset:0}.logo-intro img{width:100%;height:100%;display:block}.logo-left{clip-path:inset(0 79.1% 0 0)}.logo-right{clip-path:inset(0 0 0 32.02%)}.logo-icon,.logo-o{transform-origin:26.4% 57.6%}.logo-star{transform-origin:32.8% 21.3%}@media (prefers-reduced-motion:no-preference){.logo-o{animation:logo-icon-in .6s var(--logo-arrive) both}.logo-star{animation:logo-star-in .8s var(--logo-arrive) calc(var(--logo-hold) + .2s) both}.logo-icon{animation:logo-icon-settle .5s var(--logo-travel) calc(var(--logo-hold) + var(--logo-unfold) - .25s)}.logo-left img{animation:logo-left-out var(--logo-unfold) var(--logo-travel) calc(var(--logo-hold) + 80ms) both}.logo-right img{animation:logo-right-out var(--logo-unfold) var(--logo-travel) var(--logo-hold) both}}@keyframes logo-icon-in{0%{opacity:0;transform:scale(.8)rotate(-16deg)}to{opacity:1;transform:none}}@keyframes logo-star-in{0%{opacity:0;transform:scale(.15)rotate(-120deg)}to{opacity:1;transform:none}}@keyframes logo-icon-settle{50%{transform:scale(1.07)rotate(3deg)}}@keyframes logo-left-out{0%{transform:translate(20.9%)}to{transform:none}}@keyframes logo-right-out{0%{transform:translate(-67.98%)}to{transform:none}}.cart-link{border:var(--border);background:var(--surface);border-radius:999px;align-items:center;gap:8px;min-height:44px;padding:0 14px;font-weight:700;text-decoration:none;transition:background-color .15s;display:inline-flex}.cart-link:hover{background:var(--lime)}.cart-link .cart-icon{width:24px;height:24px}.cart-count{background:var(--violet);color:#fff;text-align:center;border-radius:12px;min-width:24px;height:24px;padding:0 6px;font-size:.85rem;line-height:24px}.btn{border:var(--border);border-radius:var(--radius-small);width:100%;min-height:50px;box-shadow:var(--shadow);font:inherit;text-align:center;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;padding:10px 18px;font-weight:700;line-height:1.2;text-decoration:none;transition:transform .12s ease-out,box-shadow .12s ease-out,background-color .15s;display:inline-flex}.btn:hover:not(:disabled){box-shadow:var(--shadow-large);transform:translate(-1px,-1px)}.btn:active:not(:disabled){box-shadow:0 0 0 var(--ink);transform:translate(4px,4px)}.btn:disabled{opacity:.55;box-shadow:none;cursor:not-allowed}.btn-primary{background:var(--lime);color:var(--ink)}.btn-secondary{background:var(--surface);color:var(--ink)}.btn-secondary:hover:not(:disabled){background:var(--lime)}.btn-submit{min-height:72px;font-family:var(--display);font-size:1.3rem;font-weight:800}.btn-submit small{font-family:var(--sans);letter-spacing:.06em;text-transform:uppercase;font-size:.75rem;font-weight:700}.hero{gap:40px;padding-top:40px;padding-bottom:48px;display:grid}.hero-title em{background:var(--violet);color:#fff;border-radius:12px;padding:0 .14em .06em;font-style:normal;display:inline-block;transform:rotate(-2deg)}.collage{aspect-ratio:1/1.02;width:100%;max-width:460px;margin:0 auto;position:relative}.collage img{border:var(--border);width:52%;box-shadow:var(--shadow-large);border-radius:12px;position:absolute}.collage img:first-child{top:4%;left:2%;transform:rotate(-7deg)}.collage img:nth-child(2){top:0;right:2%;transform:rotate(5deg)}.collage img:nth-child(3){bottom:0;left:24%;transform:rotate(-2deg)}.sticker{z-index:1;border:var(--border);background:var(--coral);width:104px;height:104px;font-family:var(--display);text-align:center;border-radius:50%;place-items:center;padding:10px;font-size:.95rem;font-weight:800;line-height:1.05;display:grid;position:absolute;bottom:8%;right:0;transform:rotate(10deg)}.ticker{border-bottom:var(--border);background:var(--lime);overflow:hidden}.ticker-track{width:max-content;animation:28s linear infinite ticker;display:flex}.ticker-group{flex-shrink:0;align-items:center;margin:0;padding:0;list-style:none;display:flex}.ticker-group li{font-family:var(--display);white-space:nowrap;align-items:center;padding:10px 0;font-size:1.15rem;font-weight:800;display:flex}.ticker-group li:after{content:"";background:var(--ink);width:10px;height:10px;margin:0 22px;transform:rotate(45deg)}@keyframes ticker{to{transform:translate(-50%)}}.catalogue{padding-top:8px}.filters{scrollbar-width:none;gap:8px;margin:0 -16px 18px;padding:6px 16px;display:flex;overflow-x:auto}.filters::-webkit-scrollbar{display:none}.filter{border:var(--border);background:var(--surface);min-height:44px;color:var(--ink);font:inherit;cursor:pointer;border-radius:999px;flex:none;padding:0 18px;font-weight:700;transition:background-color .15s}.filter:hover{background:var(--lime)}.filter[aria-pressed=true]{background:var(--violet);color:#fff}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px;display:grid}.filters-empty{border:var(--border);border-radius:var(--radius);background:var(--surface);grid-column:1/-1;align-items:center;gap:14px;padding:12px;display:flex}.filters-empty-art{border:var(--border);border-radius:var(--radius-small);background:var(--pink);flex:none;place-items:center;width:76px;height:76px;display:grid}.filters-empty-art .step-art{width:60px;height:60px}.filters-empty strong{font-family:var(--display);letter-spacing:-.02em;font-size:1.15rem;font-weight:800;line-height:1.15;display:block}.filters-empty p{color:var(--muted);margin:4px 0 0;font-size:.92rem;line-height:1.35}.art-star{transform-box:fill-box;transform-origin:50%}@media (prefers-reduced-motion:no-preference){.art-star{animation:2.4s cubic-bezier(.77,0,.175,1) infinite art-star}}@keyframes art-star{0%,to{transform:scale(.82)rotate(0)}50%{transform:scale(1.12)rotate(14deg)}}.card{border:var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);flex-direction:column;transition:transform .16s ease-out,box-shadow .16s ease-out;display:flex;overflow:hidden}.card-link{text-decoration:none;display:block}.card-image{aspect-ratio:3/4;border-bottom:var(--border);position:relative;overflow:hidden}.card-image img{object-fit:cover;width:100%;height:100%}.card-image img,.gallery img{-webkit-user-drag:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.card-image-framed{opacity:0;transition:opacity .25s ease-out;position:absolute;inset:0}.card-link:focus-visible .card-image-framed{opacity:1}.card-body{flex-direction:column;flex:1;gap:4px;padding:12px 8px;display:flex}.card h3{letter-spacing:-.02em;font-size:1.15rem;line-height:1.1}.card-buy{justify-content:space-between;align-items:center;gap:4px;margin-top:auto;padding-top:6px;display:flex}.card .price{white-space:nowrap;margin:0;font-size:.95rem}.card .btn{width:auto;min-width:44px;min-height:44px;box-shadow:none;white-space:nowrap;flex-direction:row;flex:none;gap:3px;padding:0 4px;font-size:.82rem}.card .cart-icon{flex:none;width:16px;height:16px}.card .btn:hover:not(:disabled){box-shadow:none;transform:none}.card .btn:active:not(:disabled){transform:scale(.97)}@media (hover:hover){.card:hover{box-shadow:7px 7px 0 var(--ink);transform:translate(-2px,-2px)rotate(-.6deg)}.card:hover .card-image-framed{opacity:1}}.format{color:var(--muted);margin:0;font-size:.9rem}.price{font-weight:700}.price-large{border:var(--border);background:var(--lime);font-family:var(--display);border-radius:999px;margin:14px 0 16px;padding:4px 14px;font-size:1.5rem;font-weight:800;display:inline-block}.steps{margin-top:72px}.steps ol{gap:28px;margin:0;padding:0;list-style:none;display:grid}.steps li{grid-template-columns:104px minmax(0,1fr);align-items:center;gap:16px;display:grid;position:relative}.steps li:not(:last-child):after{content:"";border-left:2px dashed var(--ink);height:28px;position:absolute;top:100%;left:52px}.step-tile{border:var(--border);border-radius:var(--radius);place-items:center;height:104px;display:grid;position:relative}.steps li:first-child .step-tile{background:var(--lime)}.steps li:nth-child(2) .step-tile{background:var(--pink)}.steps li:nth-child(3) .step-tile{background:var(--violet)}.step-art{width:80px;height:80px}.step-art-text{font-family:var(--display);font-size:22px;font-weight:800}.step-number{z-index:1;background:var(--ink);color:#fff;width:30px;height:30px;font-family:var(--display);text-align:center;border-radius:50%;font-size:.95rem;font-weight:800;line-height:30px;position:absolute;top:-10px;left:-10px}.steps strong{font-family:var(--display);letter-spacing:-.02em;font-size:1.25rem;font-weight:800;line-height:1.1;display:block}.steps p{color:var(--muted);margin:4px 0 0;font-size:.95rem;line-height:1.4}.art-line{stroke-dasharray:1 1.1}.art-button,.art-check,.art-handset,.art-bubble,.art-dot,.art-note,.art-box{transform-box:fill-box;transform-origin:50%}.art-bubble{transform-origin:25% 100%}.art-box{transform-origin:50% 100%}.steps li:not(:last-child):before{content:"";z-index:1;background:var(--ink);opacity:0;--travel-x:0px;--travel-y:28px;border-radius:50%;width:10px;height:10px;position:absolute;top:calc(100% - 5px);left:48px}@media (prefers-reduced-motion:no-preference){.steps{--step-loop:9s;--step-ease:cubic-bezier(.77, 0, .175, 1);--step-dim:.4}.steps li:nth-child(2){--step-delay:3s}.steps li:nth-child(3){--step-delay:6s}.steps.is-live .step-tile{animation:step-tile var(--step-loop) var(--step-ease) var(--step-delay,0s) infinite, step-focus var(--step-loop) var(--step-ease) var(--step-delay,0s) infinite both}.steps.is-live .step-tile+div{animation:step-focus var(--step-loop) var(--step-ease) var(--step-delay,0s) infinite both}.steps.is-live .step-number{animation:step-number var(--step-loop) var(--step-ease) var(--step-delay,0s) infinite}.steps.is-live li:not(:last-child):before{animation:step-travel var(--step-loop) var(--step-ease) var(--step-delay,0s) infinite}.steps.is-live .art-line-a{animation:art-line-a var(--step-loop) var(--step-ease) infinite}.steps.is-live .art-line-b{animation:art-line-b var(--step-loop) var(--step-ease) infinite}.steps.is-live .art-button{animation:art-button var(--step-loop) var(--step-ease) infinite}.steps.is-live .art-check{animation:art-check var(--step-loop) var(--step-ease) infinite}.steps.is-live .art-handset{animation:art-handset var(--step-loop) linear var(--step-delay) infinite}.steps.is-live .art-bubble{animation:art-bubble var(--step-loop) var(--step-ease) var(--step-delay) infinite}.steps.is-live .art-dot{animation:art-dot var(--step-loop) var(--step-ease) var(--step-delay) infinite}.steps.is-live .art-dot-2{animation-delay:calc(var(--step-delay) + .2s)}.steps.is-live .art-dot-3{animation-delay:calc(var(--step-delay) + .4s)}.steps.is-live .art-note{animation:art-note var(--step-loop) var(--step-ease) var(--step-delay) infinite}.steps.is-live .art-box{animation:art-box var(--step-loop) var(--step-ease) var(--step-delay) infinite}}@keyframes step-tile{0%,33%,to{box-shadow:0 0 0 var(--ink)}3%,28%{box-shadow:5px 5px 0 var(--ink)}}@keyframes step-focus{0%,36%,to{opacity:var(--step-dim)}3%,33%{opacity:1}}@keyframes step-number{0%,33%,to{transform:scale(1)}3%,28%{transform:scale(1.18)}}@keyframes step-travel{0%,27%{opacity:0;transform:translate(0)}28%{opacity:1;transform:translate(0)}35%{opacity:1;transform:translate(var(--travel-x), var(--travel-y))}36%,to{opacity:0;transform:translate(var(--travel-x), var(--travel-y))}}@keyframes art-line-a{0%,11%,to{stroke-dashoffset:0}3%,6%{stroke-dashoffset:1.05px}}@keyframes art-line-b{0%,16%,to{stroke-dashoffset:0}3%,11%{stroke-dashoffset:1.05px}}@keyframes art-button{0%,16%,22%,to{transform:scale(1)}18%{transform:scale(.88)}}@keyframes art-check{0%,26%,to{opacity:1;transform:scale(1)}3%{opacity:0;transform:scale(.5)}21%{opacity:0;animation-timing-function:cubic-bezier(.23,1,.32,1);transform:scale(.5)}}@keyframes art-handset{0%,3%,7.2%,11%,15.2%,to{transform:rotate(0)}3.6%,4.8%,6%,11.6%,12.8%,14%{transform:rotate(-7deg)}4.2%,5.4%,6.6%,12.2%,13.4%,14.6%{transform:rotate(7deg)}}@keyframes art-bubble{0%,20%,to{opacity:1;transform:scale(1)}3%{opacity:0;transform:scale(.6)}15%{opacity:0;animation-timing-function:cubic-bezier(.23,1,.32,1);transform:scale(.6)}}@keyframes art-dot{0%,20%,23%,26%,29%,to{transform:translateY(0)}21.5%,27.5%{transform:translateY(-5px)}}@keyframes art-note{0%,26%,30%,to{opacity:1;transform:translate(0)scale(1)rotate(0)}4%{opacity:0;transform:translate(-14px,30px)scale(.8)rotate(0)}19%{opacity:0;animation-timing-function:cubic-bezier(.23,1,.32,1);transform:translate(-14px,30px)scale(.8)rotate(0)}28%{opacity:1;transform:translate(0)scale(1)rotate(3deg)}}@keyframes art-box{0%,19%,to{transform:translateY(0)scale(1)}5%,8%{animation-timing-function:cubic-bezier(.55,0,1,.45);transform:translateY(-12px)scale(1)}11%{transform:translateY(0)scale(.97,1.04)}13%{transform:translateY(0)scale(1.07,.9)}16%{transform:translateY(0)scale(.98,1.03)}}.product{gap:28px;padding-top:24px;display:grid}.gallery{scroll-snap-type:x mandatory;gap:12px;min-width:0;margin-inline:-16px;padding:0 16px 10px;scroll-padding-inline:16px;display:flex;overflow-x:auto}.gallery img{border:var(--border);border-radius:var(--radius);min-width:0;box-shadow:var(--shadow);scroll-snap-align:start;flex:0 0 84%}.product-info h1{font-size:clamp(2.6rem,10vw,4.4rem)}.back-link{align-items:center;min-height:44px;margin-bottom:6px;font-weight:600;display:inline-flex}.product-info .btn{flex-direction:row;gap:8px}.product-info .cart-icon{flex:none;width:20px;height:20px}.reassurance{color:var(--muted);font-size:.98rem;font-weight:500}.lines{gap:12px;margin:24px 0;padding:0;list-style:none;display:grid}.line{background:var(--surface);border:var(--border);border-radius:var(--radius);grid-template-columns:56px minmax(0,1fr) auto 44px;align-items:center;gap:10px;padding:10px;display:grid}.line-image{border:var(--border);object-fit:cover;border-radius:6px;width:56px;height:70px}.line-name,.line-qty,.line-price{margin:0}.line-name{overflow-wrap:anywhere;font-weight:700;line-height:1.2}.line-qty{color:var(--muted);font-size:.92rem}.line-price{white-space:nowrap;font-weight:700}.line-remove{border-radius:var(--radius-small);width:44px;height:44px;color:var(--ink);cursor:pointer;background:0 0;border:0;font-size:1.5rem;transition:background-color .15s}.line-remove:hover{background:var(--pink)}.stepper{align-items:center;margin-top:6px;display:inline-flex}.stepper-button{border:var(--border);border-radius:var(--radius-small);background:var(--paper);width:44px;height:44px;color:var(--ink);cursor:pointer;font-size:1.2rem;font-weight:700;transition:background-color .15s}.stepper-button:hover:not(:disabled){background:var(--lime)}.stepper-button:disabled{opacity:.4;cursor:not-allowed}.stepper-value{text-align:center;min-width:32px;font-weight:700}.summary{background:var(--surface);border:var(--border);border-radius:var(--radius);margin-bottom:20px;padding:16px}.summary-row{justify-content:space-between;gap:16px;display:flex}.summary-total{border-top:2px dashed var(--ink);align-items:baseline;margin-top:10px;padding-top:10px;font-weight:700}.summary-total strong{font-family:var(--display);letter-spacing:-.02em;font-size:2rem;font-weight:800}.field{margin-top:20px}.field label{margin-bottom:6px;font-weight:700;display:block}.required{color:var(--error)}.field input,.field textarea{border:var(--border);border-radius:var(--radius-small);background:var(--surface);width:100%;min-height:54px;color:var(--ink);font:inherit;padding:12px 14px;font-size:1.05rem;transition:box-shadow .12s ease-out;display:block}.field input::placeholder,.field textarea::placeholder{color:var(--muted)}.field input:focus,.field textarea:focus{box-shadow:4px 4px 0 var(--violet);outline:none}.field textarea{resize:vertical}.field [aria-invalid=true]{border-color:var(--error)}.field-error,.form-error{color:var(--error);margin:6px 0 0;font-size:.94rem;font-weight:500}.field-error:empty,.form-error:empty{display:none}.form-error{margin:0 0 12px;font-weight:700}.combobox{position:relative}.combobox-list{z-index:5;background:var(--surface);border:var(--border);border-radius:var(--radius-small);max-height:260px;box-shadow:var(--shadow);margin:6px 0 0;padding:4px;list-style:none;position:absolute;left:0;right:0;overflow-y:auto}.combobox-list li{cursor:pointer;border-radius:6px;padding:11px 10px}.combobox-list li:hover,.combobox-list li[aria-selected=true]{background:var(--lime)}.trap{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.empty,.confirmation{text-align:center}.empty .btn,.confirmation .btn{width:auto;margin-top:12px}.order-number{border:var(--border);background:var(--lime);border-radius:999px;padding:4px 14px;font-weight:700;display:inline-block}.toast{z-index:20;border-radius:var(--radius-small);background:var(--ink);color:#fff;max-width:420px;box-shadow:4px 4px 0 var(--lime);justify-content:space-between;align-items:center;gap:16px;margin:0 auto;padding:14px 16px;display:flex;position:fixed;bottom:16px;left:16px;right:16px}.toast a{color:var(--lime);font-weight:700}.site-footer{background:var(--ink);color:#fff;padding:32px 0}.footer-name{border-radius:var(--radius);background:var(--paper);margin:0;padding:14px 18px;display:inline-block}.footer-name img{width:auto;height:clamp(44px,9vw,72px)}.footer-note{margin:10px 0 0;font-size:.95rem}@media (width<=359.98px){.card .btn-primary .label-short{display:none}}@media (width<=959.98px){.product-info{grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:10px;display:grid}.product-info>*{grid-column:1/-1}.product-info .back-link{justify-self:start}.product-info .price-large{grid-area:3/1;margin:14px 0}.product-info .btn{white-space:nowrap;grid-area:3/2;padding:10px 6px}}@media (width>=640px){.grid{gap:24px 20px}.card-body{padding:16px}.card h3{font-size:1.4rem}.card .price{font-size:1.05rem}.card .btn{gap:6px;min-height:46px;padding:0 14px;font-size:.95rem}.card .cart-icon{width:18px;height:18px}}@media (width>=960px){.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 24px}.card h3{font-size:1.25rem}.hero{grid-template-columns:1.15fr 1fr;align-items:center;gap:48px;padding-top:64px;padding-bottom:72px}.steps ol{grid-template-columns:repeat(3,1fr);gap:48px}.steps{margin-top:56px}.steps h2{font-size:2.2rem}.steps li:not(:last-child):after{border-top:2px dashed var(--ink);border-left:0;width:48px;height:0;top:50%;left:100%}.steps li:not(:last-child):before{--travel-x:48px;--travel-y:0px;top:calc(50% - 4px);left:calc(100% - 5px)}.product{grid-template-columns:1.1fr 1fr;align-items:start;gap:56px;padding-top:40px}.gallery{flex-direction:column;gap:24px;margin-inline:0;padding:0 6px 6px 0;overflow:visible}.gallery img{flex:none;width:100%}.product-info{position:sticky;top:100px}.product-info .btn{max-width:340px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker-track{animation:none}.btn,.card,.card-image-framed{transition:none}}
