@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&display=swap');

:root{font-family:'DM Sans',Arial,sans-serif;color:#f3f1ec;background:#080808;font-synthesis:none;--paper:#f3f1ec;--muted:#9b9b97;--accent:#ff6138;--line:#2b2b29;--gutter:clamp(24px,4.4vw,80px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;min-height:100svh;display:flex;flex-direction:column}main{flex:1;display:flex}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:7px}::selection{background:var(--accent);color:#080808}.skip-link{position:fixed;left:24px;top:-70px;z-index:20;padding:14px;background:var(--paper);color:#080808}.skip-link:focus{top:20px}.header{height:116px;margin:0 var(--gutter);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:2}.brand{display:flex;gap:13px;align-items:center;font-size:20px;font-weight:600;letter-spacing:-.8px;line-height:1.13}.brand-mark{width:37px;height:37px}.brand-sub{display:block;font-size:13px;font-weight:400;letter-spacing:.3px;margin-top:3px}
.hero{position:relative;isolation:isolate;flex:1;width:100%;min-height:620px;overflow:hidden}.hero-content{position:relative;z-index:1;padding:156px var(--gutter) 125px;pointer-events:none}h1{font-size:clamp(85px,9.55vw,170px);font-weight:500;line-height:.98;letter-spacing:-.075em;margin:0;max-width:920px}.next{white-space:nowrap}.period{color:var(--accent)}.hero-description{color:#b4b4af;line-height:1.55;font-size:16px;margin:37px 0 0;letter-spacing:-.2px}.art{position:absolute;z-index:0;width:76%;height:112%;right:-14%;top:-10%;pointer-events:auto}#field{width:100%;height:100%;display:block}.art-halo{position:absolute;inset:0;background:linear-gradient(90deg,#080808 0%,transparent 25%,transparent 85%,#080808 100%);pointer-events:none}
footer{min-height:110px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px var(--gutter);font-size:11px;color:var(--muted)}.footer-name{color:var(--paper);font-size:12px}.footer-email{color:var(--paper);font-size:13px;border-bottom:1px solid #777772;padding:9px 0}.footer-email:hover{border-color:var(--paper)}.footer-email span{margin-left:12px;font-size:17px}
@media(min-width:1700px){.hero-content{padding-top:191px}.art{right:-10%;width:72%}}
@media(max-width:1000px){.header{height:96px}.hero-content{padding-top:151px}h1{font-size:11vw}.art{width:100%;right:-31%;top:-4%;height:100%}}
@media(max-width:600px){.header{height:88px}.brand{font-size:17px;gap:9px}.brand-mark{width:29px;height:29px}.brand-sub{font-size:11px}.hero{min-height:620px}.hero-content{padding-top:83px}h1{font-size:clamp(50px,13.2vw,85px);letter-spacing:-.07em;line-height:1.03}.hero-description{font-size:14px;margin-top:24px}.art{width:135%;right:-24%;height:75%;top:28%;}.art-halo{background:linear-gradient(180deg,#080808 0%,transparent 22%,transparent 80%,#080808 100%)}footer{min-height:100px;flex-wrap:wrap;font-size:10px;row-gap:14px}.footer-email{order:3;font-size:12px}footer>span{order:2}.footer-name{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}