/* Cyberdelia experimental surface layer */
.hero-photo{
  background:
    linear-gradient(90deg,rgba(3,5,10,.98) 0%,rgba(3,5,10,.90) 35%,rgba(3,5,10,.55) 68%,rgba(3,5,10,.48) 100%),
    linear-gradient(180deg,rgba(5,7,13,.05),#05070d 96%),
    url("/assets/cyberdelia-city.svg") center/cover no-repeat !important;
}
.hero-photo:after{opacity:.26!important}
.hero-photo:before{opacity:.38!important}
.gtt-feature{background:linear-gradient(135deg,rgba(255,63,215,.045),rgba(80,244,255,.025))}
.gtt-feature-grid{display:grid;grid-template-columns:minmax(260px,.55fr) 1.25fr;gap:4rem;align-items:center}
.gtt-feature-grid h2{margin:0;font-size:clamp(2.3rem,5vw,4.8rem);line-height:.96;letter-spacing:-.05em}
.gtt-feature-grid p{color:var(--muted)}
.gtt-feature-grid blockquote,.prose-card blockquote{margin:1.5rem 0;padding:1rem 1.2rem;border-left:2px solid var(--magenta);background:rgba(255,63,215,.05);font:600 1rem/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#f5d8ef}
.gtt-cover{min-height:430px;position:relative;display:flex;flex-direction:column;justify-content:flex-end;padding:1.6rem;border:1px solid rgba(80,244,255,.25);overflow:hidden;background:radial-gradient(circle at 72% 20%,rgba(255,63,215,.25),transparent 35%),linear-gradient(145deg,#090d1c,#140820 65%,#071018)}
.gtt-cover:before{content:"";position:absolute;inset:18px;border:1px solid rgba(80,244,255,.16)}
.gtt-cover:after{content:"";position:absolute;width:260px;height:260px;border:1px solid rgba(80,244,255,.18);border-radius:50%;right:-100px;top:-70px;box-shadow:0 0 0 35px rgba(255,63,215,.025),0 0 0 75px rgba(80,244,255,.02)}
.gtt-cover .giant-index{position:absolute;left:20px;top:20px;font:900 clamp(5rem,12vw,9rem)/.8 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:rgba(255,255,255,.055);letter-spacing:-.08em}
.gtt-cover strong{position:relative;font-size:clamp(2rem,4vw,3.7rem);line-height:.9;letter-spacing:-.05em}
.gtt-cover small{position:relative;margin-top:.8rem;color:var(--cyan);font:700 .68rem/1.3 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.14em}
.art-break{min-height:70vh;display:flex;align-items:end;position:relative;background-size:cover;background-position:center;background-attachment:fixed}
.art-break:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,4,9,.14),rgba(4,5,10,.26) 45%,rgba(4,6,12,.95))}
.art-workshop{background-image:url("/assets/cyberdelia-city.svg")}
.art-archive{background-image:url("/assets/archive-room.svg")}
.art-break-copy{position:relative;z-index:2;padding-bottom:clamp(3rem,7vw,6rem);max-width:900px}
.art-break-copy h2{margin:0;font-size:clamp(2.4rem,6vw,5rem);line-height:.92;letter-spacing:-.05em}
.art-break-copy p:not(.eyebrow){max-width:760px;color:#d7deec}
.retro-net{background:repeating-linear-gradient(0deg,rgba(80,244,255,.018) 0,rgba(80,244,255,.018) 1px,transparent 1px,transparent 4px),#05070d}
.retro-grid{display:grid;grid-template-columns:1fr .8fr;gap:4rem;align-items:center}
.retro-grid h2{margin:0;font-size:clamp(2.2rem,5vw,4.5rem);line-height:.96;letter-spacing:-.04em}
.retro-grid p{color:var(--muted)}
.retro-panel{min-height:260px;border:1px solid rgba(183,255,85,.28);background:#020603;padding:1.6rem;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;box-shadow:inset 0 0 55px rgba(183,255,85,.025)}
.retro-label{color:var(--lime);font:700 .7rem/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.18em}
.odometer{display:block;margin:1.2rem 0 1.7rem;padding:.5rem .7rem;background:#000;color:#ffef7f;border:1px solid #4c4418;font:900 clamp(2.2rem,7vw,4rem)/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.16em;text-shadow:0 0 12px rgba(255,239,127,.35)}
.gtt-hero{background:linear-gradient(90deg,rgba(4,6,12,.98),rgba(4,6,12,.64)),url("/assets/archive-room.svg") center/cover no-repeat}
.gtt-hero h1{font-size:clamp(4.2rem,12vw,9rem)}
.stat-strip{margin-top:2rem;display:flex;flex-wrap:wrap;gap:.7rem}
.stat-strip span{border:1px solid var(--line);background:rgba(4,6,12,.62);padding:.75rem 1rem;color:var(--muted);font:600 .72rem/1.3 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.stat-strip b{color:var(--cyan);font-size:1rem}
.gtt-stack{max-width:980px}
.excerpt-card{border-left-color:rgba(255,63,215,.45)!important}
.prose-card .pull{font-size:1.18rem;color:#e7edf8}
.prose-card h3{margin-top:2rem;color:var(--cyan);letter-spacing:-.02em}
.prose-card ul,.prose-card ol{color:var(--muted);padding-left:1.4rem}
.prose-card li{margin:.6rem 0}
.note-box{margin-top:1.5rem;padding:1rem 1.2rem;border:1px solid rgba(183,255,85,.24);background:rgba(183,255,85,.035);color:#dce8d0}
.diagram-sample{min-height:150px;margin:1.6rem 0;display:grid;grid-template-columns:1fr 100px 1fr 100px 1fr;align-items:center;text-align:center;border:1px solid #27304a;background:#08101a;padding:1rem;overflow:hidden}
.diagram-sample span,.diagram-sample b{font:800 .72rem/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.12em}
.diagram-sample span{color:#bfc9dc}.diagram-sample b{color:var(--lime);border:1px solid rgba(183,255,85,.5);padding:1rem}
.diagram-sample i{display:block;height:1px;background:linear-gradient(90deg,var(--cyan),var(--magenta));position:relative}
.diagram-sample i:after{content:"";position:absolute;right:0;top:-4px;border-left:8px solid var(--magenta);border-top:4px solid transparent;border-bottom:4px solid transparent}
.wall-body{background:radial-gradient(circle at 50% 0,rgba(183,255,85,.035),transparent 30rem),#020502}
.wall-hero{background:repeating-linear-gradient(0deg,rgba(183,255,85,.025) 0,rgba(183,255,85,.025) 1px,transparent 1px,transparent 4px),linear-gradient(135deg,#021005,#040307)}
.wall-hero h1{color:var(--lime);text-shadow:0 0 28px rgba(183,255,85,.16)}
.retro-mini{display:inline-block;margin-top:1.5rem;padding:.65rem .8rem;border:1px solid #304b1c;background:#000;color:#b7ff55;font:700 .72rem/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.wall-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:1rem;align-items:start}
.wall-form-panel,.wall-output-panel{border:1px solid rgba(183,255,85,.2);background:#020703}
.wall-form-panel{padding:1.5rem}.wall-form-panel h2{margin:0;font-size:clamp(2rem,5vw,4rem);line-height:.96}
.wall-note{color:#8da47f}
.wall-form-panel label{display:grid;gap:.45rem;margin-top:1rem;color:var(--lime);font:700 .66rem/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.12em}
.wall-form-panel input,.wall-form-panel textarea{width:100%;border:1px solid #29451a;background:#000;color:#cfffad;padding:.8rem;font:500 .82rem/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;outline:none}
.wall-form-panel input:focus,.wall-form-panel textarea:focus{border-color:var(--lime);box-shadow:0 0 0 2px rgba(183,255,85,.08)}
.wall-output-panel .terminal-head{border-bottom-color:#29451a;color:#8da47f}.wall-output-panel .terminal-head strong{color:var(--lime)}
.wall-entries{min-height:560px;max-height:780px;overflow:auto;padding:1rem}
.wall-entry{border-bottom:1px dashed #29451a;padding:1rem 0}.wall-entry:last-child{border-bottom:0}
.wall-entry header{display:flex;justify-content:space-between;gap:1rem;color:var(--lime);font:700 .7rem/1.2 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.wall-entry time{color:#6c845f;font-weight:500}
.wall-entry pre{white-space:pre-wrap;overflow-wrap:anywhere;color:#c8d8c0;font:500 .8rem/1.45 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.wall-empty{padding:2rem;color:#6c845f;font:700 .72rem/1.8 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
@media(max-width:980px){.gtt-feature-grid,.retro-grid,.wall-grid{grid-template-columns:1fr}.art-break{background-attachment:scroll}.gtt-cover{min-height:340px}}
@media(max-width:640px){.diagram-sample{grid-template-columns:1fr;gap:.8rem}.diagram-sample i{height:35px;width:1px;margin:auto;background:linear-gradient(var(--cyan),var(--magenta))}.diagram-sample i:after{right:-4px;top:auto;bottom:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:8px solid var(--magenta);border-bottom:0}.art-break{min-height:58vh}}