@font-face{font-family:Cute Dino;src:url(/fonts/Cute_Dino.ttf) format("truetype");font-display:swap}@font-face{font-family:Barber Chop;src:url(/fonts/BarberChop.otf) format("opentype");font-display:swap}:root{--blue-50:#EBF0F8;--blue-100:#D1DEF0;--blue-200:#A3BDE1;--blue-300:#759DD2;--blue-400:#3D75C0;--blue-500:#1A5BB4;--blue-600:#0049AC;--blue-700:#003C8D;--blue-800:#002F6E;--blue-900:#00214D;--gold-50:#FEF9EE;--gold-100:#FCF1D9;--gold-200:#F9E4B2;--gold-300:#F6D68C;--gold-400:#F2C55D;--gold-500:#F0BB3F;--gold-600:#EEB32A;--gold-700:#C39322;--gold-800:#98731B;--gold-900:#6B5113;--cream-50:#FCF8F4;--cream-100:#F8F0E6;--cream-200:#F1E1CD;--cream-300:#E9D2B4;--cream-400:#E1C096;--cream-500:#DBB483;--cream-600:#D7AC75;--cream-700:#B08D60;--cream-800:#8A6E4B;--cream-900:#614D35;--brown-50:#F1EFED;--brown-100:#DFDBD6;--brown-200:#BFB7AE;--brown-300:#9F9386;--brown-400:#786754;--brown-500:#604B34;--brown-600:#4E371E;--brown-700:#402D19;--brown-800:#322313;--brown-900:#23190D;--success:#3FA66B;--warning:#EEB32A;--error:#E0524D;--info:#1A5BB4;--bg:#FCF8F4;--bg-elevated:#FFFFFF;--bg-blue:#0049AC;--surface-line:#F1E1CD;--text-strong:#23190D;--text:#4E371E;--text-muted:#9F9386;--text-inverse:#FCF8F4;--border:#E9D2B4;--border-focus:#0049AC;--mat-cream:#F2E9DD;--mat-black:#463C3B;--mat-pink:#BA4882;--mat-lavender:#B9A6E0;--mat-blue:#3A68A9;--mat-gold:#F4BF37;--tag-tan:#D9A965;--tag-lavender:#B6ADCC;--tag-mauve:#AE7E8E;--tag-brown:#614440;--tag-charcoal:#453C3B;--font-display:"Cute Dino", system-ui, sans-serif;--font-accent:"Barber Chop", system-ui, sans-serif;--font-body:"Nunito", system-ui, sans-serif;--text-hero:clamp(2.75rem, 7vw, 5.5rem);--text-h2:clamp(2rem, 4.5vw, 3.25rem);--text-h3:clamp(1.5rem, 3vw, 2rem);--text-lg:1.25rem;--text-base:1rem;--text-sm:.875rem;--text-xs:.75rem;--leading-tight:1.1;--leading-snug:1.3;--leading-normal:1.6;--weight-regular:400;--weight-semibold:600;--weight-bold:700;--weight-extrabold:800;--tracking-tight:-.01em;--tracking-wide:.08em;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;--space-10:128px;--container-max:1200px;--container-pad:clamp(16px, 5vw, 48px);--grid-cols:12;--grid-gutter:24px;--bp-sm:640px;--bp-md:768px;--bp-lg:1024px;--bp-xl:1280px;--radius-sm:8px;--radius-md:14px;--radius-lg:22px;--radius-xl:32px;--radius-pill:999px;--shadow-sm:0 1px 2px rgba(78,55,30,.08);--shadow-md:0 6px 16px rgba(78,55,30,.12);--shadow-lg:0 14px 34px rgba(78,55,30,.16);--shadow-float:0 30px 60px -12px rgba(78,55,30,.3);--shadow-pop:0 4px 0 #C9821A;--shadow-cutout:0 24px 48px rgba(0,33,77,.5);--shadow-inset-soft:inset 5px 5px 10px rgba(78,55,30,.15), inset -5px -5px 10px rgba(255,255,255,.7);--shadow-inset-pressed:inset 2px 2px 5px rgba(78,55,30,.18), inset -2px -2px 5px rgba(255,255,255,.6);--z-bg:0;--z-mid:10;--z-hero:20;--z-fg:30;--z-content:40;--z-nav:100;--z-cursor:200;--z-overlay:300;--z-modal:400;--z-toast:500;--dur-fast:.15s;--dur-base:.3s;--dur-slow:.6s;--dur-cine:1s;--ease-out:cubic-bezier(.22,1,.36,1);--ease-soft:cubic-bezier(.34,1.56,.64,1);--ease-cine:cubic-bezier(.65,.05,.36,1);--perspective:1000px;--tilt-max:10deg;--float-amp:12px;--float-dur:4s;--op-disabled:.4;--op-muted:.65;--op-overlay:.6}@media(prefers-reduced-motion:reduce){:root{--float-amp:0px;--tilt-max:0deg}}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}img,svg{display:block;max-width:100%}h1{font-family:var(--font-display);font-size:var(--text-hero);line-height:var(--leading-tight);color:var(--text-strong)}h2{font-family:var(--font-display);font-size:var(--text-h2);line-height:var(--leading-snug);color:var(--text-strong)}h3{font-family:var(--font-accent);font-size:var(--text-h3);line-height:var(--leading-snug);color:var(--text-strong)}p{max-width:60ch}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px;border-radius:var(--radius-sm)}.skip-link{position:absolute;left:-999px;top:0;z-index:var(--z-toast);background:var(--bg-elevated);color:var(--text-strong);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md)}.skip-link:focus{left:var(--space-4);top:var(--space-4)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.scene{min-height:100vh;display:grid;place-items:center;padding:var(--space-8) var(--container-pad);position:relative;overflow:hidden}.scene__content{max-width:var(--container-max);width:100%;text-align:center;display:grid;gap:var(--space-4);justify-items:center}.nav{position:fixed;inset:0 0 auto 0;z-index:var(--z-nav);display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--container-pad)}.nav__logo{font-family:var(--font-display);font-size:var(--text-lg);color:var(--text-strong)}.nav__actions{display:flex;align-items:center;gap:var(--space-3)}.nav__mute{background:none;border:0;font-size:var(--text-lg);cursor:pointer;min-width:44px;min-height:44px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 var(--space-5);border-radius:var(--radius-pill);border:0;cursor:pointer;font-family:var(--font-body);font-weight:var(--weight-extrabold);transition:transform var(--dur-base) var(--ease-soft)}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(1px)}.btn--primary{background:var(--gold-600);color:var(--brown-900);box-shadow:var(--shadow-pop)}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:160px;height:var(--space-2);border-radius:var(--radius-pill);background:var(--cream-300);cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:var(--space-5);height:var(--space-5);border-radius:var(--radius-pill);background:var(--gold-600);border:3px solid var(--bg-elevated);box-shadow:var(--shadow-sm);transition:transform var(--dur-fast) var(--ease-soft)}input[type=range]::-moz-range-thumb{width:var(--space-5);height:var(--space-5);border-radius:var(--radius-pill);background:var(--gold-600);border:3px solid var(--bg-elevated);box-shadow:var(--shadow-sm);transition:transform var(--dur-fast) var(--ease-soft)}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15)}input[type=range]::-moz-range-thumb:hover{transform:scale(1.15)}.badge{font-family:var(--font-accent);background:var(--blue-600);color:var(--text-inverse);padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill)}.scroll-hint{color:var(--text-muted);font-size:var(--text-sm)}.footer{display:grid;justify-items:center;gap:var(--space-2);padding:var(--space-8) var(--container-pad);text-align:center;background:var(--cream-100)}.footer__paw{opacity:.8}.footer__brand{font-family:var(--font-display);font-size:var(--text-lg);color:var(--blue-600)}.footer__copy{font-size:var(--text-sm);color:var(--text)}@media(prefers-reduced-motion:reduce){.btn{transition:none}input[type=range]::-webkit-slider-thumb{transition:none}input[type=range]::-moz-range-thumb{transition:none}}.btn--sm{min-height:36px;padding:0 var(--space-4);font-size:var(--text-sm)}.btn--lg{min-height:56px;padding:0 var(--space-7);font-size:var(--text-lg)}.btn--primary:hover{box-shadow:var(--shadow-pop),var(--shadow-md)}.btn--primary:active{box-shadow:none}.btn--secondary{background:var(--blue-600);color:var(--text-inverse)}.btn--secondary:hover{background:var(--blue-700)}.btn--secondary:active{background:var(--blue-700);box-shadow:none}.btn--ghost{background:transparent;color:var(--text);border:1.5px solid var(--border)}.btn--ghost:hover{border-color:var(--border-focus);color:var(--blue-600)}.btn:disabled,.btn[aria-disabled=true]{opacity:var(--op-disabled);pointer-events:none}.btn:focus-visible{outline-offset:3px}@media(pointer:coarse){.btn--sm{min-height:44px}}@media(prefers-reduced-motion:reduce){.btn{transition:none}}.badge{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-wide)}.badge--gold{background:var(--gold-600);color:var(--brown-900)}.badge--cream{background:var(--cream-50);color:var(--brown-600);border:1px solid var(--border)}.chip{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);font-family:var(--font-accent);font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-wide);white-space:nowrap;background:var(--blue-50);color:var(--blue-700);border:1px solid var(--blue-200)}.chip--gold{background:var(--gold-50);color:var(--gold-900);border-color:var(--gold-200)}.nav:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--bg);box-shadow:var(--shadow-sm);opacity:0;transition:opacity var(--dur-base) var(--ease-out);z-index:-1;pointer-events:none}.nav[data-scrolled]:before{opacity:1}.nav__logo{color:var(--text-inverse)}.nav[data-scrolled] .nav__logo{color:var(--text-strong)}.nav__mute{color:var(--text-inverse);transition:transform var(--dur-fast) var(--ease-soft)}.nav[data-scrolled] .nav__mute{color:var(--text)}.nav__mute:hover{transform:scale(1.15)}.nav__mute:active{transform:scale(.92)}.nav__burger{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-width:44px;min-height:44px;padding:0;background:none;border:0;cursor:pointer;color:var(--text-inverse)}.nav[data-scrolled] .nav__burger{color:var(--text)}.nav__burger-bar{display:block;width:20px;height:2px;background:currentColor;border-radius:var(--radius-pill);transition:transform var(--dur-base) var(--ease-soft),opacity var(--dur-fast) var(--ease-out)}.nav--open .nav__burger-bar:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav--open .nav__burger-bar:nth-child(2){opacity:0;transform:scaleX(0)}.nav--open .nav__burger-bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}@media(max-width:767px){.nav__burger{display:flex}.nav__actions{position:absolute;inset:100% 0 auto;flex-direction:column;align-items:stretch;padding:var(--space-4) var(--container-pad) var(--space-5);background:var(--bg);box-shadow:var(--shadow-md);gap:var(--space-3);opacity:0;transform:translateY(calc(var(--space-2) * -1));pointer-events:none;transition:opacity var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out)}.nav--open .nav__actions{opacity:1;transform:translateY(0);pointer-events:auto}.nav__actions .btn{justify-content:center;width:100%}.nav__mute{display:flex;align-items:center;gap:var(--space-3);width:100%;justify-content:flex-start;color:var(--text)}.nav__mute:after{content:attr(aria-label);font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--text)}}@media(prefers-reduced-motion:reduce){.nav:before,.nav__burger-bar,.nav__actions,.nav__mute{transition:none}}.preloader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-overlay);display:grid;place-items:center;background:var(--bg);opacity:1;transition:opacity var(--dur-slow) var(--ease-out)}.preloader.is-done{opacity:0;pointer-events:none}.preloader__inner{display:grid;justify-items:center;gap:var(--space-4);width:min(280px,70vw)}.preloader__paw{width:var(--space-9);height:var(--space-9);animation:preloader-pulse 1.1s var(--ease-soft) infinite}@keyframes preloader-pulse{0%,to{transform:scale(.9);opacity:.65}50%{transform:scale(1.05);opacity:1}}.preloader__wordmark{font-family:var(--font-display);font-size:var(--text-h3);letter-spacing:var(--tracking-wide);color:var(--blue-600)}.preloader__bar{width:100%;height:var(--space-1);border-radius:var(--radius-pill);background:var(--cream-300);overflow:hidden}.preloader__fill{display:block;width:100%;height:100%;border-radius:var(--radius-pill);background:var(--gold-600);transform:scaleX(0);transform-origin:left center;transition:transform var(--dur-base) var(--ease-out)}.preloader__copy{font-family:var(--font-body);font-size:var(--text-sm);color:var(--text)}@media(prefers-reduced-motion:reduce){.preloader__paw{animation:none}.preloader__fill{transition:none}}.has-paw-cursor,.has-paw-cursor a,.has-paw-cursor button,.has-paw-cursor input,.has-paw-cursor label,.has-paw-cursor [role=button]{cursor:none}.paw-cursor{position:fixed;top:0;left:0;width:var(--space-6);height:var(--space-6);margin:calc(var(--space-6) / -2) 0 0 calc(var(--space-6) / -2);z-index:var(--z-cursor);pointer-events:none;will-change:transform}.paw-cursor__inner{width:100%;height:100%;transition:transform var(--dur-fast) var(--ease-soft)}.paw-cursor__inner img{width:100%;height:100%;display:block}.paw-cursor.is-hover .paw-cursor__inner{transform:scale(1.6)}.paw-cursor.is-down .paw-cursor__inner{transform:scale(.85)}.paw-trail{position:fixed;top:0;left:0;width:var(--space-6);height:var(--space-6);margin:calc(var(--space-6) / -2) 0 0 calc(var(--space-6) / -2);z-index:calc(var(--z-cursor) - 1);pointer-events:none;opacity:.85;filter:drop-shadow(var(--shadow-sm));animation:paw-trail-fade 1.2s var(--ease-out) forwards}.paw-trail img{width:100%;height:100%;display:block}@keyframes paw-trail-fade{to{opacity:0}}@media(prefers-reduced-motion:reduce){.paw-cursor__inner{transition:none}.paw-trail{display:none}}#hero{background:var(--blue-500);perspective:var(--perspective);transform-style:preserve-3d}#hero .layer{position:absolute;top:-8%;right:-8%;bottom:-8%;left:-8%;width:116%;height:116%;will-change:transform}.hero__bg{z-index:var(--z-bg);background-color:var(--blue-500);background-image:url(/img/grid.webp);background-repeat:repeat;background-size:var(--space-9) var(--space-9)}.hero__cat-layer{z-index:var(--z-hero);display:flex;align-items:center;justify-content:center;padding-top:24vh}.hero__cat-wrap{transform-style:preserve-3d}.hero__cat-img{max-height:42vh;width:auto;display:block;object-fit:contain;filter:drop-shadow(var(--shadow-cutout));will-change:transform;animation:hero-float var(--float-dur) ease-in-out infinite}@keyframes hero-float{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(calc(var(--float-amp) * -1)) rotate(1.5deg)}}.hero__fg{z-index:var(--z-fg);pointer-events:none}.bokeh{position:absolute;border-radius:50%;filter:blur(20px);opacity:.28;animation:bokeh-drift var(--float-dur) ease-in-out infinite alternate}.bokeh--2{animation-duration:5.2s;animation-delay:-1.3s}.bokeh--3{animation-duration:6.1s;animation-delay:-2.2s}.bokeh--4{animation-duration:4.6s;animation-delay:-.7s}@keyframes bokeh-drift{0%{transform:translate(0) scale(1)}to{transform:translate(calc(var(--float-amp) * .75),calc(var(--float-amp) * -1)) scale(1.06)}}.bokeh--1{width:140px;height:140px;background:radial-gradient(circle,var(--gold-300),transparent 70%);top:10%;left:6%}.bokeh--2{width:100px;height:100px;background:radial-gradient(circle,var(--blue-300),transparent 70%);bottom:20%;right:7%}.bokeh--3{width:65px;height:65px;background:radial-gradient(circle,var(--cream-100),transparent 70%);top:55%;left:22%;opacity:.16}.bokeh--4{width:52px;height:52px;background:radial-gradient(circle,var(--gold-400),transparent 70%);top:28%;right:30%;opacity:.2}.hero__content{position:relative;z-index:var(--z-content);align-self:start;padding-top:var(--space-7)}.hero__badge{display:inline-flex;align-items:center;padding:0 var(--space-5);min-height:44px;background:var(--gold-600);color:var(--brown-900);border-radius:var(--radius-pill);box-shadow:var(--shadow-pop);font-family:var(--font-body);font-weight:var(--weight-extrabold);font-size:var(--text-base)}.hero__content .scroll-hint{color:var(--text-inverse);font-size:var(--text-sm);letter-spacing:var(--tracking-wide);opacity:.75;margin:0 auto;animation:hint-nudge 2.4s ease-in-out infinite}.hero__headline{font-family:var(--font-display);color:var(--text-inverse);max-width:15ch;margin:0 auto}@keyframes hint-nudge{0%,to{opacity:.65;transform:translateY(0)}50%{opacity:.9;transform:translateY(6px)}}@media(min-width:768px){#hero{grid-template-columns:1fr 1fr;justify-items:start}.hero__content{text-align:left;align-self:center;padding-top:0;padding-left:clamp(var(--space-7),7vw,var(--space-9));padding-right:0}.hero__headline,.hero__content p{margin:0}.hero__cat-layer{align-items:center;justify-content:center;padding-top:0;padding-left:42vw}.hero__cat-img{max-height:70vh}}@media(prefers-reduced-motion:reduce){.hero__cat-img{animation:none;will-change:auto;filter:drop-shadow(var(--shadow-cutout))}.hero__content .scroll-hint{animation:none;opacity:.75}.bokeh{animation:none}#hero .layer{will-change:auto;top:0;right:0;bottom:0;left:0;width:100%;height:100%}}.pin-group{position:relative;background-color:var(--blue-500);background-image:url(/img/grid.webp);background-repeat:repeat;background-size:var(--space-9) var(--space-9)}.pin-group.is-pinned{display:grid}.pin-group.is-pinned>.scene{grid-area:1 / 1}.pin-group.is-pinned #hook{pointer-events:none}.hook__content{position:relative;z-index:var(--z-content)}.scene--hook h2,.scene--hook p{color:var(--text-inverse)}.hook__desk{position:absolute;left:50%;bottom:15vh;transform:translate(-50%);width:70%;height:70vh;border-radius:var(--radius-xl);overflow:hidden}.hook__wall{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.hook__poster-wrap{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);height:72%;aspect-ratio:540 / 720;max-width:100%}.hook__poster{width:100%;height:100%;object-fit:contain}.hook__stamp{position:absolute;right:8%;top:50%;transform:translateY(-50%);width:33.333%;height:auto}.hook__frame{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.hook__frame rect{width:100%;height:100%;rx:var(--radius-xl);fill:none;stroke:var(--text-inverse);stroke-width:4px;stroke-dasharray:14 10;animation:frame-march var(--dur-cine) linear infinite}@keyframes frame-march{to{stroke-dashoffset:-24px}}@media(prefers-reduced-motion:reduce){.hook__frame rect{animation:none}}#custom{--font-engrave: "Comic Sans MS", "Comic Neue", cursive;--pattern-icon-size: var(--space-8)}.scene--custom{z-index:1;margin-top:-8vh;border-radius:var(--radius-xl) var(--radius-xl) 0 0;background:var(--bg)}.custom__pattern{position:absolute;top:-35%;right:-35%;bottom:-35%;left:-35%;z-index:calc(var(--z-bg) - 1);display:flex;flex-direction:column;justify-content:center;gap:30px;transform:rotate(-30deg);overflow:hidden;opacity:.3;pointer-events:none}.custom__pattern-row{width:100%;overflow:hidden;will-change:transform}.custom__pattern-track{display:flex;align-items:center;gap:30px;width:max-content;animation:custom-pattern-left var(--marquee-dur, 60s) linear infinite;will-change:transform}.custom__pattern-row[data-dir=right] .custom__pattern-track{animation-name:custom-pattern-right}.custom__pattern-icon{flex:none;width:var(--pattern-icon-size);height:var(--pattern-icon-size)}.custom__pattern-icon svg{width:100%;height:100%;display:block}.custom__pattern-icon path{fill:var(--pattern-fill, var(--tag-tan))}@keyframes custom-pattern-left{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes custom-pattern-right{0%{transform:translate(-50%)}to{transform:translate(0)}}.custom__stage{display:grid;gap:var(--space-7);align-items:center;justify-items:center;width:100%}.custom__tag-column{display:grid;gap:var(--space-4);justify-items:center;width:100%}.custom__tag-area{display:flex;align-items:center;justify-content:center;gap:var(--space-3);width:100%}.custom__shape-nav{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:44px;height:44px;border-radius:var(--radius-pill);border:0;background:var(--bg-elevated);color:var(--blue-600);box-shadow:var(--shadow-sm);cursor:pointer;transition:transform var(--dur-fast) var(--ease-soft)}.custom__shape-nav:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.custom__shape-nav:active{transform:translateY(1px);box-shadow:var(--shadow-sm)}.custom__swatches{display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.custom__swatch{width:44px;height:44px;padding:var(--space-1);border:0;border-radius:var(--radius-pill);background:var(--swatch-color);background-clip:content-box;box-shadow:var(--shadow-sm);cursor:pointer;transition:transform var(--dur-fast) var(--ease-soft)}.custom__swatch:hover{transform:scale(1.08)}.custom__swatch.is-active{box-shadow:0 0 0 2px var(--bg-elevated),0 0 0 4px var(--blue-600)}.custom__shape-color-indicator{font-size:var(--text-sm);color:var(--text);text-align:center}.custom__tag-wrap{position:relative;width:min(280px,60vw);aspect-ratio:1;transform-style:preserve-3d;will-change:transform}.custom__tag-shape{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;filter:drop-shadow(var(--shadow-float));transition:transform var(--dur-base) var(--ease-soft),opacity var(--dur-base) var(--ease-soft)}.custom__tag-shape path{fill:var(--tag-fill, var(--tag-tan))}.custom__tag-shape.is-shape-exit-left{transform:translate(-60%);opacity:0}.custom__tag-shape.is-shape-exit-right{transform:translate(60%);opacity:0}.custom__tag-shape.is-shape-enter-left,.custom__tag-shape.is-shape-enter-right{transition:none}.custom__tag-shape.is-shape-enter-left{transform:translate(-60%);opacity:0}.custom__tag-shape.is-shape-enter-right{transform:translate(60%);opacity:0}.custom__engrave{position:absolute;top:33%;right:16%;bottom:24%;left:16%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);text-align:center;pointer-events:none;--engrave-scale: 1}.custom__tag-wrap[data-shape=cathead] .custom__engrave{top:36%;right:16%;bottom:18%;left:16%;--engrave-scale: 1.15}.custom__tag-wrap[data-shape=heart] .custom__engrave{top:32%;right:16%;bottom:26%;left:16%}.custom__tag-wrap[data-shape=bowtie] .custom__engrave{top:39%;right:14%;bottom:37%;left:14%}.custom__engrave-placeholder{font-family:var(--font-body);font-weight:var(--weight-semibold);font-style:italic;font-size:var(--text-xs);line-height:var(--leading-tight);color:var(--engrave-ink, var(--brown-500));max-width:16ch}.custom__engrave-line{display:block;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-family:var(--font-engrave);font-weight:var(--weight-bold);font-size:calc(clamp(.6rem,2vw,.75rem) * var(--engrave-scale, 1));line-height:var(--leading-snug);letter-spacing:var(--tracking-tight);color:var(--engrave-ink, var(--brown-900))}.custom__engrave-line:empty{display:none}.custom__engrave-line[data-line=nama]{font-size:calc(clamp(1.1rem,4.4vw,1.6rem) * var(--engrave-scale, 1))}.custom__tag-wrap.is-empty .custom__engrave-line{display:none}.custom__tag-wrap:not(.is-empty) .custom__engrave-placeholder{display:none}.custom__form{display:grid;gap:var(--space-4);width:100%;max-width:360px}.custom__field{display:grid;gap:var(--space-1);text-align:left}.custom__label{font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--text)}.custom__input{min-height:44px;padding:0 var(--space-4);border-radius:var(--radius-pill);border:none;background:var(--blue-600);box-shadow:var(--shadow-sm);font-family:var(--font-body);font-size:var(--text-base);color:var(--text-inverse);caret-color:var(--gold-400);transition:box-shadow var(--dur-base) var(--ease-soft),transform var(--dur-base) var(--ease-soft)}.custom__input::placeholder{color:var(--blue-200)}.custom__input:focus{box-shadow:var(--shadow-md)}.custom__input:focus-visible{outline:2px solid var(--gold-500);outline-offset:2px}@media(min-width:768px){.custom__stage{grid-template-columns:1fr 1fr;justify-items:stretch}.custom__tag-column{justify-self:end}.custom__tag-wrap{width:min(320px,26vw)}.custom__form{justify-self:start}}@media(prefers-reduced-motion:reduce){.custom__tag-wrap{will-change:auto}.custom__tag-shape,.custom__shape-nav,.custom__swatch,.custom__input{transition:none}.custom__pattern-row,.custom__pattern-track{will-change:auto}.custom__pattern-row[data-dir=right] .custom__pattern-track,.custom__pattern-track{animation:none}}.scene--shape{z-index:2;margin-top:-8vh;border-radius:var(--radius-xl) var(--radius-xl) 0 0;background:var(--blue-600)}.scene--shape .scene__content{position:relative;z-index:var(--z-content)}.scene--shape h2{color:var(--text-inverse)}.shape-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:var(--z-bg);display:grid;grid-template-columns:repeat(var(--cols, 6),1fr);overflow:hidden;isolation:isolate;background:var(--blue-600);pointer-events:none}.shape-bg img{display:block;width:100%;height:100%;aspect-ratio:1;object-fit:cover;mix-blend-mode:luminosity}.shape-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--blue-700);opacity:.35;mix-blend-mode:multiply}@media(prefers-reduced-motion:reduce){.shape-bg{display:none}}@media(max-width:767px){.scene--shape{padding-top:var(--space-9)}}.shape-layout{display:grid;gap:var(--space-7);width:100%;align-items:start}@media(min-width:768px){.shape-layout{grid-template-columns:1fr 1fr}}.shape-layout__cat{display:grid;justify-items:center;width:100%}.cat-stage{position:relative;width:min(360px,80vw);aspect-ratio:3 / 4;border-radius:var(--radius-xl);background:var(--cream-100);box-shadow:var(--shadow-md);display:grid;place-items:center;overflow:hidden}.cat-stage__skeleton{position:absolute;inset:var(--space-6);border:2px dashed var(--border);border-radius:var(--radius-lg)}.cat-stage__frame{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;opacity:0}@media(prefers-reduced-motion:no-preference){.cat-stage__skeleton,.cat-stage__frame{transition:opacity var(--dur-base) var(--ease-out)}}.cat-stage--ready .cat-stage__skeleton{opacity:0;pointer-events:none}.cat-stage--ready .cat-stage__frame{opacity:1}.cat-tag-anchor{position:absolute;left:var(--anchor-x, 50%);top:var(--anchor-y, 55%);width:var(--space-3);height:var(--space-3);transform:translate(-50%,-50%);border-radius:var(--radius-pill);background:var(--gold-600);opacity:var(--op-muted)}.cat-tag{--cat-tag-size: 76px;position:absolute;left:calc(var(--anchor-x, 50%) - var(--hole-x, 0px));top:calc(var(--anchor-y, 55%) - var(--hole-y, 0px));width:var(--cat-tag-size);height:var(--cat-tag-size);transform-origin:var(--hole-x, 50%) var(--hole-y, 50%);pointer-events:none;--font-engrave: "Comic Sans MS", "Comic Neue", cursive}.cat-tag .tag-bin__tag{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.cat-tag__engrave{position:absolute;top:29.8%;right:16%;bottom:15.2%;left:16%;display:flex;align-items:center;justify-content:center;text-align:center}.cat-tag[data-shape=cathead] .cat-tag__engrave{top:34.4%;right:16%;bottom:10.6%;left:16%}.cat-tag[data-shape=heart] .cat-tag__engrave{top:29%;right:16%;bottom:13.8%;left:16%}.cat-tag[data-shape=bowtie] .cat-tag__engrave{top:36.5%;right:14%;bottom:32.1%;left:14%}.cat-tag__line{display:block;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-family:var(--font-engrave);font-weight:var(--weight-bold);font-size:calc(var(--cat-tag-size) * .18);line-height:var(--leading-snug);letter-spacing:var(--tracking-tight);color:var(--engrave-ink, var(--brown-900))}.cat-tag__line:empty{display:none}.shape-layout__bin{display:grid;gap:var(--space-4);width:100%}.bin-banner{display:grid;justify-items:center;text-align:center;background:var(--cream-100);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-3) var(--space-6)}.bin-banner__sub{font-family:var(--font-accent);font-size:var(--text-base);letter-spacing:var(--tracking-wide);color:var(--text-strong)}.tag-bin{position:relative;width:100%;aspect-ratio:3 / 2;min-height:280px;background:var(--cream-100);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);overflow:hidden;touch-action:none}body.is-dragging,body.is-dragging *{user-select:none;-webkit-user-select:none}.tag-bin__tag{position:absolute;left:0;top:0;width:var(--tag-size, 56px);height:var(--tag-size, 56px);filter:drop-shadow(var(--shadow-sm));cursor:grab}.tag-bin__tag path{fill:var(--tag-fill, var(--tag-tan))}.tag-bin__tag:hover:not(.tag-bin__tag--dragging){filter:drop-shadow(var(--shadow-sm)) drop-shadow(0 0 20px var(--tag-shadow-dark))}@media(prefers-reduced-motion:no-preference){.tag-bin__tag{transition:filter var(--dur-fast) var(--ease-out)}}.tag-bin__tag--dragging{filter:drop-shadow(var(--shadow-float));cursor:grabbing}.tag-drag-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:var(--z-overlay)}.tag-bin__tag--static{left:var(--tag-x, 50%);top:var(--tag-y, 50%);transform:translate(-50%,-50%)}.scene--card{position:relative;z-index:3;margin-top:-8vh;border-radius:var(--radius-xl) var(--radius-xl) 0 0;background:var(--bg)}.card__bg3d{position:absolute;top:0;right:0;bottom:0;left:0;z-index:var(--z-bg);pointer-events:none}.card__bg3d canvas{display:block;width:100%;height:100%}.scene--card .scene__content{position:relative;z-index:var(--z-content)}.card__stage{position:relative;display:grid;justify-items:center;perspective:var(--perspective)}.card__side{display:none;position:absolute;top:7%;height:86%;aspect-ratio:9 / 16;width:auto;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);opacity:.9;transition:transform var(--dur-base) var(--ease-soft)}@media(min-width:768px){.card__side{display:block}}.card__side--left{left:50%;transform:translate(-118%) rotate(-7deg)}.card__side--right{right:50%;transform:translate(118%) rotate(7deg)}.card__side--left:hover{transform:translate(-118%) rotate(-7deg) scale(1.05)}.card__side--right:hover{transform:translate(118%) rotate(7deg) scale(1.05)}.card__board{z-index:1}@media(prefers-reduced-motion:reduce){.card__side{transition:none}}.card__board{position:relative;height:min(58vh,540px);aspect-ratio:9 / 16;container-type:size;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-float);background:var(--bg-elevated)}.card__mock,.card__live{position:absolute;top:0;right:0;bottom:0;left:0}.card__mock{width:100%;height:100%;object-fit:cover}.card__win{position:absolute;overflow:hidden}.card__win--1{left:0;top:0;width:100%;height:70.8333%}.card__win--2{left:72.3981%;top:76.5%;width:20.9167%;height:13.3542%}.card__img1{position:absolute;left:50%;top:50%;max-width:none}.card__img2{width:100%;height:100%;object-fit:cover}.card__overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.card__name{position:absolute;left:33.3333%;top:81.349%;height:1.3802%;max-width:39.0648%;overflow:hidden;font-family:var(--font-accent);font-size:1.3802cqh;line-height:1;white-space:nowrap;color:var(--text-inverse)}.card__win--1.is-editable{cursor:grab;touch-action:none}.card__win--1.is-editable:active{cursor:grabbing}.card__editor{display:grid;justify-items:center;gap:var(--space-3)}.card__uploads{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3)}.card__btn{background:var(--cream-200);color:var(--brown-900);box-shadow:var(--shadow-sm)}.card__btn--ghost{background:var(--bg-elevated);border:2px solid var(--border);box-shadow:none}.card__controls{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3) var(--space-5)}.card__controls[hidden]{display:none}.card__slider{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text)}.card__alert{padding:var(--space-2) var(--space-4);border:2px solid var(--error);border-radius:var(--radius-pill);background:var(--cream-100);color:var(--text-strong);font-size:var(--text-sm);font-weight:var(--weight-bold)}.card__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3)}.card__status{min-height:1.2em;font-size:var(--text-sm);color:var(--text)}.card__status.is-error{color:var(--error)}.card__cta{display:grid;justify-items:center;gap:var(--space-3)}.card__cta .badge{font-size:var(--text-xs);padding:var(--space-1) var(--space-3)}