*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#f3f1ed;color:#191a19;font-family:Inter,Arial,sans-serif}
.nav{height:76px;position:fixed;z-index:20;left:0;right:0;top:0;display:flex;align-items:center;justify-content:space-between;padding:0 6.5%;background:#f7f6f3;border-bottom:1px solid #dedbd5}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#191a19}
.brand>b{font-size:27px;font-style:italic;letter-spacing:-.12em}
.brand>span{font-size:12px;font-weight:900;letter-spacing:.12em}
.brand>span>span,footer span,.about-logo strong span{color:#176ff0}
.quote-btn{background:#191a19;color:#fff;text-decoration:none;padding:13px 21px;font-size:10px;font-weight:800}
.hero{height:100vh;min-height:700px;position:relative;overflow:hidden;background:#1c2427;color:#fff}
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,15,16,.9),rgba(12,15,16,.53) 45%,rgba(12,15,16,.1) 80%),linear-gradient(0deg,rgba(5,7,7,.72),transparent 44%)}
.hero-content{position:absolute;z-index:5;left:6.5%;top:20%;max-width:510px}
.eyebrow{font-size:9px;letter-spacing:.25em;font-weight:800;color:#c2c5c1;margin-bottom:18px}
.location{font-size:9px;letter-spacing:.18em;margin-bottom:16px;color:#d2d5d1}
.hero h1{font-size:clamp(56px,7vw,98px);line-height:.91;letter-spacing:-.065em;margin:0;font-weight:700}
.hero h1 em,.quote h2 em,.run h2 em{font-family:'Playfair Display',Georgia,serif;font-weight:600}
.hero-content p{font-size:13px;line-height:1.65;max-width:465px;color:#e1e2df;margin:25px 0 12px}
.loads{font-size:10px;line-height:1.7;color:#c8cbc8}
.cta{display:inline-flex;gap:25px;align-items:center;margin-top:20px;background:#f3f1ed;color:#191a19;padding:14px 18px;text-decoration:none;text-transform:uppercase;font-size:9px;font-weight:900}
.cta span{font-size:15px}
.side-card{position:absolute;z-index:7;right:5%;top:29%;padding:17px 20px;background:rgba(12,17,19,.72);border:1px solid rgba(255,255,255,.2);color:#fff;display:flex;flex-direction:column;gap:5px}
.side-card small{font-size:7px;letter-spacing:.18em;color:#9ea5a3}.side-card b{font-size:11px}.side-card span{font-size:9px;color:#b7bcb9}
.ton{position:absolute;z-index:8;right:7%;bottom:19%;width:105px;height:105px;background:#f3f1ed;color:#181919;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center}
.ton b{font-size:27px}.ton span{font-size:7px;letter-spacing:.17em}
.hero-foot{position:absolute;z-index:8;left:6.5%;right:6.5%;bottom:4%;border-top:1px solid rgba(255,255,255,.42);padding-top:12px;display:flex;justify-content:space-between;font-size:9px;color:#e3e4e1}
.quote{display:grid;grid-template-columns:1fr 1fr;gap:90px;padding:105px 10%;background:#f3f1ed}
.quote h2{font-size:clamp(48px,5.5vw,76px);line-height:.93;letter-spacing:-.06em;margin:0}
.quote>div>p{font-size:11px;color:#77746e;margin-top:25px}
.quote form{padding-top:2px}
.quote label{display:block;font-size:8px;letter-spacing:.15em;text-transform:uppercase;color:#66645e;font-weight:700;margin-bottom:19px}
.quote input,.quote textarea{width:100%;display:block;background:transparent;border:0;border-bottom:1px solid #aaa69e;padding:11px 1px;margin-top:7px;font:inherit;outline:none;resize:vertical}
.quote textarea{min-height:48px}
.quote button{background:#191a19;color:#fff;border:0;padding:15px 20px;font:inherit;font-size:9px;font-weight:900;cursor:pointer}
.quote button span{margin-left:22px}
.quote form small{display:block;color:#89857e;font-size:8px;margin-top:10px}
.run{padding:105px 8%;display:grid;grid-template-columns:1fr 1fr;gap:75px;background:#171816;color:#eee}
.run h2{font-size:clamp(42px,5vw,67px);line-height:.95;letter-spacing:-.055em;margin:0}
.run-copy>p{max-width:560px;color:#a9aaa5;font-size:11px;line-height:1.75;margin-top:26px}
.run .eyebrow{color:#8e8f8a}
.details{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:30px}
.details div{border:1px solid #353633;padding:15px}
.details small{display:block;font-size:7px;letter-spacing:.16em;color:#777975;margin-bottom:8px}
.details a,.details b{font-size:9px;color:#eee;text-decoration:none}
.area-panel{height:430px;position:relative;overflow:hidden;background:#dedfd9;color:#30332f;background-image:linear-gradient(32deg,transparent 46%,#a7aba3 47%,#a7aba3 48%,transparent 49%),linear-gradient(112deg,transparent 43%,#b1b4ad 44%,#b1b4ad 45%,transparent 46%)}
.area-panel:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(22deg,transparent 0 65px,rgba(110,116,109,.18) 66px 67px)}
.area-title{position:absolute;z-index:2;left:20px;top:20px;background:#f7f6f2;padding:9px 11px;font-size:8px;letter-spacing:.15em;font-weight:800}
.area-line{position:absolute;z-index:2;left:20%;top:66%;width:60%;height:4px;background:#1d1d1b;transform:rotate(-28deg)}
.area-main{position:absolute;z-index:3;left:15%;top:70%;background:#191a19;color:#fff;padding:7px 9px;font-size:8px;font-weight:800}
.area-main.mandeni{left:auto;right:13%;top:27%}
.area-label{position:absolute;z-index:2;right:19%;top:47%;font-size:8px;letter-spacing:.15em;font-weight:800}
.area-sub{position:absolute;z-index:2;left:20px;bottom:18px;font-size:8px;color:#676b65}
.about{padding:65px 8%;display:grid;grid-template-columns:1fr 1.4fr auto;gap:45px;align-items:center;background:#f3f1ed}
.about-logo{display:flex;gap:11px;align-items:center}.about-logo>b{font-size:31px;font-style:italic}.about-logo strong{font-size:17px}
.about-copy p{max-width:540px;color:#68665f;font-size:11px;line-height:1.7;margin:0}
.contact{display:flex;gap:16px;flex-wrap:wrap;margin-top:13px}.contact a,.contact span{font-size:9px;color:#292a27;text-decoration:none}.contact a{font-weight:700}
.dark-btn{background:#191a19;color:#fff;padding:15px 18px;text-decoration:none;font-size:9px;font-weight:900;white-space:nowrap}
footer{padding:24px 8%;display:flex;justify-content:space-between;background:#171816;color:#999b96;font-size:8px}
footer b{color:#fff;font-size:11px}
@media(max-width:900px){.quote,.run{grid-template-columns:1fr;gap:55px}.side-card{left:6%;right:auto;top:auto;bottom:28%}.ton{right:5%;bottom:23%}.about{grid-template-columns:1fr}.nav{padding:0 5%}}
@media(max-width:560px){.nav{height:65px;padding:0 18px}.brand>span{font-size:10px}.quote-btn{padding:11px 14px}.hero{min-height:720px}.hero-content{left:20px;top:15%;max-width:350px}.hero h1{font-size:55px}.hero-content p{font-size:11px}.side-card{left:20px;bottom:30%}.ton{width:82px;height:82px;right:6%;bottom:25%}.ton b{font-size:22px}.hero-foot{left:20px;right:20px}.hero-foot span:last-child{display:none}.quote,.run{padding:65px 20px}.quote h2{font-size:55px}.details{grid-template-columns:1fr}.area-panel{height:330px}.about{padding:55px 20px}footer{padding:22px 20px;flex-direction:column;gap:9px}}