.story-index,.story{padding-top:60px;padding-bottom:80px}.story-index h1,.story h1{font:500 clamp(48px,6.4vw,88px)/1.08 Manrope,sans-serif;letter-spacing:-4px;max-width:1100px;margin:28px 0}.story-index h1 em{font-style:normal;color:var(--accent)}.story-deck{font-size:20px;line-height:1.65;color:#b8c0b1;max-width:840px;margin:24px 0 36px}.story-search{display:flex;gap:24px;margin-top:50px;padding-top:30px;border-top:1px solid var(--line)}.story-search label{font-size:12px;color:var(--muted);display:flex;flex-direction:column;gap:12px;flex:1}.story-search label:first-child{flex:2}.story-search input,.story-search select{border:1px solid var(--line);padding:16px;background:var(--panel);color:var(--ink);border-radius:4px;width:100%}#story-results{font:11px var(--mono);color:var(--muted);margin:24px 0}.stories-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.story-card{background:var(--panel);border:1px solid var(--line);border-radius:5px;overflow:hidden;display:flex;flex-direction:column;transition:border-color .2s,transform .2s}.story-card:hover{border-color:var(--accent);transform:translateY(-3px)}.story-card-art{height:170px;background:#242a20;overflow:hidden;border-bottom:1px solid var(--line)}.story-card-art img{width:100%;height:100%;object-fit:cover;object-position:top}.story-monogram{font:500 70px Manrope,sans-serif;color:#cce69e;letter-spacing:-4px;padding:25px;display:flex;align-items:center;justify-content:space-between}.story-monogram span{font-size:30px;opacity:.5}.story-card:nth-child(3n+2) .story-card-art{background:#202a2b}.story-card:nth-child(3n+2) .story-monogram{color:#a2d9dc}.story-card:nth-child(3n+3) .story-card-art{background:#2b2528}.story-card:nth-child(3n+3) .story-monogram{color:#dfc0cf}.story-card-copy{padding:24px;display:flex;flex-direction:column;flex:1}.story-card h2{font-size:25px;letter-spacing:-.8px;margin:17px 0}.story-card p{font-size:14px;line-height:1.7;color:var(--muted);margin:0 0 25px}.story-card-copy>div{display:flex;justify-content:space-between;gap:15px;margin-top:auto;font:10px/1.5 var(--mono);color:#bcc7af}.back-link{display:inline-block;font-size:13px;color:var(--muted);margin-bottom:40px}.story-meta{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;display:flex;gap:24px;flex-wrap:wrap;font:10px/1.6 var(--mono);letter-spacing:.6px;margin-bottom:35px}.story-meta span:first-child{color:var(--accent)}.story-layout{display:grid;grid-template-columns:230px minmax(0,820px);gap:65px;margin-top:60px}.story-layout aside{position:sticky;top:25px;align-self:start;max-height:90vh;overflow:auto}.story-layout aside nav{display:flex;flex-direction:column;gap:12px;margin:22px 0 35px}.story-layout aside nav a{font-size:12px;line-height:1.6;color:var(--muted)}.story-layout aside nav a:hover{color:var(--accent)}.story-body{font-size:16px;line-height:1.9;min-width:0;color:#c3c8be;overflow-wrap:anywhere}.story-body h2{font-size:33px;color:var(--ink);letter-spacing:-1px;margin:48px 0 22px}.story-body h3{font-size:23px;color:var(--ink);margin:35px 0 16px}.story-body h4{font-size:18px;color:var(--ink)}.story-body p{margin:0 0 22px}.story-body li{padding-left:5px;margin-bottom:12px}.story-body strong{color:var(--ink)}.story-body code{font-size:.83em;color:#d4e6bb}.story-body pre{overflow:auto;background:#0b0e0a;padding:22px;border:1px solid var(--line);line-height:1.6}.story-body hr{border:0;border-top:1px solid var(--line);margin:42px 0}.story-body blockquote{border-left:2px solid var(--accent);margin:25px 0;padding:12px 22px;background:var(--panel)}.table-scroll{overflow-x:auto;margin:25px 0}.story-body table{border-collapse:collapse;min-width:100%;font-size:12px;line-height:1.65}.story-body td,.story-body th{padding:12px;border:1px solid var(--line);text-align:left;min-width:90px}.story-body th{background:var(--panel);color:var(--ink)}.story-media{margin:30px 0}.story-media img{display:block;width:100%;max-height:720px;object-fit:contain;background:#090c10;border:1px solid var(--line);border-radius:5px}.story-media figcaption,.story-audio figcaption{color:var(--muted);font-size:12px;line-height:1.8;margin-top:14px}.story-media figcaption span{color:var(--accent);margin-left:12px}.story-audio{padding:25px;background:var(--panel);border:1px solid var(--line);border-radius:5px;margin:20px 0}.story-audio figcaption{margin:0 0 14px;color:var(--ink)}.story-audio audio{width:100%}.audio-direct{font-size:11px;color:var(--muted);display:block;margin-top:12px}.story-end{margin:70px 0 0;padding-top:35px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.archive-note{max-width:850px;color:var(--muted);font-size:13px;line-height:1.8;margin:55px 0}.stories-callout{border:1px solid var(--line);padding:40px;margin:45px 0;display:flex;justify-content:space-between;align-items:center;gap:30px;background:var(--panel)}.stories-callout h3{font-size:28px;margin:10px 0}.stories-callout p{color:var(--muted);max-width:650px;line-height:1.8}.story-card[hidden]{display:none}@media(max-width:1000px){.stories-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.story-layout{grid-template-columns:170px minmax(0,1fr);gap:30px}.header nav{gap:15px}}@media(max-width:650px){.story-index,.story{padding-top:35px}.story-index h1,.story h1{letter-spacing:-2px;font-size:45px}.story-deck{font-size:17px}.stories-grid{grid-template-columns:1fr}.story-search{flex-direction:column}.story-layout{display:block;margin-top:35px}.story-layout aside{position:static;max-height:none;border-bottom:1px solid var(--line);padding-bottom:20px}.story-layout aside nav{display:none}.story-layout aside>.eyebrow{display:none}.story-body{font-size:15px}.story-body h2{font-size:29px}.story-end,.stories-callout{display:block}.stories-callout{padding:24px}.story-meta{gap:12px}.header nav{font-size:11px}.header .brand{font-size:18px}.story-audio{padding:16px}}
/* Dated owner assessments and native workflow guides. */
.project-review{padding-bottom:40px;border-bottom:1px solid var(--line);margin-bottom:55px}.review-note{font-size:13px;color:var(--muted);line-height:1.7}.review-pair{display:grid;grid-template-columns:1fr 1fr;gap:28px}.review-pair>div{background:var(--panel);padding:22px;border:1px solid var(--line);border-radius:5px}.review-pair h3{margin-top:0}.review-pair ul{padding-left:18px;font-size:14px}.feature-row{padding:25px 0;border-bottom:1px solid var(--line)}.feature-row>div{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap}.feature-row h3{margin:0;font-size:21px}.evidence-state{font:10px/1.5 var(--mono);border:1px solid #4a5740;border-radius:4px;padding:6px 9px;color:var(--accent)}.feature-row>p{margin:14px 0}.feature-row summary,.capture-plan summary{cursor:pointer;font-size:13px;color:var(--accent);padding:8px 0}.feature-row details p{font-size:13px;color:var(--muted);margin:12px 0}.capture-plan{margin:28px 0;padding:18px;border:1px solid var(--line);border-radius:4px}.capture-plan li{font-size:13px}.project-review ol{padding-left:25px}.project-review ol li{padding:8px 0 8px 10px}@media(max-width:800px){.review-pair{grid-template-columns:1fr}.review-pair>div{padding:18px}}
.module-links{padding:15px 0 45px}.module-links>div{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.module-links a{padding:12px 16px;border:1px solid var(--line);border-radius:4px;font-size:13px;color:var(--accent)}.module-links a:hover{background:var(--panel);border-color:var(--accent)}

/* Real media handoffs and working demos. */
.story-video{margin:30px 0}.story-video video,.latest-demo-card video{display:block;width:100%;height:auto;max-height:78vh;background:#101214;border:1px solid var(--line);border-radius:5px}.story-video figcaption{font-size:13px;line-height:1.8;color:var(--muted);margin:14px 0}.story-demo{padding:26px;background:var(--panel);border:1px solid var(--line);margin:20px 0 35px}.story-demo p{line-height:1.8;margin:0 0 20px;max-width:850px}.latest-media{margin:65px 0 30px;padding-top:35px;border-top:1px solid var(--line)}.latest-media h3{font-size:clamp(28px,4vw,46px);margin:15px 0 30px;letter-spacing:-1px}.latest-demo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}.latest-demo-card{min-width:0;background:var(--panel);border:1px solid var(--line);border-radius:6px;overflow:hidden}.latest-demo-card>div{padding:24px}.latest-demo-card h4{font-size:23px;margin:0 0 12px}.latest-demo-card p{font-size:14px;line-height:1.8;color:var(--muted);margin:0 0 20px}.latest-demo-card img{display:block;width:100%;height:auto}.latest-demo-card:last-child:nth-child(odd){grid-column:1/-1;display:grid;grid-template-columns:1.3fr 1fr;align-items:center}.latest-gallery-links{display:flex;flex-wrap:wrap;gap:12px 24px;padding:25px 0;font-size:13px;color:var(--accent)}@media(max-width:700px){.latest-demo-grid{grid-template-columns:1fr}.latest-demo-card:last-child:nth-child(odd){display:block}.latest-demo-card>div{padding:20px}}

.latest-demo-card img.phantom-preview{height:320px;object-fit:contain;background:#0b0b0b;image-rendering:pixelated}

.support-projects{padding:70px 0;border-bottom:1px solid var(--line)}.support-heading{display:flex;justify-content:space-between;gap:35px;align-items:end}.support-projects h2{font-size:clamp(34px,4.5vw,56px);line-height:1.1;letter-spacing:-1.5px;margin:16px 0}.support-deck,.support-note{color:var(--muted);line-height:1.8}.support-deck{font-size:15px;max-width:430px;margin:0 0 16px}.support-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:32px 0}.support-project{display:flex;flex-direction:column;min-width:0;border:1px solid var(--line);border-radius:6px;background:var(--panel);overflow:hidden}.support-project-copy{display:flex;flex-direction:column;flex:1;padding:26px}.support-project h3{font-size:25px;letter-spacing:-.7px;margin:18px 0 12px}.support-project p{font-size:14px;line-height:1.8;color:var(--muted);margin:0 0 20px}.support-preview{display:block;background:#10171c;border-bottom:1px solid var(--line)}.support-preview img{display:block;width:100%;aspect-ratio:3/2;object-fit:contain;object-position:center}.support-preview>span{display:flex;justify-content:space-between;padding:13px 18px;font:10px/1.6 var(--mono);letter-spacing:.7px;color:var(--accent);border-top:1px solid var(--line)}.support-preview:hover>span{background:#1d2827}.support-actions{display:flex;flex-direction:column;align-items:flex-start;gap:17px;margin-top:auto;padding-top:8px}.support-actions .button{padding:13px 17px;font-size:12px}.support-actions .text-link{font-size:12px}.support-project p.support-evidence{font:10px/1.8 var(--mono);color:#b8c6ad;border-left:2px solid var(--accent);padding-left:12px}.support-note{font-size:12px;max-width:950px}@media(max-width:1000px){.support-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.support-project:last-child:nth-child(odd){grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.support-project:last-child:nth-child(odd) .support-preview{border-bottom:0;border-right:1px solid var(--line)}}@media(max-width:650px){.support-heading{display:block}.support-grid{grid-template-columns:1fr}.support-project:last-child:nth-child(odd){display:flex;grid-column:auto}.support-project:last-child:nth-child(odd) .support-preview{border-right:0;border-bottom:1px solid var(--line)}.support-project-copy{padding:23px}.support-deck{margin-top:25px}}

.story-embed{margin:38px 0 48px;border:1px solid var(--line);border-radius:6px;overflow:hidden;background:var(--panel)}.story-embed-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px}.story-embed-toolbar h2{font-size:26px;letter-spacing:-.8px;margin:10px 0 0}.story-embed-toolbar .button{flex-shrink:0}.story-embed iframe{display:block;width:100%;height:900px;height:clamp(720px,85vh,1080px);border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#10151a}.story-embed-caption{padding:18px 24px;margin:0;color:var(--muted);font-size:12px;line-height:1.7}@media(max-width:650px){.story-embed-toolbar{align-items:flex-start;flex-direction:column;padding:20px}.story-embed-toolbar h2{font-size:24px}.story-embed iframe{height:780px}.story-embed-caption{padding:16px 20px}}

/* Public sites and source-backed status updates. */
.story-card-art{position:relative}.live-site-badge{position:absolute;bottom:14px;left:14px;padding:8px 11px;background:var(--accent);color:#172015;font:10px/1.5 var(--mono);letter-spacing:.5px;border-radius:3px}.story-search{grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr)}.public-update{padding:26px;border:1px solid var(--line);border-left:3px solid var(--accent);background:var(--panel);margin:0 0 42px}.public-update h2{margin-top:16px}.public-update nav{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:24px;font-size:13px;color:var(--accent)}@media(max-width:700px){.story-search{grid-template-columns:1fr}.public-update{padding:20px}}