@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Instrument+Serif:ital@0;1&display=swap";
:root{--ink:#1e211f;--muted:#6c716d;--paper:#f5f3ed;--paper-deep:#ebe8df;--line:#d7d3c8;--accent:#c4492d;--accent-dark:#92351f;--serif:"Instrument Serif", Georgia, serif;--sans:"DM Sans", Arial, sans-serif;--mono:"DM Mono", monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--paper);font-family:var(--sans);margin:0;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.site-header{border-bottom:1px solid var(--line);z-index:5;background:#f5f3edf5;position:relative}.header-inner{align-items:center;gap:34px;max-width:1440px;min-height:72px;margin:auto;padding:18px 4vw;display:flex}.wordmark{font:700 13px var(--mono);letter-spacing:.12em;white-space:nowrap;align-items:center;gap:9px;display:flex}.wordmark-mark{width:29px;height:29px;color:var(--paper);background:var(--ink);letter-spacing:-.08em;place-items:center;font-size:10px;display:grid}.primary-nav{font:500 13px var(--mono);color:var(--muted);gap:25px;margin-left:auto;display:flex}.primary-nav a:hover,.text-link:hover,.arrow-link:hover{color:var(--accent)}.header-make{border-left:1px solid var(--line);font:500 12px var(--mono);white-space:nowrap;padding-left:26px}.header-make span{color:var(--accent);margin-left:8px}.menu-toggle{color:var(--muted);background:0 0;border:0;display:none}.page-shell{max-width:1440px;margin:auto;padding-left:4vw;padding-right:4vw}.eyebrow{color:var(--muted);font:500 11px var(--mono);letter-spacing:.12em;text-transform:uppercase}.home-intro{padding-top:74px;padding-bottom:95px}.intro-kicker,.section-label,.filter-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding-bottom:13px;display:flex}.issue{font:500 11px var(--mono);color:var(--muted)}.intro-grid{grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);align-items:end;gap:8vw;padding-top:54px;display:grid}h1,h2,p{margin-top:0}.intro-grid h1{letter-spacing:-.07em;margin:0;font-size:clamp(76px,12vw,180px);font-weight:600;line-height:.78}.intro-grid h1 em{color:var(--accent);font:italic clamp(78px, 12vw, 180px) var(--serif);letter-spacing:-.08em}.intro-copy{max-width:360px;padding-bottom:9px}.lede{letter-spacing:-.02em;margin-bottom:33px;font-size:20px;line-height:1.4}.arrow-link,.text-link{font:500 13px var(--mono);border-bottom:1px solid;gap:10px;padding-bottom:4px;display:inline-flex}.arrow-link span{color:var(--accent);font-size:18px;line-height:10px}.home-feature{padding-bottom:110px}.section-label{justify-content:flex-start;gap:25px;margin-bottom:24px}.section-label>span:last-child{color:var(--muted);font-size:13px}.project-card{border-top:2px solid var(--ink);flex-direction:column;align-items:flex-start;min-height:260px;padding-top:17px;display:flex}.project-card-top{justify-content:space-between;align-items:center;width:100%;display:flex}.status-dot{color:var(--muted);font:11px var(--mono);align-items:center;gap:7px;display:inline-flex}.status-dot i{background:#4e8863;border-radius:50%;width:6px;height:6px;display:inline-block}.project-card h2{font:400 clamp(32px, 4vw, 61px) var(--serif);letter-spacing:-.035em;max-width:770px;margin:32px 0 15px;line-height:.98}.project-card h2 a:hover{color:var(--accent)}.project-card p{color:var(--muted);max-width:530px;margin-bottom:24px}.project-card-meta{color:var(--muted);font:11px var(--mono);gap:20px;margin-top:auto;margin-bottom:13px;display:flex}.project-card-meta span+span:before{content:"·";color:var(--line);margin-right:20px}.home-index{border-top:1px solid var(--line);grid-template-columns:.75fr 1.25fr;gap:10vw;padding-top:27px;padding-bottom:130px;display:grid}.home-index h2{font:400 clamp(46px, 6vw, 86px) var(--serif);letter-spacing:-.05em;margin:38px 0 0;line-height:.9}.index-list>div{border-bottom:1px solid var(--line);grid-template-columns:60px 1fr;gap:15px;padding:16px 0;display:grid}.index-list>div:first-child{border-top:1px solid var(--line)}.index-list span{font:12px var(--mono);color:var(--accent)}.index-list p{font:500 20px var(--sans);margin:0}.index-list small{color:var(--muted);font-size:14px;font-weight:400}.home-note{border-top:1px solid var(--line);max-width:900px;margin-left:4vw;margin-right:auto;padding-top:22px;padding-bottom:120px}.note-mark{color:var(--accent);font:80px/0 var(--serif);margin-bottom:24px;display:block}.home-note p{font:400 clamp(36px, 5vw, 65px) var(--serif);letter-spacing:-.045em;margin-bottom:26px;line-height:.98}.note-credit{color:var(--muted);font:11px var(--mono)}.site-footer{border-top:1px solid var(--line);max-width:1440px;color:var(--muted);justify-content:space-between;margin:0 auto;padding:28px 4vw 50px;display:flex}.site-footer p{font:18px var(--serif);color:var(--ink);margin:10px 0 0}.footer-meta{font:10px var(--mono);align-items:flex-end;gap:28px;display:flex}.projects-page{padding-top:82px;padding-bottom:130px}.page-heading{grid-template-columns:1fr 1fr;align-items:end;padding-bottom:68px;display:grid}.page-heading h1{font:400 clamp(80px, 12vw, 170px) var(--serif);letter-spacing:-.06em;margin:34px 0 0;line-height:.75}.page-heading p{color:var(--muted);max-width:360px;margin:0 0 4px;line-height:1.4}.filter-row{color:var(--muted);font:11px var(--mono);justify-content:flex-start;gap:25px;margin-bottom:35px}.filter-row span{cursor:pointer}.filter-row .filter-active{color:var(--ink)}.filter-row b{color:var(--accent);margin-left:3px;font-weight:400}.project-grid{grid-template-columns:repeat(2,1fr);gap:56px 5vw;display:grid}.project-card-empty{border-top-color:var(--line);color:var(--muted)}.project-card-empty h2{color:var(--ink);font-size:clamp(30px,3vw,45px)}.project-detail{padding-top:78px;padding-bottom:130px}.project-hero{border-bottom:1px solid var(--line);max-width:1050px;padding-bottom:54px}.hero-index{align-items:center;gap:28px;margin-bottom:35px;display:flex}.project-hero h1{font:400 clamp(56px, 8vw, 118px) var(--serif);letter-spacing:-.06em;max-width:1030px;margin-bottom:28px;line-height:.88}.project-summary{max-width:620px;color:var(--muted);font-size:20px;line-height:1.4}.hero-meta{gap:50px;margin-top:52px;display:flex}.hero-meta span{font:13px var(--mono);flex-direction:column;gap:5px;display:flex}.hero-meta b{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-size:10px;font-weight:400}.detail-grid{grid-template-columns:180px minmax(0,1fr) 240px;gap:5vw;padding-top:58px;display:grid}.toc-sticky,.aside-sticky{position:sticky;top:28px}.toc-list{border-left:1px solid var(--line);flex-direction:column;gap:9px;margin-top:20px;padding-left:13px;display:flex}.toc-list a{font:11px/1.35 var(--mono);color:var(--muted)}.toc-list a:hover{color:var(--accent)}.project-content{min-width:0}.content-section{grid-template-columns:45px 1fr;gap:15px;padding:0 0 75px;scroll-margin-top:30px;display:grid}.section-number{color:var(--accent);font:12px var(--mono);padding-top:7px}.content-section h2{font:400 clamp(36px, 4vw, 57px) var(--serif);letter-spacing:-.04em;margin-bottom:22px;line-height:.95}.content-section p{max-width:610px;margin-bottom:18px}.result-section{padding-bottom:90px}.result-frame{border:1px solid var(--line);background:#e3e0d7;max-width:690px;min-height:325px;margin-top:32px}.fake-browser{border-bottom:1px solid var(--line);align-items:center;gap:5px;height:24px;padding-left:10px;display:flex}.fake-browser span{border:1px solid var(--muted);border-radius:50%;width:5px;height:5px}.result-preview{background:var(--paper);border:1px solid #c8c4b9;flex-direction:column;justify-content:space-between;min-height:255px;margin:22px;padding:28px;display:flex}.result-preview strong{font:400 clamp(30px, 4vw, 54px) var(--serif);letter-spacing:-.04em;max-width:420px;line-height:.9}.preview-line{background:var(--accent);width:70px;height:2px}.inline-prompt{border-left:2px solid var(--accent);background:#e9e6dd;max-width:650px;margin-top:25px;padding:15px 17px}.prompt-top{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.inline-prompt code,.prompt-item code{white-space:pre-wrap;font:12px/1.55 var(--mono);color:#424640;display:block}.copy-button{color:var(--accent-dark);cursor:pointer;font:11px var(--mono);background:0 0;border:0;padding:2px 0}.copy-button span{margin-left:5px}.build-note{border-top:1px solid var(--line);max-width:550px;margin-top:30px;padding-top:13px}.build-note p{font:16px/1.4 var(--serif);margin:8px 0 0}.prompt-pack{padding-top:10px}.prompt-list{border-top:1px solid var(--line);max-width:670px;margin-top:30px}.prompt-item{border-bottom:1px solid var(--line);grid-template-columns:1fr auto;gap:15px;padding:16px 0;display:grid}.prompt-label{font:12px var(--mono);color:var(--accent);margin-bottom:9px;display:block}.prompt-item .copy-button{align-self:start}.problems-list{border-top:1px solid var(--line);max-width:670px;margin-top:29px}.problems-list details{border-bottom:1px solid var(--line);padding:16px 0}.problems-list summary{cursor:pointer;justify-content:space-between;font-size:15px;display:flex}.problems-list summary span{color:var(--accent);font:20px var(--mono)}.problems-list details p{color:var(--muted);margin-bottom:0;padding-top:15px;font-size:14px}.checklist-section label{align-items:center;gap:10px;margin:14px 0;font-size:15px;display:flex}.checklist-section input{accent-color:var(--accent);width:17px;height:17px}.aside-block{border-top:1px solid var(--line);margin-bottom:32px;padding-top:13px}.aside-block ul{margin:15px 0 0;padding:0;list-style:none}.aside-block li{padding:0 0 10px;font-size:13px;line-height:1.35}.resource-type{color:var(--accent);font:9px var(--mono);letter-spacing:.08em;margin-bottom:3px;display:block}.related a{font:15px/1.2 var(--serif);flex-direction:column;align-items:flex-start;gap:4px;margin-top:15px;display:flex}.related a b{font:10px var(--mono);color:var(--accent)}.related a span{color:var(--accent);align-self:flex-end;margin-top:-19px}.related-content{border-top-color:var(--accent)}.related-group{border-top:1px solid var(--line);margin-top:22px;padding-top:12px}.related-group a{border-bottom:1px solid var(--line);color:var(--ink);font:17px/1.2 var(--serif);justify-content:space-between;gap:18px;padding:13px 0;display:flex}.related-group a span{color:var(--accent);font-family:var(--mono)}.related-group a b{color:var(--accent);font:10px var(--mono);margin-right:10px}.mobile-toc{display:none}@media (max-width:900px){.header-inner{padding:15px 6vw}.menu-toggle{font:11px var(--mono);cursor:pointer;align-items:center;gap:8px;margin-left:auto;display:flex}.menu-icon{color:var(--accent);font-size:20px}.primary-nav{background:var(--paper);border-bottom:1px solid var(--line);flex-direction:column;gap:0;padding:12px 6vw 22px;display:none;position:absolute;top:71px;left:0;right:0}.primary-nav.is-open{display:flex}.primary-nav a{border-bottom:1px solid var(--line);padding:11px 0}.header-make{display:none}.page-shell{padding-left:6vw;padding-right:6vw}.home-intro{padding-top:45px;padding-bottom:70px}.intro-grid{padding-top:50px;display:block}.intro-grid h1{font-size:clamp(76px,22vw,150px)}.intro-grid h1 em{font-size:clamp(78px,22vw,150px)}.intro-copy{max-width:330px;margin:48px 0 0 auto}.lede{font-size:18px}.home-index{padding-bottom:90px;display:block}.home-index h2{margin:24px 0 45px}.home-note{margin-left:6vw;margin-right:6vw}.site-footer{margin:0;padding-left:6vw;padding-right:6vw}.footer-meta{flex-direction:column;align-items:flex-end;gap:8px}.projects-page,.project-detail{padding-top:50px}.page-heading{padding-bottom:48px;display:block}.page-heading h1{margin-bottom:42px;font-size:clamp(85px,22vw,145px)}.project-grid{grid-template-columns:1fr;gap:48px}.detail-grid{grid-template-columns:1fr;gap:0;padding-top:35px}.toc-column,.project-aside{display:none}.mobile-toc{border-bottom:1px solid var(--line);margin-top:28px;display:block}.mobile-toc details summary{cursor:pointer;font:12px var(--mono);justify-content:space-between;padding:16px 0;list-style:none;display:flex}.mobile-toc details summary::-webkit-details-marker{display:none}.mobile-toc details summary span{color:var(--muted)}.mobile-toc .toc-list{margin:0 0 19px}.project-hero h1{font-size:clamp(55px,15vw,100px)}.project-summary{font-size:18px}.hero-meta{flex-wrap:wrap;gap:24px;margin-top:38px}.content-section{grid-template-columns:35px 1fr;gap:8px;padding-bottom:60px}.content-section h2{font-size:43px}.result-frame{min-height:280px}}@media (max-width:520px){.intro-kicker{align-items:flex-start}.issue{text-align:right;max-width:90px}.project-card h2{font-size:40px}.project-card-meta{flex-wrap:wrap;gap:11px}.project-card-meta span+span:before{margin-right:11px}.home-note p{font-size:42px}.site-footer{display:block}.footer-meta{align-items:flex-start;margin-top:30px}.page-heading p{font-size:15px}.filter-row{white-space:nowrap;padding-bottom:14px;overflow-x:auto}.project-hero{padding-bottom:38px}.project-hero h1{font-size:58px}.hero-index{gap:17px}.content-section h2{font-size:39px}.result-preview{min-height:230px;margin:14px;padding:19px}.result-preview strong{font-size:38px}.prompt-item{display:block}.prompt-item .copy-button{margin-top:14px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.project-handbook{max-width:1440px;padding-top:20px}.project-breadcrumb{color:var(--muted);font:12px var(--mono);border-bottom:1px solid var(--line);align-items:center;gap:18px;padding:0 18px 20px;display:flex}.project-breadcrumb a{color:var(--text)}.handbook-layout{grid-template-columns:180px minmax(0,1fr) 260px;gap:28px;display:grid}.handbook-left,.handbook-right{min-width:0}.left-sticky,.right-sticky{position:sticky;top:24px}.handbook-toc{flex-direction:column;margin-top:18px;display:flex}.handbook-toc a{color:var(--text);border-radius:7px;padding:9px 8px;font-size:12px;line-height:1.35}.handbook-toc a:first-child,.handbook-toc a:hover{color:#1670ef;background:#eaf2ff}.handbook-left blockquote{color:#12213b;background:linear-gradient(150deg,#f4f8ff,#eaf3ff);border-radius:10px;min-height:190px;margin:150px 0 0;padding:24px 16px;font-size:18px;line-height:1.5}.handbook-left blockquote small{font:11px var(--mono);color:var(--muted);margin-top:20px;display:block}.handbook-main{min-width:0}.handbook-hero{padding:18px 0 30px}.hero-topline{justify-content:space-between;align-items:center;display:flex}.make-badge{color:#1670ef;font:700 12px var(--mono);background:#eaf2ff;border-radius:6px;padding:6px 10px}.save-project{border:1px solid var(--line);background:#fff;border-radius:8px;padding:9px 14px;font-size:12px}.handbook-hero h1{letter-spacing:-.05em;margin:28px 0 12px;font-size:clamp(44px,5vw,76px);line-height:1.06}.handbook-hero .project-summary{max-width:800px;margin-bottom:18px;font-size:18px}.handbook-hero .hero-meta{font:12px var(--mono);color:var(--muted);flex-wrap:wrap;gap:18px;display:flex}.result-visual{background:linear-gradient(135deg,#f6fbff,#dcecfb);border:1px solid #dfe8f3;border-radius:12px;min-height:330px;margin-top:26px;padding:36px 54px 34px;position:relative;overflow:hidden}.mock-browser{background:#fff;border:8px solid #172334;border-radius:12px 12px 5px 5px;height:245px;box-shadow:0 14px 20px #8da4bb55}.mock-top{background:#172334;gap:4px;height:16px;padding:4px 8px;display:flex}.mock-top i{background:#fff8;border-radius:50%;width:5px;height:5px}.mock-site{grid-template-columns:1fr .7fr;gap:22px;height:100%;padding:22px 30px;display:grid}.mock-site small{font-weight:700}.mock-site b{margin-top:25px;font-size:28px;line-height:.95;display:block}.mock-site p{color:#68788c;font-size:10px}.mock-site button,.mini-about button{color:#fff;background:#172334;border:0;border-radius:4px;padding:6px 10px;font-size:9px}.mock-image{background:linear-gradient(135deg,#dce8f5,#9dbbd8 55%,#edf5fb);border-radius:6px}.mock-phone{background:#fff;border:5px solid #172334;border-radius:20px;width:106px;height:210px;padding:14px 8px 8px;font-size:9px;position:absolute;bottom:28px;right:42px;box-shadow:0 8px 20px #61788f66}.mock-phone-top{justify-content:space-between;margin-bottom:24px;font-size:8px;display:flex}.mock-phone b{font-size:15px;line-height:.95;display:block}.mock-phone .mock-image{height:65px;margin-top:12px}.visual-caption{text-align:center;color:#60748a;font:11px var(--mono);position:absolute;bottom:10px;left:0;right:0}.handbook-section{border-top:1px solid var(--line);padding:30px 0 34px}.handbook-heading{align-items:center;gap:12px;margin-bottom:22px;display:flex}.handbook-heading>span{color:#fff;width:29px;height:29px;font:700 13px var(--mono);background:#1670ef;border-radius:7px;place-items:center;display:grid}.handbook-heading h2{letter-spacing:-.04em;margin:0;font-size:30px}.learning-grid,.setup-grid{grid-template-columns:repeat(6,1fr);gap:8px;display:grid}.learning-card,.setup-card{background:#fff;border:1px solid #e4ebf3;border-radius:8px;min-height:95px;padding:14px 10px;box-shadow:0 4px 12px #9bb2c51a}.learning-card span,.setup-card span{color:#1670ef;margin-bottom:12px;font-size:20px;display:block}.learning-card b,.setup-card b{font-size:12px;display:block}.learning-card small,.setup-card small{color:var(--muted);margin-top:5px;font-size:10px;display:block}.preview-grid{grid-template-columns:1fr 1fr;gap:14px;margin-top:16px;display:grid}.mini-preview{margin:0}.mini-window{background:#fff;border:1px solid #dce5ee;border-radius:8px;min-height:174px;padding:14px;box-shadow:0 3px 10px #9bb2c51c}.mini-nav{border-bottom:1px solid #edf0f4;justify-content:space-between;padding-bottom:8px;font-size:8px;display:flex}.mini-nav span{color:#8794a4}.mini-about{align-items:center;gap:14px;margin-top:24px;display:flex}.mini-photo{background:linear-gradient(135deg,#d3dfec,#7c9cb9);border-radius:4px;width:90px;height:96px}.mini-about b{font-size:20px}.mini-about p{color:#69798b;font-size:9px}.mini-projects{flex-direction:column;gap:12px;margin-top:22px;font-size:10px;display:flex}.mini-projects span{color:#53667a;border-top:1px solid #edf0f4;padding-top:8px}.mini-preview figcaption{color:var(--muted);margin-top:6px;font-size:11px}.build-step{grid-template-columns:30px 1fr;gap:12px;display:grid}.step-dot{color:#fff;width:26px;height:26px;font:700 12px var(--mono);background:#172334;border-radius:50%;place-items:center;display:grid}.build-step h3{margin:0 0 8px;font-size:19px}.build-step p{margin:0 0 8px}.code-card{background:#edf1f5;border-radius:7px;padding:18px;position:relative}.code-card span{color:#58708a;font-size:10px;position:absolute;top:8px;right:10px}.code-card code{font-size:12px;line-height:1.7}.success-note{background:#eef9f0;border-radius:7px;margin-top:14px;padding:12px 14px;font-size:12px}.success-note b{color:#15803d}.success-note p{margin:5px 0}.success-note pre{color:#e8f1fa;font:11px var(--mono);background:#172334;border-radius:6px;margin:8px 0 0;padding:14px;overflow:auto}.content-section>p{max-width:720px;line-height:1.8}.inline-prompt{background:#f8fafc;border:1px solid #dce5ee;border-radius:8px;margin-top:18px;padding:12px}.prompt-top{justify-content:space-between;align-items:center;display:flex}.inline-prompt code{white-space:pre-wrap;margin-top:10px;font-size:12px;line-height:1.7;display:block}.build-note{background:#f4f8ff;border-left:3px solid #1670ef;margin-top:18px;padding:14px}.problems-list details{border-top:1px solid var(--line);padding:14px 0}.problems-list summary{cursor:pointer;justify-content:space-between;display:flex}.problems-list p{color:var(--muted);line-height:1.7}.checklist-section label{padding:9px 0;display:block}.checklist-section input{vertical-align:middle;accent-color:#1670ef;width:17px;height:17px}.info-card,.side-card{background:#fff;border:1px solid #e1e8f0;border-radius:10px;margin:18px 0 0;padding:18px;box-shadow:0 4px 14px #9bb2c51a}.info-card h3,.side-card h3{margin:0 0 16px;font-size:17px}.info-card dl{border-top:1px solid #edf0f4}.info-card dl div{border-bottom:1px solid #edf0f4;justify-content:space-between;gap:12px;padding:10px 0;font-size:11px;display:flex}.info-card dt{color:#62748a}.info-card dd{text-align:right;margin:0}.start-button{color:#fff;text-align:center;background:#172334;border-radius:7px;margin-top:16px;padding:12px;font-size:13px;display:block}.check-list,.tool-list,.download-list{margin:0;padding:0;list-style:none}.check-list li{color:#53667a;padding:7px 0;font-size:11px}.check-list li:first-letter{color:#1670ef}.tool-list li,.download-list li{border-top:1px solid #edf0f4;grid-template-columns:1fr 20px;gap:4px;padding:10px 0;font-size:11px;display:grid;position:relative}.tool-list b{grid-column:1}.tool-list small{color:var(--muted);grid-column:1}.tool-list span,.download-list span{text-align:right;color:#1670ef;grid-area:1/2/span 2}@media (max-width:1080px){.handbook-layout{grid-template-columns:150px minmax(0,1fr)}.handbook-right{display:none}.learning-grid,.setup-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:700px){.project-handbook{padding-top:10px}.project-breadcrumb{white-space:nowrap;gap:8px;padding:0 0 15px;overflow:hidden}.handbook-layout{display:block}.handbook-left{display:none}.handbook-hero h1{font-size:48px}.handbook-hero .hero-meta{gap:10px;font-size:10px}.result-visual{min-height:235px;padding:25px 20px 30px}.mock-browser{border-width:5px;height:170px}.mock-site{padding:15px}.mock-site b{margin-top:14px;font-size:19px}.mock-phone{border-width:4px;width:74px;height:150px;padding:9px 5px;bottom:24px;right:18px}.mock-phone b{font-size:11px}.mock-phone .mock-image{height:45px}.learning-grid,.setup-grid{grid-template-columns:repeat(2,1fr)}.preview-grid{grid-template-columns:1fr}.handbook-heading h2{font-size:25px}.handbook-section{padding:24px 0}.mini-about{gap:9px}.mini-photo{width:70px;height:78px}}.admin-page{padding-top:78px;padding-bottom:130px}.admin-login{border-top:2px solid var(--ink);max-width:560px;padding-top:18px}.admin-login h1{font:400 clamp(75px, 10vw, 140px) var(--serif);letter-spacing:-.06em;margin:34px 0 42px;line-height:.76}.admin-login h1 em{color:var(--accent)}.admin-login>p{color:var(--muted);max-width:420px;margin-bottom:32px;font-size:18px;line-height:1.4}.admin-login form{max-width:420px}.admin-login-error{color:#a53d31;font:11px var(--mono);margin-top:15px}.admin-heading{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;align-items:end;padding-bottom:62px;display:grid}.admin-heading h1{font:400 clamp(75px, 10vw, 140px) var(--serif);letter-spacing:-.06em;margin:34px 0 0;line-height:.76}.admin-heading h1 em{color:var(--accent)}.admin-heading-copy{max-width:360px;padding-bottom:4px}.admin-heading-copy p{color:var(--muted);font-size:18px;line-height:1.4}.admin-environment{color:var(--accent);font:10px var(--mono);letter-spacing:.08em}.admin-workspace{grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);gap:5vw;padding-top:45px;display:grid}.admin-form-panel,.admin-preview-panel{border-top:2px solid var(--ink);padding-top:16px}.admin-panel-head{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:34px;display:flex}.admin-panel-head h2{font:400 37px var(--serif);letter-spacing:-.03em;margin:10px 0 0;line-height:1}.admin-project-switcher{margin-top:10px}.admin-project-select{border:0;border-bottom:1px solid var(--line);max-width:100%;color:var(--ink);font:400 24px var(--serif);background:0 0;outline:none;padding:0 22px 6px 0}.admin-project-select:focus{border-color:var(--accent)}.admin-content-editor{border-top:1px solid var(--line);margin-top:34px;padding-top:20px}.admin-section-heading{color:var(--muted);font:10px var(--mono);justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:18px;display:flex}.admin-section-editor{border:1px solid var(--line);margin:0 0 14px;padding:17px 16px 2px}.admin-section-editor legend{color:var(--accent);font:12px var(--mono);padding:0 7px}.admin-state{font:10px var(--mono);border:1px solid var(--line);color:var(--muted);padding:5px 9px}.admin-state.published{color:#3c7650;border-color:#afc6b4}.admin-field{margin-bottom:21px;display:block}.admin-field>span{color:var(--muted);font:10px var(--mono);letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;display:block}.admin-field input,.admin-field textarea,.admin-field select{border:1px solid var(--line);width:100%;color:var(--ink);background:#ffffff38;border-radius:0;outline:none;padding:12px 13px;transition:border-color .2s,background .2s}.admin-field textarea{resize:vertical;line-height:1.5}.admin-field input:focus,.admin-field textarea:focus,.admin-field select:focus{border-color:var(--accent);background:var(--paper)}.admin-fields-row{grid-template-columns:1fr 1fr .9fr;gap:15px;display:grid}.admin-actions{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:10px;padding-top:20px;display:flex}.admin-button{border:1px solid var(--line);min-height:44px;color:var(--ink);cursor:pointer;font:11px var(--mono);background:0 0;padding:0 15px;transition:border-color .2s,color .2s,background .2s}.admin-button:hover{border-color:var(--ink)}.admin-button.primary{color:var(--paper);border-color:var(--ink);background:var(--ink)}.admin-button.primary:hover{background:var(--accent-dark);border-color:var(--accent-dark)}.admin-button.quiet{color:var(--muted);border-color:#0000}.admin-feedback{color:#3c7650;font:11px var(--mono);margin:18px 0 0}.admin-footnote{border-top:1px solid var(--line);color:var(--muted);max-width:540px;margin-top:35px;padding-top:13px;font-size:12px;line-height:1.5}.preview-link{color:var(--accent-dark);font:11px var(--mono);white-space:nowrap;border-bottom:1px solid;padding-bottom:3px}.admin-preview-card{border:1px solid var(--line);background:#ffffff2e;min-height:275px;padding:18px}.admin-preview-card h3{font:400 clamp(34px, 4vw, 55px) var(--serif);letter-spacing:-.04em;margin:49px 0 16px;line-height:.95}.admin-preview-card p{color:var(--muted);max-width:410px}.admin-preview-card .project-card-meta{margin-top:45px}.admin-preview-note{border-top:1px solid var(--line);margin-top:26px;padding-top:14px}.admin-preview-note p{color:var(--muted);font:15px/1.4 var(--serif);max-width:390px;margin:10px 0 0}@media (max-width:900px){.admin-page{padding-top:50px}.admin-heading{padding-bottom:45px;display:block}.admin-heading h1{margin-bottom:42px;font-size:clamp(80px,21vw,140px)}.admin-workspace{grid-template-columns:1fr;gap:58px}.admin-fields-row{grid-template-columns:1fr;gap:0}.admin-preview-card h3{font-size:45px}}.catalog-page{padding-top:78px;padding-bottom:130px}.catalog-filters{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:22px;margin-bottom:17px;padding:0 0 14px;display:flex}.catalog-filters a{color:var(--muted);font:11px var(--mono)}.catalog-filters a:hover,.catalog-filters a.is-active{color:var(--accent)}.catalog-count{color:var(--muted);font:11px var(--mono);justify-content:space-between;margin-bottom:35px;display:flex}.catalog-grid{background:var(--line);border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;display:grid}.catalog-card{background:var(--paper);border-right:1px solid var(--line);border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start;min-height:275px;padding:19px 20px 22px;display:flex}.catalog-card-top{justify-content:space-between;align-items:flex-start;width:100%;display:flex}.catalog-card h2{font:400 clamp(31px, 4vw, 53px) var(--serif);letter-spacing:-.04em;margin:54px 0 16px;line-height:.96}.catalog-card p{color:var(--muted);max-width:390px;margin-bottom:23px}.catalog-card .text-link{margin-top:auto}.catalog-card .resource-type{margin:0}.tool-index{color:var(--accent);font:15px var(--mono)}.catalog-note{color:var(--muted);font:11px var(--mono);margin-top:auto}.catalog-empty{border-top:1px solid var(--line);color:var(--muted);padding:30px 0}.catalog-empty p{font:24px var(--serif);color:var(--ink)}@media (max-width:900px){.catalog-page{padding-top:50px}.catalog-grid{grid-template-columns:1fr}.catalog-card{min-height:230px}.catalog-card h2{margin-top:45px;font-size:42px}}.search-page{padding-top:78px;padding-bottom:130px}.search-heading{border-bottom:1px solid var(--line);padding-bottom:58px}.search-heading h1{font:400 clamp(75px, 10vw, 140px) var(--serif);letter-spacing:-.06em;margin:34px 0 55px;line-height:.77}.search-heading h1 em{color:var(--accent)}.search-form{max-width:720px}.search-form label{color:var(--muted);font:10px var(--mono);letter-spacing:.08em;text-transform:uppercase;margin-bottom:9px;display:block}.search-form>div{border-bottom:2px solid var(--ink);display:flex}.search-form input{min-width:0;color:var(--ink);font:20px var(--serif);background:0 0;border:0;outline:none;flex:1;padding:12px 0}.search-form input::placeholder{color:#9b9e97}.search-form button{color:var(--accent);cursor:pointer;font:25px var(--mono);background:0 0;border:0;min-width:44px}.search-index{max-width:720px;padding-top:25px}.search-index>div{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(5,1fr);margin:16px 0 20px;display:grid}.search-index p{color:var(--muted);font:12px var(--mono);margin:0;padding:18px 0}.search-index p+p{border-left:1px solid var(--line);padding-left:18px}.search-index b{color:var(--ink);font:37px var(--serif);margin-bottom:5px;display:block}.search-index-note{color:var(--muted);font:16px/1.4 var(--serif)}.search-results{max-width:900px;padding-top:25px}.search-result-meta{color:var(--muted);font:11px var(--mono);justify-content:space-between;margin-bottom:44px;display:flex}.search-result-meta a{color:var(--accent-dark);border-bottom:1px solid}.search-group{margin-bottom:44px}.search-result-list{border-top:1px solid var(--line);margin-top:15px}.search-result{border-bottom:1px solid var(--line);grid-template-columns:125px minmax(0,1fr) 25px;align-items:start;gap:15px;padding:17px 0;display:grid}.search-result:hover b,.search-result:hover .result-arrow{color:var(--accent)}.result-index{color:var(--accent);font:10px var(--mono);padding-top:4px}.search-result b{font:22px var(--serif);line-height:1.1;display:block}.search-result small{color:var(--muted);margin-top:6px;font-size:13px;display:block}.result-arrow{color:var(--muted);font:16px var(--mono);text-align:right}.search-empty{border-top:1px solid var(--line);padding-top:25px}.search-empty h2{font:400 44px var(--serif);margin:28px 0 10px}.search-empty p{color:var(--muted)}@media (max-width:900px){.search-page{padding-top:50px}.search-heading h1{margin-bottom:44px;font-size:clamp(78px,21vw,140px)}.search-index>div{grid-template-columns:1fr}.search-index p+p{border-left:0;border-top:1px solid var(--line);padding-left:0}.search-result{grid-template-columns:90px minmax(0,1fr) 20px}.search-result b{font-size:20px}}.editorial-page{padding-top:78px;padding-bottom:130px}.editorial-grid{background:var(--line);border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;display:grid}.editorial-card{background:var(--paper);border-right:1px solid var(--line);border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start;min-height:320px;padding:20px;display:flex}.editorial-card h2{font:400 clamp(35px, 4.5vw, 62px) var(--serif);letter-spacing:-.045em;max-width:590px;margin:58px 0 16px;line-height:.94}.editorial-card h2 a:hover{color:var(--accent)}.editorial-card p{color:var(--muted);max-width:480px}.editorial-card-meta{width:100%;color:var(--muted);font:11px var(--mono);justify-content:space-between;align-items:center;margin-top:auto;display:flex}.editorial-card-meta .text-link{color:var(--ink)}.playbook-card{background:#eae7de}.editorial-empty{color:var(--muted);background:0 0;border-top:0}.editorial-empty p{font:28px/1.1 var(--serif);color:var(--ink);max-width:330px;margin-top:auto}.editorial-detail{padding-top:58px;padding-bottom:130px}.back-link{color:var(--muted);font:11px var(--mono)}.back-link:hover{color:var(--accent)}.editorial-detail-head{border-bottom:1px solid var(--line);max-width:900px;padding:75px 0}.editorial-detail-head h1{font:400 clamp(58px, 8vw, 115px) var(--serif);letter-spacing:-.06em;margin:31px 0 27px;line-height:.88}.editorial-detail-head p{color:var(--muted);max-width:600px;font-size:20px;line-height:1.4}.editorial-body,.playbook-steps{max-width:820px;padding-top:65px}.editorial-body section,.playbook-steps section{grid-template-columns:48px 1fr;gap:15px;padding-bottom:58px;display:grid}.editorial-body h2,.playbook-steps h2{font:400 clamp(36px, 4vw, 58px) var(--serif);letter-spacing:-.04em;margin:0 0 20px;line-height:.94}.editorial-body p,.playbook-steps p{max-width:600px;margin-bottom:14px}.editorial-next{border-top:1px solid var(--line);max-width:820px;margin-top:8px;padding-top:15px}.editorial-next a{font:23px/1.1 var(--serif);align-items:baseline;gap:12px;margin-top:17px;display:flex}.editorial-next a b{color:var(--accent);font:10px var(--mono);white-space:nowrap}.editorial-next a span{color:var(--accent);font:15px var(--mono);margin-left:auto}.playbook-steps{max-width:900px}.playbook-steps section{border-bottom:1px solid var(--line);padding:24px 0}.playbook-steps section:first-child{border-top:1px solid var(--line)}.playbook-steps h2{margin-bottom:11px;font-size:40px}@media (max-width:900px){.editorial-page{padding-top:50px}.editorial-grid{grid-template-columns:1fr}.editorial-card{min-height:260px}.editorial-card h2{margin-top:46px;font-size:44px}.editorial-detail{padding-top:40px}.editorial-detail-head{padding:55px 0 50px}.editorial-detail-head h1{font-size:58px}.editorial-detail-head p{font-size:18px}.editorial-body,.playbook-steps{padding-top:48px}.editorial-next a{font-size:20px}}