#fieldnotes-feature{position:relative;overflow:hidden;border-bottom:1px solid var(--border);padding:7rem 1.25rem;background:color-mix(in oklab,var(--background) 94%,var(--primary))}
#fieldnotes-feature:before{content:"";position:absolute;inset:0;opacity:.28;background-image:linear-gradient(color-mix(in oklab,var(--primary) 14%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in oklab,var(--primary) 14%,transparent) 1px,transparent 1px);background-size:52px 52px}
.fn-shell{position:relative;margin:auto;max-width:1400px}
.fn-kicker,.fn-chip,.fn-metric-label,.fn-proof-title{font-family:var(--font-mono,monospace);font-size:.68rem;letter-spacing:.16em;text-transform:uppercase}
.fn-kicker{display:flex;align-items:center;gap:.75rem;color:var(--primary)}
.fn-kicker:before{content:"";width:1.75rem;height:1px;background:currentColor}
.fn-head{display:grid;gap:2rem;margin-top:1.7rem}
.fn-title{max-width:980px;font-family:var(--font-display,sans-serif);font-size:clamp(3.1rem,8vw,7.8rem);font-weight:800;line-height:.82;letter-spacing:-.065em;text-transform:uppercase}
.fn-title em{color:var(--primary);font-family:var(--font-serif,serif);font-weight:500}
.fn-intro{max-width:650px;font-size:clamp(1rem,1.55vw,1.25rem);line-height:1.65;color:var(--muted-foreground)}
.fn-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.3rem}
.fn-chip{border:1px solid color-mix(in oklab,var(--primary) 55%,var(--border));padding:.55rem .7rem;color:var(--primary);background:color-mix(in oklab,var(--background) 88%,transparent)}
.fn-stage{position:relative;margin-top:3.5rem;display:grid;gap:1px;background:var(--border);border:1px solid var(--border)}
.fn-media{position:relative;min-height:430px;overflow:hidden;background:#10222c}
.fn-media img{width:100%;height:100%;min-height:430px;object-fit:cover;display:block}
.fn-media:after{content:"ACTUAL UNITY RENDER";position:absolute;left:1.1rem;bottom:1.1rem;padding:.6rem .75rem;background:rgba(10,18,24,.88);border:1px solid rgba(255,255,255,.28);color:white;font:600 .65rem/1 var(--font-mono,monospace);letter-spacing:.14em}
.fn-panel{display:flex;flex-direction:column;background:var(--surface);padding:clamp(1.5rem,3.5vw,3rem)}
.fn-panel h3{font-family:var(--font-display,sans-serif);font-size:clamp(1.7rem,3vw,3rem);line-height:1;text-transform:uppercase}
.fn-flow{display:grid;gap:1px;margin-top:2rem;background:var(--border)}
.fn-step{display:grid;grid-template-columns:2.5rem 1fr;gap:.7rem;background:var(--background);padding:1rem}
.fn-step b{font-family:var(--font-mono,monospace);font-size:.68rem;color:var(--primary)}
.fn-step span{font-size:.88rem;line-height:1.45;color:var(--muted-foreground)}
.fn-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:auto;padding-top:2rem}
.fn-actions a{display:inline-flex;min-height:46px;align-items:center;border:1px solid var(--border);padding:.8rem 1rem;font-family:var(--font-mono,monospace);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase}
.fn-actions a:first-child{background:var(--primary);color:var(--primary-foreground);border-color:var(--primary)}
.fn-actions a:hover{border-color:var(--primary)}
.fn-proof{display:grid;gap:1px;margin-top:1px;background:var(--border)}
.fn-proof>div{background:var(--background);padding:1.25rem}
.fn-proof-title{color:var(--primary)}
.fn-proof strong{display:block;margin-top:.65rem;font-family:var(--font-display,sans-serif);font-size:1.35rem;text-transform:uppercase}
.fn-proof p{margin-top:.45rem;color:var(--muted-foreground);font-size:.85rem;line-height:1.5}
.fn-availability{display:flex;align-items:center;gap:.8rem;margin-top:1.4rem;max-width:720px;border-left:2px solid var(--primary);padding:.8rem 1rem;background:color-mix(in oklab,var(--surface) 84%,transparent);font-family:var(--font-mono,monospace);font-size:.72rem;line-height:1.55;letter-spacing:.06em;text-transform:uppercase}
.fn-availability:before{content:"";width:.5rem;height:.5rem;flex:0 0 auto;border-radius:999px;background:var(--primary);box-shadow:0 0 14px var(--primary)}
.fn-hero-link{display:inline-flex;margin-top:1rem;border-bottom:1px solid var(--primary);padding-bottom:.3rem;color:var(--primary);font-family:var(--font-mono,monospace);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase}
@media(min-width:900px){#fieldnotes-feature{padding-left:3.5rem;padding-right:3.5rem}.fn-head{grid-template-columns:1.35fr .65fr;align-items:end}.fn-stage{grid-template-columns:1.35fr .65fr}.fn-proof{grid-template-columns:repeat(4,1fr)}}
@media(max-width:600px){#fieldnotes-feature{padding-top:5rem;padding-bottom:5rem}.fn-media,.fn-media img{min-height:260px}.fn-title{font-size:clamp(3rem,18vw,5.4rem)}}
@media(prefers-reduced-motion:no-preference){.fn-media img{transition:transform .7s cubic-bezier(.2,.8,.2,1)}.fn-media:hover img{transform:scale(1.025)}}