:root{--ink:#17211f;--cream:#f3f1eb;--white:#fff;--line:rgba(23,33,31,.18);--accent:#c7ff46;--serif:"Avenir Next","Helvetica Neue",Arial,sans-serif;--sans:Inter,"Helvetica Neue",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);font-size:16px}.nav{position:absolute;z-index:10;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:28px 42px;color:#fff}.wordmark{font:500 1.6rem/1 var(--sans);letter-spacing:.11em;color:inherit;text-decoration:none}.wordmark span{color:var(--accent)}nav{display:flex;align-items:center;gap:30px}nav a{color:inherit;text-decoration:none;font-size:.9rem}.nav-cta{padding:12px 19px;border:1px solid rgba(255,255,255,.55);border-radius:999px}.hero{height:100svh;min-height:700px;position:relative;display:flex;align-items:flex-end;color:#fff;overflow:hidden}.hero-media{position:absolute;inset:0;background:#5e6864 center/cover no-repeat url('/assets/devion-hero.jpg');transform:scale(1.01)}.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,10,9,.28) 0%,rgba(4,10,9,.08) 38%,rgba(4,10,9,.72) 100%)}.hero-copy{position:relative;z-index:2;max-width:940px;padding:0 42px 66px}.eyebrow,.section-index{text-transform:uppercase;letter-spacing:.14em;font-size:.76rem}.hero h1{font:300 clamp(3.6rem,7.7vw,8rem)/.94 var(--serif);letter-spacing:-.055em;margin:16px 0 28px}.hero-copy>p:not(.eyebrow){max-width:620px;font-size:1.1rem;line-height:1.65;margin:0 0 32px}.pill{display:inline-flex;align-items:center;gap:28px;padding:14px 20px;border-radius:999px;text-decoration:none;font-size:.92rem}.pill-light{background:#fff;color:var(--ink)}.pill span{font-size:1.15rem}.hero-note{position:absolute;right:42px;bottom:34px;z-index:2;font-size:.78rem;letter-spacing:.06em}.statement{padding:140px 42px 150px}.section-index{opacity:.62;margin:0 0 50px}.statement h2{max-width:1200px;font:300 clamp(2.8rem,5.5vw,6rem)/1.05 var(--serif);letter-spacing:-.045em;margin:0}.statement-grid{display:grid;grid-template-columns:1fr 1fr;gap:8vw;margin:90px 0 0 34%}.statement-grid p{font-size:1.03rem;line-height:1.75;margin:0}.image-break{margin:0 42px;position:relative}.image-break-media{aspect-ratio:16/8;background:#68736f center/cover no-repeat url('/assets/devion-detail.jpg')}.image-break p{position:absolute;right:18px;bottom:12px;margin:0;padding:8px 11px;background:rgba(255,255,255,.82);font-size:.67rem;letter-spacing:.04em}.approach{padding:155px 42px 165px}.approach-head{display:grid;grid-template-columns:1fr 2fr;gap:30px}.approach h2{font:300 clamp(2.8rem,5.4vw,5.8rem)/1.04 var(--serif);letter-spacing:-.045em;margin:0}.approach ol{list-style:none;padding:0;margin:100px 0 0;border-top:1px solid var(--line)}.approach li{display:grid;grid-template-columns:80px 1fr 1.3fr;align-items:start;gap:40px;padding:35px 0;border-bottom:1px solid var(--line)}.approach li>span{font-size:.8rem;opacity:.55}.approach h3{font:400 1.35rem var(--serif);margin:0}.approach li p{max-width:550px;margin:0;line-height:1.65}.contact{background:var(--ink);color:#fff;padding:130px 42px 145px}.contact h2{font:300 clamp(3rem,6.7vw,7.2rem)/1 var(--serif);letter-spacing:-.05em;max-width:1050px;margin:0 0 75px}.contact .email{display:flex;justify-content:space-between;align-items:center;color:#fff;text-decoration:none;font-size:clamp(1.3rem,2.3vw,2.4rem);padding:24px 0;border-top:1px solid rgba(255,255,255,.4);border-bottom:1px solid rgba(255,255,255,.4)}.contact>p:last-child{margin-top:30px;opacity:.7}footer{display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;padding:55px 42px;background:var(--ink);color:#fff;border-top:1px solid rgba(255,255,255,.14)}footer p{font-size:.78rem;line-height:1.7;margin:0;opacity:.7}footer p:last-child{text-align:right}footer a{color:inherit}dialog{max-width:620px;border:0;padding:44px;background:var(--cream);color:var(--ink)}dialog::backdrop{background:rgba(6,12,11,.72)}dialog button{float:right;border:0;background:transparent;font-size:1.8rem;cursor:pointer}dialog h2{font:400 2.3rem var(--serif)}dialog p{line-height:1.7}
@media(max-width:760px){.nav{padding:22px 20px}.nav nav>a:not(.nav-cta){display:none}.hero{min-height:640px}.hero-copy{padding:0 20px 58px}.hero h1{font-size:3.25rem}.hero-note{display:none}.statement,.approach,.contact{padding:90px 20px}.statement-grid{grid-template-columns:1fr;margin:60px 0 0;gap:30px}.image-break{margin:0 20px}.image-break-media{aspect-ratio:4/5}.approach-head{grid-template-columns:1fr}.approach ol{margin-top:65px}.approach li{grid-template-columns:40px 1fr;gap:20px}.approach li p{grid-column:2}.contact h2{font-size:3.2rem}.contact .email{font-size:1.1rem}footer{grid-template-columns:1fr;padding:45px 20px;gap:32px}footer p:last-child{text-align:left}}