@import url("https://use.typekit.net/ufc8lja.css");

/*
  2026 typography + grid pass
  Loaded last on every page so the portfolio reads as one system.
*/
:root{
  --site-max:1600px;
  --site-gutter:clamp(20px,4.2vw,72px);
  --grid-gap:clamp(12px,1.25vw,22px);
  --section-space:clamp(88px,9vw,148px);
  --text-measure:66ch;
  --display-tracking:-.055em;
  --display:"acumin-pro-wide","Helvetica Neue",Helvetica,Arial,sans-serif;
}

html{scroll-padding-top:calc(var(--nav-h,50px) + 18px)}
body{
  font-family:var(--sans,"Inter Tight","Helvetica Neue",Helvetica,Arial,sans-serif);
  font-size:16px;
  line-height:1.45;
  font-kerning:normal;
  text-rendering:optimizeLegibility;
}
.wrap{
  width:100%;
  max-width:var(--site-max);
  margin-inline:auto;
  padding-inline:var(--site-gutter);
}
.label{
  font-family:var(--mono,"JetBrains Mono","SFMono-Regular",Consolas,monospace);
  font-size:9px;
  line-height:1.35;
  font-weight:500;
  letter-spacing:.065em;
}

/* Homepage — one editorial grid from intro to footer */
.modern-intro .wrap,
.work.visual-index .wrap,
.simple-section .wrap,
.fragments-section .wrap,
.site-footer .wrap{max-width:var(--site-max)}

.intro-simple .intro-display,
.intro-simple h1{
  font-family:var(--display);
  font-size:clamp(66px,9.8vw,158px);
  font-weight:400;
  line-height:.84;
  letter-spacing:-.052em;
  max-width:12ch;
}
.intro-simple .intro-lede{
  max-width:34ch;
  font-size:clamp(18px,1.55vw,25px);
  line-height:1.16;
  letter-spacing:-.025em;
}
.intro-simple .intro-system{
  grid-template-columns:repeat(12,minmax(0,1fr));
  gap:var(--grid-gap);
}

.work-intro,
.fragments-head,
#about .simple-heading{
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  column-gap:var(--grid-gap);
  align-items:end;
}
.work-intro .work-index,
.fragments-head .fragments-index,
#about .simple-heading .section-kicker{grid-column:1 / span 2}
.work-intro .work-heading,
.fragments-head h2,
#about .simple-heading h2{
  grid-column:3 / span 7;
  font-family:var(--display);
  font-weight:400;
  letter-spacing:-.035em;
  line-height:.94;
}
.work-intro .work-meta,
.fragments-head .fragments-meta,
#about .simple-heading>p{grid-column:10 / -1;text-align:right}

.visual-shell{gap:var(--grid-gap)}
.project-card__name{
  font-family:var(--display);
  font-weight:400;
  letter-spacing:-.02em;
}
.stage-layer>video{width:100%;height:100%;object-fit:cover}
.stage-buick .buick-orbit{animation:preview-orbit 12s linear infinite}
.stage-buick .buick-orbit::before{animation:preview-breathe 2.8s ease-in-out infinite alternate}
.stage-buick .buick-orbit::after{animation:preview-breathe 2.8s .55s ease-in-out infinite alternate-reverse}
.stage-buick .hud-bars i{transform-origin:bottom;animation:preview-meter 1.8s ease-in-out infinite alternate}
.stage-buick .hud-bars i:nth-child(2){animation-delay:.18s}
.stage-buick .hud-bars i:nth-child(3){animation-delay:.34s}
.stage-buick .hud-bars i:nth-child(4){animation-delay:.5s}
@keyframes preview-orbit{to{transform:rotate(360deg)}}
@keyframes preview-breathe{from{opacity:.35;transform:scale(.96)}to{opacity:1;transform:scale(1.045)}}
@keyframes preview-meter{from{transform:scaleY(.45);opacity:.55}to{transform:scaleY(1);opacity:1}}

/* Reel: the previous stylesheet left an empty first grid column. */
#reel .simple-heading{
  display:flex !important;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
  width:min(100%,1080px) !important;
  margin-inline:auto !important;
  text-align:center;
}
#reel .simple-heading h2{
  margin:0;
  font-family:var(--display);
  font-weight:400;
  line-height:.92;
  letter-spacing:-.035em;
}
#reel .simple-heading>p{margin:0;text-align:center !important}
#reel .reel-shell{
  display:block !important;
  grid-template-columns:none !important;
  width:min(100%,1080px) !important;
  margin-inline:auto !important;
  padding:0 !important;
  border:0 !important;
}
#reel .reel-labels{display:none !important}
#reel .simple-video{
  width:100%;
  margin:0 !important;
  aspect-ratio:16/9;
  border:1px solid var(--ink);
}
#reel .reel-caption{
  display:flex;
  justify-content:space-between;
  align-items:baseline;
  gap:20px;
  padding-top:10px;
  border:0;
}

.fragments-grid{gap:var(--grid-gap)}
.fragment-card{min-width:0}
.fragment-card__name{font-family:var(--display);font-weight:400;letter-spacing:-.018em}

/* Case studies — shared rhythm and readable measures */
.system-case .wrap,
.coinbase-case .wrap{
  width:100%;
  max-width:var(--site-max);
  margin-inline:auto;
  padding-inline:var(--site-gutter);
}
.system-case .case-intro,
.system-case .case-block,
.coinbase-case .cb-intro,
.coinbase-case .cb-selected-motion{
  padding-top:var(--section-space);
  padding-bottom:var(--section-space);
}
.system-case .case-intro h1,
.coinbase-case .cb-title{
  font-family:var(--display);
  font-size:clamp(64px,10.6vw,196px);
  max-width:12ch;
  font-weight:400;
  line-height:.88;
  letter-spacing:-.052em;
}
.system-case .case-intro__bottom{
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  gap:var(--grid-gap);
  align-items:start;
}
.system-case .case-intro__bottom>p{
  grid-column:1 / span 8;
  max-width:30ch;
  font-family:var(--display);
  font-size:clamp(22px,2.35vw,40px);
  line-height:1.12;
  letter-spacing:-.024em;
}
.system-case .case-intro__facts{grid-column:10 / -1}
.system-case .value-row,
.coinbase-case .cb-value-line{
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  gap:var(--grid-gap);
  align-items:start;
}
.system-case .value-row>p,
.coinbase-case .cb-value-line>p{
  grid-column:1 / span 8;
  max-width:31ch;
  font-family:var(--display);
  font-size:clamp(24px,2.6vw,44px);
  font-weight:400;
  line-height:1.12;
  letter-spacing:-.026em;
}
.system-case .value-row>.label,
.coinbase-case .cb-value-line>.label{grid-column:10 / -1}
.system-case .lead-media,
.system-case .image-frame,
.system-case .video-frame,
.coinbase-case .cb-lead-film,
.coinbase-case .cb-media{
  width:min(100%,1440px);
  margin-inline:auto;
}
.system-case .media-grid,
.system-case .frame-wall,
.coinbase-case .cb-motion-grid{
  width:min(100%,1440px);
  margin-inline:auto;
  gap:var(--grid-gap);
}
.system-case h2,
.coinbase-case h2{
  font-family:var(--display);
  font-weight:400;
  line-height:.98;
  letter-spacing:-.032em;
}
.system-case p,
.coinbase-case p{max-width:var(--text-measure);letter-spacing:-.008em}
.system-case .case-quote{
  max-width:16ch;
  font-family:var(--display);
  font-size:clamp(34px,4.2vw,72px);
  font-weight:400;
  line-height:1.03;
  letter-spacing:-.035em;
}

/* 3 Body Problem uses its own dark case template; align it to the same grid. */
.threebody-case nav,
.threebody-case .intro,
.threebody-case .copy,
.threebody-case .grid,
.threebody-case .wide,
.threebody-case .filmstrip,
.threebody-case .caption,
.threebody-case .process,
.threebody-case .end{
  width:100%;
  max-width:var(--site-max);
  margin-inline:auto;
  padding-left:var(--site-gutter);
  padding-right:var(--site-gutter);
}
.threebody-case .intro{padding-top:var(--section-space);padding-bottom:clamp(48px,6vw,92px)}
.threebody-case h1{
  max-width:12ch;
  font-family:var(--display);
  font-weight:400;
  line-height:.88;
  letter-spacing:-.052em;
}
.threebody-case h2{font-family:var(--display);font-weight:400;line-height:1;letter-spacing:-.032em}
.threebody-case .copy{grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--grid-gap)}
.threebody-case .copy>div{grid-column:1 / span 7}
.threebody-case .copy>p{grid-column:9 / -1}
.threebody-case .filmstrip{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--grid-gap)}

@media (max-width:980px){
  :root{--site-gutter:clamp(18px,3.5vw,34px);--section-space:clamp(72px,10vw,108px)}
  .work-intro .work-heading,.fragments-head h2,#about .simple-heading h2{grid-column:3 / span 6}
  .work-intro .work-meta,.fragments-head .fragments-meta,#about .simple-heading>p{grid-column:9 / -1}
  .system-case .case-intro__bottom>p{grid-column:1 / span 7}
  .system-case .case-intro__facts{grid-column:9 / -1}
}

@media (max-width:680px){
  :root{--site-gutter:18px;--grid-gap:12px;--section-space:72px}
  .work-intro,.fragments-head,#about .simple-heading{grid-template-columns:1fr;row-gap:12px;align-items:start}
  .work-intro .work-index,.work-intro .work-heading,.work-intro .work-meta,
  .fragments-head .fragments-index,.fragments-head h2,.fragments-head .fragments-meta,
  #about .simple-heading .section-kicker,#about .simple-heading h2,#about .simple-heading>p{
    grid-column:1;text-align:left;
  }
  #reel .reel-caption{font-size:9px;gap:12px}
  .system-case .case-intro__bottom,
  .system-case .value-row,
  .coinbase-case .cb-value-line{grid-template-columns:1fr;row-gap:20px}
  .system-case .case-intro__bottom>p,.system-case .case-intro__facts,
  .system-case .value-row>p,.system-case .value-row>.label,
  .coinbase-case .cb-value-line>p,.coinbase-case .cb-value-line>.label{grid-column:1}
  .threebody-case .copy{grid-template-columns:1fr;row-gap:22px}
  .threebody-case .copy>div,.threebody-case .copy>p{grid-column:1}
  .threebody-case .filmstrip{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
}

/* Homepage refinement / 08 selected cases */
.intro-simple .intro-simple-main{
  min-height:clamp(620px,78svh,900px);
  align-self:stretch;
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  grid-template-rows:auto 1fr auto;
  column-gap:var(--grid-gap);
  align-items:end;
  padding:clamp(54px,6vw,92px) 0 clamp(34px,4vw,58px);
  border-top:1px solid var(--hair);
  border-bottom:1px solid var(--ink);
}
.intro-simple .intro-simple-brand{
  grid-column:1 / span 4;
  align-self:start;
  margin:0;
}
.intro-simple h1{
  grid-column:1 / -1;
  align-self:center;
  width:100%;
  max-width:none;
  font-weight:300;
  font-size:clamp(72px,11.25vw,180px);
  line-height:.78;
  letter-spacing:-.048em;
}
.intro-simple h1 span{display:block;white-space:nowrap}
.intro-simple h1 span:last-child{margin-left:20.5%}
.intro-simple .modern-intro-lede{
  grid-column:8 / -1;
  grid-row:3;
  align-self:end;
  max-width:31ch;
  margin:0;
  font-size:clamp(17px,1.35vw,22px);
  line-height:1.25;
}
.intro-simple .modern-intro-actions{
  grid-column:1 / span 4;
  grid-row:3;
  align-self:end;
  justify-content:flex-start;
  margin:0;
}

.work-intro{
  grid-template-rows:auto auto;
  row-gap:20px;
}
.work-intro .work-kicker{grid-column:1 / span 3;grid-row:1}
.work-intro .work-heading{
  grid-column:1 / span 8;
  grid-row:2;
  font-family:var(--display);
  font-size:clamp(38px,3.6vw,58px);
  font-weight:300;
  line-height:.94;
  letter-spacing:-.025em;
}
.work-intro .work-count{
  grid-column:10 / -1;
  grid-row:1 / span 2;
  align-self:end;
  text-align:left;
  justify-self:stretch;
  max-width:none;
}
.visual-index-shell{
  grid-template-columns:minmax(320px,.7fr) minmax(0,1.3fr);
  gap:var(--grid-gap);
}
.visual-index-list{max-width:610px}
.project-link{
  min-height:86px;
  padding:11px 0 10px;
}
.project-name{
  font-family:var(--display);
  font-size:clamp(20px,1.7vw,29px);
  font-weight:300;
  line-height:.96;
  letter-spacing:-.018em;
}
.project-top{grid-template-columns:34px minmax(0,1fr) 42px}
.project-bottom{grid-template-columns:34px minmax(0,1fr);padding-top:8px}
.project-summary{display:none}
.discipline{font-size:7.8px;line-height:1.3;letter-spacing:.02em}
.project-signal.signal-prime{background:linear-gradient(90deg,#111827 0 62%,#1a98ff 62% 76%,#d8f1ff 76%)}
.project-signal.signal-meta{background:linear-gradient(90deg,#0866ff 0 44%,#89baff 44% 56%,#f0eee8 56%)}
.project-signal.signal-northern{background:linear-gradient(90deg,#123448 0 42%,#2b7752 42% 72%,#f4bf25 72%)}
.project.focused .project-name{letter-spacing:-.012em}
.project.focused .project-link{padding-left:10px}
.visual-stage-media{min-height:500px}
.stage-layer>img,.stage-layer>video{width:100%;height:100%;object-fit:cover}
.stage-prime>img{object-position:center 48%}
.stage-meta>video,.stage-northern>video{object-fit:cover}
.visual-stage-bottom{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) auto}

.archive-grid--visual{
  grid-template-columns:repeat(5,minmax(0,1fr));
}
.archive-grid--visual .archive-card{
  min-height:270px;
  grid-template-rows:minmax(150px,1fr) auto;
}
.archive-preview{
  position:relative;
  display:block;
  overflow:hidden;
  min-height:150px;
  border-bottom:1px solid currentColor;
  background:var(--panel);
}
.archive-preview img,.archive-preview video{
  width:100%;height:100%;object-fit:cover;
  transition:transform .7s var(--ease),filter .45s ease;
}
.archive-card:hover .archive-preview video,.archive-card:hover .archive-preview img{transform:scale(1.025)}
.archive-preview.signal-pixel{background:linear-gradient(90deg,#4285f4 0 25%,#ea4335 25% 50%,#fbbc05 50% 75%,#34a853 75%)}
.archive-preview.signal-verizon{background:linear-gradient(135deg,#f2f0ea 0 58%,#e21b2d 59% 66%,#111 67%)}
.archive-preview.signal-operations{background:linear-gradient(135deg,#e9e6df 0 48%,#111 48% 49%,#e9e6df 49% 74%,#1652f0 74% 76%,#e9e6df 76%)}

/* Acumin Wide is retained from the supplied kit, but used at its light cut. */
.intro-simple h1,.work-heading,.project-name,.fragments-head h2,#about h2,
#reel .simple-heading h2,.archive-client{font-weight:300}

@media (max-width:980px){
  .visual-index-shell{grid-template-columns:minmax(300px,.82fr) minmax(0,1.18fr)}
  .archive-grid--visual{grid-template-columns:repeat(3,minmax(0,1fr))}
}

@media (max-width:680px){
  .intro-simple .intro-simple-main{
    min-height:620px;
    grid-template-columns:repeat(6,minmax(0,1fr));
    grid-template-rows:auto 1fr auto auto;
    row-gap:24px;
    padding:38px 0 28px;
  }
  .intro-simple .intro-simple-brand{grid-column:1 / span 4}
  .intro-simple h1{grid-column:1 / -1;font-size:clamp(62px,20vw,108px)}
  .intro-simple h1 span:last-child{margin-left:8%}
  .intro-simple .modern-intro-lede{grid-column:2 / -1;grid-row:3;max-width:28ch}
  .intro-simple .modern-intro-actions{grid-column:1 / -1;grid-row:4}
  .work-intro .work-kicker,.work-intro .work-heading,.work-intro .work-count{grid-column:1;grid-row:auto;text-align:left}
  .visual-index-shell{display:flex;flex-direction:column}
  .visual-index-list{width:100%;max-width:none;order:2}
  .visual-stage{order:1;width:100%}
  .visual-stage-media{min-height:0;aspect-ratio:4/3}
  .project-link{min-height:78px}
  .archive-grid--visual{grid-template-columns:1fr 1fr}
  .archive-grid--visual .archive-card{min-height:230px}
}

/* Reference-led correction: product catalogue, measurement tag, editorial strip. */
:root{
  --paper:#f3f1e9;
  --panel:#e7e4da;
  --ink:#0c0c0b;
  --muted:#625f58;
  --hair:rgba(12,12,11,.28);
  --accent:#ff5a00;
}
body{background-color:var(--paper);background-image:none}

.nav-shell{background:rgba(243,241,233,.94)}
.nav-center a,.nav-right{
  min-height:auto;
  padding:4px 0;
  border:0;
  background:transparent;
  color:var(--ink);
}
.nav-center a:hover,.nav-right:hover{background:transparent;color:var(--accent)}
.nav-center{gap:34px}

.intro-simple{padding:0 0 clamp(72px,7vw,112px)}
.intro-simple .modern-intro-frame{min-height:calc(100svh - var(--nav-h));background:transparent}
.intro-simple .intro-simple-meta{
  min-height:42px;
  align-items:center;
  padding:0;
  border-bottom:1px solid var(--ink);
  color:var(--ink);
}
.intro-simple .intro-simple-main{
  min-height:calc(100svh - var(--nav-h) - 42px);
  grid-template-rows:auto minmax(32px,1fr) auto auto minmax(24px,.72fr) auto;
  padding:24px 0 0;
  border-top:0;
  border-bottom:0;
}
.intro-simple .intro-simple-brand{
  grid-column:1 / span 4;
  grid-row:1;
  align-items:center;
}
.intro-simple .intro-simple-brand .intro-logo-tile{width:26px;height:54px}
.intro-simple .intro-simple-brand .intro-logo-svg{width:20px;height:48px}
.intro-simple .intro-simple-brand strong{font-size:14px;font-weight:520;letter-spacing:-.015em}
.intro-simple .modern-intro-lede{
  grid-column:4 / span 6;
  grid-row:3;
  align-self:end;
  justify-self:center;
  max-width:42ch;
  margin:0 0 16px;
  font:600 clamp(10px,.86vw,13px)/1.16 var(--sans);
  letter-spacing:-.012em;
  text-align:center;
  text-transform:uppercase;
}
.intro-simple h1{
  grid-column:1 / -1;
  grid-row:4;
  align-self:center;
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:.18em;
  width:100%;
  font-size:clamp(68px,9.5vw,154px);
  font-weight:300;
  line-height:.78;
  letter-spacing:-.055em;
}
.intro-simple h1 span,.intro-simple h1 span:last-child{display:block;margin:0}
.intro-simple .modern-intro-actions{
  grid-column:1 / -1;
  grid-row:5;
  align-self:start;
  justify-self:center;
  justify-content:center;
  margin:20px 0 0;
}
.intro-capabilities{
  grid-column:1 / -1;
  grid-row:6;
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  border-top:1px solid var(--ink);
  border-bottom:1px solid var(--ink);
}
.intro-capabilities span{
  min-height:54px;
  display:flex;
  align-items:center;
  gap:12px;
  padding:10px 12px;
  border-left:1px solid var(--hair);
}
.intro-capabilities span:first-child{border-left:0;padding-left:0}
.intro-capabilities span:last-child{padding-right:0}
.intro-capabilities b{font-weight:500;color:var(--accent)}

.work{padding-top:clamp(88px,7vw,118px)}
.work-intro{
  padding:0 0 18px;
  border-bottom:1px solid var(--ink);
}
.work-intro .work-kicker{padding-top:10px}
.work-intro .work-heading{font-size:clamp(38px,3.35vw,54px)}
.work-intro .work-count{padding-top:10px}
.visual-index-shell{gap:clamp(28px,3vw,48px);border-top:0}
.visual-index-list{padding-top:0}
.visual-index-labels{min-height:38px;border-bottom:1px solid var(--ink)}
.project{border-bottom:1px solid var(--ink)}
.project::before{background:var(--accent)}
.project.focused::before{width:3px}
.project.focused .project-name{color:var(--ink);transform:translateX(7px)}
.project.focused .project-signal{transform:translateX(7px)}
.project-link{min-height:82px;padding:10px 0 9px}
.project-name{font-size:clamp(19px,1.55vw,27px);letter-spacing:-.014em}
.visual-stage{padding-left:0;border-left:0}
.visual-stage-top{
  min-height:38px;
  padding:0;
  border-bottom:1px solid var(--ink);
  background:transparent;
  color:var(--ink);
}
.visual-stage-media{border:0;box-shadow:none;background:#0a0a0a}
.visual-stage-bottom{padding-top:11px;border-top:1px solid var(--ink)}
.visual-index-note{border-top:1px solid var(--ink)}

.fragments-head,#about .simple-heading{border-top:1px solid var(--ink)}
.fragments-head .fragments-index,#about .simple-heading .section-kicker{padding-top:10px}
.archive-card{
  background:transparent;
  transition:color .25s ease;
}
.archive-card:hover{background:transparent;color:var(--ink)}
.archive-card:hover .archive-copy{box-shadow:inset 0 -3px 0 var(--accent)}
.archive-preview video,.archive-preview img{filter:saturate(.86)}
.archive-card:hover .archive-preview video,.archive-card:hover .archive-preview img{filter:saturate(1.08)}

@media (max-width:980px){
  .intro-simple h1{font-size:clamp(62px,9vw,108px)}
  .intro-simple .modern-intro-lede{grid-column:3 / span 8}
}

@media (max-width:680px){
  .nav-center{gap:18px}
  .intro-simple{padding-bottom:72px}
  .intro-simple .modern-intro-frame{min-height:720px}
  .intro-simple .intro-simple-main{
    min-height:670px;
    grid-template-columns:repeat(6,minmax(0,1fr));
    grid-template-rows:auto 1fr auto auto auto auto;
    row-gap:0;
    padding-top:20px;
  }
  .intro-simple .intro-simple-brand{grid-column:1 / -1}
  .intro-simple .modern-intro-lede{grid-column:1 / -1;grid-row:3;margin-bottom:18px;text-align:left;justify-self:start}
  .intro-simple h1{grid-column:1 / -1;grid-row:4;display:block;font-size:clamp(64px,19vw,104px);line-height:.8}
  .intro-simple h1 span:last-child{margin-left:7%}
  .intro-simple .modern-intro-actions{grid-column:1 / -1;grid-row:5;justify-self:start;justify-content:flex-start;margin:24px 0 30px}
  .intro-capabilities{grid-column:1 / -1;grid-row:6;grid-template-columns:1fr 1fr}
  .intro-capabilities span{min-height:42px;border-top:1px solid var(--hair)}
  .intro-capabilities span:nth-child(odd){border-left:0;padding-left:0}
  .intro-capabilities span:nth-child(-n+2){border-top:0}
  .work-intro .work-count{padding-top:0}
}

/* Editorial correction / intro + work table */
.intro-simple .intro-simple-main{
  min-height:calc(100svh - var(--nav-h) - 42px);
  grid-template-columns:repeat(12,minmax(0,1fr));
  grid-template-rows:auto minmax(36px,1fr) auto auto auto minmax(30px,.8fr) auto;
  padding:24px 0 0;
}
.intro-simple .intro-simple-brand{grid-column:1 / span 4;grid-row:1;margin:0}
.intro-simple .modern-intro-lede{
  grid-column:4 / span 6;grid-row:3;align-self:end;justify-self:center;
  max-width:43ch;margin:0 0 20px;font-size:clamp(10px,.85vw,13px);font-weight:650;
  line-height:1.16;letter-spacing:-.01em;text-align:center;text-transform:uppercase;color:var(--ink)
}
.intro-simple h1{
  grid-column:1 / -1;grid-row:4;display:flex;justify-content:center;gap:.13em;
  width:100%;margin:0;font-size:clamp(72px,10.1vw,172px);font-weight:780;
  line-height:.78;letter-spacing:-.075em;text-transform:uppercase;white-space:nowrap;text-align:center
}
.intro-simple h1 span,.intro-simple h1 span:last-child{display:inline;margin:0}
.intro-simple .modern-intro-actions{grid-column:1 / -1;grid-row:5;justify-self:center;justify-content:center;margin:20px 0 0}
.intro-capabilities{grid-column:1 / -1;grid-row:7}

.work-intro{grid-template-columns:minmax(280px,2fr) minmax(145px,1fr) minmax(145px,1fr) 72px;gap:8px 20px;align-items:end}
.work-intro .work-kicker{grid-column:1 / -1;grid-row:1}
.work-intro .work-heading{grid-column:1;grid-row:2;text-align:left;font-family:var(--display);font-weight:600;font-size:clamp(32px,3.4vw,54px);letter-spacing:-.03em;line-height:.95}
.work-intro .work-count{grid-column:2 / 4;grid-row:2;text-align:left;justify-self:start}
.visual-index-shell{display:block;position:relative;border-top:0}
.visual-index-list{width:100%;max-width:none;padding:0}
.visual-index-labels,.project-link{
  display:grid;grid-template-columns:minmax(280px,2fr) minmax(145px,1fr) minmax(145px,1fr) 72px;
  gap:20px;align-items:center
}
.visual-index-labels{min-height:42px;padding:0;border-bottom:1px solid var(--ink)}
.visual-index-labels span:last-child,.project-link .yr{text-align:right}
.project{border-bottom:1px solid var(--hair)}
.project::before{display:none}
.project-link{min-height:58px;padding:0;color:var(--ink);transition:background .25s ease,padding .35s var(--ease)}
.project-name{display:flex;align-items:center;gap:12px;font-size:clamp(16px,1.25vw,21px);font-weight:470;line-height:1.05;letter-spacing:-.025em}
.project-name i{width:26px;flex:0 0 26px;font:8px/1 var(--mono);font-style:normal;letter-spacing:.04em;color:var(--muted)}
.project-category,.project-client{font-size:clamp(12px,1vw,16px);line-height:1.15;color:var(--muted)}
.project-category{
  display:inline-flex;align-items:center;justify-self:start;
  padding:5px 12px;border-radius:999px;border:1px solid var(--hair);
  font:500 10px/1 var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--muted);
  transition:border-color .25s ease,color .25s ease
}
.project.focused .project-category,.project:hover .project-category{border-color:#ff552b;color:#ff552b}
.project.focused .project-link,.project:hover .project-link{padding-left:8px;background:rgba(12,12,11,.045)}
.project.focused .project-name,.project:hover .project-name{transform:none;color:var(--ink)}
.visual-index-shell .visual-stage{
  --stage-x:50vw;--stage-y:20vh;
  position:fixed;z-index:80;left:var(--stage-x);right:auto;top:var(--stage-y);width:min(38vw,520px);
  padding:7px;border:1px solid var(--ink);border-radius:18px;background:var(--paper);box-shadow:0 18px 70px rgba(0,0,0,.16);
  opacity:0;visibility:hidden;pointer-events:none;transform:scale(.985);transform-origin:top left;
  transition:opacity .25s ease,visibility .25s ease,transform .38s var(--ease)
}
.visual-index-shell .visual-stage.is-pointer-visible,.visual-index-shell:focus-within .visual-stage{opacity:1;visibility:visible;transform:scale(1)}
.visual-stage-media{min-height:0;aspect-ratio:16/10;border-radius:12px;overflow:hidden}
.visual-stage-bottom{padding:10px 3px 2px}

.simple-about{grid-template-columns:minmax(220px,.7fr) minmax(0,1.3fr) minmax(220px,.72fr);gap:5%;align-items:start}
.about-portrait{margin:0;border:1px solid var(--ink);background:#d9d7cf}
.about-portrait img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;object-position:center;filter:grayscale(1);transition:filter .35s ease}
.about-portrait:hover img{filter:grayscale(0)}
.about-portrait figcaption{padding:9px 10px;border-top:1px solid var(--ink)}

@media(max-width:900px){
  .visual-index-labels,.project-link{grid-template-columns:minmax(220px,1.7fr) 1fr 1fr 54px;gap:12px}
  .visual-index-shell .visual-stage{width:min(54vw,600px)}
  .simple-about{grid-template-columns:minmax(190px,.75fr) minmax(0,1.25fr)}
  .simple-details{grid-column:2}
}
@media(max-width:680px){
  .intro-simple .intro-simple-main{min-height:670px;grid-template-rows:auto 1fr auto auto auto 32px auto}
  .intro-simple .modern-intro-lede{grid-column:1 / -1;grid-row:3;justify-self:start;margin-bottom:18px;text-align:left}
  .intro-simple h1{grid-column:1 / -1;grid-row:4;display:block;font-size:clamp(62px,18vw,100px);line-height:.8;text-align:left;white-space:normal}
  .intro-simple h1 span{display:block}.intro-simple h1 span:last-child{margin-left:7%}
  .intro-simple .modern-intro-actions{grid-row:5;justify-self:start;justify-content:flex-start;margin-top:24px}
  .intro-capabilities{grid-row:7}
  .work-intro{grid-template-columns:1fr}.work-intro .work-heading{text-align:left}
  .visual-index-labels,.project-link{grid-template-columns:minmax(0,1fr) 48px;gap:2px 10px}
  .visual-index-labels span:nth-child(2),.visual-index-labels span:nth-child(3),.project-category{display:none}
  .project-link{min-height:62px;align-items:start}.project-name{font-size:16px}
  .project-name{grid-column:1;grid-row:1}
  .yr{grid-column:2;grid-row:1;padding-right:6px}
  .project-client{grid-column:1;grid-row:2;display:block;font-size:11px}
  .visual-index-shell .visual-stage{position:relative;inset:auto;order:initial;width:100%;margin-bottom:18px;opacity:1;visibility:visible;transform:none;box-shadow:none}
  .visual-index-shell .visual-stage.is-pointer-visible,.visual-index-shell:focus-within .visual-stage{transform:none}
  .simple-about{grid-template-columns:1fr;gap:22px}.simple-details{grid-column:auto}
}

/* Full-site fit guard: display type and media must never be clipped by the viewport. */
html,body{max-width:100%;overflow-x:clip}
img,video,iframe,svg{max-width:100%}
.system-case main,.system-case .wrap,.case-intro,.case-block,.work,.visual-index-shell,.project-link{min-width:0}
.system-case .case-intro h1,.intro-simple h1,.work-heading,.next-project>a{
  max-width:100%;overflow-wrap:anywhere;text-wrap:balance
}
.project-name,.project-category,.project-client{min-width:0;overflow-wrap:anywhere}
@media(max-width:680px){
  .system-case .case-intro h1{font-size:min(16vw,82px)!important;line-height:.86!important;letter-spacing:-.055em!important}
}

/* ---------------------------------------------------------
   FINAL TYPE SYSTEM / 2026-09
   One explicit hierarchy across the homepage and every case.
   --------------------------------------------------------- */
:root{
  --display:"neue-haas-unica","Helvetica Neue",Helvetica,Arial,sans-serif;
  --body:"acumin-pro","Helvetica Neue",Helvetica,Arial,sans-serif;
  --sans:var(--body);
}
body{font-family:var(--body);font-weight:400;line-height:1.5;letter-spacing:-.006em}
h1,h2,h3,.work-heading,.archive-client,.project-name{font-family:var(--display)}
.label,.case-intro__top,.section-head,.visual-index-labels,.intro-simple-meta{font-family:var(--mono);letter-spacing:.06em}

/* Homepage hero: identity lives in the navigation; the hero states value. */
.intro-simple .intro-simple-main{
  min-height:calc(100svh - var(--nav-h) - 42px);
  grid-template-rows:minmax(36px,1fr) auto auto auto minmax(42px,1fr);
  align-items:center;padding:0
}
.intro-simple .intro-eyebrow{
  grid-column:1 / -1;grid-row:2;justify-self:center;margin:0 0 clamp(18px,2vw,30px);
  color:var(--muted);text-align:center
}
.intro-simple h1{
  grid-column:1 / -1;grid-row:3;display:block;max-width:13ch;width:auto;margin:0 auto;
  font-family:var(--display);font-size:clamp(62px,8.7vw,148px);font-weight:400;
  line-height:.86;letter-spacing:-.062em;text-transform:none;white-space:normal;text-align:center
}
.intro-simple h1 span{display:block!important;margin:0!important}
.intro-simple .modern-intro-lede{
  grid-column:1 / -1;grid-row:4;align-self:start;justify-self:center;max-width:48ch;
  margin:clamp(24px,2.6vw,38px) 0 0;font-family:var(--body);font-size:clamp(16px,1.35vw,21px);
  font-weight:400;line-height:1.35;letter-spacing:-.012em;text-align:center;text-transform:none;color:var(--muted)
}
.intro-simple .modern-intro-actions{grid-column:1 / -1;grid-row:5;align-self:start;margin:clamp(22px,2vw,32px) 0 0}
.intro-simple .intro-simple-brand,.intro-simple .intro-capabilities{display:none!important}

/* Case title, section statement and body hierarchy. */
.system-case .case-intro h1,
.coinbase-case .cb-title,
.threebody-case h1{
  font-family:var(--display)!important;font-weight:400!important;
  line-height:.86!important;letter-spacing:-.06em!important
}
.system-case .case-intro__bottom>p,
.system-case .value-row>p,
.coinbase-case .cb-opening-bottom>p,
.coinbase-case .cb-value-line>p,
.coinbase-case .cb-proof-copy>p{
  font-family:var(--display);font-weight:300;
  font-size:clamp(23px,2.3vw,39px);line-height:1.14;letter-spacing:-.027em
}
.system-case h2,.system-case h3,
.coinbase-case h2,.coinbase-case h3,
.threebody-case h2,.threebody-case h3,
.next-project>a{
  font-family:var(--display)!important;font-weight:400!important;
  line-height:.96;letter-spacing:-.04em
}
.system-case p,.coinbase-case p,.threebody-case p,
.designbook-cover p,.designbook-copy p,.credit-row p,.proof-note,.cb-motion-intro{
  font-family:var(--body);font-weight:400;letter-spacing:-.006em
}
.system-case .case-block>p:not(.case-quote):not(.proof-note),
.threebody-case .copy>p{
  font-size:clamp(16px,1.12vw,19px);line-height:1.58
}
.system-case .case-quote{
  font-family:var(--display);font-weight:300;
  font-size:clamp(34px,4vw,68px);line-height:1.04;letter-spacing:-.038em
}
.case-intro__facts,.value-row>.label,.cb-value-line>.label,
.system-strip,.cb-principles,.designbook-index,figcaption.label{
  font-family:var(--mono);letter-spacing:.055em
}
.credit-row p,.cb-motion-intro{font-size:clamp(16px,1.15vw,20px);line-height:1.55}
.proof-note{font-size:15px;line-height:1.6}
.designbook-cover h2,.designbook-copy h3{font-family:var(--display);font-weight:400}
.designbook-cover p{font-size:clamp(18px,1.8vw,30px);line-height:1.25}
.designbook-copy p{font-size:clamp(15px,1.08vw,19px);line-height:1.52}

@media(max-width:680px){
  .intro-simple .intro-simple-main{min-height:630px;grid-template-rows:minmax(28px,1fr) auto auto auto minmax(36px,1fr)}
  .intro-simple .intro-eyebrow{grid-row:2;justify-self:start;text-align:left;margin-bottom:18px}
  .intro-simple h1{grid-row:3;font-size:clamp(52px,15vw,82px);line-height:.88;text-align:left;margin:0}
  .intro-simple .modern-intro-lede{grid-row:4;justify-self:start;max-width:31ch;text-align:left;margin-top:22px}
  .intro-simple .modern-intro-actions{grid-row:5;justify-self:start;justify-content:flex-start;margin-top:24px}
  .system-case .case-intro__bottom>p,.system-case .value-row>p,
  .coinbase-case .cb-opening-bottom>p,.coinbase-case .cb-value-line>p,.coinbase-case .cb-proof-copy>p{font-size:25px;line-height:1.17}
}

/* Coinbase: clearer hierarchy and larger ambient studies. */
.coinbase-case .cb-title{font-size:clamp(64px,9.6vw,174px);max-width:10ch;white-space:normal}
.coinbase-case .cb-opening-bottom>p{max-width:44ch;font-family:var(--body);font-size:clamp(18px,1.55vw,25px);font-weight:400;line-height:1.42;letter-spacing:-.01em}
.coinbase-case .cb-value-line>p,.coinbase-case .cb-proof-copy>p{max-width:48ch;font-family:var(--body);font-size:clamp(20px,1.8vw,30px);font-weight:400;line-height:1.38;letter-spacing:-.015em}
.coinbase-case .cb-ambient-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.coinbase-case .cb-ambient-grid .is-wide video{aspect-ratio:426/132}

/* Project handoff: title and utility link must not compete. */
.next-project{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--grid-gap);align-items:start;padding:16px 0 clamp(64px,7vw,104px);border-top:1px solid currentColor}
.next-project>.label{grid-column:1 / span 2;padding-top:8px}
.next-project>a{grid-column:3 / span 7;margin:0;font-family:var(--display)!important;font-size:clamp(44px,5.6vw,92px)!important;font-weight:400!important;line-height:.9!important;letter-spacing:-.055em!important}
.next-project>.case-back{grid-column:10 / -1;align-self:start;padding-top:9px;text-align:right}
.next-project .case-back a{display:inline!important;margin:0!important;font-family:var(--mono)!important;font-size:9px!important;font-weight:500!important;line-height:1.4!important;letter-spacing:.06em!important;text-transform:uppercase}
@media(max-width:680px){
  .coinbase-case .cb-ambient-grid{grid-template-columns:1fr}
  .next-project{grid-template-columns:1fr;padding-bottom:64px;row-gap:24px}
  .next-project>.label,.next-project>a,.next-project>.case-back{grid-column:1;text-align:left}
.next-project>.case-back{padding-top:0}.next-project>a{font-size:44px!important}
}

/* Final viewport fit pass. */
.intro-simple h1 span{white-space:normal!important}
.system-case .case-intro h1,.work-heading,.next-project>a{max-width:100%;overflow-wrap:anywhere}
.section-head>span,.case-intro__top>span{min-width:0;overflow-wrap:anywhere}

/* 2026-09-22 / Intro composition — Swiss editorial lockup. */
.intro-simple .intro-simple-main{
  position:relative;min-height:calc(100svh - var(--nav-h) - 42px);
  display:grid;grid-template-columns:repeat(12,minmax(0,1fr));
  grid-template-rows:minmax(40px,1fr) auto auto auto minmax(48px,1fr);
  column-gap:0;align-items:start;padding:0;
  background-image:repeating-linear-gradient(90deg,transparent 0,transparent calc(8.333333% - 1px),rgba(15,15,14,.11) calc(8.333333% - 1px),rgba(15,15,14,.11) 8.333333%)
}
.intro-simple .intro-eyebrow{
  grid-column:3 / span 4;grid-row:2;justify-self:start;align-self:end;
  margin:0 0 clamp(12px,1.2vw,18px);padding-left:8px;text-align:left;color:var(--muted)
}
.intro-wordmark{
  grid-column:2 / span 10;grid-row:3;display:block;
  border-bottom:1px solid var(--ink);padding:0 0 clamp(8px,.8vw,13px)
}
.intro-simple h1{
  width:100%;max-width:none;margin:0;padding:0 clamp(8px,.65vw,12px);
  font-size:clamp(72px,10.4vw,178px);font-weight:650;line-height:.72;
  letter-spacing:-.082em;text-align:left;white-space:nowrap!important
}
.wordmark-dot{display:inline!important;margin:0!important;color:#ff4b22;letter-spacing:-.04em}
.brand-wordmark{display:inline-flex;align-items:center;gap:10px;font-family:var(--display);font-weight:650;letter-spacing:-.045em}
.brand-wordmark .wordmark-dot{color:#ff4b22}
.nav-mark{display:grid;width:30px;height:30px;flex:0 0 30px;place-items:center;overflow:hidden;border-radius:50%;background:#141413}
.nav-mark img{display:block;width:14px;height:auto;max-width:none;filter:brightness(0) invert(1)}
.footer-wordmark{font-family:var(--display);font-size:18px;font-weight:650;line-height:1;letter-spacing:-.05em}
.intro-simple{min-height:0!important;padding:clamp(42px,5vw,74px) 0 clamp(64px,7vw,104px)!important}
.intro-simple .modern-intro-frame{min-height:0!important}
.intro-simple .intro-simple-main{
  width:min(78%,920px);min-height:480px;margin:clamp(30px,4vw,58px) 0 0 8.333333%;
  padding:clamp(18px,2vw,28px);grid-template-columns:repeat(8,minmax(0,1fr));
  grid-template-rows:18px auto auto auto 1fr auto;border:1px solid var(--ink);
  border-radius:0 clamp(36px,4vw,62px) 0 0;
  background-color:var(--paper);
  background-image:repeating-linear-gradient(90deg,transparent 0,transparent calc(12.5% - 1px),rgba(15,15,14,.085) calc(12.5% - 1px),rgba(15,15,14,.085) 12.5%)
}
.intro-simple .intro-eyebrow{grid-column:1 / span 3;grid-row:2;margin:0 0 18px;padding:0;align-self:start}
.intro-wordmark{grid-column:1 / span 6;grid-row:3;padding:0 0 14px;border-bottom:1px solid var(--ink)}
.intro-simple h1{
  padding:0;font-size:clamp(60px,6.8vw,108px);font-weight:650;line-height:.78;
  letter-spacing:-.075em;white-space:normal!important
}
.intro-simple h1 span{display:block!important;white-space:nowrap!important}
.intro-simple h1 .wordmark-dot{display:inline!important;margin:0!important;font-style:normal;color:#ff4b22}
.intro-simple .modern-intro-lede{
  grid-column:1 / span 5;grid-row:4;margin:12px 0 0;padding:0;max-width:42ch;
  font-size:13px;line-height:1.42
}
.intro-simple .modern-intro-actions{
  grid-column:1 / span 6;grid-row:6;margin:0;padding:0;align-self:end;justify-self:start
}
.intro-simple .modern-intro-lede{
  grid-column:3 / span 7;grid-row:4;justify-self:start;align-self:start;max-width:none;
  margin:8px 0 0;padding-left:8px;font-family:var(--body);font-size:clamp(13px,1.05vw,17px);
  line-height:1.35;letter-spacing:-.012em;text-align:left;color:var(--ink)
}
.intro-simple .modern-intro-actions{
  grid-column:3 / span 7;grid-row:5;justify-self:start;justify-content:flex-start;
  align-self:start;margin:clamp(26px,3vw,44px) 0 0;padding-left:8px
}

/* About — smaller portrait, more room for experience and awards. */
.simple-about{
  display:grid!important;grid-template-columns:2fr 4.2fr 3.2fr 2fr!important;
  gap:var(--grid-gap)!important;align-items:start
}
.about-portrait{max-width:220px;width:100%;justify-self:start}
.about-portrait img{aspect-ratio:1/1;object-position:center}
.about-copy p{font-size:clamp(17px,1.35vw,22px);line-height:1.48;margin:0 0 18px}
.about-copy .about-experience{margin-top:34px;font-size:8px;line-height:1.55;color:var(--muted)}
.about-awards,.simple-details{padding-top:0}
.about-awards>p,.simple-details>p.label{margin:0 0 18px;font-size:8px}
.about-awards ul{list-style:none;margin:0;padding:0}
.about-awards li{display:grid;grid-template-columns:42px 1fr;gap:8px;padding:8px 0;border-bottom:1px solid var(--hair);font-size:13px;line-height:1.28}
.about-awards li span{font-family:var(--mono);font-size:8px;padding-top:3px;color:var(--muted)}
.simple-details p:not(.label){font-size:13px;line-height:1.5;margin:0 0 20px}
.simple-details a{font-size:12px;margin-top:11px}

@media(max-width:900px){
  .intro-wordmark{grid-column:1 / -1}
  .intro-simple .intro-eyebrow,.intro-simple .modern-intro-lede,.intro-simple .modern-intro-actions{grid-column:2 / span 9}
  .intro-simple h1{font-size:clamp(64px,11.4vw,110px)}
  .simple-about{grid-template-columns:1.4fr 3fr 2.1fr!important}
  .simple-details{grid-column:2 / -1;margin-top:30px}
}
@media(max-width:680px){
  .intro-simple .intro-simple-main{
    min-height:640px;grid-template-columns:repeat(6,minmax(0,1fr));
    grid-template-rows:minmax(60px,1fr) auto auto auto minmax(48px,1fr)
  }
  .intro-simple .intro-eyebrow{grid-column:1 / span 4;grid-row:2;margin:0 0 12px;padding-left:0}
  .intro-wordmark{grid-column:1 / -1;grid-row:3;padding-bottom:8px}
  .intro-simple h1{font-size:clamp(43px,13vw,68px);line-height:.78;padding:0;white-space:nowrap!important}
  .intro-simple .modern-intro-lede{grid-column:1 / -1;grid-row:4;margin-top:8px;padding-left:0;font-size:13px}
  .intro-simple .modern-intro-actions{grid-column:1 / -1;grid-row:5;margin-top:24px;padding-left:0}
  .simple-about{grid-template-columns:1fr!important;gap:28px!important}
  .about-portrait{max-width:170px}.simple-details{grid-column:auto;margin-top:0}
}

/* Compact intro card — final responsive pass. */
.intro-simple .intro-simple-main{
  width:min(78%,920px);min-height:480px;margin:clamp(30px,4vw,58px) 0 0 8.333333%;
  padding:clamp(18px,2vw,28px);grid-template-columns:repeat(8,minmax(0,1fr));
  grid-template-rows:18px auto auto auto 1fr auto
}
.intro-simple .intro-eyebrow{grid-column:1 / span 3;grid-row:2;margin:0 0 18px;padding:0;align-self:start}
.intro-wordmark{grid-column:1 / span 6;grid-row:3;padding:0 0 14px}
.intro-simple h1{font-size:clamp(60px,6.8vw,108px);line-height:.78;padding:0;white-space:normal!important}
.intro-simple .modern-intro-lede{
  grid-column:1 / span 5;grid-row:4;margin:12px 0 0;padding:0;max-width:42ch;
  font-family:var(--body);font-size:13px;line-height:1.42
}
.intro-simple .modern-intro-actions{
  grid-column:1 / span 6;grid-row:6;margin:0;padding:0;align-self:end;justify-self:start
}
@media(max-width:900px){
  .intro-simple .intro-simple-main{width:88%;margin-left:6%;min-height:460px}
  .intro-wordmark{grid-column:1 / span 7}.intro-simple h1{font-size:clamp(58px,9vw,84px)}
  .intro-simple .modern-intro-lede{grid-column:1 / span 6}
}
@media(max-width:680px){
  .intro-simple{padding:30px 0 64px!important}
  .intro-simple .intro-simple-main{
    width:100%;min-height:430px;margin:22px 0 0;padding:18px;
    grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:14px auto auto auto 1fr auto;
    border-radius:0 34px 0 0
  }
  .intro-simple .intro-eyebrow{grid-column:1 / span 4;grid-row:2;margin-bottom:14px}
  .intro-wordmark{grid-column:1 / -1;grid-row:3;padding-bottom:10px}
  .intro-simple h1{font-size:clamp(48px,15vw,66px);line-height:.78}
  .intro-simple .modern-intro-lede{grid-column:1 / -1;grid-row:4;margin-top:10px;font-size:13px}
  .intro-simple .modern-intro-actions{grid-column:1 / -1;grid-row:6;margin:0}
}

/* About — four equal columns and one consistent rule system. */
.simple-about{
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:clamp(20px,2.2vw,38px)!important;align-items:start
}
.simple-about>*{
  min-width:0;border:0!important;
  padding:0!important
}
.about-portrait{width:100%;max-width:none;margin:0;background:transparent!important}
.about-portrait img{display:block;width:min(100%,240px);aspect-ratio:1/1;object-fit:cover;object-position:center}
.about-portrait figcaption{width:min(100%,240px);padding:8px 0 0!important;border:0!important;background:transparent}
.about-copy p{margin:0 0 18px;font-size:clamp(16px,1.15vw,19px);line-height:1.48}
.about-copy .about-experience{margin-top:28px;font-size:8px;line-height:1.55}
.about-awards>p,.simple-details>p.label{margin:0 0 18px;font-size:8px}
.about-awards li{
  grid-template-columns:38px minmax(0,1fr);gap:8px;padding:6px 0;
  border:0!important;font-size:12px;line-height:1.32
}
.simple-details p:not(.label){margin:0 0 18px;font-size:12px;line-height:1.48}
.simple-details a{
  display:inline-block;margin:8px 14px 0 0;padding-bottom:2px;
  border-bottom:1px solid currentColor;font-size:11px;text-decoration:none
}
@media(max-width:1050px){
  .simple-about{grid-template-columns:repeat(2,minmax(0,1fr))!important;row-gap:42px!important}
}
@media(max-width:620px){
  .simple-about{grid-template-columns:1fr!important;gap:34px!important}
  .about-portrait img,.about-portrait figcaption{width:min(72%,230px)}
}

/* Intro refinement — keep the compact card, remove decorative grid noise. */
.work{border-top:0!important}
.intro-simple .intro-simple-main{
  background-image:none!important;
  grid-template-rows:18px auto auto auto minmax(44px,1fr) auto
}
.intro-simple .modern-intro-lede{
  grid-column:1 / span 7;
  max-width:24ch;
  margin-top:clamp(18px,2vw,28px);
  font-family:var(--display);
  font-size:clamp(20px,2vw,30px);
  font-weight:400;
  line-height:1.04;
  letter-spacing:-.035em;
}
@media(max-width:900px){
  .intro-simple .modern-intro-lede{grid-column:1 / span 7;font-size:clamp(19px,2.8vw,27px)}
}
@media(max-width:680px){
  .intro-simple .intro-simple-main{grid-template-rows:14px auto auto auto minmax(34px,1fr) auto}
  .intro-simple .modern-intro-lede{
    grid-column:1 / -1;
    max-width:22ch;
    margin-top:18px;
    font-size:clamp(20px,6vw,27px);
    line-height:1.06
  }
}