.sketch-hero-note{max-width:780px;color:var(--muted);font-size:clamp(1rem,1.7vw,1.2rem)}
.sketch-policy{display:inline-flex;align-items:center;gap:.5rem;margin-top:1.25rem;padding:.58rem .85rem;border:1px solid rgba(166,139,255,.24);border-radius:999px;background:rgba(166,139,255,.055);color:var(--violet-soft);font-size:.78rem;font-weight:780;letter-spacing:.04em}
.sketch-intro{display:grid;grid-template-columns:1.25fr .75fr;gap:2rem;align-items:start;margin-bottom:2rem}
.sketch-note{padding:1.15rem 1.2rem;border:1px solid rgba(242,234,223,.1);border-radius:18px;background:rgba(255,255,255,.02);color:var(--muted);font-size:.92rem}
.sketch-note strong{color:var(--paper);font-family:var(--serif);font-size:1.08rem}
.sketch-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.sketch-card{position:relative;padding:1.5rem;border:1px solid rgba(242,234,223,.11);border-radius:22px;background:linear-gradient(145deg,rgba(18,16,26,.86),rgba(7,6,11,.9));overflow:hidden;min-height:280px;display:flex;flex-direction:column}
.sketch-card::after{content:attr(data-mark);position:absolute;right:1rem;top:.25rem;font:400 5.4rem/1 var(--serif);color:rgba(210,199,255,.065);pointer-events:none}
.sketch-card:nth-child(5),.sketch-card.storyboard-card{grid-column:1/-1;min-height:230px}
.sketch-number{font:800 .68rem/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--violet-soft)}
.sketch-meta{display:flex;flex-wrap:wrap;gap:.45rem;margin:.8rem 0 1rem}
.sketch-chip{display:inline-flex;padding:.28rem .55rem;border:1px solid rgba(242,234,223,.11);border-radius:999px;color:#a9a1af;font-size:.7rem}
.sketch-chip.safe{border-color:rgba(166,139,255,.22);color:var(--violet-soft);background:rgba(166,139,255,.04)}
.sketch-card h2{margin:.1rem 0 .85rem;font:700 clamp(1.7rem,3vw,2.35rem)/1.02 var(--serif);letter-spacing:-.03em;max-width:85%}
.sketch-card p{margin:0;color:var(--muted);font-size:.96rem}
.sketch-signature{margin-top:auto;padding-top:1.25rem;color:#77717d;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}
.storyboard-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin:1rem 0 1.15rem}
.storyboard-frame{min-height:126px;padding:1rem;border:1px solid rgba(242,234,223,.11);border-radius:15px;background:linear-gradient(145deg,rgba(255,255,255,.025),rgba(166,139,255,.025));display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}
.storyboard-frame::before{content:"";position:absolute;inset:.6rem;border:1px dashed rgba(210,199,255,.08);border-radius:10px;pointer-events:none}
.storyboard-frame strong{position:relative;color:var(--paper);font:700 1rem var(--serif)}
.storyboard-frame span{position:relative;color:var(--muted);font-size:.78rem;max-width:18ch}
.storyboard-frame small{position:relative;color:var(--violet-soft);font-size:.64rem;letter-spacing:.14em;text-transform:uppercase}
.sketch-principles{display:flex;flex-wrap:wrap;gap:.7rem;justify-content:center;margin-top:1.7rem}.sketch-principles code{padding:.52rem .72rem;border:1px solid rgba(242,234,223,.1);border-radius:12px;background:rgba(255,255,255,.018);color:var(--violet-soft);font-size:.75rem}
@media(max-width:900px){.sketch-intro,.sketch-grid,.storyboard-strip{grid-template-columns:1fr}.sketch-card:nth-child(5),.sketch-card.storyboard-card{grid-column:auto}.sketch-card h2{max-width:100%}.storyboard-frame{min-height:100px}}