:root { --burnt-orange:#9f321c; --orange-light:#d85b35; --ink:#1e120e; --cream:#fff4e8; --line:rgba(255,244,232,.35); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--burnt-orange); color:var(--cream); font-family:Arial, Helvetica, sans-serif; }
.container { width:min(100% - 48px,1320px); margin:0 auto; }
a { color:inherit; }
.launch-screen { min-height:100svh; position:relative; isolation:isolate; display:flex; flex-direction:column; overflow:hidden; background:var(--burnt-orange); }
.launch-header { z-index:2; display:flex; align-items:center; justify-content:space-between; padding:30px clamp(24px,5vw,76px); font-size:.72rem; font-weight:700; letter-spacing:.12em; text-transform:uppercase; }
.brand { font-size:1.35rem; letter-spacing:.02em; text-decoration:none; }
nav { display:flex; gap:1.4rem; } nav a { text-decoration:none; }
.launch-copy { z-index:2; width:min(100% - 48px,1040px); margin:auto; text-align:center; }
.launch-copy p { margin:0 0 1.2rem; font-size:.72rem; font-weight:700; letter-spacing:.2em; }
h1 { margin:0; font-size:clamp(4.5rem,13vw,12rem); line-height:.82; letter-spacing:-.06em; }
.launch-action { z-index:2; align-self:center; margin-bottom:clamp(32px,6vw,76px); padding:1rem 1.45rem; border:1px solid var(--cream); color:var(--cream); font-size:.72rem; font-weight:700; letter-spacing:.14em; text-decoration:none; }
.orb { position:absolute; z-index:1; border-radius:50%; pointer-events:none; background:radial-gradient(circle at 35% 30%, #ef7a4f 0 8%, var(--orange-light) 42%, transparent 70%); filter:blur(2px); opacity:.65; }
.orb-one { width:min(45vw,620px); aspect-ratio:1; left:-14vw; top:18%; animation:drift 14s ease-in-out infinite alternate; }
.orb-two { width:min(34vw,500px); aspect-ratio:1; right:-10vw; bottom:-12%; opacity:.45; animation:drift 18s ease-in-out -5s infinite alternate-reverse; }
@keyframes drift { from { transform:translate3d(-2%, -3%, 0) scale(.96); } to { transform:translate3d(7%, 8%, 0) scale(1.08); } }
.about { padding:8rem 0; background:var(--cream); color:var(--ink); } .section-heading { max-width:780px; margin:0 auto 4rem; } .section-heading .eyebrow { color:var(--burnt-orange); font-size:.72rem; font-weight:700; letter-spacing:.15em; text-align:center; text-transform:uppercase; } h2 { font-size:clamp(2.6rem,6vw,5.5rem); line-height:.88; letter-spacing:-.08em; }
.service-grid { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid rgba(30,18,14,.2); } .service-grid article { min-height:240px; padding:1.5rem; border-right:1px solid rgba(30,18,14,.2); } .service-grid article:first-child { padding-left:0; } .service-grid article:last-child { border-right:0; } h3 { font-size:1.25rem; line-height:1.1; } .service-grid p { line-height:1.55; }
.contact { padding:8rem 24px; background:var(--ink); text-align:center; } .contact .eyebrow { color:#f3a680; font-size:.72rem; font-weight:700; letter-spacing:.15em; } .email-link { display:inline-block; border-bottom:2px solid #f3a680; padding-bottom:.25rem; color:#f3a680; font-size:clamp(1.4rem,3vw,2.8rem); text-decoration:none; }.site-footer { padding:1.5rem 0; background:var(--ink); color:var(--cream); font-size:.72rem; letter-spacing:.08em; } .footer-inner { display:flex; justify-content:space-between; }
a:focus-visible { outline:3px solid #fff; outline-offset:4px; }
@media (max-width: 720px) { .launch-header { padding:24px; } .launch-header nav { display:none; } h1 { font-size:clamp(4.5rem,24vw,7rem); } .orb-one { width:95vw; left:-45vw; } .orb-two { width:75vw; right:-42vw; } .about { padding:5rem 24px; } .service-grid { grid-template-columns:1fr; } .service-grid article,.service-grid article:first-child { min-height:0; padding:1.5rem 0; border-right:0; border-bottom:1px solid rgba(30,18,14,.2); } .site-footer { padding:1.5rem 24px; } }
@media (prefers-reduced-motion: reduce) { *,*::before,*::after { animation:none!important; scroll-behavior:auto!important; } }