:root{color-scheme:dark;--red:#d60c17;--white:#fff;--muted:#ffe9ea;--line:rgba(255,255,255,.28);font-family:Arial,Helvetica,sans-serif;background:var(--red);color:var(--white);font-synthesis:none}
*{box-sizing:border-box}
body{margin:0;min-width:280px}
p,h1{margin:0}
::selection{background:#fff;color:var(--red)}
.page{min-height:100svh;display:flex;flex-direction:column;padding:0 clamp(1.375rem,4.5vw,5rem);overflow:clip}
.masthead{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;min-height:116px;border-bottom:1px solid var(--line);position:relative;z-index:2}
.brand{flex:0 1 23rem;min-width:0;padding:.65rem}
.brand img{display:block;width:100%;height:auto}
.header-note{flex-shrink:0;font-size:.75rem;line-height:1.5;letter-spacing:.12em;text-align:right}
main{flex:1;display:flex;flex-direction:column;justify-content:center}
.hero{position:relative;isolation:isolate;display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(2rem,5vw,6rem);align-items:center;min-height:560px;padding:5rem 0 4rem}
.hero-copy{z-index:1;position:relative;pointer-events:none}
.eyebrow{font-size:.8125rem;font-weight:700;letter-spacing:.12em;margin-bottom:2rem}
h1{font-size:clamp(4.5rem,8.5vw,9rem);line-height:1.02;font-weight:700;letter-spacing:-.072em}
h1 em{font-style:normal;color:var(--white)}
.intro{margin-top:2rem;font-size:clamp(1.0625rem,1.55vw,1.375rem);line-height:1.55;color:var(--muted);letter-spacing:-.018em}
.art{position:relative;z-index:0;display:flex;align-items:center;justify-content:center;min-width:0;padding:clamp(2rem,4vw,4.5rem)}
.art img{display:block;width:100%;max-width:30rem;height:auto;aspect-ratio:1;object-fit:contain}
.launch-band{display:flex;justify-content:space-between;align-items:flex-end;gap:2rem;padding:0 0 2.25rem}
.launch{font-size:.875rem;line-height:1.7;font-weight:700;letter-spacing:.07em}
.launch span{display:inline-block;font-size:1.25rem;letter-spacing:-.01em}
.services{font-size:.875rem;line-height:1.7;text-align:right;color:var(--muted)}
footer{border-top:1px solid var(--line);padding:1.625rem 0 1.875rem;display:flex;justify-content:space-between;gap:1rem;font-size:.75rem;line-height:1.6;letter-spacing:.07em;color:var(--muted)}
.hero-copy,.launch-band{animation:arrive .85s both ease-out}
.launch-band{animation-delay:.12s}
@keyframes arrive{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1700px){.page{padding-left:max(5rem,calc((100vw - 1540px)/2));padding-right:max(5rem,calc((100vw - 1540px)/2))}.hero{min-height:660px}}
@media(max-width:900px){.hero{min-height:510px;padding:4rem 0;grid-template-columns:1.3fr 1fr}.eyebrow{font-size:.75rem}.art{padding:1.75rem}.services{max-width:260px}.intro{font-size:1.0625rem}}
@media(max-width:700px){.masthead{min-height:110px}.brand{flex-basis:20rem}.header-note{letter-spacing:.035em}.hero{display:flex;flex-direction:column;align-items:stretch;gap:1.5rem;min-height:0;padding:3.5rem 0 1.5rem}.eyebrow{margin-bottom:1.5rem}h1{font-size:clamp(3.5rem,13.8vw,6rem);letter-spacing:-.065em}.intro{margin-top:1.5rem;max-width:340px}.art{width:min(80%,23rem);align-self:center;padding:2.5rem}.launch-band{display:block;padding:0 0 1.75rem}.launch{font-size:.875rem}.launch span{font-size:1.125rem}.services{text-align:left;max-width:none;margin-top:1.5rem;font-size:.875rem}footer{padding:1.25rem 0;flex-wrap:wrap;font-size:.75rem;gap:.45rem 1rem}}
@media(max-width:480px){.masthead{flex-direction:column;align-items:flex-start;gap:.75rem;padding:1.25rem 0}.brand{flex-basis:auto;width:min(100%,20rem)}.header-note{text-align:left;max-width:none;letter-spacing:.07em}.header-note br{display:none}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}