.experiment-sheet{background:#111110}.experiment-cover{position:relative;min-height:100svh;overflow:hidden;background:#101010}.experiment-cover>canvas{position:absolute;inset:0;width:100%;height:100%}.experiment-cover::after{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.18),transparent 40%,rgba(0,0,0,.66));content:"";pointer-events:none}.project-back,.project-ledger-dark,.project-cover-copy,.project-cover-meta{position:absolute;z-index:2}.project-back{top:clamp(104px,10vw,145px);left:var(--pad);color:#eee;font-family:var(--sans);font-size:11px;font-weight:800;letter-spacing:.06em;transition:color .25s ease,transform .25s ease}.project-back:hover{color:var(--lime);transform:translateX(-4px)}.project-ledger-dark{top:clamp(104px,10vw,145px);right:var(--pad);left:var(--pad);display:grid;grid-template-columns:1fr 1fr 1fr;margin-left:clamp(155px,20vw,350px);color:#adadb2;font-family:var(--sans);font-size:10px;font-weight:800;letter-spacing:.07em}.project-ledger-dark span:nth-child(2){text-align:center;color:var(--lime)}.project-ledger-dark span:last-child{text-align:right}.project-cover-copy{bottom:clamp(105px,14vw,190px);left:var(--pad);max-width:850px}.project-cover-copy>p:first-child,.project-cover-meta{font-family:var(--sans);font-size:10px;font-weight:800;letter-spacing:.07em}.project-cover-copy>p:first-child{margin-bottom:27px;color:var(--lime)}.project-cover-copy h1{font-size:clamp(70px,11.5vw,190px);font-weight:650;line-height:.7;letter-spacing:-.115em}.project-cover-copy>p:last-child{max-width:440px;margin-top:38px;color:#c2c2c7;font-size:clamp(17px,1.7vw,25px);line-height:1.18;letter-spacing:-.033em}.project-cover-meta{right:var(--pad);bottom:27px;left:var(--pad);display:flex;justify-content:space-between;color:#a5a5aa}.project-cover-meta span:first-child{color:#fff}.project-brief{display:grid;grid-template-columns:.58fr 1.5fr;gap:8vw;padding:clamp(120px,16vw,245px) var(--pad);background:#f3f3f4;color:#151515}.project-brief .section-index{color:#737378}.project-brief h2,.project-outputs h2,.code-intro h2{font-size:clamp(52px,6.9vw,124px);font-weight:650;line-height:.8;letter-spacing:-.1em}.project-brief h2 em,.project-outputs h2 em,.code-intro h2 em{color:#96969c;font-style:normal;font-weight:400}.project-brief p:last-child{max-width:555px;margin-top:42px;color:#5e5e63;font-size:clamp(18px,1.7vw,26px);line-height:1.17;letter-spacing:-.03em}.project-outputs{padding:clamp(110px,14vw,220px) var(--pad);background:#171717}.project-outputs header{display:grid;grid-template-columns:.58fr 1.5fr;gap:8vw}.project-outputs .section-index{color:#9b9ba1}.output-grid{display:grid;grid-template-columns:1.38fr .8fr;gap:10px;margin-top:clamp(65px,9vw,135px)}.output-frame{position:relative;min-height:clamp(290px,34vw,560px);margin:0;overflow:hidden;background:#0e0e0d}.output-frame--wide{grid-row:span 2;min-height:clamp(600px,65vw,950px)}.output-frame canvas{position:absolute;inset:0;width:100%;height:100%}.output-frame figcaption{position:absolute;z-index:2;bottom:15px;left:16px;color:#f4f4f4;font-family:var(--sans);font-size:10px;font-weight:800;letter-spacing:.07em}.project-code{display:grid;grid-template-columns:.75fr 1.25fr;gap:clamp(42px,7vw,130px);padding:clamp(110px,15vw,230px) var(--pad);background:#0d0d0c}.code-intro .section-index{margin-bottom:30px;color:#9b9ba0}.code-intro>p:last-child{max-width:360px;margin-top:35px;color:#a7a7ac;font-size:17px;line-height:1.3}.code-window{overflow:hidden;border:1px solid rgba(255,255,255,.22);background:#151514}.code-window>div{display:flex;justify-content:space-between;padding:15px 17px;border-bottom:1px solid rgba(255,255,255,.18);color:#a7a7ac;font-family:var(--sans);font-size:10px;font-weight:800;letter-spacing:.07em}.code-window>div b{color:var(--lime)}.code-window pre{min-height:360px;margin:0;padding:clamp(24px,3vw,46px);overflow:auto;color:#eaeae5;font:500 clamp(12px,1.1vw,15px)/1.75 "SFMono-Regular",Consolas,monospace;white-space:pre-wrap}.project-variables{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:0;border-top:1px solid rgba(255,255,255,.22)}.project-variables div{display:flex;flex-direction:column;gap:9px;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.22)}.project-variables div:nth-child(odd){padding-right:18px}.project-variables div:nth-child(even){padding-left:18px;border-left:1px solid rgba(255,255,255,.22)}.project-variables dt{color:#99999f;font-family:var(--sans);font-size:9px;font-weight:800;letter-spacing:.07em}.project-variables dd{margin:0;color:#fff;font-size:18px;letter-spacing:-.025em}
@media(max-width:850px){.project-back{top:87px;left:20px;font-size:9px}.project-ledger-dark{top:87px;right:20px;left:20px;margin-left:0;padding-top:32px;font-size:8px}.project-ledger-dark span:nth-child(2){display:none}.project-ledger-dark{grid-template-columns:1fr 1fr}.project-cover-copy{right:20px;bottom:91px;left:20px}.project-cover-copy>p:first-child{margin-bottom:21px;font-size:8px}.project-cover-copy h1{font-size:18vw}.project-cover-copy>p:last-child{margin-top:27px;font-size:18px}.project-cover-meta{right:20px;bottom:25px;left:20px;font-size:8px}.project-cover-meta span:last-child{display:none}.project-brief,.project-outputs header,.project-code{grid-template-columns:1fr;gap:35px}.project-brief{padding:110px 20px}.project-brief h2,.project-outputs h2,.code-intro h2{font-size:15vw}.project-brief p:last-child{margin-top:30px;font-size:20px}.project-outputs{padding:105px 20px}.output-grid{grid-template-columns:1fr;gap:8px;margin-top:60px}.output-frame,.output-frame--wide{min-height:76vw;grid-row:auto}.output-frame--wide{min-height:120vw}.project-code{padding:105px 20px}.code-intro>p:last-child{margin-top:28px}.code-window pre{min-height:330px;padding:24px 20px;font-size:12px}.project-variables{margin-top:0}.orbit-footer{grid-template-columns:1fr;gap:40px;padding:105px 20px 25px}}

/* LAB detail refinement layer. */
.experimental-project-page .project-cover-copy,.experimental-project-page .project-cover-meta span:first-child,.experimental-project-page .output-frame figcaption,.experimental-project-page .code-window>div{background:rgba(16,16,15,.44);border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(18px) saturate(118%);-webkit-backdrop-filter:blur(18px) saturate(118%)}
.experimental-project-page .project-cover-copy{padding:22px 24px 24px;border-radius:18px}
.experimental-project-page .project-cover-meta span:first-child{padding:9px 13px;border-radius:999px}
.experimental-project-page .project-cover-meta span:last-child{display:none}
.experimental-project-page .project-brief{grid-template-columns:minmax(360px,.82fr) minmax(460px,1.18fr);align-items:center;min-height:78vh;background:#f1f1f2}
.experimental-project-page .brief-copy{max-width:620px}
.experimental-project-page .brief-copy h2{margin-top:0}
.experimental-project-page .brief-graphic{position:relative;min-height:clamp(420px,48vw,690px);margin:0;overflow:hidden;border-radius:var(--fillet);background:#141413;box-shadow:0 28px 70px rgba(0,0,0,.14)}
.experimental-project-page .brief-graphic canvas,.experimental-project-page .output-gallery canvas{position:absolute;inset:0;width:100%;height:100%}
.experimental-project-page .brief-graphic figcaption,.experimental-project-page .output-frame figcaption{position:absolute;z-index:2;left:16px;bottom:15px;color:#f4f4f4;font-family:var(--sans);font-size:10px;font-weight:800;letter-spacing:.07em}
.experimental-project-page .project-outputs{display:grid;grid-template-columns:minmax(360px,.72fr) minmax(560px,1.28fr);gap:clamp(44px,7vw,120px);align-items:center;min-height:100vh}
.experimental-project-page .project-outputs header{display:block;max-width:620px}
.experimental-project-page .project-outputs header h2{margin-top:22px}
.experimental-project-page .project-outputs header>p:last-child{max-width:420px;margin-top:28px;color:#a7a7ac;font-size:18px;line-height:1.3}
.experimental-project-page .output-gallery{position:relative}
.experimental-project-page .output-gallery .output-frame--wide{min-height:clamp(520px,58vw,820px);grid-row:auto}
.experimental-project-page .output-switch{position:absolute;z-index:4;right:18px;bottom:18px;display:flex;gap:8px;padding:8px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(15,15,14,.42);backdrop-filter:blur(16px) saturate(120%);-webkit-backdrop-filter:blur(16px) saturate(120%)}
.experimental-project-page .output-switch button{display:grid;width:36px;height:36px;place-items:center;border:1px solid rgba(255,255,255,.26);border-radius:50%;color:rgba(255,255,255,.68);font-family:var(--sans);font-size:11px;font-weight:800;transition:background-color .28s cubic-bezier(.22,1,.36,1),color .28s cubic-bezier(.22,1,.36,1),transform .22s cubic-bezier(.22,1,.36,1)}
.experimental-project-page .output-switch button.is-active,.experimental-project-page .output-switch button:focus-visible{background:#fff;color:#111;outline:none;transform:scale(1.035)}
.experimental-project-page .output-switch button:active{transform:scale(.98)}
@media(max-width:850px){.experimental-project-page .project-cover-copy{padding:18px}.experimental-project-page .project-brief,.experimental-project-page .project-outputs{display:grid!important;grid-template-columns:1fr!important;min-height:auto;gap:28px!important}.experimental-project-page .brief-graphic{min-height:118vw}.experimental-project-page .project-outputs header>p:last-child{font-size:16px}.experimental-project-page .output-gallery .output-frame--wide{min-height:118vw!important}.experimental-project-page .output-switch{right:14px;bottom:14px}}
/* 2026-09-09 / LAB project composition corrections */
.experimental-project-page .project-ledger-dark{display:none!important}
.experimental-project-page .experiment-cover{display:grid;grid-template-columns:minmax(360px,.68fr) minmax(560px,1.32fr);align-items:center;gap:clamp(40px,6vw,110px);min-height:100dvh;padding:clamp(92px,8vw,128px) var(--pad) clamp(46px,5vw,76px);overflow:hidden}
.experimental-project-page .experiment-cover>canvas{position:relative!important;inset:auto!important;z-index:1;width:100%!important;height:min(72dvh,760px)!important;min-height:520px;border-radius:var(--fillet);background:#10100f;box-shadow:0 30px 90px rgba(0,0,0,.34);transform:none!important;align-self:center;justify-self:stretch;order:2}
.experimental-project-page .experiment-cover::after{z-index:1;background:linear-gradient(90deg,rgba(0,0,0,.62),rgba(0,0,0,.16) 42%,rgba(0,0,0,.24));border-radius:inherit}
.experimental-project-page .project-cover-copy{position:relative!important;z-index:3;left:auto!important;right:auto!important;bottom:auto!important;top:auto!important;order:1;align-self:center;max-width:min(620px,42vw);padding:0!important;border:0!important;background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.experimental-project-page .project-cover-copy h1{font-size:clamp(82px,8.6vw,158px);line-height:.74;letter-spacing:-.105em}
.experimental-project-page .project-cover-copy>p:last-child{max-width:500px;margin-top:28px}
.experimental-project-page .project-cover-meta{left:var(--pad);right:auto;bottom:clamp(24px,3vw,40px);z-index:3}
.experimental-project-page .project-cover-meta span:first-child{background:rgba(16,16,15,.38);border-color:rgba(255,255,255,.12)}
.experimental-project-page .project-back{z-index:4}
.experimental-project-page .project-brief{grid-template-columns:minmax(380px,.72fr) minmax(560px,1.28fr)!important;gap:clamp(42px,6vw,100px)!important;align-items:center!important;padding-top:clamp(86px,9vw,150px)!important;padding-bottom:clamp(86px,9vw,150px)!important}
.experimental-project-page .brief-copy{grid-column:1;max-width:560px!important;justify-self:start;text-align:left}
.experimental-project-page .brief-copy h2,.experimental-project-page .project-outputs header h2{max-width:620px;font-size:clamp(54px,5.7vw,104px)!important;line-height:.84!important;letter-spacing:-.075em!important;text-align:left}
.experimental-project-page .brief-copy p:last-child{max-width:500px!important}
.experimental-project-page .brief-graphic{grid-column:2;min-height:clamp(500px,52vw,760px)!important;align-self:center;justify-self:stretch}
.experimental-project-page .project-outputs{grid-template-columns:minmax(380px,.72fr) minmax(600px,1.28fr)!important;gap:clamp(42px,6vw,104px)!important;align-items:center!important;padding-top:clamp(88px,9vw,150px)!important;padding-bottom:clamp(88px,9vw,150px)!important}
.experimental-project-page .project-outputs header{grid-column:1;justify-self:start;text-align:left;max-width:560px!important}
.experimental-project-page .output-gallery{grid-column:2;align-self:center;justify-self:stretch}
.experimental-project-page .output-gallery .output-frame--wide{min-height:clamp(540px,56dvh,740px)!important}
.experimental-project-page .visual-switch{position:absolute;z-index:4;right:18px;bottom:18px;display:flex;gap:8px;padding:8px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(15,15,14,.44);backdrop-filter:blur(16px) saturate(120%);-webkit-backdrop-filter:blur(16px) saturate(120%)}
.experimental-project-page .visual-switch button{display:grid;width:36px;height:36px;place-items:center;border:1px solid rgba(255,255,255,.26);border-radius:50%;background:transparent;color:rgba(255,255,255,.72);font-family:var(--sans);font-size:11px;font-weight:800;transition:background-color .28s cubic-bezier(.22,1,.36,1),color .28s cubic-bezier(.22,1,.36,1),transform .22s cubic-bezier(.22,1,.36,1)}
.experimental-project-page .visual-switch button.is-active,.experimental-project-page .visual-switch button:focus-visible{background:#fff;color:#111;outline:none;transform:scale(1.035)}
.experimental-project-page .brief-switch{right:18px;bottom:18px}
@media(max-width:850px){
  .experimental-project-page .experiment-cover{display:block;min-height:100svh;padding:88px 20px 28px}
  .experimental-project-page .experiment-cover>canvas{position:absolute!important;inset:88px 20px 28px 20px!important;width:auto!important;height:auto!important;min-height:0;border-radius:22px;opacity:.86}
  .experimental-project-page .experiment-cover::after{background:linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,.18) 30%,rgba(0,0,0,.72))}
  .experimental-project-page .project-cover-copy{position:absolute!important;right:20px!important;bottom:88px!important;left:20px!important;max-width:none!important;padding:18px!important;border:1px solid rgba(255,255,255,.1)!important;background:rgba(16,16,15,.42)!important;backdrop-filter:blur(18px) saturate(118%)!important;-webkit-backdrop-filter:blur(18px) saturate(118%)!important}
  .experimental-project-page .project-cover-copy h1{font-size:17vw}
  .experimental-project-page .project-brief,.experimental-project-page .project-outputs{grid-template-columns:1fr!important;gap:28px!important;padding-top:86px!important;padding-bottom:86px!important}
  .experimental-project-page .brief-copy,.experimental-project-page .brief-graphic,.experimental-project-page .project-outputs header,.experimental-project-page .output-gallery{grid-column:1!important;max-width:none!important;width:100%}
  .experimental-project-page .brief-copy h2,.experimental-project-page .project-outputs header h2{font-size:14vw!important;max-width:100%}
  .experimental-project-page .brief-graphic,.experimental-project-page .output-gallery .output-frame--wide{min-height:min(118vw,620px)!important}
  .experimental-project-page .visual-switch{right:14px;bottom:14px}
}
/* 2026-09-09 / LAB cover: animated project field as background, copy aligned left */
.experimental-project-page .experiment-cover{
  display:block!important;
  position:relative!important;
  min-height:100dvh!important;
  padding:0!important;
  overflow:hidden!important;
  background:#090908!important;
}
.experimental-project-page .experiment-cover>canvas{
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  border-radius:0!important;
  background:#090908!important;
  box-shadow:none!important;
  opacity:.82!important;
  transform:none!important;
}
.experimental-project-page .experiment-cover::before{
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(9,9,8,.9) 0%,rgba(9,9,8,.72) 34%,rgba(9,9,8,.34) 68%,rgba(9,9,8,.72) 100%),linear-gradient(180deg,rgba(9,9,8,.32),rgba(9,9,8,.08) 48%,rgba(9,9,8,.7));
  content:"";
}
.experimental-project-page .experiment-cover::after{
  z-index:1!important;
  background:radial-gradient(circle at 28% 50%,rgba(var(--lab-red-rgb),.1),transparent 35%),linear-gradient(180deg,rgba(0,0,0,.12),transparent 44%,rgba(0,0,0,.5))!important;
}
.experimental-project-page .project-cover-copy{
  position:absolute!important;
  z-index:3!important;
  top:50%!important;
  bottom:auto!important;
  left:var(--pad)!important;
  right:auto!important;
  width:min(860px,54vw)!important;
  max-width:min(860px,54vw)!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  text-align:left!important;
  transform:translateY(-42%)!important;
}
.experimental-project-page .project-cover-copy>p:first-child{
  margin-bottom:clamp(22px,2.6vw,38px)!important;
  color:var(--lime)!important;
  text-align:left!important;
}
.experimental-project-page .project-cover-copy h1{
  max-width:760px!important;
  font-size:clamp(78px,9.2vw,172px)!important;
  line-height:.72!important;
  letter-spacing:-.108em!important;
  color:#f4f4f1!important;
  text-align:left!important;
}
.experimental-project-page .project-cover-copy>p:last-child{
  max-width:500px!important;
  margin-top:clamp(22px,2.6vw,36px)!important;
  color:rgba(244,244,241,.78)!important;
  font-size:clamp(18px,1.55vw,25px)!important;
  line-height:1.16!important;
  text-align:left!important;
}
.experimental-project-page .project-cover-meta,
.experimental-project-page .project-cover-meta span,
.experimental-project-page .project-ledger-dark{
  display:none!important;
}
.experimental-project-page .project-back{
  z-index:4!important;
}
@media(max-width:850px){
  .experimental-project-page .experiment-cover{
    min-height:100svh!important;
    padding:0!important;
  }
  .experimental-project-page .experiment-cover>canvas{
    inset:0!important;
    width:100%!important;
    height:100%!important;
    opacity:.78!important;
  }
  .experimental-project-page .experiment-cover::before{
    background:linear-gradient(180deg,rgba(9,9,8,.45),rgba(9,9,8,.24) 34%,rgba(9,9,8,.86) 100%),linear-gradient(90deg,rgba(9,9,8,.82),rgba(9,9,8,.36));
  }
  .experimental-project-page .project-cover-copy{
    top:auto!important;
    right:20px!important;
    bottom:clamp(76px,16svh,130px)!important;
    left:20px!important;
    width:auto!important;
    max-width:none!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    transform:none!important;
  }
  .experimental-project-page .project-cover-copy h1{
    max-width:100%!important;
    font-size:clamp(64px,18vw,96px)!important;
    line-height:.76!important;
  }
  .experimental-project-page .project-cover-copy>p:last-child{
    max-width:330px!important;
    font-size:18px!important;
  }
}


/* 2026-09-09 / Grasshopper visual frame replaces code block */
html:has(body.experimental-project-page),
html:has(body.experimental-project-page) body{margin:0!important;overflow-x:hidden!important;background:#090908!important}
.experimental-project-page .entry-sequence,.experimental-project-page .experimental-entry{display:none!important;visibility:hidden!important;pointer-events:none!important}
.experimental-project-page .project-grasshopper{grid-template-columns:minmax(330px,.58fr) minmax(680px,1.42fr)!important;align-items:center!important;gap:clamp(48px,7vw,132px)!important;padding-top:clamp(92px,11vw,170px)!important;padding-bottom:clamp(92px,11vw,170px)!important;background:#0d0d0c!important}
.experimental-project-page .project-grasshopper .code-intro{align-self:center!important}
.experimental-project-page .project-grasshopper .project-variables{margin-top:clamp(54px,7vw,100px)!important}
.experimental-project-page .gh-frame{position:relative;min-height:clamp(420px,43vw,760px);margin:0;overflow:hidden;border:1px solid rgba(255,255,255,.16);border-radius:18px;background:#d8d4cb;box-shadow:0 30px 80px rgba(0,0,0,.28);cursor:zoom-in;isolation:isolate}
.experimental-project-page .gh-frame canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.experimental-project-page .gh-frame::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(0,0,0,.10));pointer-events:none;mix-blend-mode:multiply}
.experimental-project-page .gh-frame figcaption{position:absolute;z-index:3;right:16px;bottom:16px;left:16px;display:flex;justify-content:space-between;gap:18px;color:#171716;font-family:var(--sans);font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;text-shadow:0 1px 0 rgba(255,255,255,.3)}
.experimental-project-page .gh-frame figcaption b{color:#d43b2d}
.experimental-project-page .gh-switch{position:absolute;z-index:4;right:16px;top:16px;display:flex;gap:8px;padding:7px;border:1px solid rgba(20,20,19,.18);border-radius:999px;background:rgba(239,236,228,.54);backdrop-filter:blur(14px) saturate(112%);-webkit-backdrop-filter:blur(14px) saturate(112%)}
.experimental-project-page .gh-switch button{display:grid;width:34px;height:34px;place-items:center;border:1px solid rgba(17,17,16,.22);border-radius:50%;color:#171716;font-family:var(--sans);font-size:10px;font-weight:800;transition:transform .24s cubic-bezier(.22,1,.36,1),background-color .24s ease,color .24s ease}
.experimental-project-page .gh-switch button.is-active,.experimental-project-page .gh-switch button:focus-visible{background:#171716;color:#f5f2ea;outline:none;transform:scale(1.04)}
@media(max-width:850px){.experimental-project-page .project-grasshopper{grid-template-columns:1fr!important;padding:92px 20px!important;gap:34px!important}.experimental-project-page .gh-frame{min-height:72vw;border-radius:16px}.experimental-project-page .gh-frame figcaption{flex-direction:column;gap:5px;font-size:9px}.experimental-project-page .gh-switch{top:12px;right:12px}.experimental-project-page .gh-switch button{width:31px;height:31px}}


/* 2026-09-09 / LAB detail typography fix */
.experimental-project-page .project-grasshopper .code-intro{max-width:min(560px,42vw)!important;justify-self:start!important;overflow:visible!important}
.experimental-project-page .project-grasshopper .code-intro h2{font-size:clamp(44px,5.35vw,92px)!important;line-height:.86!important;letter-spacing:-.078em!important;text-wrap:balance!important;max-width:8.8ch!important}
.experimental-project-page .project-grasshopper .code-intro h2 em{display:block!important;color:#96969c!important;font-size:.82em!important;line-height:.92!important}
.experimental-project-page .project-grasshopper .code-intro>p:last-of-type{position:relative!important;z-index:2!important;max-width:420px!important;margin-top:24px!important;color:#d6d6d7!important;font-size:clamp(15px,1.2vw,18px)!important;line-height:1.28!important;letter-spacing:-.02em!important}
.experimental-project-page .project-grasshopper{grid-template-columns:minmax(300px,.48fr) minmax(720px,1.52fr)!important;gap:clamp(54px,8vw,150px)!important;overflow:hidden!important}
@media(max-width:1050px){.experimental-project-page .project-grasshopper{grid-template-columns:1fr!important}.experimental-project-page .project-grasshopper .code-intro{max-width:680px!important}.experimental-project-page .project-grasshopper .code-intro h2{max-width:none!important;font-size:clamp(48px,10vw,86px)!important}}
@media(max-width:850px){.experimental-project-page .project-grasshopper .code-intro h2{font-size:13vw!important;max-width:8.8ch!important}.experimental-project-page .project-grasshopper .code-intro>p:last-of-type{font-size:16px!important}}