:root {
  --bg:#171716;
  --bg-soft:#22211f;
  --paper:#f1ede6;
  --paper-2:#e5ddd2;
  --ink:#1a1917;
  --muted:#a9a39b;
  --line:rgba(255,255,255,.14);
  --line-dark:rgba(26,25,23,.14);
  --accent:#b68a60;
  --accent-2:#c7a37c;
  --max:1180px;
  --serif:"Georgia","Times New Roman",serif;
  --sans:Inter,Arial,Helvetica,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:var(--sans);background:var(--bg);color:#f5f1eb;line-height:1.55}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.container{width:min(calc(100% - 40px),var(--max));margin:0 auto}
.header{position:sticky;top:0;z-index:30;background:rgba(23,23,22,.9);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.header__inner{height:78px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.brand{display:flex;align-items:center;gap:12px;min-width:260px}
.brand__mark{
  width:42px;
  height:50px;
  flex:0 0 42px;
  position:relative;
  background:url('assets/logo-header-azs.png') center/contain no-repeat;
}
.brand__mark:before,.brand__mark:after{display:none}
.brand__name{font-weight:700;font-size:15px;line-height:1.15;text-transform:uppercase;letter-spacing:.02em}
.brand__sub{font-size:10px;color:var(--accent-2);margin-top:4px;letter-spacing:.05em;text-transform:uppercase}
.nav{display:flex;align-items:center;gap:24px;font-size:13px;color:#d9d3cb}
.nav a{opacity:.88}.nav a:hover,.nav a.active{opacity:1;color:#fff}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 22px;border:1px solid transparent;background:var(--accent);color:#181715;font-size:13px;font-weight:700;transition:.2s ease}
.btn:hover{transform:translateY(-1px);background:var(--accent-2)}
.btn--ghost{background:transparent;border-color:rgba(255,255,255,.3);color:#fff}
.btn--dark{background:#22211f;color:#fff}
.mobile-toggle{display:none;background:none;border:0;color:#fff;font-size:24px}
.hero{min-height:760px;display:flex;align-items:flex-end;position:relative;overflow:hidden}
.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,15,14,.92) 0%,rgba(15,15,14,.72) 42%,rgba(15,15,14,.2) 75%),url('assets/office.jpeg') center/cover no-repeat}
.hero__content{position:relative;z-index:2;padding:130px 0 90px;max-width:700px}
.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:12px;color:var(--accent-2);margin-bottom:20px}
h1,h2,h3{font-family:var(--serif);font-weight:400;margin:0}
h1{font-size:clamp(56px,7vw,96px);line-height:.98;letter-spacing:-.03em;max-width:850px}
.hero__sub{font-size:18px;color:#ddd7cf;margin:24px 0 12px;max-width:560px}
.hero__tag{font-family:var(--serif);font-size:28px;color:#fff;margin:0 0 34px}
.hero__actions{display:flex;gap:14px;flex-wrap:wrap}
.hero__line{position:absolute;right:4%;bottom:76px;width:160px;border-top:1px solid rgba(255,255,255,.35)}
.section{padding:110px 0}
.section--paper{background:var(--paper);color:var(--ink)}
.section--paper2{background:var(--paper-2);color:var(--ink)}
.section--dark{background:var(--bg-soft)}
.section__head{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;margin-bottom:56px}
.section__title{font-size:clamp(42px,5vw,68px);line-height:1.02}
.section__lead{font-size:18px;color:inherit;opacity:.8;max-width:570px}
.kicker{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin-bottom:18px}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.card{border:1px solid var(--line);padding:28px;min-height:260px;display:flex;flex-direction:column;justify-content:space-between;background:rgba(255,255,255,.015)}
.section--paper .card,.section--paper2 .card{border-color:var(--line-dark);background:rgba(255,255,255,.28)}
.card__num{font-family:var(--serif);font-size:18px;color:var(--accent)}
.card h3{font-size:28px;line-height:1.05;margin:48px 0 14px}
.card p{font-size:14px;opacity:.72;margin:0}
.split{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center}
.media{min-height:500px;background:url('assets/office.jpeg') center/cover no-repeat;position:relative}
.media:after{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.2)}
.steps{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.step{padding:28px 24px;border-right:1px solid var(--line)}.step:last-child{border-right:0}
.step__n{font-family:var(--serif);font-size:34px;color:var(--accent)}
.step h3{font-size:20px;margin:18px 0 8px}.step p{font-size:13px;color:#bbb4ab;margin:0}
.quote{font-family:var(--serif);font-size:clamp(34px,4.5vw,58px);line-height:1.08;max-width:900px}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:48px}
.stat{padding:30px;border-top:1px solid var(--line)}
.stat strong{font-family:var(--serif);font-size:46px;font-weight:400;color:var(--accent-2)}
.stat span{display:block;font-size:13px;color:#c5bfb7;margin-top:8px}
.cta{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:end}
.cta h2{font-size:clamp(44px,6vw,72px)}
.footer{padding:52px 0 28px;background:#11110f;border-top:1px solid var(--line)}
.footer__grid{display:grid;grid-template-columns:1.3fr .8fr .8fr;gap:40px}
.footer h4{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-2);margin:0 0 18px}
.footer a,.footer p{display:block;color:#c8c1b8;font-size:14px;margin:8px 0}
.footer__bottom{border-top:1px solid var(--line);margin-top:38px;padding-top:18px;color:#77716a;font-size:12px;display:flex;justify-content:space-between;gap:20px}
.page-hero{padding:130px 0 85px;background:linear-gradient(180deg,#1b1b19,#151514)}
.page-hero h1{font-size:clamp(54px,7vw,92px)}
.page-hero p{max-width:680px;font-size:19px;color:#d3cdc4}
.list{display:grid;gap:14px}
.list__item{display:grid;grid-template-columns:44px 1fr;gap:18px;padding:22px 0;border-bottom:1px solid var(--line)}
.list__item span{font-family:var(--serif);color:var(--accent);font-size:22px}
.list__item h3{font-size:26px;margin-bottom:6px}.list__item p{margin:0;color:#bbb4ab}
.form{display:grid;gap:14px}.form input,.form textarea{width:100%;background:transparent;border:1px solid rgba(255,255,255,.26);padding:15px 16px;color:#fff;font:inherit}.form textarea{min-height:140px;resize:vertical}
.note{font-size:12px;color:#8f8981}
@media(max-width:980px){
  .nav{display:none;position:absolute;top:78px;left:0;right:0;background:#171716;padding:24px 20px;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--line)}
  .nav.open{display:flex}.mobile-toggle{display:block}.header .btn{display:none}.brand{min-width:0}
  .section__head,.split,.cta{grid-template-columns:1fr}.grid-4{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:1fr 1fr}.step:nth-child(2){border-right:0}.footer__grid{grid-template-columns:1fr 1fr}.hero{min-height:680px}.hero:before{background:linear-gradient(90deg,rgba(15,15,14,.94),rgba(15,15,14,.55)),url('assets/office.jpeg') center/cover no-repeat}
}
@media(max-width:640px){
  .container{width:min(calc(100% - 28px),var(--max))}.header__inner{height:70px}.brand__mark{width:36px;height:44px;flex-basis:36px}.brand__name{font-size:13px}.brand__sub{font-size:8px}.hero{min-height:650px}.hero__content{padding:110px 0 70px}.hero__sub{font-size:16px}.hero__tag{font-size:23px}.section{padding:76px 0}.section__head{gap:24px}.grid-4,.steps,.stats,.footer__grid{grid-template-columns:1fr}.step{border-right:0;border-bottom:1px solid var(--line)}.step:last-child{border-bottom:0}.card{min-height:220px}.footer__bottom{flex-direction:column}.page-hero{padding:105px 0 62px}
}

/* Updated brand system */
.brand{min-width:340px}
.brand__name{font-size:16px;white-space:nowrap;text-transform:none;letter-spacing:.01em}
.brand__name strong{font-weight:800;letter-spacing:.035em}
.brand__sub{display:block}

/* Neutral architectural visuals: no claim that this is the real office */
.hero:before{
  background:
    linear-gradient(90deg,rgba(15,15,14,.94) 0%,rgba(15,15,14,.76) 42%,rgba(15,15,14,.24) 76%),
    radial-gradient(circle at 78% 24%,rgba(182,138,96,.28),transparent 34%),
    linear-gradient(135deg,#2a2926 0%,#171716 42%,#3a332c 70%,#1c1b19 100%);
}
.hero:after{content:"";position:absolute;right:8%;top:16%;width:34%;height:58%;border:1px solid rgba(199,163,124,.28);box-shadow:-55px 55px 0 rgba(255,255,255,.025),55px -55px 0 rgba(182,138,96,.05);transform:skewY(-3deg)}
.media{background:
  linear-gradient(145deg,rgba(255,255,255,.04),rgba(255,255,255,0)),
  radial-gradient(circle at 24% 28%,rgba(199,163,124,.34),transparent 25%),
  linear-gradient(135deg,#352f29,#1c1b19 55%,#554436);}
.media:before{content:"";position:absolute;inset:9% 12%;border:1px solid rgba(255,255,255,.18);box-shadow:38px 32px 0 rgba(182,138,96,.10)}

.contact-hero{padding:120px 0 90px;background:linear-gradient(135deg,#171716,#24211e)}
.contact-grid{display:grid;grid-template-columns:1fr .9fr;gap:70px;align-items:start}
.contact-intro{font-size:19px;color:#d3cdc4;max-width:620px}
.contact-links{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:36px}
.contact-links a{border-top:1px solid var(--line);padding:18px 0;display:flex;flex-direction:column;gap:4px}
.contact-links span,.contact-links small{color:#9e978e;font-size:12px}
.contact-links strong{font-size:17px;font-weight:600}
.contact-form{padding:34px;background:rgba(255,255,255,.035);border:1px solid var(--line)}

@media(max-width:980px){
  .brand{min-width:0}
  .brand__name{font-size:14px}
  .contact-grid{grid-template-columns:1fr}
}
@media(max-width:640px){
  .brand__name{white-space:normal;max-width:210px;display:block;line-height:1.05}
  .brand__sub{max-width:220px}
  .contact-links{grid-template-columns:1fr}
  .contact-form{padding:22px}
}

/* Final image system */
.hero:before{
  background:
    linear-gradient(90deg,rgba(15,15,14,.94) 0%,rgba(15,15,14,.74) 38%,rgba(15,15,14,.18) 76%),
    url('assets/hero-office.png') center/cover no-repeat;
}
.hero:after{display:none}
.media{background-size:cover;background-position:center;background-repeat:no-repeat}
.media:before{display:none}
.media--approach{background-image:linear-gradient(90deg,rgba(18,17,15,.08),rgba(18,17,15,.02)),url('assets/approach-process.jpg');background-position:center}
.media--meeting{background-image:linear-gradient(90deg,rgba(18,17,15,.06),rgba(18,17,15,.02)),url('assets/process-meeting.jpg');background-position:center}
.media--philosophy{background-image:linear-gradient(90deg,rgba(18,17,15,.04),rgba(18,17,15,.01)),url('assets/philosophy-space.jpg');background-position:center}

/* Better contrast in the professional foundation block */
.section--paper2 .stat{border-top-color:rgba(26,25,23,.28)}
.section--paper2 .stat strong{color:#8c633f}
.section--paper2 .stat span{color:#2d2a26;font-weight:600;font-size:14px}

/* Calm footer without the temporary symbol */
.brand--footer{min-width:0;align-items:flex-start}
.brand--footer .brand__name{font-size:17px}
.brand--footer .brand__sub{font-size:9px}

@media(max-width:980px){
  .hero:before{background:linear-gradient(90deg,rgba(15,15,14,.94),rgba(15,15,14,.50)),url('assets/hero-office.png') center/cover no-repeat}
}

.hero h1 strong{font-weight:800;letter-spacing:.03em}


/* Legal pages and consent */
.consent-check{display:grid;grid-template-columns:20px 1fr;gap:12px;align-items:start;font-size:13px;color:#c9c2b9;line-height:1.45}
.consent-check input{width:18px;height:18px;margin:1px 0 0;accent-color:var(--accent)}
.consent-check a{text-decoration:underline;text-underline-offset:3px;color:#f2ece4}
.footer__legal{display:flex;gap:18px;flex-wrap:wrap;justify-content:flex-end}
.footer__legal a{margin:0;color:#8e877f;font-size:12px}
.legal-page{padding:120px 0 100px;background:var(--paper);color:var(--ink)}
.legal-wrap{max-width:900px}
.legal-wrap h1{font-size:clamp(46px,6vw,78px);line-height:1.02;margin-bottom:18px}
.legal-wrap h2{font-size:28px;margin:42px 0 12px}
.legal-wrap p,.legal-wrap li{font-size:16px;line-height:1.75;color:#3c3833}
.legal-wrap a{text-decoration:underline;text-underline-offset:3px}
.legal-date{color:#7b736a!important;margin-bottom:32px}
.legal-alert{padding:20px 22px;border:1px solid #b58a60;background:#e9dfd2;margin:28px 0 34px;color:#2a2723}
@media(max-width:640px){.footer__legal{justify-content:flex-start;flex-direction:column;gap:8px}.legal-page{padding:95px 0 70px}.legal-wrap h2{font-size:24px}}

/* Launch legal and form refinements */
.footer__requisites{margin-top:34px;padding-top:18px;border-top:1px solid var(--line);color:#8e877f;font-size:12px;line-height:1.6}
.note--error{color:#d9a28f}
.contact-form input:focus,.contact-form textarea:focus{outline:1px solid var(--accent);border-color:var(--accent)}
.contact-form button{justify-self:start}
@media(max-width:640px){.footer__requisites{font-size:11px}.contact-form button{width:100%}}

.form-honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
.note--success{color:#b8c9ac}.contact-form button:disabled{opacity:.65;cursor:wait}

/* Office address and map */
.office-section{padding:90px 0 110px;background:#11110f;border-top:1px solid var(--line)}
.office-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:56px;align-items:stretch}
.office-details{padding:36px 0}
.office-details h2{font-size:clamp(40px,4.6vw,64px);line-height:1.04;max-width:520px}
.office-address{font-family:var(--serif);font-size:28px;line-height:1.25;margin:34px 0 10px;color:#f1ede6}
.office-note{font-size:14px;color:#a9a39b;margin:0 0 30px}
.office-map{position:relative;min-height:440px;border:1px solid rgba(199,163,124,.35);background:#24211e;overflow:hidden}
.office-map:before{content:"";position:absolute;inset:10px;border:1px solid rgba(255,255,255,.08);pointer-events:none;z-index:1}
.office-map iframe{display:block;width:100%;height:100%;min-height:440px;border:0;filter:saturate(.7) contrast(1.03)}
@media(max-width:980px){.office-grid{grid-template-columns:1fr;gap:28px}.office-details{padding:0}.office-map,.office-map iframe{min-height:390px}}
@media(max-width:640px){.office-section{padding:70px 0 78px}.office-address{font-size:24px}.office-map,.office-map iframe{min-height:330px}.office-details .btn{width:100%}}
