:root{
  --paper:#f1f0eb;
  --ink:#11110f;
  --muted:#66645f;
  --line:#b9b7b0;
  --panel:#e8e7e2;
  --black:#050505;
  --white:#f7f6f1;
  --max:1440px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:var(--paper);
  color:var(--ink);
  font-family:Arial,Helvetica,sans-serif;
  -webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:none}
img,video{display:block;max-width:100%}
code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.9em}
.site-header{
  position:sticky;top:0;z-index:20;
  display:grid;grid-template-columns:1fr auto 1fr;align-items:center;
  min-height:68px;padding:0 clamp(18px,3.5vw,58px);
  border-bottom:1px solid var(--ink);background:rgba(241,240,235,.94);
  backdrop-filter:blur(12px);
  font:800 11px/1 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
  letter-spacing:.08em;
}
.brand{font-size:18px;letter-spacing:-.06em}
.site-header nav{display:flex;gap:clamp(14px,2.4vw,38px)}
.site-header nav a,.header-mark{padding:10px 0;border-bottom:1px solid transparent}
.site-header nav a:hover,.header-mark:hover{border-color:var(--ink)}
.header-mark{justify-self:end}
main,footer{width:min(var(--max),100%);margin:auto}
.hero{
  display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);
  min-height:calc(100svh - 68px);border-left:1px solid var(--ink);border-right:1px solid var(--ink);
}
.hero-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(36px,7vw,110px);border-right:1px solid var(--ink)}
.eyebrow,.section-index,.object-meta,figcaption,.feature-grid article>span,footer,.video-missing{
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
  font-weight:800;letter-spacing:.08em;text-transform:uppercase;
}
.eyebrow,.section-index{font-size:11px;color:var(--muted)}
h1,h2{font-family:"Arial Black",Arial,Helvetica,sans-serif;margin:0;letter-spacing:-.075em;text-transform:uppercase}
h1{font-size:clamp(72px,11vw,190px);line-height:.77}
.hero-intro{max-width:690px;margin:48px 0 0;font-size:clamp(18px,2vw,29px);line-height:1.24;letter-spacing:-.025em}
.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:36px}
.button{
  display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 18px;
  border:1px solid var(--ink);font:800 10px/1 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
  letter-spacing:.06em;text-transform:uppercase;
}
.button:hover{background:var(--panel)}
.button-dark{background:var(--ink);color:var(--paper)}
.button-dark:hover{background:#292925}
.hero-object{display:flex;flex-direction:column;justify-content:center;padding:clamp(28px,4vw,62px);background:var(--panel)}
.icon-frame{padding:clamp(14px,2vw,28px);border:1px solid var(--ink);background:var(--paper)}
.icon-frame img{width:100%;height:auto}
.object-meta{display:grid;grid-template-columns:auto 1fr auto;gap:15px;margin-top:13px;font-size:9px}
.object-meta span:nth-child(2){text-align:center}
.statement,.media-section,.process-section,.features,.status{
  border:1px solid var(--ink);border-top:0;padding:clamp(42px,7vw,110px);
}
.statement{display:grid;grid-template-columns:.35fr 1.15fr .8fr;gap:clamp(28px,4vw,70px);align-items:start}
.statement h2,.section-heading h2,.status h2{font-size:clamp(52px,7vw,116px);line-height:.84}
.statement>p:last-child{font-size:clamp(17px,1.7vw,25px);line-height:1.35;margin:0}
.section-heading{display:grid;grid-template-columns:.35fr 1.15fr .8fr;gap:clamp(28px,4vw,70px);align-items:start;margin-bottom:54px}
.section-heading>p:last-child{margin:5px 0 0;color:var(--muted);line-height:1.5}
.media-grid{
  display:grid;
  grid-template-columns:1.15fr 1fr 1fr;
  grid-template-areas:
    "result atmos interface"
    "result curation curation"
    "caption artists library";
  gap:12px;
  align-items:start;
}
.media-card-result{grid-area:result}
.media-card-atmos{grid-area:atmos}
.media-card-interface{grid-area:interface}
.media-card-caption{grid-area:caption}
.media-card-artists{grid-area:artists}
.media-card-library{grid-area:library}
.media-card{margin:0;border:1px solid var(--ink);background:var(--panel)}
.media-frame{position:relative;aspect-ratio:4/5;overflow:hidden;background:var(--black)}
.media-card-video .media-frame{aspect-ratio:9/16}
.media-frame img,.media-frame video{width:100%;height:100%;object-fit:cover}
.curation-sample{
  grid-area:curation;
  border:1px solid var(--ink);
  background:var(--paper);
  min-height:100%;
}
.curation-sample-head{
  display:flex;
  justify-content:space-between;
  gap:20px;
  padding:11px 13px;
  border-bottom:1px solid var(--ink);
  font:800 9px/1 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.curation-sample-grid{
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);
}
.curation-primary{
  padding:clamp(24px,3vw,48px);
  border-right:1px solid var(--ink);
}
.curation-primary h3{
  margin:0;
  font-family:"Arial Black",Arial,Helvetica,sans-serif;
  font-size:clamp(36px,4.4vw,72px);
  line-height:.88;
  letter-spacing:-.065em;
  text-transform:uppercase;
}
.curation-rule{
  margin:22px 0 18px;
  font:900 13px/1 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
}
.curation-primary p{
  margin:0;
  max-width:64ch;
  font-size:clamp(14px,1.25vw,18px);
  line-height:1.55;
}
.curation-secondary{
  padding:clamp(20px,2.4vw,34px);
  background:var(--panel);
}
.curation-secondary section+section{margin-top:27px;padding-top:23px;border-top:1px solid var(--line)}
.curation-secondary h4{
  margin:0 0 13px;
  font:900 10px/1 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
  letter-spacing:.08em;
}
.curation-secondary p,.curation-secondary li{
  font-size:12px;
  line-height:1.5;
}
.curation-secondary p{margin:0 0 13px}
.curation-secondary ul{margin:0;padding-left:17px}
.curation-secondary em{font-style:italic}
.curation-tags{
  margin-top:27px!important;
  padding-top:23px;
  border-top:1px solid var(--line);
  overflow-wrap:anywhere;
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
  font-weight:800;
}
.curation-link{
  display:inline-block;
  margin-top:8px;
  padding-bottom:3px;
  border-bottom:1px solid var(--ink);
  font:900 10px/1.2 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
  letter-spacing:.04em;
}
.video-missing{position:absolute;inset:0;display:none;place-content:center;text-align:center;color:var(--white);font-size:12px;pointer-events:none}
.video-missing strong{display:block;font-size:20px;margin-bottom:8px}
.video-frame.is-missing .video-missing{display:grid;background:rgba(0,0,0,.25)}
.video-frame.is-missing video{pointer-events:none}
figcaption{display:grid;grid-template-columns:auto 1fr auto;gap:12px;padding:12px;font-size:9px;border-top:1px solid var(--ink)}
figcaption span:nth-child(2){text-align:center}
.process-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--ink)}
.process-list li{display:grid;grid-template-columns:80px .45fr 1fr;gap:30px;align-items:start;padding:24px 0;border-bottom:1px solid var(--ink)}
.process-list span,.process-list h3{font:900 12px/1 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;letter-spacing:.06em;margin:0}
.process-list p{margin:0;font-size:18px;line-height:1.35}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--ink);border-left:1px solid var(--ink)}
.feature-grid article{min-height:280px;padding:24px;border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);display:flex;flex-direction:column}
.feature-grid article>span{font-size:9px;color:var(--muted)}
.feature-grid h3{font-family:"Arial Black",Arial,sans-serif;font-size:28px;line-height:.95;letter-spacing:-.05em;margin:34px 0 18px}
.feature-grid p{margin:auto 0 0;line-height:1.45;color:#34332f}
.status{display:grid;grid-template-columns:1fr .72fr;gap:70px;align-items:end;background:var(--ink);color:var(--paper)}
.status .section-index{color:#92918b}
.status-copy p{font-size:20px;line-height:1.4;margin:0 0 28px}
.status .button-dark{background:var(--paper);color:var(--ink);border-color:var(--paper)}
footer{display:grid;grid-template-columns:.4fr 1fr 1fr;gap:30px;padding:42px clamp(18px,3.5vw,58px);border-left:1px solid var(--ink);border-right:1px solid var(--ink);font-size:9px;line-height:1.6}
.footer-brand{font-family:"Arial Black",Arial,sans-serif;font-size:32px;letter-spacing:-.08em}
footer p{margin:0}
.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:7px 20px;justify-self:end}
.footer-links a:hover{text-decoration:underline;text-underline-offset:4px}
@media(max-width:980px){
  .site-header{grid-template-columns:1fr auto}.site-header nav{display:none}.header-mark{display:block}
  .hero{grid-template-columns:1fr;min-height:auto}.hero-copy{border-right:0;border-bottom:1px solid var(--ink);min-height:75svh}.hero-object{max-width:none}
  .statement,.section-heading{grid-template-columns:1fr}.statement{gap:22px}.section-heading{gap:18px}
  .media-grid{
    grid-template-columns:1fr 1fr;
    grid-template-areas:
      "result atmos"
      "result interface"
      "curation curation"
      "caption artists"
      "library library";
  }
  .curation-sample-grid{grid-template-columns:1fr 1fr}
  .feature-grid{grid-template-columns:1fr 1fr}
  .status{grid-template-columns:1fr}
}
@media(max-width:640px){
  .site-header{min-height:58px}.header-mark{font-size:9px}
  .hero{border-left:0;border-right:0}.hero-copy{padding:42px 18px 54px}.hero-object{padding:18px}
  h1{font-size:21vw}.hero-intro{margin-top:32px}
  .statement,.media-section,.process-section,.features,.status{padding:46px 18px;border-left:0;border-right:0}
  .statement h2,.section-heading h2,.status h2{font-size:15vw}
  .media-grid{
    grid-template-columns:1fr;
    grid-template-areas:
      "result"
      "atmos"
      "interface"
      "curation"
      "caption"
      "artists"
      "library";
  }
  .curation-sample-grid{grid-template-columns:1fr}
  .curation-primary{border-right:0;border-bottom:1px solid var(--ink)}
  .process-list li{grid-template-columns:44px 1fr}.process-list p{grid-column:2}
  .feature-grid{grid-template-columns:1fr}
  footer{grid-template-columns:1fr;padding:34px 18px;border-left:0;border-right:0}.footer-links{justify-self:start}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}