:root { --ink:#f2f0eb; --muted:#a7a5a0; --paper:#121212; --line:rgba(242,240,235,.16); --accent:#d6ff67; --panel:rgba(18,18,18,.88); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body,.helvetica-neue { margin:0; color:var(--ink); background:var(--paper); font-family:"Helvetica Neue",sans-serif; -webkit-font-smoothing:antialiased; }
a { color:inherit; text-decoration:none; }
.prototype-shell { position:relative; min-height:100vh; overflow:hidden; background:radial-gradient(circle at 50% 10%,#202020 0%,var(--paper) 42%); }
.prototype-shell::before { position:fixed; inset:0; z-index:0; pointer-events:none; background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px); background-size:100% 18rem,18rem 100%; opacity:.55; content:""; mask-image:linear-gradient(to bottom,transparent,black 10%,black 90%,transparent); }
.prototype-header,.hero,.section-index,.story-section,.events-section,.prototype-footer { position:relative; z-index:1; }
.prototype-header { display:flex; align-items:center; justify-content:space-between; padding:2rem 7vw; font-size:.76rem; letter-spacing:-.02em; }
.wordmark { font-size:1.45rem; letter-spacing:-.05em; }
.prototype-header nav { display:flex; gap:1.4rem; color:var(--muted); }
.prototype-header nav a:hover,.lime-link:hover,.story-copy a:hover,.prototype-footer a:hover { color:var(--accent); }
.prototype-header nav a[href="/curiosities/"] { color:var(--accent); }
.hero { display:grid; min-height:calc(100svh - 4rem); grid-template-columns:minmax(0,1.15fr) minmax(19rem,.65fr); align-items:center; gap:4vw; padding:2rem 7vw .25rem; }
.hero-copy { max-width:50rem; }
.kicker { margin:0 0 1.2rem; color:var(--accent); font-size:.7rem; letter-spacing:.08em; text-transform:uppercase; }
h1,h2,h3,p { margin-top:0; }
.hero h1 { max-width:15ch; margin-bottom:1rem; font-size:clamp(3.2rem,5vw,5.5rem); font-weight:400; line-height:.87; letter-spacing:-.1em; }
.hero h2 { max-width:none; margin-bottom:1.4rem; font-size:clamp(1.2rem,1.7vw,1.7rem); font-weight:400; line-height:1; letter-spacing:-.07em; white-space:nowrap; }
.summary-list { display:grid; max-width:38rem; gap:.7rem; font-size:clamp(.9rem,1.2vw,1.15rem); }
.summary-group>p:first-child { margin-bottom:.75rem; color:var(--ink); }
.summary-item { margin-bottom:.4rem; color:var(--muted); line-height:1.28; }
mark { padding:0 .08em; color:var(--paper); background:linear-gradient(to bottom,transparent 12%,var(--ink) 12%,var(--ink) 88%,transparent 88%); -webkit-box-decoration-break:clone; box-decoration-break:clone; }
.sticker { border:.55rem solid var(--ink); border-radius:1.7rem; background:var(--ink); box-shadow:0 1.5rem 3rem rgba(0,0,0,.38); }
.sticker img,.sticker iframe { display:block; width:100%; height:100%; border:0; object-fit:cover; }
.float-sticker { animation:sticker-float 7s ease-in-out infinite; }
.hero-sticker { justify-self:center; width:min(28vw,23rem); padding:0; overflow:hidden; border-width:.55rem; border-radius:1.7rem; transform:rotate(6deg); }
.hero-sticker img { aspect-ratio:.67; border-radius:.9rem; }
.hero-sticker { animation-duration:8.6s; animation-delay:-1.4s; }
.section-index { display:flex; justify-content:space-between; gap:1rem; padding:1rem 10vw; border-top:1px solid var(--line); border-bottom:1px solid var(--line); color:var(--muted); font-size:.7rem; letter-spacing:.08em; text-transform:uppercase; }
.story-section { display:grid; grid-template-columns:minmax(0,1fr) minmax(20rem,.9fr); gap:8vw; align-items:center; padding:4rem 7vw; border-bottom:1px solid var(--line); }
.story-section--right { grid-template-columns:minmax(20rem,.9fr) minmax(0,1fr); }
.story-section--right .story-copy { order:2; }
.story-section--right .story-media { order:1; }
.story-copy { max-width:50rem; }
.story-copy h2,.events-section h2 { max-width:12ch; margin-bottom:2.2rem; font-size:clamp(2.7rem,4.5vw,5.2rem); font-weight:400; line-height:.9; letter-spacing:-.095em; }
.story-copy p { max-width:40rem; color:var(--ink); font-size:clamp(.95rem,1.2vw,1.15rem); line-height:1.35; letter-spacing:-.025em; }
.story-copy a { color:var(--accent); text-decoration:underline; text-underline-offset:.16em; }
.story-media { width:min(100%,35rem); height:fit-content; min-height:0; padding:0; overflow:hidden; }
.story-media img { height:auto; aspect-ratio:auto; object-fit:contain; }
.story-media iframe { height:auto; min-height:0; aspect-ratio:16/9; }
.deeptech-section .story-media { width:min(100%,28rem); }
.deeptech-section .story-media img { aspect-ratio:1.08; object-fit:cover; object-position:center top; }
.story-section--left .story-media { justify-self:end; transform:rotate(4deg); }
.story-section--right .story-media { justify-self:start; transform:rotate(-4deg); }
.story-media--video { transform:rotate(-3deg) !important; }
.story-section#work .float-sticker { animation-duration:7.4s; animation-delay:-3.1s; }
.deeptech-section .float-sticker { animation-duration:9.2s; animation-delay:-5.7s; }
#research .float-sticker { animation-duration:6.8s; animation-delay:-2.2s; }
#projects .float-sticker { animation-duration:10.1s; animation-delay:-7.3s; }
.deeptech-section { padding-bottom:4rem; }
.deeptech-section h2 { max-width:15ch; }
.deeptech-section h2 mark { white-space:nowrap; }
#research { padding-top:4rem; }
.events-section { padding:4rem 0 3rem; border-bottom:1px solid var(--line); }
.events-section { position:relative; }
.events-track { display:flex; align-items:flex-start; gap:3rem; overflow-x:auto; overflow-y:hidden; padding:2.5rem 10vw 3rem; scrollbar-color:rgba(242,240,235,.4) transparent; }
.event-card { flex:0 0 min(18vw,16rem); padding:0; border:0; background:transparent; box-shadow:none; transform:none; }
.event-card:nth-child(3n+2),.event-card:nth-child(3n) { transform:none; }
.event-card img { aspect-ratio:1.35; border:.55rem solid var(--ink); border-radius:1.1rem; box-shadow:0 1.5rem 3rem rgba(0,0,0,.38); object-fit:cover; }
.event-card img.event-image--top { object-position:center top; }
.events-track .float-sticker { animation:none; }
.event-card h3 { margin:.8rem 0 .45rem; font-size:clamp(.82rem,1.05vw,1rem); font-weight:400; line-height:1; letter-spacing:-.06em; }
.event-card p { margin:0; color:var(--muted); font-size:.66rem; line-height:1.35; }
.prototype-footer { display:flex; justify-content:space-between; gap:1rem; padding:2rem 7vw; color:var(--muted); font-size:.78rem; }
.prototype-footer p { margin:0; }
.prototype-footer a { color:var(--muted); text-decoration:underline; text-underline-offset:.2em; }
.prototype-footer .footer-name { color:var(--ink); }
.prototype-footer .footer-curiosities { color:var(--accent); }
.footer-curiosities { flex:0 0 auto; }
@keyframes sticker-float { 0%,100% { translate:0 0; } 50% { translate:0 -12px; } }
@media (max-width:700px) {
  .prototype-header { align-items:flex-start; gap:1rem; padding:1.2rem; }
  .prototype-header nav { flex-wrap:wrap; justify-content:flex-end; gap:.5rem .75rem; font-size:.65rem; }
  .hero { display:block; min-height:auto; padding:5rem 1.2rem 7rem; }
  .hero h1 { max-width:8ch; font-size:clamp(3.7rem,16vw,6rem); }
  .hero h2 { white-space:normal; }
  .hero-sticker { width:62vw; margin:5rem auto 0; border-width:.55rem; }
  .section-index { flex-wrap:wrap; padding:1rem 1.2rem; }
  .story-section,.story-section--right { display:flex; flex-direction:column; gap:3rem; align-items:stretch; padding:6rem 1.2rem; }
  .story-section--right .story-copy,.story-section--right .story-media { order:initial; }
  .story-copy h2,.events-section h2 { font-size:clamp(3.2rem,15vw,5.4rem); }
  .story-media,.story-media iframe { min-height:0; }
  .story-media { width:84vw; align-self:center; }
  .deeptech-section { padding-bottom:6rem; }
  #research { padding-top:6rem; }
  .events-section { padding:6rem 0; }
  .events-section .section-heading { padding:0 1.2rem; }
  .events-track { gap:1.5rem; padding:3rem 1.2rem 4rem; }
  .event-card { flex-basis:72vw; }
  .prototype-footer { display:block; padding:2rem 1.2rem; }
  .prototype-footer .lime-link { display:inline-block; margin-top:1rem; }
}