:root{--black:#050505;--white:#fff;--blue:#1010f4;--yellow:#efff28;--red:#ff3b30;--paper:#ecece6;--line:#343434;--muted:#aaa;color-scheme:dark;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{background:var(--black);scroll-behavior:smooth}body{min-width:320px;margin:0;overflow-x:hidden;background:var(--black);color:var(--white)}a{color:inherit}img{display:block;max-width:100%}main,footer{width:min(calc(100% - 40px),1540px);margin:auto}.hero{display:grid;grid-template-columns:minmax(310px,.78fr) minmax(0,1.22fr);gap:clamp(40px,7vw,110px);align-items:center;min-height:calc(100svh - 72px);padding:58px 0 70px}.hero-copy>p,.trilogy-heading>p:first-child,.ordinary-copy>p:first-child,.instrument-title>p{margin:0 0 18px;color:var(--yellow);font:700 10px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase}.hero h1{max-width:760px;margin:0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(3.5rem,6.4vw,7.7rem);font-weight:400;line-height:.9;letter-spacing:0}.hero-copy>a,.ordinary-copy>a,.source-links>a{display:inline-block;margin-top:36px;padding-bottom:5px;border-bottom:1px solid;text-decoration:none;font-size:10px;font-weight:700;text-transform:uppercase}.hero-copy>a span{margin-left:9px;color:var(--yellow)}.hero-sequence{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:7px;min-height:650px}.hero-sequence img{width:100%;height:100%;object-fit:contain}.hero-sequence img:first-child{grid-row:1/3}.trilogy{width:100vw;margin-left:calc(50% - 50vw);padding:110px max(20px,calc((100vw - 1540px)/2));background:var(--blue)}.trilogy-heading{display:grid;grid-template-columns:.32fr 1fr .7fr;gap:40px;align-items:end;margin-bottom:70px}.trilogy-heading h2{margin:0;font-size:clamp(4.2rem,8vw,9rem);line-height:.78;letter-spacing:0}.trilogy-heading>p:last-child{max-width:520px;margin:0;color:#d8d8ff;font-family:Georgia,"Times New Roman",serif;font-size:1.25rem;line-height:1.4}.trilogy-works{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.trilogy-works article{min-width:0}.trilogy-works figure{position:relative;margin:0;background:#000;aspect-ratio:1}.trilogy-works img{width:100%;height:100%;object-fit:contain}.trilogy-works figcaption{position:absolute;right:0;bottom:0;left:0;padding:28px 12px 10px;background:linear-gradient(transparent,rgba(0,0,0,.8));font-size:9px;text-transform:uppercase}.trilogy-works article>div{display:grid;grid-template-columns:auto 1fr;gap:12px 24px;padding:18px 4px 0;border-top:3px solid var(--yellow)}.trilogy-works span{color:var(--yellow);font:700 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase}.trilogy-works p{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:1.25rem;line-height:1.2}.trilogy-works a{grid-column:2;justify-self:start;padding-bottom:4px;border-bottom:1px solid;text-decoration:none;font-size:9px;font-weight:700;text-transform:uppercase}.ordinary{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:clamp(45px,8vw,130px);align-items:center;padding:120px 0;border-bottom:1px solid var(--line)}.ordinary-screen{background:#000}.ordinary iframe{display:block;width:100%;aspect-ratio:16/9;border:0}.ordinary-copy>p:first-child{color:var(--red)}.ordinary h2{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(3.5rem,6vw,7rem);font-weight:400;line-height:.9}.ordinary-copy>p:not(:first-child){max-width:580px;margin:30px 0 0;color:#c7c7c2;line-height:1.7}.instrument{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);gap:clamp(60px,10vw,170px);padding:115px 0;color:var(--black);background:var(--paper);box-shadow:0 0 0 100vmax var(--paper);clip-path:inset(0 -100vmax)}.instrument-title>p{color:var(--red)}.instrument h2{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(3.2rem,5.5vw,6.4rem);font-weight:400;line-height:.92}.instrument-copy>p{max-width:760px;margin:0 0 23px;color:#353531;font-size:1rem;line-height:1.75}.instrument-links{display:grid;grid-template-columns:repeat(3,1fr);margin-top:50px;border-top:1px solid #999;border-bottom:1px solid #999}.instrument-links a{padding:24px 18px;text-decoration:none}.instrument-links a+a{border-left:1px solid #999}.instrument-links b,.instrument-links span{display:block}.instrument-links b{font-family:Georgia,"Times New Roman",serif;font-size:1.3rem;font-weight:400}.instrument-links span{margin-top:8px;color:#666;font-size:9px;text-transform:uppercase}.instrument-links a:hover{background:var(--black);color:var(--white)}.source-links{display:flex;flex-wrap:wrap;gap:24px}.source-links>a{margin-top:28px}.next{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line)}.next a{padding:34px 22px;text-decoration:none}.next a+a{border-left:1px solid var(--line)}.next span,.next b{display:block}.next span{margin-bottom:8px;color:var(--muted);font-size:10px;text-transform:uppercase}.next b{font-family:Georgia,"Times New Roman",serif;font-size:1.6rem;font-weight:400}.next a:hover{background:var(--blue)}footer{display:flex;justify-content:space-between;padding:32px 0 42px;color:var(--muted);font-size:10px;text-transform:uppercase}footer p{margin:0}@media(max-width:980px){.hero{grid-template-columns:1fr;min-height:auto;padding:80px 0}.hero-sequence{min-height:680px}.trilogy-heading,.ordinary,.instrument{grid-template-columns:1fr}.trilogy-heading{gap:28px}.trilogy-works{grid-template-columns:1fr 1fr}.trilogy-works article:last-child{grid-column:1/-1;width:calc(50% - 4px)}.ordinary-copy,.instrument-copy{max-width:760px}}@media(max-width:650px){main,footer{width:calc(100% - 24px)}.hero{padding:64px 0}.hero h1{font-size:3.6rem}.hero-sequence{min-height:520px}.trilogy{padding-top:75px;padding-bottom:75px}.trilogy-heading h2{font-size:4rem}.trilogy-works{grid-template-columns:1fr;gap:55px}.trilogy-works article:last-child{grid-column:auto;width:auto}.ordinary,.instrument{padding:78px 0}.instrument-links{grid-template-columns:1fr}.instrument-links a+a{border-top:1px solid #999;border-left:0}.next{grid-template-columns:1fr}.next a+a{border-top:1px solid var(--line);border-left:0}footer{display:block}footer p+p{margin-top:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}