@import url('https://fonts.googleapis.com/css2?family=Saira:ital,wght@0,300;0,400;0,500;0,600;0,700&family=Saira+Condensed:wght@400;500;600;700&family=Saira+Semi+Condensed:wght@400;500;600;700&display=swap');
:root{
  --arq-black:#202020;
  --arq-black-2:#252525;
  --arq-black-3:#2b2b2b;
  --arq-white:#f4f1eb;
  --arq-muted:#aaa7a1;
  --arq-line:#3c3c3c;
  --arq-font-text:'Saira',sans-serif;
  --arq-font-head:'Saira Semi Condensed',sans-serif;
  --arq-font-cond:'Saira Condensed',sans-serif;
}
html{scroll-behavior:smooth}
body{background:var(--arq-black);color:var(--arq-white);font-family:var(--arq-font-text);font-weight:400;overflow-x:hidden}
a{transition:.25s ease}
.arq-navbar{background:rgba(32,32,32,.97)!important;border-bottom:1px solid rgba(255,255,255,.05);min-height:76px}
.arq-brand{display:inline-flex;align-items:center;gap:9px;font-family:var(--arq-font-cond);font-weight:500;font-size:25px;letter-spacing:.015em;color:var(--arq-white)!important;line-height:1}
.arq-brand-mark{font-family:var(--arq-font-cond);font-size:34px;font-weight:600;letter-spacing:-.08em;line-height:.9;display:inline-block;transform:translateY(-1px)}
.arq-brand-name{font-family:var(--arq-font-cond);font-weight:500;letter-spacing:.005em}
.arq-brand:hover{color:#fff!important}
.arq-navbar .nav-link{font-family:var(--arq-font-cond);color:#a8a8a8!important;font-size:13px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;padding:28px 15px!important}
.arq-navbar .nav-link:hover,.arq-navbar .nav-link.active{color:#fff!important}
.navbar-toggler{border:0!important;outline:none!important;padding:9px 0}
.arq-toggle{display:block;width:25px;height:2px;background:#fff;margin:5px 0}
.arq-hero{min-height:720px;display:flex;align-items:center;background:var(--arq-black);padding:150px 0 95px;position:relative;overflow:hidden}
.arq-hero::after{content:'ARQUESIS';position:absolute;right:-40px;bottom:8px;font-family:var(--arq-font-cond);font-size:clamp(80px,15vw,230px);font-weight:700;letter-spacing:-.055em;color:rgba(255,255,255,.018);line-height:.8;pointer-events:none;white-space:nowrap}
.arq-kicker{font-family:var(--arq-font-cond);font-size:15px;letter-spacing:.18em;text-transform:uppercase;color:#fff;font-weight:500;margin-bottom:15px;display:block}
.arq-hero h1{font-family:var(--arq-font-head);font-size:clamp(46px,6.8vw,92px);line-height:.96;font-weight:600;letter-spacing:-.035em;color:var(--arq-white);margin:0 0 30px;max-width:880px}
.arq-hero p{font-size:18px;line-height:1.8;color:#bdbab4;max-width:720px;margin:0 0 38px}
.arq-rule{height:1px;background:var(--arq-line);max-width:520px;margin:0 0 32px}
.arq-btn{display:inline-block;border:1px solid #f2efe9;border-radius:25px;color:#202020!important;background:#f2efe9;padding:11px 24px;font-family:var(--arq-font-cond);font-size:14px;font-weight:600;letter-spacing:.04em}
.arq-btn:hover{background:transparent;color:#fff!important}
.arq-section{padding:100px 0}
.arq-section.alt{background:var(--arq-black-2)}
.arq-section.deep{background:#1c1c1c}
.arq-label{font-family:var(--arq-font-cond);color:#8f8d89;font-size:13px;text-transform:uppercase;letter-spacing:.16em;font-weight:600;padding-top:8px}
.arq-section h2{font-family:var(--arq-font-head);color:var(--arq-white);font-size:clamp(34px,4.2vw,54px);line-height:1.06;font-weight:600;letter-spacing:-.025em;margin:0 0 28px}
.arq-copy{color:#b8b5af;font-size:16px;line-height:1.9;max-width:760px}
.arq-copy strong{color:#f4f1eb;font-weight:600}
.arq-initiative{border-top:1px solid var(--arq-line);padding:29px 0 26px;height:100%}
.arq-initiative small{display:block;font-family:var(--arq-font-cond);color:#85837f;text-transform:uppercase;letter-spacing:.14em;font-weight:600;font-size:12px;margin-bottom:12px}
.arq-initiative h3{color:#f1eee8;font-family:var(--arq-font-head);font-weight:600;font-size:27px;letter-spacing:-.015em;margin:0 0 12px}
.arq-initiative p{color:#aaa7a1;line-height:1.75;font-size:14px;margin:0;max-width:320px}
.arq-big-statement{font-family:var(--arq-font-head);color:#f4f1eb;font-size:clamp(36px,5.2vw,68px);line-height:1.04;letter-spacing:-.03em;font-weight:600;max-width:1000px;margin:0}
.arq-big-statement span{color:#888681}
.arq-transition{margin-top:55px;border-top:1px solid var(--arq-line);border-bottom:1px solid var(--arq-line);padding:30px 0}
.arq-transition strong{font-family:var(--arq-font-head);color:#fff;font-size:25px;font-weight:600;letter-spacing:-.01em;display:block;margin-bottom:7px}
.arq-transition p{color:#96938e;line-height:1.7;margin:0;font-size:14px}
.arq-arrow{font-size:28px;color:#777;text-align:center;padding-top:30px}
.arq-contact-title{font-family:var(--arq-font-head);font-size:clamp(40px,5.2vw,66px);color:#f4f1eb;line-height:1.03;letter-spacing:-.03em;font-weight:600;margin:0 0 22px}
.arq-email{display:inline-block;color:#00AEEF!important;font-family:var(--arq-font-cond);font-size:20px;font-weight:500;letter-spacing:.02em;border-bottom:1px solid #777;padding-bottom:5px}
.arq-email:hover{color:#00AEEF!important;border-color:#00AEEF}
.arq-footer{border-top:1px solid var(--arq-line);background:#191919;padding:32px 0;color:#777;font-size:12px;letter-spacing:.04em}
.arq-footer .right{text-align:right}
@media(max-width:991px){.arq-navbar .nav-link{padding:10px 0!important}.navbar-collapse{padding:10px 0 18px}.arq-hero{min-height:auto;padding:145px 0 95px}.arq-arrow{text-align:left;padding:8px 0;transform:rotate(90deg);transform-origin:left center}.arq-section{padding:80px 0}}
@media(max-width:767px){.arq-hero{padding:125px 0 75px}.arq-hero p{font-size:16px}.arq-label{margin-bottom:25px}.arq-section{padding:70px 0}.arq-footer .right{text-align:left;margin-top:9px}.arq-hero::after{font-size:90px;right:-10px}}
