:root{--paper:#f4f1e8;--ink:#151515;--lime:#d8ff36;--coral:#ff6549;--head:'Barlow Condensed',Impact,sans-serif;--body:'DM Sans',Arial,sans-serif;--serif:'DM Serif Display',Georgia,serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);line-height:1.5}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-underline-offset:4px}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--coral);outline-offset:5px}.wrap{width:min(1440px,calc(100% - 80px));margin:auto}.skip{position:absolute;top:-100px;left:20px;z-index:20;background:var(--lime);padding:12px}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.library-header{height:90px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #15151525}.wordmark{font-family:var(--head);font-weight:800;font-size:32px;letter-spacing:-1.1px;line-height:1;text-decoration:none;white-space:nowrap}.wordmark span{display:inline-block;color:var(--coral);font-size:30px;margin-left:8px}.library-header nav{display:flex;gap:32px;align-items:center}.library-header nav>a:not(.button){text-decoration:none;font-size:14px}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;padding:14px 22px;background:var(--ink);color:white;text-decoration:none;border:1px solid var(--ink);border-radius:4px;font-weight:700;line-height:1.3;transition:background .2s,color .2s}.button:hover{background:var(--coral);color:var(--ink)}.library-hero{display:flex;align-items:center;justify-content:space-between;gap:36px;padding-top:42px;padding-bottom:38px}.library-hero h1{font-family:var(--head);font-size:clamp(92px,10.9vw,164px);font-weight:800;letter-spacing:-.035em;line-height:.86;margin:0 0 28px}.library-hero h1 em{font-family:var(--serif);font-weight:400;color:var(--coral);letter-spacing:-.055em;line-height:.88}.library-hero p{font-size:20px;letter-spacing:-.5px;margin:0}.design-stamp{flex:none;width:180px;height:180px;border:3px solid var(--ink);border-radius:50%;background:var(--lime);transform:rotate(-11deg);display:flex;align-items:center;justify-content:center;flex-direction:column;margin-right:28px}.design-stamp strong{font:800 80px/.95 var(--head);letter-spacing:-4px}.design-stamp strong span{font:400 44px var(--body);margin-left:10px}.design-stamp>span{font-weight:800;letter-spacing:2px;font-size:19px}.library{border-top:2px solid var(--ink);padding-top:14px;padding-bottom:60px}.library h2{font:800 clamp(34px,4.2vw,62px)/1.02 var(--head);letter-spacing:-.025em;margin:0 0 23px}.design-tools{display:flex;gap:16px;justify-content:space-between;align-items:center}.filters{display:flex;gap:8px;flex-wrap:wrap}.filters button{border:1px solid #15151590;border-radius:9px;background:transparent;font-size:12px;padding:9px 13px;color:var(--ink);white-space:nowrap}.filters button[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}.filters button:hover{border-color:var(--ink);background:#15151510}.filters button[aria-pressed=true]:hover{background:var(--ink)}.search{display:flex;border:1px solid #15151550;border-radius:22px;padding:7px 14px;align-items:center;gap:8px;min-width:195px;max-width:250px;background:#ffffff60}.search>span:first-child{font-size:28px;line-height:20px}.search input{min-width:0;width:100%;border:0;background:transparent;font-size:13px;color:var(--ink);outline:none;padding:2px}.results-row{display:flex;justify-content:space-between;align-items:center;margin:13px 0 20px;font-size:11px;text-transform:uppercase;letter-spacing:1.3px}.results-row p{margin:0}.results-row button{border:0;background:transparent;text-transform:none;font-size:12px;text-decoration:underline;letter-spacing:0}.design-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px 26px}.design[hidden]{display:none}.preview-link{display:block;position:relative;border:1px solid #15151535;border-radius:4px;overflow:hidden;text-decoration:none;background:white;transition:transform .2s,box-shadow .2s}.preview-link:hover{transform:translateY(-4px);box-shadow:5px 7px 0 #15151518}.browser-chrome{height:20px;background:#e3e1dc;display:flex;align-items:center;gap:4px;padding:0 8px;line-height:1;border-bottom:1px solid #15151520}.browser-chrome i{height:6px;width:6px;background:#ff715c;border-radius:50%}.browser-chrome i:nth-child(2){background:#f4be3f}.browser-chrome i:nth-child(3){background:#65ad79}.browser-chrome span{font-size:7px;letter-spacing:.5px;text-transform:uppercase;margin:auto;opacity:.6}.browser-chrome b{font-size:10px;font-weight:400}.thumbnail{width:100%;height:calc(var(--thumb-width, 380px)*.69);position:relative;overflow:hidden;background:var(--paper)}.thumbnail iframe{display:block;width:1280px;height:980px;transform:scale(var(--thumb-scale,.29));transform-origin:top left;border:0;pointer-events:none}.preview-hover{position:absolute;bottom:16px;left:50%;transform:translate(-50%,6px);opacity:0;white-space:nowrap;padding:10px 14px;background:var(--ink);color:white;font-size:12px;border-radius:4px;transition:.2s}.preview-link:hover .preview-hover,.preview-link:focus-visible .preview-hover{opacity:1;transform:translate(-50%,0)}.design-caption{padding:13px 1px 0}.industry{font-size:10px;text-transform:uppercase;letter-spacing:1.2px;font-weight:700;margin:0 0 2px}.design h3{font-size:24px;font-weight:800;line-height:1.1;letter-spacing:-.6px;margin:0 0 7px}.mood{font-size:12px;margin:0;color:#514e47}.design-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:16px}.design-actions>a:first-child{font-weight:700;font-size:13px}.design-actions .choose{background:var(--ink);color:white;font-weight:500;font-size:12px;border-radius:3px;text-decoration:none;padding:9px 12px}.choose:hover{background:var(--coral);color:var(--ink)}.library-note{font-size:12px;max-width:850px;margin:50px auto 0;color:#5b574f;text-align:center;line-height:1.8}.empty-results{text-align:center;padding:60px 10px}.empty-results h3{font:700 48px var(--head);margin:0}.empty-results p{margin:8px 0 24px}.library-cta{background:var(--lime);border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);padding:45px 0}.library-cta>.wrap{display:flex;align-items:center;justify-content:space-between;gap:30px}.library-cta h2{font:800 clamp(48px,5.5vw,80px)/.94 var(--head);letter-spacing:-1.5px;margin:0 0 20px}.library-cta p{margin:0;font-size:16px}.library-footer{padding-top:35px;padding-bottom:35px;display:flex;align-items:center;gap:30px}.library-footer .wordmark{font-size:24px}.library-footer p{font-size:11px;line-height:1.6;margin:0}.library-footer nav{display:flex;gap:18px;margin-left:auto;font-size:11px}.library-footer>span{font-size:10px;white-space:nowrap}dialog{padding:0;border:1px solid var(--ink);border-radius:8px;width:min(1440px,calc(100vw - 32px));max-width:none;height:calc(100dvh - 36px);max-height:none;background:#e7e5df;color:var(--ink);box-shadow:0 20px 80px #0007}dialog::backdrop{background:#151515cf}body:has(dialog[open]){overflow:hidden}.preview-toolbar{display:flex;align-items:center;gap:20px;padding:14px 18px;background:var(--paper);border-bottom:1px solid #15151530}.preview-label{font-size:9px;letter-spacing:1.5px}.preview-toolbar h2{font-size:20px;line-height:1.1;margin:2px 0}.device-controls{display:flex;gap:3px;margin-left:auto;padding:3px;border:1px solid #15151530;border-radius:5px}.device-controls button{background:transparent;border:0;border-radius:3px;padding:8px 12px;font-size:12px}.device-controls button[aria-pressed=true]{background:var(--ink);color:white}.preview-toolbar>.button{font-size:12px;padding:10px 15px}.close-preview{background:transparent;border:0;font-size:32px;line-height:1;width:32px;height:32px;padding:0}.preview-stage{height:calc(100% - 122px);padding:20px;display:flex;justify-content:center;overflow:hidden}.preview-stage iframe{background:white;border:1px solid #15151530;width:100%;height:100%;transition:width .2s}.preview-stage.phone iframe{width:390px;max-width:100%;border-radius:22px;border:6px solid var(--ink)}.preview-bottom{height:42px;padding:10px 18px;display:flex;justify-content:space-between;gap:15px;font-size:11px;background:var(--paper);border-top:1px solid #15151525}.preview-bottom a{font-weight:700} [hidden]{display:none!important}
@media(min-width:1500px){.library-hero{padding-top:60px;padding-bottom:48px}}@media(max-width:1150px){.design-tools{align-items:stretch;flex-direction:column}.search{max-width:350px}.design-stamp{width:150px;height:150px;margin:0}.design-stamp strong{font-size:68px}.library-footer{flex-wrap:wrap}.library-footer>span{width:100%}.library-footer nav{margin-left:auto}}@media(max-width:850px){.wrap{width:calc(100% - 48px)}.library-header{height:78px}.library-header nav{gap:20px}.library-header nav>a:not(.button){display:none}.library-header .button{font-size:12px;padding:11px 14px;gap:14px}.wordmark{font-size:26px}.wordmark span{display:none}.library-hero{padding-top:34px;padding-bottom:28px}.library-hero h1{font-size:clamp(84px,12.5vw,115px)}.library-hero p{font-size:15px}.design-stamp{width:112px;height:112px;border-width:2px}.design-stamp strong{font-size:48px;letter-spacing:-2px}.design-stamp strong span{font-size:25px;margin-left:5px}.design-stamp>span{font-size:12px;letter-spacing:1px}.design-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 20px}.design-actions{flex-wrap:wrap}.design-actions .choose{padding:8px 10px}.preview-toolbar{gap:10px}.device-controls{display:none}.preview-stage{padding:10px}.preview-toolbar>.button{margin-left:auto}.library-footer nav{margin-left:0}}@media(max-width:540px){.wrap{width:calc(100% - 36px)}.library-header{height:70px}.wordmark{font-size:23px}.library-header .button{font-size:11px;padding:10px 12px}.library-hero{position:relative;display:block;padding-top:35px}.library-hero h1{font-size:clamp(74px,19.4vw,105px);letter-spacing:-.035em;line-height:.9;margin-bottom:24px}.library-hero p{font-size:14px;max-width:270px}.design-stamp{position:absolute;width:76px;height:76px;right:0;bottom:32px}.design-stamp strong{font-size:35px}.design-stamp strong span{font-size:18px;margin-left:3px}.design-stamp>span{font-size:8px}.library h2{font-size:36px;max-width:320px;margin-bottom:20px}.filters{gap:6px}.filters button{font-size:10px;padding:8px 10px;border-radius:7px}.search{max-width:none;min-height:40px}.results-row{font-size:10px;margin:15px 0}.design-grid{grid-template-columns:1fr;gap:32px}.design h3{font-size:26px}.design-actions{flex-wrap:nowrap;margin-top:12px}.design-actions .choose{font-size:12px;padding:10px 14px}.design-actions>a:first-child{font-size:13px}.library-note{text-align:left;margin-top:36px;font-size:11px}.library{padding-bottom:36px}.library-cta{padding:34px 0}.library-cta>.wrap{align-items:flex-start;flex-direction:column;gap:24px}.library-cta h2{font-size:54px}.library-cta p{font-size:14px}.library-footer{gap:22px;align-items:flex-start}.library-footer p{margin-left:auto}.library-footer nav{flex-wrap:wrap;gap:20px;width:100%}.library-footer>span{width:auto}dialog{width:calc(100vw - 12px);height:calc(100dvh - 12px);border-radius:5px}.preview-toolbar{padding:10px;min-height:70px}.preview-label{font-size:7px;letter-spacing:1px}.preview-toolbar h2{font-size:16px}.preview-toolbar>.button{font-size:10px;padding:9px 10px;white-space:nowrap}.close-preview{font-size:26px;width:26px}.preview-stage{padding:6px;height:calc(100% - 123px)}.preview-bottom{font-size:9px;height:52px;align-items:center;padding:7px 10px}.preview-bottom span{max-width:200px}.preview-bottom a{white-space:nowrap}}
.design{min-width:0}
@media(max-width:540px){.design-grid{grid-template-columns:minmax(0,1fr)}.library-hero h1{font-size:clamp(62px,16.5vw,85px)}.library-hero p{max-width:calc(100% - 90px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}