.experiments-page { --acid:#b9e14d; --ink-blue:#101a2f; }
.experiments-intro { align-items:center; display:grid; grid-template-columns:minmax(0,1fr) minmax(260px,.55fr); min-height:calc(76svh - var(--header-space)); padding:10vw 8vw; }
.experiments-intro > :not(.intro-quote) { grid-column:1; }
.experiments-intro h1 { font-size:clamp(62px,11vw,170px); margin:0 0 40px; }
.experiments-intro h1 em,.lantern-group h2 em { color:var(--acid); font-family:"Playfair Display",serif; font-weight:500; }
.experiments-intro > p:not(.eyebrow) { color:var(--muted); font-size:20px; max-width:480px; }
.intro-quote { align-self:center; color:var(--ink); font:clamp(26px,3vw,46px)/1.05 "Playfair Display",serif; grid-column:2; grid-row:1 / span 3; margin:0; max-width:390px; }
.intro-quote cite { color:var(--acid); display:block; font:11px "DM Mono",monospace; letter-spacing:.04em; margin-top:20px; text-transform:uppercase; }
.experiment-group { padding:110px 8vw 130px; }
.adage-group { background:#e8e8e3; color:#171918; }
.lantern-group { background:var(--ink-blue); }
.group-heading { margin:0 0 56px; max-width:720px; }
.group-heading h2 { font-size:clamp(46px,7vw,106px); line-height:.95; margin:0; }
.adage-group .eyebrow { color:#467915; }
.lantern-group .eyebrow { color:#a5d65b; }
.rights-notice { color:#c9d0dd; font:13px/1.5 "DM Mono",monospace; margin:28px 0 0; }
.experiment-grid { display:grid; gap:56px; grid-template-columns:repeat(2,minmax(0,1fr)); margin:0 auto; max-width:1000px; }
.experiment-item { background:none; border:0; cursor:zoom-in; display:block; padding:0; }
.experiment-item img { display:block; max-height:440px; object-fit:contain; width:100%; }
.experiment-item:focus-visible { outline:3px solid var(--acid); outline-offset:8px; }
.adage-group .experiment-item:focus-visible { outline-color:#467915; }
.experiment-dialog { background:transparent; border:0; max-height:none; max-width:none; padding:0; width:100%; }
.experiment-dialog::backdrop { background:rgba(7,10,12,.88); }
.experiment-dialog-inner { align-items:center; background:#171918; box-sizing:border-box; display:grid; gap:32px; grid-template-columns:minmax(0,1.6fr) minmax(260px,.55fr); margin:auto; max-width:1240px; min-height:100svh; padding:72px 7vw; position:relative; }
.experiment-dialog img { display:block; max-height:calc(100svh - 144px); max-width:100%; object-fit:contain; width:100%; }
.experiment-dialog-copy { max-width:350px; }
.experiment-dialog-copy h2 { color:var(--ink); font-size:clamp(42px,5vw,72px); margin:8px 0 22px; }
.experiment-dialog-copy p:not(.eyebrow) { color:var(--muted); font-size:18px; line-height:1.6; }
.dialog-close { background:none; border:0; color:var(--ink); cursor:pointer; font:12px "DM Mono",monospace; letter-spacing:.06em; padding:12px; position:absolute; right:5vw; text-transform:uppercase; top:32px; }
.dialog-close:focus-visible { outline:2px solid var(--acid); outline-offset:4px; }
@media (max-width:760px) {
  .experiments-intro { align-items:start; display:flex; min-height:68svh; padding:20vw 6vw 14vw; }
  .experiments-intro h1 { font-size:clamp(58px,18vw,94px); }
  .intro-quote { font-size:28px; margin-top:58px; }
  .experiment-group { padding:76px 6vw 90px; }
  .group-heading { margin-bottom:42px; }
  .experiment-grid { gap:40px; grid-template-columns:1fr; max-width:480px; }
  .experiment-item img { max-height:none; }
  .experiment-dialog-inner { display:block; min-height:100svh; padding:74px 6vw 58px; }
  .experiment-dialog img { max-height:58svh; }
  .experiment-dialog-copy { margin-top:28px; }
  .dialog-close { right:4vw; top:22px; }
}