@import url("https://fonts.googleapis.com/css2?family=Anton&family=Allura&family=Geist:wght@400;500;600;700&family=Space+Mono:wght@400;700&display=swap");:root{--ppt-bg:#f0eee9;--ppt-ink:#1a1714;--ppt-muted:rgba(26,23,20,0.5);--ppt-border:rgba(26,23,20,0.12);--ppt-border-strong:rgba(26,23,20,0.24);--ppt-paper:#FFFAF2;--ppt-brand-cyan:var(--brand-cyan);--ppt-brand-magenta:#FF0099;--ppt-brand-green:#00D68F;--ppt-brand-yellow:#FFD600;--ppt-brand-graphite:#27241F;--ppt-font-display:"Anton",Impact,sans-serif;--ppt-font-body:"Geist",system-ui,sans-serif;--ppt-font-mono:"Space Mono",monospace}.ppt-root{min-height:100vh;background:repeating-linear-gradient(0deg,transparent 0 59px,rgba(0,0,0,.04) 59px 60px),repeating-linear-gradient(90deg,transparent 0 59px,rgba(0,0,0,.04) 59px 60px),var(--ppt-bg);font-family:var(--ppt-font-body);color:var(--ppt-ink)}.ppt-topnav{position:sticky;top:0;z-index:100;gap:20px;padding:14px 32px;background:var(--ppt-brand-graphite);color:#f0edef;border-bottom:2px solid #f0edef;box-shadow:0 4px 0 0 rgba(0,0,0,.3)}.ppt-topnav,.ppt-topnav__brand{display:flex;align-items:center}.ppt-topnav__brand{gap:10px}.ppt-topnav__title{font-family:var(--ppt-font-display);font-size:24px;text-transform:uppercase;letter-spacing:.04em}.ppt-topnav__subtitle{font-family:var(--ppt-font-mono);font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:rgba(240,237,239,.55)}.ppt-topnav__device{margin-left:auto;display:flex;border:2px solid #f0edef;border-radius:4px;overflow:hidden}.ppt-topnav__device button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:rgba(240,237,239,.6);font-family:var(--ppt-font-mono);font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:6px 14px;cursor:pointer;transition:background .12s,color .12s}.ppt-topnav__device button.active{background:var(--ppt-brand-cyan);color:#022A32}.ppt-topnav__device button:hover:not(.active){background:rgba(255,255,255,.08);color:#f0edef}.ppt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:40px;padding:48px 32px 80px}.ppt-card{background:var(--ppt-paper);border:2px solid var(--ppt-ink);border-radius:8px;overflow:hidden;box-shadow:6px 6px 0 0 var(--ppt-ink);transition:transform .12s,box-shadow .12s}.ppt-card:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 0 var(--ppt-ink)}.ppt-card__header{padding:14px 18px 10px;border-bottom:1px dashed var(--ppt-border-strong);display:flex;flex-direction:column;gap:2px}.ppt-card__name{font-family:var(--ppt-font-display);font-size:20px;text-transform:uppercase;letter-spacing:.02em;line-height:1}.ppt-card__desc{font-family:var(--ppt-font-body);font-size:12px;color:var(--ppt-muted);line-height:1.4}.ppt-card__preview{position:relative;width:100%;aspect-ratio:1280/700;background:#e8e4dc;overflow:hidden;container-type:inline-size}.ppt-card__preview--mobile{aspect-ratio:390/844;max-width:260px;margin:0 auto}.ppt-card__preview iframe{position:absolute;top:0;left:0;width:1280px;height:700px;border:0;transform-origin:top left;transform:scale(calc(100cqw / 1280));pointer-events:none}.ppt-card__preview--mobile iframe{width:390px;height:844px;transform:scale(calc(100cqw / 390))}.ppt-card__swatches{padding:10px 18px 14px;display:flex;align-items:center;gap:6px;border-top:1px dashed var(--ppt-border-strong)}.ppt-card__swatch{width:20px;height:20px;border:1.5px solid rgba(0,0,0,.15);border-radius:3px}.ppt-card__layout{margin-left:auto;font-size:9px;letter-spacing:.18em;padding:3px 8px;background:var(--ppt-bg);border-radius:3px}.ppt-card__layout,.ppt-footer{font-family:var(--ppt-font-mono);font-weight:700;text-transform:uppercase;color:var(--ppt-muted)}.ppt-footer{display:flex;align-items:center;justify-content:center;gap:10px;padding:24px 32px;border-top:2px solid var(--ppt-border-strong);font-size:10px;letter-spacing:.14em}.ppt-footer__link{color:var(--ppt-brand-magenta);text-decoration:none}.ppt-footer__link:hover{text-decoration:underline}@media (max-width:768px){.ppt-grid{grid-template-columns:1fr;gap:28px;padding:24px 16px 60px}.ppt-topnav{flex-wrap:wrap;gap:10px;padding:12px 16px}.ppt-topnav__subtitle{display:none}}