:root{--font-sketch:"Caveat", cursive;--font-hand:"Patrick Hand", cursive;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono:"SF Mono", "Cascadia Code", Consolas, monospace;--bg-page:#f5f0e4;--bg-card:#fdfaf2;--bg-card-hover:#fff9e6;--bg-input:#fdfaf2;--bg-header:#f5f0e4f0;--text-0:#1e1a14;--text-1:#5c5044;--text-2:#a09070;--border-0:#c8b898;--border-1:#b5a080;--border-focus:#d4522a;--ink:#1e1a14;--ink-08:#1e1a1414;--ink-12:#1e1a141f;--ink-18:#1e1a142e;--ink-25:#1e1a1440;--accent:#d4522a;--accent-hov:#bb4420;--accent-soft:#d4522a1a;--accent-fg:#fff;--blue:#3a6fa8;--blue-soft:#3a6fa81a;--green:#3d7a58;--green-soft:#3d7a581a;--yellow:#d9a900;--yellow-soft:#d9a90024;--pink:#c44a6e;--pink-soft:#c44a6e1a;--sk-sm:2px 3px 0 var(--ink-12);--sk-md:3px 4px 0 var(--ink-18);--sk-lg:5px 7px 0 var(--ink-18);--sk-xl:6px 9px 0 var(--ink-25);--r-sm:4px;--r-md:6px;--r-lg:8px;--r-pill:999px}[data-theme=dark]{--bg-page:#1a1714;--bg-card:#232019;--bg-card-hover:#2c2820;--bg-input:#232019;--bg-header:#1a1714f2;--text-0:#f0e8d4;--text-1:#b0a080;--text-2:#7a6848;--border-0:#3a3228;--border-1:#4a4030;--border-focus:#f07040;--ink:#f0e8d4;--ink-08:#f0e8d414;--ink-12:#f0e8d41f;--ink-18:#f0e8d42e;--ink-25:#f0e8d440;--accent:#f07040;--accent-hov:#ff8858;--accent-soft:#f070401f;--accent-fg:#1a1714;--blue:#5890cc;--blue-soft:#5890cc1f;--green:#58a878;--green-soft:#58a8781f;--yellow:#f0cc30;--yellow-soft:#f0cc301f;--pink:#e06888;--pink-soft:#e068881f}*,:before,:after{box-sizing:border-box}html,body{min-height:100%;margin:0;padding:0;overflow-x:hidden}html{scroll-behavior:smooth}body{background-color:var(--bg-page);color:var(--text-0);font-family:var(--font-hand), var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background-image:repeating-linear-gradient(0deg,#0000,#0000 27px,#a08c640e 27px 28px);font-size:15px;line-height:1.6}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}svg{display:block}.container{width:min(1280px,100vw - 48px);margin:0 auto}.site-header{z-index:100;background:var(--bg-header);border-bottom:2px solid var(--border-0);-webkit-backdrop-filter:blur(12px)saturate(1.4);box-shadow:0 2px 0 var(--ink-08);position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:16px;height:60px;display:flex}.site-brand{flex-shrink:0;align-items:baseline;gap:10px;display:inline-flex}.site-brand-name{font-family:var(--font-sketch);color:var(--text-0);letter-spacing:.01em;font-size:1.55rem;font-weight:700;line-height:1}.site-brand-tag{font-family:var(--font-hand);letter-spacing:.04em;color:var(--text-1);background:var(--yellow-soft);border:1.5px solid var(--yellow);border-radius:4px 6px 5px 7px;padding:2px 9px;font-size:.72rem}.header-tools{align-items:center;gap:8px;display:flex}.nav-link{font-family:var(--font-hand);color:var(--text-1);border:1.5px solid #0000;border-radius:5px 8px 6px 9px;padding:5px 12px;font-size:.9rem;transition:color .15s,background .15s,border-color .15s,transform .15s}.nav-link:hover{color:var(--text-0);background:var(--bg-card);border-color:var(--border-0);transform:rotate(-.5deg)}.icon-count-pill{background:var(--bg-card);border:2px solid var(--border-0);height:30px;font-family:var(--font-hand);color:var(--text-1);white-space:nowrap;box-shadow:var(--sk-sm);border-radius:6px 9px 7px 10px;align-items:center;gap:5px;padding:0 12px;font-size:.78rem;display:inline-flex}.theme-toggle{background:var(--bg-card);border:2px solid var(--border-0);box-shadow:var(--sk-sm);border-radius:9px 7px 10px 8px;align-items:center;gap:2px;padding:3px;display:inline-flex}.theme-toggle-btn{width:30px;height:28px;color:var(--text-2);cursor:pointer;background:0 0;border:none;border-radius:6px 4px 7px 5px;justify-content:center;align-items:center;transition:color .15s,background .15s,transform .15s;display:inline-flex}.theme-toggle-btn:hover{color:var(--text-0);background:var(--accent-soft);transform:rotate(-8deg)scale(1.1)}.theme-toggle-btn.active{background:var(--ink);color:var(--bg-page)}.lang-btn{font-family:var(--font-hand);width:auto;height:28px;padding:0 10px;font-size:.76rem}.hero{background:var(--bg-page);border-bottom:2px solid var(--border-0);position:relative;overflow:hidden}.hero-header{border-bottom:2px solid var(--border-0);background:var(--bg-header);-webkit-backdrop-filter:blur(12px);box-shadow:0 2px 0 var(--ink-08);position:relative}.hero-doodles{pointer-events:none;position:absolute;inset:0;overflow:hidden}.doodle{opacity:.2;position:absolute}@keyframes doodleFloat{0%,to{transform:rotate(var(--dr,0deg)) translateY(0px)}50%{transform:rotate(var(--dr,0deg)) translateY(-6px)}}.doodle{animation:6s ease-in-out infinite doodleFloat}.doodle-1{color:var(--accent);--dr:-14deg;animation-delay:0s;top:18%;left:3.5%}.doodle-2{color:var(--blue);--dr:9deg;animation-delay:1.2s;top:52%;right:2.5%}.doodle-3{color:var(--blue);--dr:6deg;animation-delay:2s;top:12%;right:38%}.doodle-4{color:var(--yellow);--dr:-7deg;animation-delay:.6s;bottom:22%;left:44%}.doodle-5{color:var(--green);--dr:0deg;animation-delay:1.8s;bottom:10%;left:7%}.doodle-6{color:var(--accent);--dr:0deg;animation-delay:.9s;top:10%;right:5%}.hero-body{grid-template-columns:1fr 1fr;align-items:center;gap:48px;padding:72px 0 80px;display:grid;position:relative}.hero-copy{flex-direction:column;align-items:flex-start;display:flex}.hero-eyebrow{font-family:var(--font-hand);color:var(--accent);background:var(--accent-soft);border:1.5px solid var(--accent);border-radius:22px 18px 24px 20px;align-items:center;gap:8px;margin-bottom:22px;padding:5px 14px;font-size:.88rem;display:inline-flex}.hero-eyebrow-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:7px;height:7px}.hero-headline{font-family:var(--font-sketch);color:var(--text-0);letter-spacing:.01em;margin:0 0 22px;font-size:clamp(3rem,6vw,5.5rem);font-weight:700;line-height:1.04}.hero-headline em{color:var(--accent);-webkit-text-decoration:underline wavy;text-decoration:underline wavy;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-underline-offset:5px;font-style:normal}.hero-deck{font-family:var(--font-hand);color:var(--text-1);max-width:400px;margin:0 0 32px;font-size:1.05rem;line-height:1.65}.hero-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.btn-primary{background:var(--accent);color:#fff;height:46px;font-family:var(--font-hand);white-space:nowrap;border:2.5px solid var(--ink);box-shadow:3px 4px 0 var(--ink);cursor:pointer;border-radius:10px 8px 11px 9px;align-items:center;padding:0 24px;font-size:1rem;transition:transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .12s;display:inline-flex}.btn-primary:hover{box-shadow:5px 6px 0 var(--ink);transform:translate(-2px,-2px)}.btn-primary:active{box-shadow:1px 1px 0 var(--ink);transform:translate(2px,3px)}.btn-ghost{background:var(--bg-card);height:46px;color:var(--text-0);font-family:var(--font-hand);white-space:nowrap;border:2.5px solid var(--border-1);box-shadow:3px 4px 0 var(--ink-12);cursor:pointer;border-radius:10px 8px 11px 9px;align-items:center;padding:0 24px;font-size:1rem;transition:transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .12s,border-color .12s;display:inline-flex}.btn-ghost:hover{border-color:var(--ink);box-shadow:5px 6px 0 var(--ink-18);transform:translate(-2px,-2px)}.btn-ghost:active{box-shadow:1px 1px 0 var(--ink-12);transform:translate(2px,3px)}.hero-panel{flex-direction:column;align-items:flex-end;gap:16px;display:flex}.hero-panel-label{font-family:var(--font-hand);letter-spacing:.04em;color:var(--text-2);align-self:flex-start;font-size:.78rem}.hero-specimen-grid{grid-template-columns:repeat(3,1fr);gap:14px;width:100%;max-width:380px;display:grid}.hero-specimen-cell{aspect-ratio:1;background:var(--bg-card);border:2px solid var(--ink);color:var(--text-1);box-shadow:var(--sk-md);cursor:pointer;border-radius:6px 10px 7px 11px/9px 6px 10px 7px;flex-direction:column;justify-content:center;align-items:center;gap:10px;transition:transform .28s cubic-bezier(.34,1.56,.64,1),box-shadow .2s,border-color .2s,color .2s;display:flex}.hero-specimen-cell:first-child{transform:rotate(-2.8deg)}.hero-specimen-cell:nth-child(2){transform:rotate(1.6deg)}.hero-specimen-cell:nth-child(3){transform:rotate(-1deg)}.hero-specimen-cell:nth-child(4){transform:rotate(2.2deg)}.hero-specimen-cell:nth-child(5){transform:rotate(-1.6deg)}.hero-specimen-cell:nth-child(6){transform:rotate(.8deg)}.hero-specimen-cell svg{width:100%;height:100%}.hero-specimen-cell>div{place-items:center;width:30px;height:30px;display:grid}.hero-specimen-cell span{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text-2);font-size:.6rem}.hero-specimen-cell:hover{box-shadow:var(--sk-xl);color:var(--accent);border-color:var(--accent);z-index:2;transform:rotate(0)scale(1.1)translateY(-5px)!important}.hero-specimen-cell:hover span{color:var(--accent)}.gallery-section{padding:60px 0 80px}.gallery-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px;display:flex}.gallery-title-group{flex-direction:column;gap:4px;display:flex}.section-eyebrow{font-family:var(--font-hand);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-size:.78rem}.section-title{font-family:var(--font-sketch);color:var(--text-0);margin:0;font-size:2rem;font-weight:700;line-height:1.1}.section-body{max-width:38rem;font-family:var(--font-hand);color:var(--text-1);margin:4px 0 0;font-size:1rem;line-height:1.55}.search-bar{background:var(--bg-card);border:2px solid var(--border-1);min-width:240px;height:42px;box-shadow:var(--sk-sm);border-radius:9px 7px 10px 8px;align-items:center;padding:0 14px 0 16px;transition:border-color .15s,box-shadow .15s;display:flex}.search-bar:focus-within{border-color:var(--accent);box-shadow:3px 3px 0 var(--accent-soft)}.search-input{font-family:var(--font-hand);color:var(--text-0);background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:.95rem}.search-input::placeholder{color:var(--text-2)}.search-count{font-family:var(--font-mono);color:var(--text-2);text-align:right;min-width:22px;font-size:.72rem;font-weight:600}.search-submit{height:28px;font-family:var(--font-hand);background:var(--accent);color:var(--accent-fg);border:1.5px solid var(--ink);box-shadow:2px 2px 0 var(--ink-18);cursor:pointer;white-space:nowrap;border-radius:5px 7px 6px 8px;flex-shrink:0;justify-content:center;align-items:center;padding:0 12px;font-size:.85rem;font-weight:600;transition:background .12s,transform .1s,box-shadow .1s;display:inline-flex}.search-submit:hover{background:var(--accent-hov);box-shadow:2px 3px 0 var(--ink-18);transform:translateY(-1px)}.search-submit:active{box-shadow:1px 1px 0 var(--ink-18);transform:translateY(0)}.icon-group-header{border-bottom:2px solid var(--border-0);justify-content:space-between;align-items:center;margin-bottom:4px;padding:10px 0 14px;display:flex}.icon-group-name{font-family:var(--font-hand);color:var(--text-0);align-items:center;gap:8px;font-size:.88rem;display:inline-flex}.icon-group-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:8px;height:8px}.icon-group-count{font-family:var(--font-mono);color:var(--text-2);font-size:.72rem}.icon-grid{grid-template-columns:repeat(5,1fr);gap:14px;margin-top:20px;display:grid}.icon-grid-empty{color:var(--text-2);flex-direction:column;grid-column:1/-1;align-items:center;gap:12px;padding:64px 0;display:flex}.icon-grid-empty p{font-family:var(--font-hand);margin:0;font-size:1rem}.icon-card{background:var(--bg-card);border:2px solid var(--ink);color:var(--text-1);cursor:pointer;box-shadow:var(--sk-md);transform:rotate(var(--cr,0deg));border-radius:5px 9px 6px 10px/8px 5px 9px 6px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:22px 12px 14px;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .2s,border-color .2s,color .2s;animation:.35s cubic-bezier(.22,1,.36,1) both cardIn;display:flex;position:relative;overflow:hidden}.icon-card:nth-child(5n+1){--cr:-1.3deg}.icon-card:nth-child(5n+2){--cr:.9deg}.icon-card:nth-child(5n+3){--cr:-.5deg}.icon-card:nth-child(5n+4){--cr:1.1deg}.icon-card:nth-child(5n+5){--cr:-.8deg}@keyframes cardIn{0%{opacity:0;transform:rotate(var(--cr,0deg)) translateY(14px) scale(.94)}to{opacity:1;transform:rotate(var(--cr,0deg)) translateY(0) scale(1)}}.icon-card:hover{box-shadow:var(--sk-xl);z-index:2;transform:rotate(0)translateY(-9px)scale(1.05)!important}.icon-card:nth-child(5n+1):hover{border-color:var(--accent);color:var(--accent)}.icon-card:nth-child(5n+2):hover{border-color:var(--blue);color:var(--blue)}.icon-card:nth-child(5n+3):hover{border-color:var(--green);color:var(--green)}.icon-card:nth-child(5n+4):hover{border-color:var(--yellow);color:var(--yellow)}.icon-card:nth-child(5n+5):hover{border-color:var(--pink);color:var(--pink)}.icon-card-stage{flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:transform .22s cubic-bezier(.34,1.56,.64,1);display:flex}.icon-card:hover .icon-card-stage{transform:scale(1.14)rotate(-4deg)}.icon-card-stage svg{width:28px;height:28px;display:block}.icon-card-info{text-align:center;flex-direction:column;align-items:center;gap:2px;width:100%;display:flex}.icon-card-slug{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text-2);font-size:.6rem;line-height:1;transition:color .16s}.icon-card:hover .icon-card-slug{color:currentColor;opacity:.6}.icon-card-name{font-family:var(--font-hand);color:var(--text-1);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.88rem;transition:color .16s;overflow:hidden}.icon-card:hover .icon-card-name{color:currentColor}.icon-card-copy-hint{border:1.5px solid var(--border-0);background:var(--bg-page);width:26px;height:26px;color:var(--text-2);cursor:pointer;opacity:0;border-radius:5px 7px 6px 8px;justify-content:center;align-items:center;transition:opacity .15s,transform .22s cubic-bezier(.34,1.56,.64,1),background .12s,border-color .12s;display:flex;position:absolute;top:8px;right:8px;transform:scale(.78)rotate(8deg)}.icon-card:hover .icon-card-copy-hint{opacity:1;transform:scale(1)rotate(0)}.icon-card-copy-hint:hover{background:var(--ink);color:var(--bg-card);border-color:var(--ink);transform:scale(1.12)rotate(-6deg)!important}.icon-card--copied .icon-card-copy-hint{opacity:1;background:var(--green);color:#fff;border-color:var(--green);transform:scale(1)rotate(0)}.detail-page{background:var(--bg-page);min-height:100vh}.detail-hero{background:var(--bg-page);border-bottom:2px solid var(--border-0);padding:56px 0;position:relative;overflow:hidden}.detail-hero:before{content:"";pointer-events:none;background-image:repeating-linear-gradient(0deg,#0000,#0000 27px,#a08c640e 27px 28px);position:absolute;inset:0}.detail-hero-layout{grid-template-columns:1fr auto;align-items:start;gap:64px;display:grid;position:relative}.detail-copy{flex-direction:column;align-items:flex-start;display:flex}.detail-slug{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-2);background:var(--bg-card);border:1.5px solid var(--border-0);box-shadow:var(--sk-sm);border-radius:4px 6px 5px 7px;margin-bottom:10px;padding:3px 10px;font-size:.72rem;display:inline-block}.detail-name{font-family:var(--font-sketch);color:var(--text-0);margin:0 0 14px;font-size:clamp(2rem,4vw,3.25rem);font-weight:700;line-height:1.05}.detail-description{font-family:var(--font-hand);color:var(--text-1);max-width:440px;margin:0 0 22px;font-size:1rem;line-height:1.65}.detail-tags{flex-wrap:wrap;gap:8px;margin-bottom:28px;display:flex}.detail-tag{background:var(--bg-card);border:1.5px solid var(--border-0);height:28px;font-family:var(--font-hand);color:var(--text-1);box-shadow:var(--sk-sm);border-radius:16px 12px 17px 13px;align-items:center;padding:0 12px;font-size:.8rem;display:inline-flex}.copy-btn{background:var(--accent);color:#fff;border:2.5px solid var(--ink);height:42px;font-family:var(--font-hand);cursor:pointer;box-shadow:3px 4px 0 var(--ink);border-radius:10px 8px 11px 9px;align-items:center;gap:8px;padding:0 20px;font-size:1rem;transition:transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .12s;display:inline-flex}.copy-btn:hover{box-shadow:5px 6px 0 var(--ink);transform:translate(-2px,-2px)}.copy-btn:active{box-shadow:1px 1px 0 var(--ink);transform:translate(2px,3px)}.copy-btn.copied{background:var(--green)}.detail-nav{gap:8px;margin-top:6px;display:flex}.detail-nav-btn{background:var(--bg-card);border:2px solid var(--border-0);height:38px;color:var(--text-1);font-family:var(--font-hand);box-shadow:var(--sk-sm);border-radius:8px 6px 9px 7px;align-items:center;padding:0 16px;font-size:.9rem;transition:transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .12s,border-color .12s,color .12s;display:inline-flex}.detail-nav-btn:hover{border-color:var(--ink);color:var(--text-0);box-shadow:var(--sk-md);transform:translate(-1px,-1px)}.detail-nav-btn:active{box-shadow:1px 1px 0 var(--ink-12);transform:translate(1px,1px)}.detail-stage{flex-direction:column;align-items:center;gap:12px;display:flex}.detail-stage-main{background:var(--bg-card);border:2.5px solid var(--ink);width:200px;height:200px;box-shadow:var(--sk-xl);border-radius:10px 15px 11px 16px/14px 10px 15px 11px;justify-content:center;align-items:center;display:flex}.detail-stage-main svg{width:96px;height:96px}.detail-surfaces{grid-template-columns:1fr 1fr;gap:10px;width:200px;display:grid}.detail-surface{border:2px solid var(--ink);box-shadow:var(--sk-sm);border-radius:6px 9px 7px 10px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:14px 10px 10px;display:flex}.detail-surface svg{width:24px;height:24px}.detail-surface.light{color:#1e1a14;background:#fdfaf2}.detail-surface.dark{color:#f0e8d4;background:#1a1714}.detail-surface-label{font-family:var(--font-mono);letter-spacing:.07em;text-transform:uppercase;color:var(--text-2);font-size:.6rem}.detail-notes-section{border-bottom:2px solid var(--border-0);padding:48px 0}.detail-notes-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:20px;display:grid}.detail-note,.style-card{background:var(--bg-card);border:2px solid var(--ink);box-shadow:var(--sk-md);border-radius:6px 10px 7px 11px/9px 6px 10px 7px;flex-direction:column;padding:20px 20px 18px;transition:transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .16s,border-color .16s;display:flex}.style-card:hover{border-color:var(--accent);box-shadow:7px 8px 0 var(--ink);transform:translate(-2px,-3px)rotate(-.2deg)}.detail-note:first-child{transform:rotate(-.6deg)}.detail-note:nth-child(2){transform:rotate(.4deg)}.detail-note:nth-child(3){transform:rotate(-.3deg)}.detail-note-title{font-family:var(--font-sketch);color:var(--accent);margin-bottom:8px;font-size:1.2rem;font-weight:600;display:block}.detail-note-body{font-family:var(--font-hand);color:var(--text-1);margin:0;font-size:.92rem;line-height:1.65}.companions-section{padding:48px 0 64px}.companions-header{justify-content:space-between;align-items:flex-end;margin-bottom:24px;display:flex}.companions-grid{grid-template-columns:repeat(6,1fr);gap:12px;display:grid}.style-cards-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.style-directory-shell{flex-direction:column;gap:22px;display:flex}.style-guide-card{background:linear-gradient(135deg, var(--bg-card) 0%, #d9a90014 100%);border:2px solid var(--ink);box-shadow:var(--sk-md);border-radius:10px 14px 11px 15px/12px 10px 14px 11px;padding:22px 22px 20px}.style-guide-steps{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px;display:grid}.style-guide-step{background:var(--bg-page);border:1.5px solid var(--border-0);box-shadow:var(--sk-sm);border-radius:8px 11px 9px 12px;align-items:flex-start;gap:12px;padding:14px 14px 12px;display:flex}.style-guide-step-index{background:var(--accent);width:34px;height:34px;color:var(--accent-fg);border:2px solid var(--ink);box-shadow:2px 3px 0 var(--ink);font-family:var(--font-mono);border-radius:10px 8px 11px 9px;flex-shrink:0;justify-content:center;align-items:center;font-size:.72rem;display:inline-flex}.style-results-bar{background:var(--bg-card);border:2px solid var(--border-0);box-shadow:var(--sk-sm);border-radius:10px 13px 11px 14px;justify-content:space-between;align-items:flex-start;gap:18px;padding:18px 20px;display:flex}.style-results-copy{flex-direction:column;gap:4px;display:flex}.style-results-title{font-family:var(--font-sketch);color:var(--text-0);font-size:1.25rem}.style-results-body{font-family:var(--font-hand);color:var(--text-1);margin:0}.style-active-filters{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.style-filter-panel{background:var(--bg-card);border:2px solid var(--ink);box-shadow:var(--sk-md);border-radius:10px 15px 11px 16px/14px 10px 15px 11px;flex-direction:column;gap:18px;padding:20px;display:flex}.style-filter-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:18px;display:flex}.style-sort-box{flex-direction:column;gap:8px;display:flex}.style-sort-label{font-family:var(--font-hand);letter-spacing:.06em;text-transform:uppercase;color:var(--text-2);font-size:.82rem}.style-sort-select{background:var(--bg-input);border:2px solid var(--border-0);min-width:220px;height:44px;color:var(--text-0);box-shadow:var(--sk-sm);border-radius:9px 11px 10px 12px;padding:0 14px}.style-filter-groups{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.style-filter-group{background:var(--bg-page);border:1.5px solid var(--border-0);box-shadow:var(--sk-sm);border-radius:8px 11px 9px 12px;flex-direction:column;gap:10px;padding:14px;display:flex}.style-filter-group-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.style-filter-group-title{font-family:var(--font-sketch);color:var(--text-0);font-size:1.15rem}.style-filter-group-hint{font-family:var(--font-hand);color:var(--text-2);font-size:.8rem}.style-filter-options{flex-wrap:wrap;gap:10px;display:flex}.style-filter-chip{border:1.5px solid var(--border-0);background:var(--bg-card);min-height:38px;box-shadow:var(--sk-sm);cursor:pointer;border-radius:18px 14px 19px 15px;align-items:center;gap:8px;padding:0 12px;transition:transform .18s cubic-bezier(.34,1.56,.64,1),border-color .12s,box-shadow .12s,background .12s;display:inline-flex;position:relative}.style-filter-chip:hover{border-color:var(--ink);transform:translate(-1px,-1px)}.style-filter-chip[data-selected=true]{background:var(--accent-soft);border-color:var(--accent);box-shadow:3px 3px 0 var(--accent-soft)}.style-filter-chip-input{opacity:0;pointer-events:none;position:absolute}.style-filter-chip-text{font-family:var(--font-hand);color:var(--text-0);font-size:.9rem}.style-filter-chip-count{border-radius:var(--r-pill);background:var(--bg-page);border:1.5px solid var(--border-0);min-width:24px;height:24px;font-family:var(--font-mono);color:var(--text-2);justify-content:center;align-items:center;padding:0 8px;font-size:.68rem;display:inline-flex}.style-directory-card-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px;display:flex}.style-directory-card-heading{flex-direction:column;gap:4px;display:flex}.style-directory-card-label{font-family:var(--font-hand);color:var(--text-2);font-size:.9rem}.style-directory-badge{background:var(--green-soft);border:1.5px solid var(--green);height:28px;color:var(--green);font-family:var(--font-hand);white-space:nowrap;border-radius:14px 11px 15px 12px;align-items:center;padding:0 12px;font-size:.82rem;display:inline-flex}.style-directory-tags{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.style-directory-meta{color:var(--text-2);margin:10px 0 0!important}.style-collection-hero{background:var(--bg-card);border:2px solid var(--ink);box-shadow:var(--sk-md);border-radius:12px 16px 13px 17px/15px 12px 16px 13px;grid-template-columns:minmax(0,1fr) minmax(320px,.82fr);align-items:stretch;gap:32px;margin-bottom:34px;padding:28px;display:grid;position:relative;overflow:hidden}.style-collection-hero:before{content:"";pointer-events:none;background-image:repeating-linear-gradient(-8deg,#0000,#0000 22px,#a08c640e 22px 23px);position:absolute;inset:0}.style-collection-copy,.style-collection-panel{position:relative}.style-collection-copy{flex-direction:column;align-items:flex-start;display:flex}.style-collection-kicker{font-family:var(--font-hand);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);align-items:center;gap:8px;margin-bottom:12px;font-size:.84rem;display:inline-flex}.style-collection-title{font-family:var(--font-sketch);color:var(--text-0);margin:0 0 14px;font-size:clamp(2.2rem,5vw,4rem);font-weight:700;line-height:1}.style-collection-description{max-width:44rem;font-family:var(--font-hand);color:var(--text-1);margin:0 0 12px;font-size:1.08rem;line-height:1.55}.style-collection-note{max-width:38rem;font-family:var(--font-hand);color:var(--text-2);margin:0 0 18px;font-size:.94rem;line-height:1.55}.style-collection-panel{background:var(--bg-page);border:1.5px solid var(--border-0);min-width:0;box-shadow:var(--sk-sm);border-radius:10px 14px 11px 15px;flex-direction:column;gap:18px;padding:18px;display:flex}.style-collection-stats{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.style-collection-samples{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.style-collection-sample{aspect-ratio:1;background:var(--bg-card);border:1.5px solid var(--border-0);min-width:0;box-shadow:var(--sk-sm);border-radius:10px 8px 11px 9px;grid-template-rows:1fr auto;place-items:center;padding:12px 8px 8px;display:grid}.style-collection-sample svg{width:100%;height:100%;color:var(--text-0);overflow:visible}.style-collection-sample>div{place-items:center;width:42px;height:42px;display:grid}.style-collection-sample span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-family:var(--font-mono);color:var(--text-2);font-size:.62rem;overflow:hidden}.style-sample-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px;display:grid}.style-sample-cell{aspect-ratio:1;background:var(--bg-page);border:1.5px solid var(--border-0);min-width:0;box-shadow:var(--sk-sm);border-radius:10px 8px 11px 9px;place-items:center;display:grid}.style-sample-cell svg{width:100%;height:100%;color:var(--text-0);overflow:visible}.style-sample-cell>div{place-items:center;width:38px;height:38px;display:grid}.detail-tag--label{color:var(--text-2);box-shadow:none;background:0 0}@media (hover:none){.icon-card-copy-hint{opacity:1;transform:scale(1)rotate(0)}}@media (max-width:1100px){.icon-grid,.companions-grid{grid-template-columns:repeat(4,1fr)}.style-cards-grid{grid-template-columns:repeat(2,1fr)}.hero-specimen-grid{grid-template-columns:repeat(3,1fr)}.style-guide-steps{grid-template-columns:repeat(2,1fr)}.style-filter-groups{grid-template-columns:1fr}}@media (max-width:860px){.hero-body{grid-template-columns:1fr;gap:36px;padding:48px 0 56px}.hero-panel{order:2;align-items:flex-start;width:100%}.hero-specimen-grid{grid-template-columns:repeat(6,1fr);max-width:none}.icon-grid,.companions-grid{grid-template-columns:repeat(3,1fr)}.detail-notes-grid{grid-template-columns:repeat(2,1fr)}.detail-hero-layout{grid-template-columns:1fr;gap:40px}.detail-stage{flex-flow:wrap;align-items:flex-start}.style-results-bar{flex-direction:column}.style-collection-hero{grid-template-columns:1fr}}@media (max-width:620px){.container{width:calc(100vw - 32px)}.icon-grid{grid-template-columns:repeat(2,1fr);gap:10px}.companions-grid{grid-template-columns:repeat(2,1fr)}.style-cards-grid{grid-template-columns:1fr}.hero-headline{font-size:3rem}.hero-specimen-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-header{flex-direction:column;align-items:stretch}.search-bar{flex-wrap:wrap;gap:8px;min-width:0;height:auto;padding:10px}.search-bar .search-input{flex:100%}.search-bar select.search-input{flex-basis:9rem;max-width:none!important}.detail-notes-grid{grid-template-columns:1fr}.companions-header{flex-direction:column;align-items:flex-start;gap:12px}.header-inner{gap:8px;height:56px}.site-brand{gap:6px}.site-brand-tag{display:none}.header-tools{gap:6px}.theme-toggle-btn{width:28px}.lang-btn{padding:0 8px}.style-guide-steps{grid-template-columns:1fr}.style-filter-toolbar{align-items:stretch}.style-sort-select{width:100%;min-width:0}.style-collection-hero{padding:20px}.style-collection-samples{grid-template-columns:repeat(2,minmax(0,1fr))}.style-collection-sample>div{width:36px;height:36px}.style-collection-stats{flex-direction:column}}@media (max-width:380px){.icon-grid{grid-template-columns:repeat(2,1fr);gap:8px}.hero-headline{font-size:2.5rem}}@media (max-width:600px){.hide-mobile{display:none!important}}
@font-face{font-family:caveat;src:url(../media/caveat_400-s.p.12bpxouooglc4.ttf)format("truetype");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:caveat;src:url(../media/caveat_600-s.p.0oc58o-oylycs.ttf)format("truetype");font-display:swap;font-weight:600;font-style:normal}@font-face{font-family:caveat;src:url(../media/caveat_700-s.p.15h7w2p88ny-0.ttf)format("truetype");font-display:swap;font-weight:700;font-style:normal}@font-face{font-family:caveat Fallback;src:local(Arial);ascent-override:128.4%;descent-override:40.12%;line-gap-override:0.0%;size-adjust:74.77%}.caveat_848a097f-module__mD7r4q__className{font-family:caveat,caveat Fallback}.caveat_848a097f-module__mD7r4q__variable{--font-sketch:"caveat", "caveat Fallback"}
@font-face{font-family:patrickHand;src:url(../media/patrick_hand_400-s.p.129mgrll~325~.ttf)format("truetype");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:patrickHand Fallback;src:local(Arial);ascent-override:127.81%;descent-override:38.27%;line-gap-override:0.0%;size-adjust:81.53%}.patrickhand_e52a7cfd-module__TwYSva__className{font-family:patrickHand,patrickHand Fallback}.patrickhand_e52a7cfd-module__TwYSva__variable{--font-hand:"patrickHand", "patrickHand Fallback"}