@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Manrope:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,600;1,600&display=swap');
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#15201d;background:#f7f7f2;font-family:Manrope,system-ui,sans-serif}a{color:inherit;text-decoration:none}svg{width:1.1em;fill:none;stroke:currentColor;stroke-width:1.8;vertical-align:middle}.kicker{text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;font-weight:700}header{height:86px;padding:0 clamp(24px,5vw,80px);display:flex;align-items:center;justify-content:space-between;position:absolute;z-index:5;width:100%;color:white}.brand{display:flex;align-items:center;gap:12px;font-weight:700}.brand b{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--accent);font-size:1.3rem}.brand span{font-size:1.05rem}nav{display:flex;align-items:center;gap:32px;font-size:.86rem;font-weight:600}nav a:hover{opacity:.7}.navcta{border:1px solid #ffffff80;border-radius:50px;padding:12px 18px}.menu{display:none;border:0;background:none;color:#fff;font-size:1.5rem}.hero{min-height:92vh;display:flex;align-items:center;padding:130px clamp(24px,8vw,130px) 80px;color:white;position:relative;background-image:linear-gradient(90deg,rgba(4,13,11,.82),rgba(4,13,11,.2)),var(--hero);background-size:cover;background-position:center}.heroCopy{max-width:680px}.hero h1{font-size:clamp(3rem,6vw,6.7rem);letter-spacing:-.055em;line-height:.94;margin:.22em 0}.heroCopy>p:not(.kicker){font-size:clamp(1rem,1.45vw,1.3rem);line-height:1.7;max-width:610px;color:#ffffffd9}.button{display:inline-flex;gap:20px;align-items:center;background:var(--accent);padding:17px 24px;border-radius:4px;font-weight:700;margin-top:20px}.scroll{position:absolute;bottom:35px;right:5vw;text-transform:uppercase;font-size:.65rem;letter-spacing:.14em}.promise{padding:clamp(75px,10vw,150px) clamp(24px,12vw,190px);display:grid;grid-template-columns:1fr 3fr;gap:40px}.promise>p,.sectionHead>p{font-size:.75rem;text-transform:uppercase;letter-spacing:.14em;color:var(--accent);font-weight:700}.promise h2,.sectionHead h2,.contact h2{font-size:clamp(2rem,4vw,4.4rem);line-height:1.1;letter-spacing:-.04em;margin:0;max-width:1050px}.offers{padding:100px clamp(24px,7vw,110px);background:#eceee8}.sectionHead{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:60px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.cards article{background:white;padding:36px;min-height:290px;position:relative;transition:.3s}.cards article:hover{transform:translateY(-6px)}.cards span{font-size:.7rem;color:var(--accent)}.cards h3{font-size:1.55rem;margin:45px 0 12px}.cards p{color:#64706c;line-height:1.65}.cards svg{position:absolute;bottom:30px;right:30px}.contact{padding:clamp(70px,9vw,130px) clamp(24px,9vw,140px);background:#17231f;color:white;display:grid;grid-template-columns:1.5fr 1fr;gap:12vw}.contact dl{margin:0}.contact dt{text-transform:uppercase;letter-spacing:.12em;font-size:.65rem;color:#ffffff80;margin:12px 0 8px}.contact dd{margin:0 0 25px;padding-bottom:25px;border-bottom:1px solid #ffffff24}.light{background:white;color:#17231f}footer{display:flex;padding:30px clamp(24px,5vw,80px);gap:30px;background:#101815;color:#ffffffb0;font-size:.75rem}footer span{margin-right:auto}.t2{background:#f5f1ea}.t2 .hero{background-image:linear-gradient(90deg,rgba(250,248,241,.96) 0%,rgba(250,248,241,.78) 39%,transparent 72%),var(--hero);color:#20312d}.t2 header{color:#20312d}.t2 .heroCopy>p:not(.kicker){color:#40534e}.t2 .brand b{color:white}.t2 .navcta{border-color:#20312d40}.t3 .hero{background-image:linear-gradient(90deg,rgba(15,48,47,.1),rgba(15,48,47,.84)),var(--hero);background-position:center}.t3 .heroCopy{margin-left:auto;text-align:right}.t3 .heroCopy>p{margin-left:auto}.t4{font-family:DM Sans,sans-serif}.t4 .hero h1{text-transform:uppercase;font-size:clamp(3rem,7vw,7.4rem);font-weight:600}.t4 .brand b,.t4 .button{border-radius:0}.t5{font-family:DM Sans,sans-serif}.t5 .hero{background-image:linear-gradient(90deg,rgba(255,255,255,.95),rgba(255,255,255,.07)),var(--hero);color:#101010}.t5 header{color:#101010}.t5 .brand b{border-radius:0;color:white}.t5 .hero h1,.t5 .promise h2,.t5 .sectionHead h2{font-family:Playfair Display,serif;font-weight:600}.t5 .navcta{border-color:#111}.t5 .heroCopy>p:not(.kicker){color:#333}.t6 .hero{background-image:linear-gradient(90deg,rgba(7,22,40,.75),rgba(7,22,40,.05)),var(--hero)}.hub{background:#101916;color:white;min-height:100vh}.hub main{max-width:1200px;margin:auto;padding:9vh 30px}.hub h1{font-size:clamp(3.3rem,8vw,7.5rem);line-height:.9;letter-spacing:-.06em;margin:20px 0}.hublead{max-width:620px;color:#aebbb6;line-height:1.7}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:60px}.demo{background:#1b2925;padding:25px;min-height:180px;display:flex;flex-direction:column;transition:.25s}.demo:hover{background:#274037;transform:translateY(-3px)}.demo span{font-size:.7rem;color:#88a69c;text-transform:uppercase;letter-spacing:.1em}.demo strong{font-size:1.35rem;margin:auto 0}.demo em{font-size:.8rem;font-style:normal}.demo em svg{float:right}.hint{color:#82918c;font-size:.8rem;margin-top:25px}code{background:#22322d;padding:4px 8px}@media(max-width:750px){header{height:70px}nav{display:none}.menu{display:block}.hero{min-height:90vh;background-position:60% center}.hero h1{font-size:3.2rem}.promise{grid-template-columns:1fr;padding-block:75px}.sectionHead{display:block}.cards{grid-template-columns:1fr}.contact{grid-template-columns:1fr;gap:60px}.grid{grid-template-columns:1fr}footer{flex-wrap:wrap}.t2 .hero{background-image:linear-gradient(90deg,rgba(250,248,241,.94),rgba(250,248,241,.52)),var(--hero)}.t3 .heroCopy{text-align:left}.t3 .heroCopy>p{margin-left:0}}
