:root{color-scheme:dark;--bg:#0d0b11;--panel:#17131e;--ink:#f1ede6;--muted:#b8b0c3;--line:#393141;--lavender:#c3a5ee;--accent:#7551a5;--gutter:clamp(20px,4.6vw,72px)}
*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;min-width:0;background:var(--bg);color:var(--ink);font:16px/1.65 system-ui,-apple-system,'Segoe UI',sans-serif}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--lavender);outline-offset:5px}.wrap{max-width:1500px;margin:auto;padding-left:var(--gutter);padding-right:var(--gutter)}.skip{position:fixed;left:15px;top:15px;padding:12px;background:var(--ink);color:var(--bg);transform:translateY(-180%);z-index:20}.skip:focus{transform:none}.header{display:flex;justify-content:space-between;align-items:center;padding-top:23px;padding-bottom:23px;border-bottom:1px solid var(--line);gap:25px}.brand{display:flex;align-items:center;gap:11px;font:700 1.25rem Georgia,serif}.brand-mark{width:35px;height:39px}.brand small{display:block;font:.55rem system-ui;letter-spacing:.17em;color:var(--muted);margin-top:4px}nav{display:flex;gap:25px;align-items:center;font-size:.77rem}.nav-cta{border:1px solid var(--line);border-radius:30px;padding:10px 18px}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(35px,6vw,90px);align-items:center;padding-top:clamp(45px,6.5vw,100px);padding-bottom:75px}.eyebrow,.micro{font-size:.65rem;letter-spacing:.13em;line-height:1.6}.eyebrow{margin:0 0 22px;color:var(--lavender)}.tiny-dot{display:inline-block;background:var(--lavender);width:6px;height:6px;border-radius:50%;margin-right:9px;vertical-align:1px}h1{font:500 clamp(3.2rem,5.9vw,6.4rem)/1.01 Georgia,serif;letter-spacing:-.05em;margin:0 0 28px}h1 em,h2 em{color:var(--lavender);font-weight:400}.lede{max-width:540px;font-size:1rem;color:#d0c7d9}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px;margin-top:30px}.button,button{display:inline-flex;align-items:center;justify-content:center;gap:15px;min-height:46px;border:1px solid var(--line);border-radius:8px;background:transparent;color:var(--ink);padding:13px 20px;font:600 .8rem system-ui;cursor:pointer}.button:hover,button:hover{border-color:var(--lavender)}.button.primary{background:var(--accent);border-color:var(--accent);color:#fff}.button.primary:hover{background:#825ab7}.text-link{font-size:.8rem;color:var(--muted)}.text-link span{color:var(--lavender);margin-left:8px}.micro{font-size:.57rem;color:var(--muted);margin-top:27px}button:disabled{opacity:.4;cursor:not-allowed}button:disabled:hover{border-color:var(--line)}.hero-board{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr auto auto;gap:14px;padding:21px;border:1px solid #493c56;border-radius:18px;background:radial-gradient(ellipse at 80% 0%,#342240,transparent 65%),#18131e;box-shadow:0 25px 80px #0004;transform:rotate(1.4deg);min-width:0}.board-top,.board-bottom{display:flex;justify-content:space-between;gap:12px;grid-column:1/-1;font-size:.5rem;letter-spacing:.11em;color:#c5b9d2;padding:2px 0 7px}.board-bottom{padding:9px 0 0}.hero-preview{border-radius:8px;overflow:hidden;min-width:0;border:1px solid #5a486b;background:#d8cce2;color:#251a30;box-shadow:0 8px 18px #0002}.hero-preview-web{grid-column:1/-1;max-width:92%;margin-right:auto;transform:rotate(-2deg);background:#eee6d9}.hero-preview-ad{transform:rotate(3deg);background:#bea4d5}.hero-preview-app{transform:translateY(-7px) rotate(-2deg);background:#d3d8cf}.preview-label{display:flex;justify-content:space-between;gap:12px;padding:9px 12px;font-size:.47rem;letter-spacing:.12em;font-weight:700;border-bottom:1px solid #47325533}.hero-preview img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain}.hero-preview-web img{max-height:230px}.hero-preview-ad img,.hero-preview-app img{max-height:155px}.hero-placeholder{font:500 1.6rem/1.15 Georgia,serif;padding:20px;min-height:130px}.hero-preview-web .hero-placeholder{font-size:2.3rem;min-height:200px}.hero-preview:has(img:not([hidden])) .hero-placeholder{display:none}.proof-strip{display:grid;grid-template-columns:.8fr 1fr .8fr 1.6fr;gap:30px;align-items:start;padding-top:30px;padding-bottom:30px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.proof-strip strong{font:400 2.1rem/1.15 Georgia,serif;letter-spacing:-.03em}.proof-strip strong span{display:block;font:500 .69rem system-ui;letter-spacing:0;margin-top:8px}.proof-strip p{margin:11px 0 0;font-size:.68rem;color:var(--muted)}.proof-strip .proof-note{font-size:.74rem;line-height:1.7;margin:0}.library{padding-top:65px;padding-bottom:70px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:30px}h2{font:500 clamp(2.4rem,3.5vw,4rem)/1.08 Georgia,serif;letter-spacing:-.04em;margin:0}.section-heading>p{max-width:430px;color:var(--muted);font-size:.86rem;margin:0 0 5px}.filter-panel{border:1px solid var(--line);border-radius:13px;padding:20px;background:#15111b}.category-filters{display:flex;gap:7px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:18px}.category-filters button{border-color:transparent;background:transparent;gap:10px;padding:11px 16px;min-height:44px}.category-filters button[aria-pressed=true]{background:#e7ddef;color:#25152f}.category-filters button:hover{border-color:#705587}.category-filters span{font-size:.62rem;color:#c3aecf;border:1px solid #4c3c57;padding:2px 7px;border-radius:20px}.category-filters button[aria-pressed=true] span{border-color:#c2adc9;color:#51385d}.filter-fields{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,1fr) auto;gap:18px;align-items:end}label{display:grid;gap:7px;font-size:.72rem;color:#d6cddd;min-width:0}input,select,textarea{min-width:0;width:100%;border:1px solid #493b55;border-radius:7px;background:#1e1727;color:var(--ink);padding:12px 13px;font-size:.85rem;min-height:44px}input::placeholder{color:#a89aae;opacity:1}select{cursor:pointer}.reset-button{margin-bottom:1px;padding:12px 15px;color:var(--muted);font-size:.75rem}.results-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:23px 0}.results-heading #result-count{font-size:.8rem;margin:0;color:#e4daed}.small,.muted{color:var(--muted)}.small{font-size:.7rem;line-height:1.7}.results-heading .small{font-size:.64rem;margin:0}.design-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.design-card{min-width:0}.design-open{display:block;text-align:left;border:1px solid var(--line);border-radius:12px;width:100%;height:100%;padding:0;overflow:hidden;background:#16111d;font:inherit;transition:transform .18s ease,border-color .18s ease}.design-open:hover{transform:translateY(-4px);border-color:#9c7dbc;text-decoration:none}.design-image{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;background:#e1dae5;border-bottom:1px solid var(--line)}.card-copy{display:block;padding:17px 18px 20px}.card-meta{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:11px;font-size:.53rem;letter-spacing:.1em;text-transform:uppercase;color:var(--lavender)}.card-number{color:#91819b;letter-spacing:.06em}.card-title{display:block;font:500 1.4rem/1.15 Georgia,serif;color:var(--ink);letter-spacing:-.02em;overflow-wrap:anywhere}.card-bottom{display:flex;justify-content:space-between;gap:15px;margin-top:8px;align-items:center}.card-style{font-size:.72rem;color:var(--muted)}.card-arrow{font-size:1.15rem;color:var(--lavender)}.pagination{display:flex;justify-content:center;align-items:center;gap:30px;margin-top:38px}.pagination p{font-size:.74rem;color:var(--muted);text-align:center;min-width:110px}.pagination button{font-size:.75rem;min-width:120px}.empty-state{text-align:center;border:1px dashed #5c496e;border-radius:12px;padding:45px 20px;background:var(--panel)}.empty-state>span{font:400 3rem Georgia,serif;color:var(--lavender)}.empty-state h3{font:500 2rem Georgia,serif;margin:10px 0}.empty-state p{font-size:.82rem;color:var(--muted)}.empty-state button{margin-top:12px}.detail-panel{border:1px solid #766082;border-radius:15px;background:#1b1423;padding:25px;margin:0 0 35px;scroll-margin-top:20px}.detail-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.detail-top .eyebrow{margin:0;font-size:.59rem}.close-button{font-size:.7rem;min-height:40px;padding:8px 13px}.close-button span{font-size:1.2rem}.detail-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:30px;align-items:start}.detail-art{border:1px solid #52435f;border-radius:9px;overflow:hidden;background:#dcd3e2;min-width:0}.detail-art img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain}.detail-art-caption{display:flex;justify-content:space-between;gap:15px;padding:10px 12px;color:#57415c;border-top:1px solid #9d8cab;font-size:.48rem;letter-spacing:.06em}.detail-copy{min-width:0}.detail-copy h3{font:500 clamp(1.7rem,2.5vw,2.5rem)/1.08 Georgia,serif;letter-spacing:-.04em;margin:0 0 14px;overflow-wrap:anywhere}.detail-copy>.muted{font-size:.77rem}.detail-facts{margin:22px 0;border-top:1px solid var(--line)}.detail-facts>div{display:grid;grid-template-columns:90px minmax(0,1fr);gap:14px;padding:9px 0;border-bottom:1px solid var(--line);font-size:.69rem}.detail-facts dt{color:var(--muted)}.detail-facts dd{margin:0;overflow-wrap:anywhere}.download-actions{display:grid;gap:9px}.download-actions button{font-size:.73rem;justify-content:space-between;padding:12px 14px}.detail-copy>.button{width:100%;margin-top:12px;justify-content:space-between}.detail-copy #download-status{font-size:.72rem;color:var(--lavender);min-height:1.6em;margin:9px 0 0;overflow-wrap:anywhere}.reference-brief{margin-top:25px;border-top:1px solid var(--line);padding-top:19px}.reference-brief summary{font-size:.78rem;cursor:pointer;margin-bottom:12px}.reference-brief label{margin-bottom:7px}.reference-brief textarea{font:.73rem/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;resize:vertical;white-space:pre-wrap;min-height:180px}.error-message{border:1px solid #ba8191;background:#341d2a;padding:16px;border-radius:8px;color:#f5dae2;font-size:.8rem}.next-step{display:grid;grid-template-columns:1fr 1fr;gap:clamp(35px,8vw,120px);border-top:1px solid var(--line);padding-top:65px;padding-bottom:75px}.next-step>div>p:not(.eyebrow){color:var(--muted);font-size:.85rem;margin-top:0}.next-step .small{font-size:.7rem!important}.project-links{display:grid;margin:30px 0}.project-links a{position:relative;border-top:1px solid var(--line);padding:18px 35px 18px 0;font:500 1.15rem Georgia,serif}.project-links a:last-child{border-bottom:1px solid var(--line)}.project-links span{display:block;font:.52rem system-ui;letter-spacing:.12em;color:var(--lavender);margin-bottom:7px}.project-links b{position:absolute;right:5px;top:30px;color:var(--lavender);font-weight:400}footer{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;padding-top:25px;padding-bottom:25px;border-top:1px solid var(--line);color:var(--muted);font-size:.68rem}noscript p{padding-top:20px;padding-bottom:20px;font-size:.8rem}
@media(min-width:1450px){.hero-preview-web img{max-height:260px}.hero-preview-ad img,.hero-preview-app img{max-height:170px}}
@media(max-width:1000px){.hero{gap:35px}.hero-board{transform:none;padding:16px}.proof-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.proof-note{grid-column:1/-1}.design-grid{gap:18px}.card-copy{padding:15px}.card-title{font-size:1.25rem}.detail-panel{padding:20px}.detail-grid{gap:22px}.detail-facts>div{grid-template-columns:80px minmax(0,1fr)}}
@media(max-width:800px){.hero{grid-template-columns:1fr;gap:35px}.hero-copy{max-width:610px}.hero-board{max-width:560px;width:100%;margin:auto}.hero h1{font-size:clamp(3.8rem,9vw,5.5rem)}.header nav>a:not(.nav-cta){display:none}.header nav{gap:0}.section-heading{align-items:start;flex-direction:column;gap:20px}.filter-fields{grid-template-columns:1fr 1fr}.search-field{grid-column:1/-1}.reset-button{min-height:44px}.design-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-grid{grid-template-columns:1fr}.detail-art{max-width:650px}.detail-facts>div{grid-template-columns:100px minmax(0,1fr)}.next-step{grid-template-columns:1fr;gap:30px}.results-heading{align-items:start;flex-direction:column;gap:8px}.proof-strip strong{font-size:1.85rem}}
@media(max-width:480px){.header{gap:14px}.brand{font-size:1.1rem}.brand-mark{width:30px}.nav-cta{font-size:.67rem;padding:9px 12px}.hero{padding-top:37px;padding-bottom:45px}.hero h1{font-size:3.6rem}.actions{gap:18px}.button.primary{padding:13px 16px}.hero-board{gap:10px}.preview-label,.board-top,.board-bottom{font-size:.42rem}.hero-preview-web{max-width:100%}.hero-preview-ad,.hero-preview-app{transform:none}.proof-strip{grid-template-columns:1fr 1fr;gap:25px 20px;padding-top:25px;padding-bottom:25px}.proof-strip>div:nth-child(3){grid-column:1/-1}.proof-strip strong{font-size:1.8rem}.proof-strip strong span{font-size:.65rem}.library{padding-top:45px;padding-bottom:50px}.filter-panel{padding:15px}.category-filters{gap:5px}.category-filters button{flex:1 1 calc(50% - 5px);padding:10px 8px;font-size:.72rem}.category-filters span{font-size:.56rem;padding:1px 5px}.filter-fields{gap:13px}.filter-fields label{font-size:.65rem}.filter-fields select{font-size:.75rem;padding:11px 9px}.reset-button{padding:11px 8px;font-size:.67rem}.design-grid{grid-template-columns:1fr;gap:22px}.card-copy{padding:18px}.card-title{font-size:1.5rem}.card-meta{font-size:.56rem}.card-style{font-size:.76rem}.pagination{gap:12px;margin-top:28px}.pagination button{min-width:0;padding:11px 12px;font-size:.69rem;gap:8px}.pagination p{min-width:80px;font-size:.67rem}.detail-panel{padding:16px}.detail-top{gap:12px;flex-wrap:wrap}.detail-top .eyebrow{font-size:.53rem}.close-button{margin-left:auto}.detail-art-caption{font-size:.42rem;padding:8px}.detail-facts>div{grid-template-columns:85px minmax(0,1fr);font-size:.66rem}.detail-copy h3{font-size:2rem}.next-step{padding-top:45px;padding-bottom:50px}footer{display:grid;grid-template-columns:1fr 1fr;gap:15px}footer>span:first-child,footer>span:last-child{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.design-open{transition:none}.design-open:hover{transform:none}}