@font-face{font-family:'Instrument Serif';src:url('/fonts/instrument-serif-latin-400-italic.woff2') format('woff2');font-weight:400;font-style:italic;font-display:swap}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
.experiments-page{--ink:#111827;--muted:#4b5563;margin:0;background:#fff;color:var(--ink);font-family:Geist,Arial,sans-serif}
.experiments-page a{color:inherit;text-decoration:none}
.experiments-page .wrap{width:calc(100% - 240px);max-width:1000px;margin-inline:auto}
.experiments-page .mono{font:600 13px/1.4 Geist,Arial,sans-serif;letter-spacing:.025em;text-transform:uppercase}
.experiments-page header{border-bottom:1px solid #e5e7eb}
.experiments-page .nav{min-height:96px;display:flex;align-items:center;justify-content:space-between}
.experiments-page .brand-symbol{display:grid;place-items:center;width:40px;height:40px;flex:none;border-radius:50%;background:#ff5d22;color:#fff;font:400 20px/1 Geist,Arial,sans-serif}
.experiments-page .links{display:flex;align-items:center;gap:32px}
.experiments-page .links a,.experiments-page .links .nav-email,.experiments-page .links .nav-resume-pending{color:var(--muted);font:500 15px/1.3 Geist,Arial,sans-serif;white-space:nowrap}
.experiments-page .links a:hover,.experiments-page .links .nav-email:hover{text-decoration:underline;text-underline-offset:6px}
.experiments-page .links a[aria-current]{color:var(--ink);text-decoration:underline;text-decoration-color:#ff5d22;text-decoration-thickness:2px;text-underline-offset:6px}
.experiments-page .links .nav-divider{width:5px;height:5px;flex:none;border-radius:50%;background:#ff5d22}
.experiments-page .links .nav-email{appearance:none;border:0;padding:0;background:none;cursor:pointer}
.experiments-page a:focus-visible,.experiments-page button:focus-visible{outline:3px solid #ff5d22;outline-offset:4px}
.experiments-page .experiments-section{background:#fff;padding:84px 0 112px}
.experiments-page .experiments-heading{display:flex;align-items:end;justify-content:space-between;gap:36px;margin-bottom:34px}
.experiments-page .experiments-heading .mono{color:#ff5d22;font:700 13px/1.4 Geist,Arial,sans-serif;letter-spacing:.025em}
.experiments-page .experiments-heading h2{margin:12px 0 0;font:800 clamp(38px,4.5vw,56px)/1.12 'Bricolage Grotesque',Arial,sans-serif;letter-spacing:-.03em;color:var(--ink)}
.experiments-page .experiments-heading p{max-width:275px;margin:0 0 3px;color:var(--muted);font:400 15px/1.5 Geist,Arial,sans-serif}
.experiments-page .experiments-gallery{columns:3;column-gap:18px}
.experiments-page .experiment-item{break-inside:avoid;margin:0 0 27px}
.experiments-page .reel-frame{width:100%;border:1px solid #e5e7eb;border-radius:14px;overflow:hidden;background:#fff}
.experiments-page .reel-frame video{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:contain;background:#111827}
.experiments-page .experiment-reel figcaption{flex-wrap:wrap}
.experiments-page .experiment-reel figcaption a{color:#c94214;text-decoration:underline;text-underline-offset:3px}
.experiments-page .experiment-tile{display:block;position:relative;width:100%;padding:0;border:1px solid #e5e7eb;border-radius:14px;overflow:hidden;background:#f4f5f4;cursor:zoom-in;text-align:left;transition:transform .32s cubic-bezier(.22,1,.36,1),border-color .32s}
.experiments-page .experiment-tile img{display:block;width:100%;height:auto;max-height:490px;object-fit:contain}
.experiments-page .experiment-tile::after{content:'View ↗';position:absolute;right:12px;bottom:12px;padding:8px 12px;border-radius:100px;background:#111827;color:#fff;font:600 12px/1 Geist,Arial,sans-serif;opacity:0;transform:translateY(6px);transition:opacity .22s,transform .22s}
.experiments-page .experiment-tile:hover{transform:translateY(-5px);border-color:#ff5d22}
.experiments-page .experiment-tile:hover::after,.experiments-page .experiment-tile:focus-visible::after{opacity:1;transform:none}
.experiments-page .experiment-tile:focus-visible{outline:3px solid #ff5d22;outline-offset:3px}
.experiments-page .experiment-item figcaption{display:flex;justify-content:space-between;gap:12px;margin-top:9px;color:var(--muted);font:500 13px/1.4 Geist,Arial,sans-serif}
.experiments-page .experiment-item figcaption span:last-child{color:#ff5d22}
.experiment-dialog{position:fixed;max-width:min(1100px,92vw);max-height:90dvh;padding:18px;border:0;border-radius:18px;background:#fff;color:#111827;box-shadow:0 22px 80px #0003}
.experiment-dialog::backdrop{background:#111827c9}
.experiment-dialog img{display:block;max-width:100%;max-height:calc(90dvh - 104px);width:auto;height:auto;margin:auto;border-radius:8px;object-fit:contain}
.experiment-dialog p{margin:12px 40px 0 4px;font:500 14px/1.4 Geist,Arial,sans-serif}
.experiment-close{position:absolute;top:12px;right:12px;display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:50%;background:#fff0ea;color:#111827;font:26px/1 Geist,Arial,sans-serif;cursor:pointer}
.experiment-close:focus-visible{outline:3px solid #ff5d22;outline-offset:3px}
.experiments-page footer{border-top:1px solid #e5e7eb;background:#fff}
.experiments-page .footer-main{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:64px 0 48px}
.experiments-page .footer-main .mono,.experiments-page .footer-right p{color:var(--muted);font:500 14px/1.5 Geist,Arial,sans-serif;text-transform:none;letter-spacing:0}
.experiments-page .footer-main h2{font:800 38px/1.18 'Bricolage Grotesque',Arial,sans-serif;letter-spacing:-.02em;margin:16px 0 0}
.experiments-page .footer-main h2 em{font:italic 400 42px/1 'Instrument Serif',Georgia,serif;color:#ff5d22}
.experiments-page .footer-right{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:24px}
.experiments-page .footer-right p{margin:0;max-width:520px}
.experiments-page .hello{display:inline-flex;border-radius:100px;background:#fff0ea;color:#ff5d22;padding:11px 19px;font:700 14px/1.4 Geist,Arial,sans-serif}
.experiments-page .reply{display:inline-block;margin-left:14px;color:var(--muted);font:400 13px/1.4 Geist,Arial,sans-serif}
.experiments-page .footer-bottom{border-top:1px solid #e5e7eb;padding:24px 0;color:#9ca3af;font:400 12px/1.5 Geist,Arial,sans-serif}
.experiments-page .footer-bottom .wrap{display:flex;justify-content:space-between;gap:20px}
.experiments-page .footer-bottom a{color:#2563eb;font-weight:600}
@media(max-width:1000px){.experiments-page .wrap{width:calc(100% - 110px)}}
@media(max-width:800px){.experiments-page .experiments-gallery{columns:2}.experiments-page .experiments-section{padding:72px 0 88px}}
@media(max-width:600px){
  .experiments-page .wrap{width:calc(100% - 40px)}
  .experiments-page .nav{flex-wrap:wrap;justify-content:flex-start;gap:13px;padding:15px 0}
  .experiments-page .links{width:100%;justify-content:space-between;gap:8px}
  .experiments-page .links a,.experiments-page .links .nav-email,.experiments-page .links .nav-resume-pending{font-size:12px}
  .experiments-page .brand-symbol{width:34px;height:34px;font-size:18px}
  .experiments-page .experiments-heading{display:block;margin-bottom:26px}
  .experiments-page .experiments-heading p{max-width:36ch;margin:12px 0 0}
  .experiments-page .footer-main{grid-template-columns:1fr;gap:34px;padding:68px 0 48px}
  .experiments-page .footer-bottom .wrap{flex-wrap:wrap}
  .experiments-page .footer-bottom .wrap span:nth-child(2){order:3;width:100%}
}
@media(max-width:500px){.experiments-page .experiments-gallery{columns:1}.experiments-page .experiments-section{padding:64px 0 82px}.experiments-page .experiment-item{margin-bottom:24px}}
@media(prefers-reduced-motion:reduce){.experiments-page .experiment-tile,.experiments-page .experiment-tile::after{transition:none}.experiments-page .experiment-tile:hover{transform:none}}

.experiments-page .experiments-heading{align-items:flex-start}
.experiments-page .experiments-heading h2{font-size:clamp(32px,3.4vw,46px);font-weight:500;line-height:1.18;letter-spacing:-.025em}
.experiments-page .experiments-heading>p{margin:30px 0 0}
@media(max-width:600px){.experiments-page .experiments-heading h2{font-size:30px;line-height:1.22}.experiments-page .experiments-heading>p{margin:12px 0 0}}