:root{color-scheme:dark;--bg:#101114;--text:#f1f2f4;--muted:#a8adb9;--line:#303239;--accent:#9cacff}
*{box-sizing:border-box}
html{background:var(--bg);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
body{margin:0;color:var(--text)}
a{color:inherit;text-decoration:none}
a:focus-visible{outline:2px solid var(--accent);outline-offset:8px}
.page{max-width:1680px;padding:0 5.1%;margin:auto}
.header{min-height:118px;display:flex;align-items:center;justify-content:space-between;gap:32px;border-bottom:1px solid var(--line)}
.identity{display:flex;align-items:center;gap:23px}
.mark{font-weight:700;font-size:3rem;letter-spacing:-.08em;line-height:1;position:relative;padding-right:11px}
.mark>span{position:absolute;font-weight:400;font-size:.75rem;right:0;top:0;letter-spacing:0}
.company{font-size:.875rem;line-height:1.35;letter-spacing:.01em}
.discipline{font-size:.875rem;color:var(--muted)}
.hero{display:grid;grid-template-columns:1.04fr 1fr;align-items:center;gap:18px;min-height:655px;padding:66px 0 54px}
.intro{position:relative;z-index:1}
.eyebrow{margin:0;font-size:.8125rem;line-height:1.5;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
h1{font-size:clamp(3.6rem,6.5vw,7rem);font-weight:400;letter-spacing:-.058em;line-height:1.04;margin:32px 0 30px}
h1>span{color:var(--accent)}
.statement{font-size:clamp(1.3rem,1.65vw,1.75rem);line-height:1.35;letter-spacing:-.02em;margin:0 0 17px}
.description{color:var(--muted);font-size:1rem;line-height:1.75;max-width:420px;margin:0}
.status{display:flex;align-items:center;gap:10px;font-size:.875rem;margin-top:33px;color:#c1c7d7}
.status-icon{width:9px;height:9px;border:1px solid var(--accent);border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px #9cacff12}
.artwork{margin:15px 0 0;min-width:0;align-self:center}
.artwork-space{width:100%;aspect-ratio:1.13;display:flex;align-items:center;justify-content:center}
.artwork img{display:block;width:118%;max-width:none;height:100%;object-fit:cover;object-position:center;mask-image:linear-gradient(to right,transparent,#000 12%,#000 88%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 12%,#000 88%,transparent)}
figcaption{display:flex;justify-content:space-between;gap:16px;font-size:.75rem;letter-spacing:.065em;color:var(--muted);text-transform:uppercase;border-top:1px solid var(--line);padding-top:15px}
.next{display:grid;grid-template-columns:1fr 2.1fr 1fr;gap:24px;align-items:start;border-top:1px solid var(--line);padding:37px 0 40px}
.next>.eyebrow{padding-top:5px}
h2{font-size:1.35rem;font-weight:400;line-height:1.4;letter-spacing:-.025em;margin:0 0 11px}
.next-description>p{font-size:.9375rem;line-height:1.7;color:var(--muted);max-width:420px;margin:0}
time{color:var(--text);white-space:nowrap}
.date{text-align:right;display:flex;flex-direction:column;gap:11px}
.date>span:first-child{font-size:2.7rem;line-height:1;letter-spacing:-.04em;color:var(--accent)}
.date>span:last-child{font-size:.75rem;line-height:1.5;color:var(--muted)}
footer{display:flex;justify-content:space-between;gap:20px;padding:24px 0 30px;border-top:1px solid var(--line);font-size:.75rem;line-height:1.5;color:var(--muted)}
@media(min-width:1500px){.hero{min-height:740px}}
@media(max-width:1050px){.hero{gap:10px;min-height:600px}.discipline{max-width:240px;text-align:right;line-height:1.5}h1{font-size:clamp(3.5rem,7.25vw,5rem)}.next{grid-template-columns:.8fr 2fr 1fr}.artwork-space{aspect-ratio:.92}}
@media(max-width:760px){.page{padding:0 7%}.header{min-height:96px}.identity{gap:17px}.mark{font-size:2.6rem}.company{font-size:.8125rem}.discipline{display:none}.hero{grid-template-columns:1fr;padding:43px 0 30px;gap:22px}.eyebrow{font-size:.75rem;letter-spacing:.065em}h1{font-size:clamp(3.1rem,11.8vw,5.5rem);margin:25px 0 26px}.statement{font-size:1.4rem}.description{max-width:450px}.status{margin-top:26px}.artwork{margin-top:0}.artwork-space{aspect-ratio:1.5;overflow:hidden}.artwork img{width:105%;height:auto;min-height:100%;object-fit:cover}figcaption{font-size:.75rem;padding-top:13px}.next{grid-template-columns:1fr auto;gap:19px;padding:28px 0 29px}.next>.eyebrow{grid-column:1/-1;padding:0}.next-description{max-width:380px}h2{font-size:1.2rem}.next-description>p{font-size:.9375rem}.date{gap:9px;padding-top:4px}.date>span:first-child{font-size:2.3rem}.date>span:last-child{max-width:100px}footer{font-size:.75rem;padding:22px 0 26px}}
@media(max-width:380px){.next{grid-template-columns:1fr}.date{display:none}footer{flex-direction:column;gap:6px}.eyebrow{letter-spacing:.03em}}
@media(prefers-reduced-motion:no-preference){.intro{animation:appear .7s ease-out both}@keyframes appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}}