@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700&family=Playfair+Display:ital,wght@500;600&display=swap');
:root{--night:#081b24;--ocean:#0f4d5b;--foam:#e8f3ed;--coral:#ef765c;--sun:#f3c66b;--ink:#102b32}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--foam);color:var(--ink);font-family:Manrope,Arial,sans-serif}
header{height:78px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;background:var(--night);color:white;position:relative;z-index:5}
.logo{color:white;text-decoration:none;font:500 14px 'DM Mono',monospace;letter-spacing:.12em}.logo span{color:var(--coral);padding:0 4px}
nav{display:flex;gap:28px}nav a{color:#d7e6e0;text-decoration:none;font-size:12px}
.hero{height:690px;background:var(--night);color:white;position:relative;overflow:hidden;display:flex;align-items:center;padding:0 5vw}
.hero-copy{position:relative;z-index:3;max-width:660px}.kicker,.label{font:500 11px 'DM Mono',monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--coral)}
h1{font-size:clamp(58px,8vw,118px);line-height:.88;letter-spacing:-.07em;margin:22px 0 28px;font-weight:600}
h1 em{font-family:'Playfair Display',serif;color:var(--sun);font-weight:500}
.hero-copy>p:not(.kicker){max-width:570px;color:#c9dad5;font-size:17px;line-height:1.7}
.cta{display:inline-flex;gap:28px;align-items:center;margin-top:28px;padding:14px 17px;border:1px solid rgba(255,255,255,.3);color:white;text-decoration:none;font-size:12px}.cta b{color:var(--coral)}
.hero-orbit{position:absolute;border:1px solid rgba(232,243,237,.17);border-radius:50%;left:72%;top:50%;transform:translate(-50%,-50%) rotate(-22deg)}
.orbit-one{width:650px;height:650px}.orbit-two{width:470px;height:700px;transform:translate(-50%,-50%) rotate(48deg)}.orbit-three{width:280px;height:620px;transform:translate(-50%,-50%) rotate(-58deg)}
.hero-core{position:absolute;left:72%;top:50%;transform:translate(-50%,-50%);width:135px;height:135px;border-radius:50%;background:var(--coral);display:grid;place-items:center;box-shadow:0 0 90px rgba(239,118,92,.25)}.hero-core span{font:500 18px 'DM Mono',monospace;letter-spacing:.12em}
.wave{background:var(--coral);color:var(--night);padding:14px 5vw;display:flex;align-items:center;justify-content:space-between;font:500 10px 'DM Mono',monospace;letter-spacing:.13em;gap:15px}.wave i{width:5px;height:5px;background:var(--night);border-radius:50%}
.about{display:grid;grid-template-columns:1fr 2fr;gap:8vw;padding:120px 10vw;background:#f5f8f2}.about h2,.contact h2{font-size:clamp(44px,6vw,82px);line-height:.95;letter-spacing:-.06em;margin:0 0 34px}.about p{max-width:670px;line-height:1.8;color:#496169}
.focus{padding:115px 5vw;background:var(--foam)}.cards{margin-top:45px;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(16,43,50,.22)}.cards article{padding:30px 28px 45px;border-right:1px solid rgba(16,43,50,.22);min-height:310px}.cards article:last-child{border-right:0}.cards span{font:10px 'DM Mono',monospace;color:var(--coral)}.cards h3{font-size:27px;margin:75px 0 16px}.cards p{line-height:1.65;color:#53686d}
.statement{background:var(--ocean);color:white;min-height:430px;position:relative;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden}.statement .sun{position:absolute;width:310px;height:310px;border-radius:50%;background:var(--sun);color:var(--night);display:grid;place-items:center;font:500 13px 'DM Mono',monospace;letter-spacing:.18em;top:-160px;right:8%;}.statement p{font:500 italic clamp(30px,5vw,65px) 'Playfair Display',serif;max-width:850px;line-height:1.1;position:relative;z-index:2}
.contact{padding:120px 10vw;display:grid;grid-template-columns:1fr 2fr;gap:8vw}.contact a{color:var(--coral);font:500 12px 'DM Mono',monospace;text-decoration:none}
footer{padding:22px 5vw;background:var(--night);color:#91aaa6;display:flex;justify-content:space-between;font:10px 'DM Mono',monospace;letter-spacing:.12em}
@media(max-width:800px){nav{display:none}.hero{height:680px}.hero-copy{padding-top:20px}.hero-orbit{left:88%;opacity:.7}.hero-core{left:88%}.about,.contact{grid-template-columns:1fr;padding:85px 7vw}.cards{grid-template-columns:1fr}.cards article{border-right:0;border-bottom:1px solid rgba(16,43,50,.22)}.wave{overflow:auto;justify-content:flex-start;white-space:nowrap}.statement{min-height:360px}footer{gap:15px;flex-wrap:wrap}}