:root{--ink:#101216;--paper:#f4f5f7;--white:#fff;--blue:#2457ff;--orange:#fb4b2f;--line:#c8ccd4;--muted:#5d626d}
    *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}::selection{background:var(--blue);color:#fff}
    header{min-height:96px;display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:1.2rem 4vw;border-bottom:1px solid var(--ink)}
    .brand{display:flex;align-items:center;gap:.8rem;font-size:.75rem;font-weight:800;line-height:1.05;letter-spacing:.05em;text-transform:uppercase}.mark{width:48px;height:48px;display:grid;place-items:center;background:var(--ink);color:#fff}
    nav{display:flex;gap:2rem;font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}nav a:hover{text-decoration:underline;text-decoration-color:var(--orange);text-underline-offset:6px}
    .hero{min-height:calc(100vh - 96px);display:grid;grid-template-columns:1.2fr .8fr;border-bottom:1px solid var(--ink)}.hero-copy{padding:8vw 4vw 5vw;display:flex;flex-direction:column;justify-content:center}
    .kicker,.label{margin:0 0 1.5rem;font-size:.7rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.kicker{color:var(--blue)}
    h1{margin:0;max-width:1000px;font-size:clamp(4rem,8vw,9rem);line-height:.86;letter-spacing:-.075em}.deck{max-width:720px;margin:2.5rem 0 0;font-size:clamp(1.15rem,1.7vw,1.5rem)}
    .actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:2.5rem}.btn{padding:.85rem 1.2rem;border:1px solid var(--ink);font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.btn.dark{background:var(--ink);color:#fff}.btn.dark:hover{background:var(--blue);border-color:var(--blue)}
    .visual{position:relative;min-height:560px;display:grid;place-items:center;overflow:hidden;background:var(--ink);color:#fff}.visual:before{content:"";position:absolute;inset:0;opacity:.18;background-image:linear-gradient(#fff 1px,transparent 1px),linear-gradient(90deg,#fff 1px,transparent 1px);background-size:48px 48px}
    .loop{position:relative;width:min(30vw,430px);aspect-ratio:1;border:2px solid var(--blue);border-radius:50%}.loop:before,.loop:after{content:"";position:absolute;border-radius:50%;inset:15%;border:1px solid #ffffff77}.loop:after{inset:32%;border-color:var(--orange)}
    .loop strong{position:absolute;inset:0;display:grid;place-content:center;text-align:center;color:var(--orange);font-size:5rem;line-height:.7}.loop small{display:block;margin-top:1rem;color:#fff;font-size:.55rem;letter-spacing:.18em}.node{position:absolute;padding:.2rem .4rem;background:var(--ink);font-size:.62rem;font-weight:800;letter-spacing:.12em}.n1{top:-.7rem;left:50%;transform:translateX(-50%)}.n2{right:-1.6rem;top:50%;transform:rotate(90deg)}.n3{bottom:-.7rem;left:50%;transform:translateX(-50%)}.n4{left:-1.1rem;top:50%;transform:rotate(-90deg)}
    .thesis{display:grid;grid-template-columns:1fr 3fr;gap:2rem;padding:8vw 5vw;border-bottom:1px solid var(--ink)}.thesis blockquote{margin:0;font-size:clamp(2rem,4.5vw,5rem);line-height:.98;letter-spacing:-.045em}.de{max-width:720px;margin:2.5rem 0 0 auto;padding-left:1.5rem;border-left:5px solid var(--orange);color:var(--muted)}
    .questions{padding:7rem 5vw;border-bottom:1px solid var(--ink)}.section-head{display:grid;grid-template-columns:2fr 1fr;gap:3rem;align-items:end;margin-bottom:3rem}.section-head h2{margin:0;font-size:clamp(2.7rem,5.4vw,6rem);line-height:.94;letter-spacing:-.055em}.section-head p{margin:0;color:var(--muted)}
    .grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--ink);border-left:1px solid var(--ink)}.card{min-height:330px;display:flex;flex-direction:column;padding:1.4rem;border-right:1px solid var(--ink);border-bottom:1px solid var(--ink)}.card:hover{background:var(--blue);color:#fff}.meta{display:flex;justify-content:space-between;font-size:.63rem;font-weight:800;letter-spacing:.1em}.card h3{margin:auto 0 1.2rem;font-size:clamp(1.45rem,2vw,2.2rem);line-height:1.03;letter-spacing:-.04em}.card p{margin:0;color:var(--muted);font-size:.9rem}.card:hover p{color:#ffffffcc}
    .articles{background:var(--ink);color:#fff}.article{display:grid;grid-template-columns:1fr 2.4fr;border-bottom:1px solid #ffffff66}.article-side{padding:5rem 3vw 4rem 5vw;border-right:1px solid #ffffff66}.article-side .no{display:block;margin-bottom:3rem;color:var(--orange);font-size:3rem;font-weight:800}.article-side h2{margin:0;font-size:clamp(2rem,3.4vw,4rem);line-height:.98;letter-spacing:-.05em}.article-body{padding:5rem 6vw}.answer{margin:0 0 3rem;font-size:clamp(1.3rem,2vw,1.8rem);line-height:1.4;color:#d8dbe2}.article-body h3{margin:3rem 0 1rem;font-size:1.6rem}.article-body p{max-width:820px;color:#c7cad1;font-size:1.04rem;line-height:1.72}.short-de{margin-top:3rem;padding:1.5rem;border-left:6px solid var(--orange);background:#20232a;color:#fff!important}.source{margin-top:3rem;padding-top:1rem;border-top:1px solid #ffffff55;font-size:.75rem!important;letter-spacing:.05em}
    .method{padding:7rem 5vw;background:var(--blue);color:#fff}.method h2{margin:0 0 3rem;font-size:clamp(2.5rem,5vw,5.5rem);line-height:.95;letter-spacing:-.055em}.steps{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #ffffff99;border-left:1px solid #ffffff99}.step{min-height:240px;padding:1.3rem;border-right:1px solid #ffffff99;border-bottom:1px solid #ffffff99}.step h3{margin:4rem 0 1rem;font-size:1.5rem;line-height:1.05}.step p{color:#ffffffc4}
    footer{padding:3rem 5vw 4rem;display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:2rem;background:#090a0d;color:#fff;font-size:.77rem}footer p{margin:.3rem 0;color:#aeb3bc}footer a{text-decoration:underline;text-underline-offset:4px}
    .work-tabs{display:flex;gap:.45rem;align-items:center}.work-tab{appearance:none;border:1px solid var(--ink);background:transparent;color:var(--ink);padding:.72rem .9rem;font:800 .66rem/1 Arial,Helvetica,sans-serif;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.work-tab:hover,.work-tab.active{background:var(--ink);color:#fff}.work-tab.active{box-shadow:inset 0 -4px 0 var(--orange)}.work-panel{display:block}.paper-meta{display:flex;flex-wrap:wrap;gap:.65rem 1.2rem;margin-top:1.35rem;font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.paper-meta a{text-decoration:underline;text-underline-offset:4px}.ethics-hero .kicker{color:var(--orange)}.ethics-visual .loop{border-color:var(--orange)}.ethics-visual .loop:after{border-color:var(--blue)}.ethics-visual .loop strong{color:var(--blue);font-size:4.2rem}.ethics-questions .card:hover{background:var(--orange)}.ethics-method{background:var(--orange)}.cybersyn-hero .kicker{color:#0b9b78}.cybersyn-visual .loop{border-color:#0fd3a1}.cybersyn-visual .loop:before{border-color:#ffffff77}.cybersyn-visual .loop:after{border-color:#ffd166}.cybersyn-visual .loop strong{color:#0fd3a1;font-size:4.2rem}.cybersyn-questions .card:hover{background:#0b9b78}.cybersyn-thesis .de{border-left-color:#0b9b78}.cybersyn-method{background:#087f68}.cybersyn-steps{grid-template-columns:repeat(5,1fr)}.posthuman-hero .kicker{color:#8b5cf6}.posthuman-visual .loop{border-color:#8b5cf6}.posthuman-visual .loop:before{border-color:#ffffff77}.posthuman-visual .loop:after{border-color:#ff4fd8}.posthuman-visual .loop strong{color:#ff4fd8;font-size:4.2rem}.posthuman-questions .card:hover{background:#7650d6}.posthuman-thesis .de{border-left-color:#8b5cf6}.posthuman-method{background:#6547b8}.posthuman-steps{grid-template-columns:repeat(5,1fr)}
    @media(max-width:900px){.hero{grid-template-columns:1fr}.loop{width:min(72vw,420px)}.grid{grid-template-columns:repeat(2,1fr)}.article{grid-template-columns:1fr}.article-side{border-right:0;border-bottom:1px solid #ffffff66}.steps,.cybersyn-steps,.posthuman-steps{grid-template-columns:repeat(2,1fr)}}
    @media(max-width:650px){header{padding:1rem;align-items:flex-start;flex-direction:column}.work-tabs{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.work-tab{padding:.8rem .55rem}nav a:not(:last-child){display:none}.hero-copy{padding:5rem 1.2rem}.hero h1{font-size:clamp(3.5rem,18vw,5.6rem)}.visual{min-height:400px}.thesis,.section-head{grid-template-columns:1fr}.thesis,.questions,.method{padding-left:1.2rem;padding-right:1.2rem}.grid,.steps,.cybersyn-steps,.posthuman-steps{grid-template-columns:1fr}.article-side,.article-body{padding:3.5rem 1.2rem}.card{min-height:310px}footer{grid-template-columns:1fr;padding:3rem 1.2rem}}
  
/* Multi-page SEO structure */
.site-nav{display:flex;gap:.45rem;align-items:center;flex-wrap:wrap}
.site-nav .work-tab{display:inline-block}
.site-nav .work-tab[aria-current="page"]{background:var(--ink);color:#fff;box-shadow:inset 0 -4px 0 var(--orange)}
.home-hero{min-height:72vh}
.home-hero h1{font-size:clamp(4rem,9vw,10rem)}
.overview{padding:7rem 5vw;border-bottom:1px solid var(--ink)}
.work-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--ink);border-left:1px solid var(--ink)}
.work-card{min-height:390px;padding:2rem;display:flex;flex-direction:column;border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);transition:.15s ease}
.work-card:hover{background:var(--ink);color:#fff}
.work-card .work-no{font-size:.7rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--blue)}
.work-card h2{margin:auto 0 1rem;font-size:clamp(2.2rem,4vw,4.7rem);line-height:.92;letter-spacing:-.055em}
.work-card p{max-width:680px;margin:0;color:var(--muted)}
.work-card:hover p{color:#d8dbe2}
.work-card .meta-line{margin-top:1.5rem;font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.seo-intro{display:grid;grid-template-columns:1fr 2fr;gap:3rem;padding:7rem 5vw;border-bottom:1px solid var(--ink)}
.seo-intro h2{margin:0;font-size:clamp(2.6rem,5vw,6rem);line-height:.94;letter-spacing:-.055em}
.seo-intro p{max-width:850px;font-size:1.1rem;color:var(--muted)}
.breadcrumbs{padding:.85rem 4vw;border-bottom:1px solid var(--line);font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.breadcrumbs a{text-decoration:underline;text-underline-offset:4px}
@media(max-width:900px){.work-grid,.seo-intro{grid-template-columns:1fr}}
@media(max-width:650px){.site-nav{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.work-card{min-height:320px}.overview,.seo-intro{padding-left:1.2rem;padding-right:1.2rem}.breadcrumbs{padding-left:1.2rem;padding-right:1.2rem}}


/* Research sketch hero visuals ------------------------------------------------ */
.visual.sketch-visual{
  position:relative;
  min-height:560px;
  padding:0;
  display:block;
  overflow:hidden;
  background:#f2ede3;
  color:var(--ink);
  border-left:1px solid var(--ink);
}
.visual.sketch-visual:before{display:none}
.sketch-link{
  position:absolute;
  inset:0;
  display:block;
  overflow:hidden;
  background:#f2ede3;
  cursor:zoom-in;
}
.sketch-link picture{display:block;width:100%;height:100%}
.sketch-link img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center center;
  background:#f2ede3;
  transition:transform .28s ease,filter .28s ease;
}
.sketch-link:hover img{transform:scale(1.006);filter:contrast(1.015)}
.sketch-zoom{
  position:absolute;
  right:1rem;
  bottom:1rem;
  padding:.55rem .72rem;
  border:1px solid var(--ink);
  background:rgba(244,245,247,.94);
  color:var(--ink);
  font-size:.62rem;
  font-weight:800;
  line-height:1;
  letter-spacing:.1em;
  text-transform:uppercase;
  box-shadow:0 1px 0 rgba(16,18,22,.15);
}
.sketch-link:focus-visible{outline:4px solid var(--blue);outline-offset:-4px}
.ethics-visual.sketch-visual,.cybersyn-visual.sketch-visual,.posthuman-visual.sketch-visual{background:#f2ede3}

@media(max-width:900px){
  .visual.sketch-visual{
    min-height:0;
    aspect-ratio:1495/2050;
    border-left:0;
    border-top:1px solid var(--ink);
  }
  .sketch-zoom{right:.8rem;bottom:.8rem}
}
@media(prefers-reduced-motion:reduce){.sketch-link img{transition:none}.sketch-link:hover img{transform:none}}