*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,sans-serif;background:#e8e4dc;color:#23201a}.preview-nav{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1.5rem;background:#e8e4dceb;backdrop-filter:blur(8px);border-bottom:1px solid rgba(35,32,26,.12)}.preview-nav__home{font-size:.85rem;color:#5b5447;text-decoration:none;white-space:nowrap}.preview-nav__home:hover{color:#b0491f}.preview-nav__links{display:flex;flex-wrap:wrap;gap:.35rem;justify-content:flex-end}.preview-nav__links a{display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;font-size:.7rem;font-weight:600;color:#5b5447;text-decoration:none;border:1px solid rgba(35,32,26,.15);border-radius:4px;background:#f6f1e7}.preview-nav__links a:hover{background:#b0491f;color:#f6f1e7;border-color:#b0491f}.preview-intro{max-width:640px;margin:0 auto;padding:3rem 1.5rem 2rem;text-align:center}.preview-intro__eyebrow{font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:#8d8474;margin:0 0 .5rem}.preview-intro h1{font-family:Fraunces,Georgia,serif;font-size:clamp(1.8rem,4vw,2.4rem);font-weight:500;margin:0 0 .75rem}.preview-intro p{color:#5b5447;margin:0;line-height:1.6}.design-section{max-width:900px;margin:0 auto 4rem;padding:0 1.5rem}.design-meta{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;margin-bottom:1rem}.design-num{font-size:.75rem;font-weight:600;color:#8d8474}.design-meta h2{font-size:1.1rem;font-weight:600;margin:0}.design-tag{font-size:.8rem;color:#8d8474;margin:.15rem 0 0}.swatches{display:flex;gap:.35rem}.swatches span{width:1.5rem;height:1.5rem;border-radius:50%;border:1px solid rgba(0,0,0,.1)}.mockup{border-radius:12px;overflow:hidden;box-shadow:0 8px 32px #23201a1f;min-height:280px}.mockup--editorial{background:#f6f1e7;color:#23201a;padding:1.5rem 2rem 2rem;font-family:Newsreader,Georgia,serif}.mockup--editorial .m-head{text-align:center;margin-bottom:1.5rem}.mockup--editorial .m-eyebrow{font-family:Spline Sans Mono,monospace;font-size:.65rem;letter-spacing:.18em;text-transform:uppercase;color:#8d8474}.mockup--editorial .m-wordmark{font-family:Fraunces,Georgia,serif;font-style:italic;font-size:2rem;margin:.75rem 0}.mockup--editorial .m-nav{font-family:Spline Sans Mono,monospace;font-size:.7rem;letter-spacing:.1em;color:#5b5447;display:flex;justify-content:center;gap:.8rem;padding:.6rem 0;border-top:1px solid rgba(35,32,26,.18);border-bottom:1px solid rgba(35,32,26,.18)}.mockup--editorial .m-hero h3{font-family:Fraunces,Georgia,serif;font-size:1.35rem;font-weight:420;line-height:1.3;margin:.5rem 0 1.5rem}.mockup--editorial .m-hero em{font-style:italic;color:#b0491f}.mockup--editorial .m-list{list-style:none;margin:0;padding:0}.mockup--editorial .m-list li{display:grid;grid-template-columns:2.5rem 1fr auto;gap:1rem;padding:.9rem 0;border-bottom:1px solid rgba(35,32,26,.09);align-items:baseline}.mockup--editorial .m-num{font-family:Spline Sans Mono,monospace;font-size:.75rem;color:#8d8474}.mockup--editorial .m-title{font-family:Fraunces,Georgia,serif;font-size:1.1rem}.mockup--editorial .m-date{font-family:Spline Sans Mono,monospace;font-size:.65rem;color:#8d8474}.mockup--terminal{background:#1a1814;color:#c8c4bc;font-family:IBM Plex Mono,monospace;font-size:.8rem}.mockup--terminal .m-layout{display:grid;grid-template-columns:180px 1fr;min-height:280px}.mockup--terminal .m-sidebar{background:#12100e;padding:1rem;border-right:1px solid #2e2a24}.mockup--terminal .m-prompt{color:#7ec87e;margin-bottom:1rem}.mockup--terminal .m-wordmark{font-family:"Instrument Serif",Georgia,serif;font-size:1.3rem;color:#e8e0d4;margin-bottom:1.2rem}.mockup--terminal .m-nav{display:flex;flex-direction:column;gap:.5rem}.mockup--terminal .m-nav span{color:#6a6560;cursor:default}.mockup--terminal .m-nav .active{color:#7ec87e}.mockup--terminal .m-main{padding:1.5rem}.mockup--terminal .m-comment{color:#5a7a5a;margin:0 0 .5rem}.mockup--terminal h3{font-family:"Instrument Serif",Georgia,serif;font-size:1.5rem;color:#e8e0d4;margin:0 0 .5rem}.mockup--terminal .m-body{color:#8d8474;margin:0 0 1rem;line-height:1.6}.mockup--terminal .m-code{background:#12100e;border-left:3px solid #e8a838;padding:.6rem 1rem;margin:0}.mockup--terminal .m-code code{color:#e8a838}.mockup--zine{background:#f2efe8;padding:1.5rem 2rem;position:relative;overflow:hidden}.mockup--zine:before{content:"";position:absolute;inset:0;opacity:.04;background:repeating-linear-gradient(0deg,#000 0px,#000 1px,transparent 1px,transparent 3px)}.mockup--zine .m-stamp{position:absolute;top:1rem;right:1.5rem;font-family:Space Mono,monospace;font-size:.65rem;border:2px solid #1a1a1a;padding:.2rem .5rem;transform:rotate(8deg)}.mockup--zine .m-wordmark{font-family:Archivo Black,sans-serif;font-size:2.2rem;margin:0;position:relative}.mockup--zine .m-tagline{font-family:Space Mono,monospace;font-size:.75rem;margin:.5rem 0 1.5rem;position:relative}.mockup--zine .m-tilt{transform:rotate(-1.5deg)}.mockup--zine .m-tilt-reverse{transform:rotate(1deg)}.mockup--zine .m-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;position:relative}.mockup--zine .m-card{background:#fff;border:2px solid #1a1a1a;padding:1rem;box-shadow:4px 4px #1a1a1a}.mockup--zine .m-label{font-family:Space Mono,monospace;font-size:.6rem;background:#d4382a;color:#fff;padding:.15rem .4rem}.mockup--zine h4{font-family:Archivo Black,sans-serif;margin:.5rem 0 0;font-size:1rem}.mockup--swiss{background:#fff;padding:2.5rem 3rem;font-family:Inter,sans-serif}.mockup--swiss .m-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:3rem}.mockup--swiss .m-wordmark{font-weight:600;font-size:.85rem;letter-spacing:.05em}.mockup--swiss .m-nav{display:flex;gap:1.5rem;font-size:.8rem;color:#666}.mockup--swiss h3{font-size:1.6rem;font-weight:500;line-height:1.35;max-width:18em;margin:0 0 2.5rem;color:#111}.mockup--swiss .m-list{list-style:none;margin:0;padding:0}.mockup--swiss .m-list li{display:flex;gap:2rem;padding:1.2rem 0;border-top:1px solid #eee}.mockup--swiss .m-date{font-size:.75rem;color:#999;min-width:5rem}.mockup--swiss .m-title{font-size:1rem;color:#111}.mockup--darkroom{background:#2a2825;color:#e8e0d4;padding:1.5rem 2rem;font-family:Lora,Georgia,serif}.mockup--darkroom .m-film{display:flex;gap:.5rem;margin-bottom:.75rem}.mockup--darkroom .m-frame{width:3.5rem;height:2.5rem;background:#1a1814;border:2px solid #4a4540;opacity:.5}.mockup--darkroom .m-frame.active{opacity:1;border-color:#c4a574;background:linear-gradient(135deg,#3d3830,#5a5045)}.mockup--darkroom .m-exif{font-family:IBM Plex Mono,monospace;font-size:.65rem;color:#c4a574;margin:0 0 1rem}.mockup--darkroom h3{font-family:Cormorant Garamond,Georgia,serif;font-size:1.8rem;margin:0 0 .25rem}.mockup--darkroom .m-caption{font-style:italic;color:#a09888;margin:0 0 1.5rem;font-size:.95rem}.mockup--darkroom .m-list{list-style:none;margin:0;padding:0}.mockup--darkroom .m-list li{display:flex;justify-content:space-between;padding:.6rem 0;border-bottom:1px solid rgba(255,255,255,.08)}.mockup--darkroom .m-title{font-size:.95rem}.mockup--darkroom .m-date{font-family:IBM Plex Mono,monospace;font-size:.65rem;color:#8d8474}.mockup--broadsheet{background:#f5f0e6;padding:1.5rem 2rem;font-family:"Source Serif 4",Georgia,serif}.mockup--broadsheet .m-dateline{font-size:.7rem;text-align:center;text-transform:uppercase;letter-spacing:.1em;color:#666}.mockup--broadsheet .m-masthead{font-family:Playfair Display,Georgia,serif;font-size:2.2rem;text-align:center;margin:.25rem 0}.mockup--broadsheet .m-rule{height:3px;background:#b91c1c;margin:.5rem 0 1rem}.mockup--broadsheet .m-columns{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.mockup--broadsheet .m-byline{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:#888;margin:0 0 .25rem}.mockup--broadsheet h4{font-family:Playfair Display,Georgia,serif;margin:0 0 .5rem;font-size:1.1rem}.mockup--broadsheet p{font-size:.85rem;line-height:1.55;margin:0;color:#333}.mockup--broadsheet .m-dropcap{float:left;font-family:Playfair Display,Georgia,serif;font-size:2.5rem;line-height:.8;margin-right:.15rem;color:#b91c1c}.mockup--brutalist{background:#fff;padding:0;font-family:Arial,Helvetica,sans-serif}.mockup--brutalist .m-table{width:100%;border-collapse:collapse;font-size:.85rem}.mockup--brutalist td{border:3px solid #000;padding:1rem;vertical-align:top}.mockup--brutalist .m-header{font-size:1.5rem;font-weight:700;text-align:center;background:#06f;color:#fff}.mockup--brutalist .m-nav{font-family:Courier New,monospace}.mockup--brutalist .m-cell strong{color:#06f}.mockup--wabi{background:#faf8f4;padding:2rem;display:flex;gap:2rem;font-family:"Noto Serif",Georgia,serif;min-height:280px}.mockup--wabi .m-vertical{writing-mode:vertical-rl;font-size:1.5rem;color:#4a5568;opacity:.4;letter-spacing:.3em}.mockup--wabi .m-content{flex:1;max-width:380px}.mockup--wabi h3{font-size:1.5rem;font-weight:400;letter-spacing:.05em;margin:0 0 1.5rem;color:#3d3a35}.mockup--wabi .m-wash{height:1px;background:linear-gradient(90deg,transparent,#4a5568 20%,#4a5568 80%,transparent);opacity:.3;margin-bottom:1.5rem}.mockup--wabi .m-lead{font-size:.95rem;line-height:1.8;color:#5b5447;margin:0 0 2rem}.mockup--wabi .m-list{list-style:none;margin:0;padding:0}.mockup--wabi .m-list li{padding:.8rem 0;border-bottom:1px solid rgba(61,58,53,.08)}.mockup--wabi .m-title{font-size:.95rem;color:#3d3a35}.mockup--split{background:#f6f1e7;padding:1.5rem 2rem;font-family:Newsreader,Georgia,serif}.mockup--split .m-wordmark{font-family:Fraunces,Georgia,serif;font-style:italic;text-align:center;font-size:1.6rem;margin:0 0 1.5rem}.mockup--split .m-split{display:grid;grid-template-columns:1fr 1fr;gap:0}.mockup--split .m-half{padding:1.2rem}.mockup--split .m-half--a{border-right:1px solid rgba(35,32,26,.1);border-left:4px solid #c45c3e}.mockup--split .m-half--b{border-left:4px solid #5a6b7d}.mockup--split .m-author{font-family:Spline Sans Mono,monospace;font-size:.65rem;letter-spacing:.15em;text-transform:uppercase}.mockup--split .m-half--a .m-author{color:#c45c3e}.mockup--split .m-half--b .m-author{color:#5a6b7d}.mockup--split .m-title{font-family:Fraunces,Georgia,serif;font-size:1rem;margin:.5rem 0 0}.mockup--notebook{background:#c4a882;background-image:linear-gradient(rgba(0,0,0,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.03) 1px,transparent 1px);background-size:20px 20px;padding:2rem;min-height:280px;position:relative}.mockup--notebook .m-card{background:#fffef9;padding:1rem 1.2rem;width:55%;box-shadow:2px 3px 8px #00000026;font-family:Courier Prime,monospace;position:absolute}.mockup--notebook .m-card--1{top:1.5rem;left:1.5rem;transform:rotate(-2deg)}.mockup--notebook .m-card--2{bottom:1.5rem;right:1.5rem;transform:rotate(1.5deg);width:45%}.mockup--notebook .m-pin{display:block;width:10px;height:10px;background:#c0392b;border-radius:50%;margin:-.3rem auto .5rem;box-shadow:0 1px 2px #0000004d}.mockup--notebook .m-label{font-size:.65rem;color:#888}.mockup--notebook h4{margin:.25rem 0;font-size:.95rem}.mockup--notebook p{margin:0;font-size:.75rem;color:#666}.mockup--deco{background:#1a2332;color:#f5f0e6;padding:2rem;text-align:center;font-family:Cormorant Garamond,Georgia,serif}.mockup--deco .m-ornament{font-size:.7rem;color:#c9a227;letter-spacing:.3em;margin:.5rem 0}.mockup--deco .m-wordmark{font-family:Poiret One,sans-serif;font-size:2.5rem;letter-spacing:.15em;color:#c9a227;margin:0}.mockup--deco .m-tagline{font-size:.85rem;color:#a09888;margin:.5rem 0 1.5rem}.mockup--deco .m-list{list-style:none;margin:0;padding:0;text-align:left;max-width:400px;margin-inline:auto}.mockup--deco .m-list li{display:flex;justify-content:space-between;padding:.7rem 0;border-bottom:1px solid rgba(201,162,39,.2)}.mockup--deco .m-title{color:#f5f0e6}.mockup--deco .m-date{font-size:.75rem;color:#c9a227}.mockup--garden{background:#f7f5f0;padding:2rem;font-family:Literata,Georgia,serif;border-radius:12px}.mockup--garden .m-leaf{font-size:1.5rem;margin-bottom:.5rem}.mockup--garden h3{font-family:Fraunces,Georgia,serif;font-size:1.6rem;color:#5c4a3a;margin:0 0 .5rem}.mockup--garden .m-lead{color:#8a9a7b;font-size:.95rem;margin:0 0 1.5rem;line-height:1.6}.mockup--garden .m-posts{display:flex;flex-direction:column;gap:.75rem}.mockup--garden .m-post{background:#fff;border-radius:12px;box-shadow:0 2px 12px #8a9a7b26;position:relative;padding:1rem 1.2rem 1rem 1.5rem}.mockup--garden .m-vine{position:absolute;left:0;top:0;bottom:0;width:4px;background:#8a9a7b;border-radius:12px 0 0 12px}.mockup--garden h4{margin:0 0 .25rem;font-size:1rem;color:#5c4a3a}.mockup--garden .m-date{font-size:.7rem;color:#8a9a7b}@media (max-width: 640px){.design-meta{grid-template-columns:1fr}.swatches{justify-content:flex-start}.mockup--terminal .m-layout{grid-template-columns:1fr}.mockup--terminal .m-sidebar{border-right:none;border-bottom:1px solid #2e2a24}.mockup--zine .m-grid,.mockup--broadsheet .m-columns,.mockup--split .m-split{grid-template-columns:1fr}.mockup--swiss{padding:1.5rem}.mockup--wabi{flex-direction:column}.mockup--wabi .m-vertical{writing-mode:horizontal-tb}}