:root{color-scheme:light;--paper:#f5f4ef;--ink:#242822;--muted:#72756c;--line:#d9dbd1;--accent:#e85c36}
*{box-sizing:border-box}
html{background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
body{margin:0}
::selection{background:var(--accent);color:var(--paper)}
a{color:inherit;text-decoration:none}
a:focus-visible{outline:2px solid var(--accent);outline-offset:7px}
.page{max-width:1600px;margin:auto;padding:0 5.5vw}
.header{height:116px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:13px;font-size:17px;font-weight:800;letter-spacing:-.65px}
.brand-light{font-weight:400;margin-left:5px}
.header-link,.eyebrow,.label,.art-label,footer{font-family:"Courier New",monospace}
.header-link{font-size:12px;letter-spacing:.04em;display:flex;gap:18px;align-items:center}
.header-link span{font-size:20px;color:var(--accent)}
.hero{position:relative;padding:70px 0 65px;isolation:isolate}
.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.12em;display:flex;align-items:center;gap:11px}
.square{width:7px;height:7px;background:var(--accent)}
h1{font-size:clamp(80px,9.7vw,148px);line-height:.98;font-weight:500;letter-spacing:-.075em;margin:48px 0 48px;position:relative;z-index:2;width:max-content;max-width:100%}
.own{font-family:Georgia,"Times New Roman",serif;font-style:italic;font-weight:400;letter-spacing:-.07em}
.period{color:var(--accent)}
.hero-bottom{display:flex;align-items:flex-end;justify-content:space-between;position:relative;z-index:2;gap:30px}
.hero-bottom p{margin:0;font-size:16px;line-height:1.7;letter-spacing:-.2px;color:var(--muted)}
.record-link{display:inline-flex;flex-shrink:0;align-items:center;gap:35px;white-space:nowrap;font-size:13px;line-height:1.5;padding:12px 4px 12px 0;border-bottom:1px solid var(--ink)}
.record-link>span:first-child{flex-shrink:0}
.arrow{display:block;flex:0 0 24px;text-align:center;font-size:23px;line-height:1;transition:transform .2s,color .2s}
.record-link:hover .arrow{transform:translate(3px,-3px);color:var(--accent)}
.network-art{position:absolute;width:34%;max-width:435px;right:0;top:65px;z-index:0}
.network-art svg{display:block;width:100%}
.orbit{stroke:var(--line);stroke-width:1}
.connection{stroke:var(--line);stroke-width:1;stroke-dasharray:2 6}
.route{stroke:var(--accent);stroke-width:1.5}
.node{fill:var(--paper);stroke:var(--accent);stroke-width:1.5}
.center{fill:var(--ink)}
.cross{stroke:var(--paper);stroke-width:1}
.art-label{display:block;text-align:center;color:var(--muted);font-size:9px;letter-spacing:.13em;margin-top:-8px}
.details{display:grid;grid-template-columns:1.2fr 1fr .8fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:30px 0 34px}
.detail{display:flex;flex-direction:column;gap:20px;padding:0 30px;border-left:1px solid var(--line)}
.detail:first-child{border:0;padding-left:0}
.label{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.value{font-size:16px;letter-spacing:-.35px;width:fit-content}
a.value:hover{color:var(--accent)}
.small-arrow{color:var(--muted);font-size:17px;margin-left:18px}
footer{display:flex;justify-content:space-between;gap:20px;padding:28px 0 32px;color:var(--muted);font-size:10px;letter-spacing:.02em}
@media(min-width:1500px){.page{padding:0 90px}}
@media(max-width:900px){.hero{padding-top:50px}.network-art{width:32%;top:100px;opacity:.65}h1{font-size:11vw}.hero-bottom p{font-size:14px}.record-link{font-size:12px;gap:20px}.value{font-size:14px}.detail{padding:0 20px}}
@media(max-width:600px){.page{padding:0 24px}.header{height:88px}.brand{font-size:13px;gap:9px}.brand img{width:29px;height:29px}.header-link{font-size:10px;gap:8px}.hero{padding:40px 0}.eyebrow{font-size:9px;letter-spacing:.06em}h1{font-size:clamp(64px,14.6vw,88px);margin:42px 0 35px}.network-art{width:180px;right:-14px;top:115px;opacity:.32;z-index:-1}.hero-bottom{align-items:flex-start;flex-direction:column;gap:24px}.hero-bottom p{font-size:14px}.record-link{gap:35px}.details{grid-template-columns:1fr;padding:0}.detail,.detail:first-child{padding:22px 0;border-left:0;border-top:1px solid var(--line);flex-direction:row;align-items:center;justify-content:space-between;gap:15px}.detail:first-child{border-top:0}.label{font-size:9px}.value{font-size:12px}.small-arrow{margin-left:8px}footer{font-size:9px;padding:24px 0}.footer-note{display:none}}
footer{flex-wrap:wrap}
.contact-link:hover{color:var(--accent)}
.hero{display:grid;grid-template-columns:minmax(0,1fr) 34%;column-gap:24px}
.eyebrow{grid-column:1;grid-row:1}
h1{grid-column:1;grid-row:2}
.network-art{position:static;grid-column:2;grid-row:1 / 3;align-self:center;justify-self:end;width:100%;margin-bottom:32px}
.hero-bottom{grid-column:1 / -1;grid-row:3}
@media(max-width:600px){.hero{grid-template-columns:minmax(0,1fr);column-gap:0}.network-art{grid-column:1;grid-row:3;width:180px;justify-self:center;margin:0 0 28px;opacity:.65;z-index:0}.hero-bottom{grid-row:4}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}