/* Al-Amin — merged from concept style.css → edition.css → continuity.css (order preserved) */
:root{--paper:#f6f3ec;--ink:#193e33;--muted:#6c766d;--gold:#ab9356;--line:#d9ddd1;--sand:#eae4d8}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.9 'IBM Plex Sans Arabic',Arial,sans-serif}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer}
button,a{-webkit-tap-highlight-color:transparent}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:6px}
header{max-width:1600px;margin:auto;min-height:114px;padding:22px 5.5%;display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:16px}
.brand img{width:80px;height:54px;object-fit:contain;mix-blend-mode:multiply}
.brand span{display:flex;flex-direction:column;border-inline-start:1px solid #c6b98e;padding-inline-start:17px;line-height:1.5}
.brand b{font-family:'Noto Naskh Arabic',serif;font-size:29px;font-weight:500}
.brand small{font-size:10px;letter-spacing:.3px}
nav{display:flex;gap:28px;font-size:13px}
nav a{position:relative}
nav a:hover{color:var(--gold)}
.header-actions{display:flex;align-items:center;gap:20px}
.language{border:0;background:none;font-size:12px;letter-spacing:1px}
.button{display:inline-flex;justify-content:center;align-items:center;gap:30px;background:var(--ink);color:white;padding:15px 25px;font-size:14px;transition:background .2s,transform .2s}
.button:hover{background:#2c5747;transform:translateY(-2px)}
.button.small{font-size:12px;padding:11px 20px}
.menu{display:none;background:none;border:0;font-size:24px}
.hero{max-width:1600px;margin:auto;display:grid;grid-template-columns:1.04fr 1fr;gap:6%;padding:60px 5.5% 55px;align-items:center}
.eyebrow{display:flex;align-items:center;gap:10px;font-size:11px;letter-spacing:1.3px;font-weight:500;margin-bottom:24px}
.eyebrow>span:first-child:empty{width:22px;height:1px;background:var(--gold)}
h1,h2,h3,p{margin-top:0}
h1,h2{font-family:'Noto Naskh Arabic',Georgia,serif;font-weight:400}
h1{font-size:clamp(43px,4.7vw,76px);line-height:1.55;margin-bottom:16px;letter-spacing:-1px}
em{font-style:normal;color:var(--gold)}
.hero-copy>p{max-width:445px;font-size:16px;line-height:2.1;color:var(--muted)}
.text-link{font-size:13px;border-bottom:1px solid #b2b8a8;padding-bottom:4px}
.section{padding:100px max(5.5%,calc((100vw - 1424px)/2));}
h2{font-size:43px;line-height:1.6;margin-bottom:20px}
.about{display:grid;grid-template-columns:1fr 1.1fr;gap:8%}
.about-copy{max-width:650px}
.lead{font-size:21px;line-height:1.9;color:var(--ink)}
.about-copy>p:not(.lead){font-size:14px;color:var(--muted)}
.office-facts{display:flex;gap:70px;border-top:1px solid var(--line);margin-top:28px;padding-top:22px}
.office-facts span{display:flex;flex-direction:column;gap:5px}
.office-facts small{font-size:10px;color:var(--muted)}
.office-facts b{font-size:13px;font-weight:500}
.privacy{background:var(--ink);color:var(--paper);display:grid;grid-template-columns:1fr 1fr;gap:9%;overflow:hidden}
.privacy .eyebrow{color:#b3c2b5}
.privacy h2{font-size:42px}
.privacy h2 em{color:#c7b584}
.privacy-intro>p{font-size:14px;color:#b6c4b9;max-width:420px}
.light{color:#d7c8a1;border-color:#8c8f6c}
[role=tablist]{display:flex;border-bottom:1px solid #65817080;gap:25px;justify-content:space-between}
[role=tab]{padding:0 0 17px;color:#a3b6a9;border:0;background:none;font-size:12px;position:relative}
[role=tab][aria-selected=true]{color:#e0d2a9}
[role=tab][aria-selected=true]:after{content:'';position:absolute;height:2px;background:#bda86e;bottom:-1px;inset-inline:0}
[role=tabpanel]{padding-top:25px;min-height:340px}
.panel-number{font:45px Georgia;color:#81927e;display:block;margin-bottom:20px}
[role=tabpanel] h3{font-family:'Noto Naskh Arabic';font-weight:400;font-size:30px;margin-bottom:12px}
[role=tabpanel] p{font-size:13px;color:#b6c4b9}
[role=tabpanel] ul{list-style:none;padding:0;margin-top:20px}
[role=tabpanel] li{font-size:12px;padding:8px 0;display:flex;gap:12px}
[role=tabpanel] li:before{content:'✓';color:#c7b584}
.sector-note{display:flex;align-items:center;gap:20px;border-top:1px solid #65817080;padding-top:22px;color:#bbcabf}
.sector-note>span{font:30px Georgia;color:#c7b584}
.sector-note p{font-size:11px;margin:0}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:45px;margin-bottom:35px}
.section-heading>p{font-size:13px;max-width:300px;color:var(--muted);margin-bottom:28px}
.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:9%}
.faq>div>p{font-size:13px;color:var(--muted)}
details{border-bottom:1px solid var(--line);padding:22px 0}
details:first-child{padding-top:0}
summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;font-size:15px}
summary::-webkit-details-marker{display:none}
summary:after{content:'+';font:22px Georgia;color:var(--gold)}
details[open] summary:after{content:'−'}
details p{font-size:13px;color:var(--muted);margin:18px 0 0}
.contact{background:var(--ink);color:var(--paper);display:grid;grid-template-columns:1fr 1fr;gap:12%;position:relative}
.contact .eyebrow{color:#c3d0c4}
.contact h2{font-size:48px}
.contact em{color:#c7b584}
.contact p{font-size:13px;color:#b7c5bb}
.gold{background:#c0ac76;color:var(--ink);margin-top:15px}
.gold:hover{background:#d7c491}
.contact-info{align-self:center}
.contact-info>a,.contact-info>div{position:relative;display:flex;flex-direction:column;gap:8px;border-bottom:1px solid #65817080;padding:25px 0}
.contact-info small{font-size:10px;color:#b3c4b5}
.contact-info span{font-size:19px;text-align:start;overflow-wrap:anywhere}
.contact-info b{position:absolute;inset-inline-end:0;top:45px;font-size:20px;color:#c7b584;font-weight:400}
.contact-info a:hover span{color:#d3c18e}
footer{padding:42px 5.5% 20px}
.footer-top{display:flex;gap:40px;align-items:center;justify-content:space-between;padding-bottom:35px}
.footer-top>p{font-size:11px;max-width:310px;color:var(--muted);margin:0}
.backtop{font-size:11px}
.footer-bottom{border-top:1px solid var(--line);display:flex;justify-content:space-between;padding-top:18px;font-size:10px;color:var(--muted)}
.footer-bottom button{border:0;background:none;font-size:10px;color:var(--muted)}
dialog{border:1px solid var(--line);padding:48px;background:var(--paper);color:var(--ink);max-width:580px;width:90%}
dialog::backdrop{background:#092b23bb;backdrop-filter:blur(4px)}
dialog p{font-size:14px}
#privacy-close{position:absolute;inset-inline-end:16px;top:8px;background:none;border:0;font-size:28px}
html[dir=ltr] h1{font-size:clamp(43px,4.2vw,65px);line-height:1.3}
html[dir=ltr] h1,html[dir=ltr] h2,html[dir=ltr] h3{font-family:Georgia,serif}
html[dir=ltr] h2{font-size:38px}
html[dir=ltr] .brand b{font-family:Georgia,serif;font-size:20px}
html[dir=ltr] .brand small{font-size:8px}
html[dir=ltr] .privacy h2{font-size:37px}
@media(min-width:1700px){
  .section{padding-inline:calc((100vw - 1424px)/2)}
}
@media(max-width:1150px){
  nav{gap:15px;font-size:11px}
  .brand img{width:60px}
  .brand span{padding-inline-start:12px}
  .header-actions{gap:12px}
  .hero{gap:5%;padding-top:45px}
  .hero-copy>p{font-size:14px}
  .button{padding:13px 20px;font-size:12px}
  .privacy{gap:6%}
  .privacy h2{font-size:35px}
  .section{padding-block:75px}
}
@media(max-width:850px){
  header{min-height:90px;padding:16px 6%;position:relative;z-index:4}
  .header-actions>.small{display:none}
  .menu{display:block}
  nav{display:none;position:absolute;top:100%;inset-inline:0;padding:25px 6%;background:var(--paper);box-shadow:0 20px 30px #193e3312;font-size:16px}
  nav.open{display:flex;flex-direction:column;gap:20px}
  .hero{padding:35px 6% 45px;gap:7%;grid-template-columns:1.1fr 1fr}
  .hero h1{font-size:42px}
  .section{padding-inline:6%}
  h2{font-size:34px}
  .about{gap:5%}
  .lead{font-size:18px}
  .office-facts{gap:30px}
  .privacy{grid-template-columns:1fr;gap:55px}
  .privacy-intro>p{max-width:550px}
  .privacy-detail{max-width:none}
  .privacy h2{font-size:40px}
  [role=tabpanel]{min-height:300px}
  .section-heading{align-items:start}
  .section-heading>p{max-width:220px}
  .faq{gap:5%;grid-template-columns:.7fr 1.3fr}
  .contact{gap:7%}
  .contact h2{font-size:36px}
  .contact-info span{font-size:15px}
  .footer-top{gap:20px}
  .footer-top>p{max-width:230px}
}
@media(max-width:600px){
  .hero{grid-template-columns:1fr;padding-top:35px;gap:32px}
  .hero h1{font-size:51px;line-height:1.5}
  .hero-copy>p{font-size:14px;max-width:330px}
  .section{padding-block:56px}
  .about{grid-template-columns:1fr;gap:10px}
  .eyebrow{margin-bottom:15px}
  .about h2{margin-bottom:10px}
  h2{font-size:34px}
  .lead{font-size:19px}
  .office-facts{gap:40px}
  .privacy{gap:35px}
  .privacy h2{font-size:35px}
  .privacy-intro>p{font-size:13px}
  [role=tablist]{gap:12px}
  [role=tab]{font-size:11px}
  [role=tabpanel] h3{font-size:27px}
  .section-heading{display:block;margin-bottom:25px}
  .section-heading>p{max-width:none;margin-bottom:15px}
  .section-heading h2{font-size:31px}
  .faq{grid-template-columns:1fr;gap:20px}
  summary{font-size:14px}
  .contact{grid-template-columns:1fr;gap:30px}
  .contact h2{font-size:39px}
  .contact-info span{font-size:18px}
  .footer-top{flex-wrap:wrap;align-items:start}
  .footer-top>p{max-width:100%;order:3}
  .footer-top .brand{gap:10px}
  .footer-top .brand img{width:55px}
  .footer-bottom{gap:15px;flex-wrap:wrap}
  .footer-bottom>span:nth-child(2){display:none}
  dialog{padding:35px 25px}
  html[dir=ltr] .hero h1{font-size:45px}
  html[dir=ltr] .privacy h2{font-size:32px}
  html[dir=ltr] .brand small{font-size:7px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *{transition:none!important}
}
:root{--paper:#efede7;--ink:#232725;--muted:#737570;--gold:#b99276;--line:#cccac2;--sand:#e4e1d8}
body{font-size:16px;background:var(--paper)}
header{position:absolute;z-index:10;width:100%;max-width:none;color:#eeece5;border-bottom:1px solid #ffffff24;padding:25px 5%;min-height:108px;gap:25px}
.brand img{filter:invert(1) grayscale(1) brightness(2);mix-blend-mode:screen;width:67px}
.brand span{border-color:#ffffff3d}
.brand b{font-size:27px}
.brand small{font-size:9px}
nav{gap:30px;font-size:12px}
.header-actions .button{background:none;border:1px solid #ffffff55;color:#f1ede5;padding:9px 20px}
.language{color:inherit;font-size:11px}
.menu{color:inherit}
.hero{position:relative;display:block;max-width:none;min-height:850px;padding:200px 8% 130px;background:#232725;overflow:hidden;color:#f2efe7}
.hero-photo{position:absolute;inset:0 34% 0 0;background-image:url('/assets/architecture.jpg');background-repeat:no-repeat;background-size:cover;background-position:30% bottom;filter:grayscale(1);opacity:.67}
.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(270deg,#232725 7%,#232725ee 27%,#23272599 49%,#23272500 78%),linear-gradient(0deg,#23272599,transparent 35%);pointer-events:none}
.hero-copy{position:relative;z-index:2;max-width:700px}
.hero .eyebrow{font-size:12px;letter-spacing:.5px;margin-bottom:30px;color:#c7b39e}
.hero h1{font-size:clamp(70px,7.3vw,110px);line-height:1.42;letter-spacing:-2px;margin-bottom:25px;font-weight:500}
.hero h1 em{color:#c3a087}
.hero-copy>p{max-width:400px;color:#c9c9c0;font-size:15px;line-height:2.1;margin-bottom:35px}
.hero .button{background:var(--gold);color:#211f1c;gap:55px;font-size:13px;padding:16px 25px}
.hero .button:hover{background:#ceb39f}
.hero-vertical{position:absolute;z-index:2;left:27px;top:43%;writing-mode:vertical-rl;color:#c2c3ba;font:9px Arial;letter-spacing:4px}
.hero-bottom{position:absolute;z-index:2;bottom:28px;inset-inline:5%;padding-top:22px;border-top:1px solid #ffffff30;display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#c6c7bd}
.hero-bottom a{display:flex;gap:30px}
.hero-year{font:9px Arial;letter-spacing:2px}
.section{padding:110px 8%}
.about{grid-template-columns:1fr 1fr;gap:10%}
.eyebrow{font-size:11px;color:#877159;letter-spacing:.5px;margin-bottom:24px}
h2{font-size:49px;line-height:1.5;letter-spacing:-.8px}
.about h2{max-width:360px}
.lead{font-size:22px;line-height:1.9}
.about-copy>p:not(.lead){font-size:13px;line-height:2.1}
.office-facts{margin-top:35px;gap:70px}
.office-facts small{font-size:10px}
.office-facts b{font-size:12px}
.privacy{background:#d8d6cc;color:var(--ink);grid-template-columns:.95fr 1.05fr;gap:10%;padding-top:100px;padding-bottom:85px}
.privacy .eyebrow{color:#806f58}
.privacy h2{font-size:46px;line-height:1.6}
.privacy h2 em{color:#746a55}
.privacy-intro>p{color:#62675d;font-size:13px;line-height:2.1;max-width:390px}
.light{color:var(--ink);border-color:#8d8d7d}
.privacy-detail{padding-top:5px}
[role=tablist]{gap:20px;border-color:#a2a593}
[role=tab]{color:#777a6c;font-size:11px}
[role=tab][aria-selected=true]{color:var(--ink)}
[role=tab][aria-selected=true]:after{background:#72624f}
.panel-number{font:italic 55px Georgia;color:#8c8e7d;margin-bottom:18px}
[role=tabpanel]{min-height:345px;padding-top:30px}
[role=tabpanel] h3{font-size:28px;line-height:1.6}
[role=tabpanel] p{color:#5c6459;font-size:13px}
[role=tabpanel] li{font-size:12px;padding:7px 0}
[role=tabpanel] li:before{color:#7a6a53}
.sector-note{border-color:#a2a593;color:#626759}
.sector-note>span{color:#7a6a53}
.services{padding-bottom:95px}
.section-heading{align-items:start;margin-bottom:35px}
.section-heading h2{font-size:49px}
.section-heading>p{font-size:13px;line-height:2;max-width:285px;padding-top:35px}
.practice-list{border-top:1px solid var(--ink)}
.practice{display:grid;grid-template-columns:40px 1.2fr 1fr 40px;align-items:center;gap:30px;padding:33px 0;border-bottom:1px solid var(--line);transition:padding .3s,background .3s}
.practice-number{font:11px Arial;color:#8a8274}
.practice h3{font-family:'Noto Naskh Arabic';font-size:27px;font-weight:400;margin:0}
.practice p{font-size:12px;color:var(--muted);margin:0;max-width:280px;line-height:2}
.practice-arrow{font:24px Georgia;text-align:end}
.practice:hover{padding-inline:20px;background:#e6e2d9}
.hospitality{display:grid;grid-template-columns:1fr 1fr;min-height:535px;background:#232725;color:#edeae1}
.hospitality-image{background:url('/assets/architecture.jpg') 45% bottom / auto 100% no-repeat;filter:grayscale(1);min-height:500px;order:2}
.hospitality-copy{padding:75px 16% 70px 12%;order:1;align-self:center}
.hospitality .eyebrow{color:#b99276}
.hospitality h2{font-size:44px;line-height:1.6}
.hospitality p{font-size:13px;color:#b9bcb3;line-height:2.2}
.hospitality .text-link{color:#d2baa7;border-color:#6b6e63}
.faq{padding-top:50px;border-top:1px solid var(--line);grid-template-columns:.65fr 1.35fr;gap:12%}
.faq h2{font-size:44px}
.faq>div>p{max-width:230px;font-size:12px}
.faq details{padding:25px 0}
.faq summary{font-size:14px}
.faq summary:after{color:#8f775f}
.faq details p{line-height:2.1;font-size:13px}
.contact{background:#bda38c;color:#242622;padding-block:80px;gap:10%;grid-template-columns:1fr 1fr}
.contact .eyebrow{color:#514b40}
.contact h2{font-size:56px}
.contact h2 em{color:#494c42}
.contact p{color:#57594d;font-size:12px}
.contact .gold{background:#252a24;color:#eee9df;font-size:12px;margin-top:18px}
.contact-info>a,.contact-info>div{border-color:#6f70564d;padding:24px 0}
.contact-info small{color:#5d5c50}
.contact-info span{font-size:18px}
.contact-info b{color:#535346}
.contact-info a:hover span{color:#fff}
footer{background:#232725;color:#eee9e1;padding:50px 5% 20px}
.footer-top>p{color:#9a9f93;font-size:10px}
.footer-top .brand img{mix-blend-mode:screen}
.footer-bottom{border-color:#ffffff29;color:#949b8e;font-size:9px}
.footer-bottom button{color:#bbc1b3;font-size:10px}
dialog{background:var(--paper);color:var(--ink)}
html[dir=ltr] .hero h1{font-family:Georgia,serif;font-size:clamp(65px,6.8vw,95px);line-height:1.2;letter-spacing:-3px}
html[dir=ltr] .hero:after{background:linear-gradient(90deg,#232725 7%,#232725ee 27%,#23272599 49%,#23272500 78%)}
html[dir=ltr] .hero-photo{inset:0 0 0 34%}
html[dir=ltr] .hero-vertical{right:27px;left:auto}
html[dir=ltr] .hero-copy>p{line-height:1.9}
html[dir=ltr] h2{font-size:41px}
html[dir=ltr] .practice h3{font-family:Georgia,serif;font-size:25px}
html[dir=ltr] .practice{grid-template-columns:35px 1.3fr 1fr 30px}
html[dir=ltr] .hospitality h2{font-size:39px}
html[dir=ltr] .privacy h2{font-size:38px}
@media(min-width:1700px){
  .section{padding-inline:calc((100vw - 1420px)/2)}
  header{padding-inline:calc((100vw - 1500px)/2)}
  .hero{padding-inline:calc((100vw - 1420px)/2)}
}
@media(max-width:1100px){
  header{padding:20px 5%;min-height:95px}
  .brand img{width:58px}
  nav{gap:20px;font-size:11px}
  .hero{min-height:760px;padding-top:180px}
  .hero h1{font-size:87px}
  .hero-photo{inset-inline-end:0;inset-inline-start:25%;background-position:45% bottom}
  .section{padding-inline:6%;padding-block:80px}
  .privacy{gap:6%}
  .privacy h2{font-size:38px}
  .practice{gap:20px}
  .practice h3{font-size:24px}
  .hospitality-copy{padding:60px 12%}
  .hospitality h2{font-size:38px}
  .contact h2{font-size:45px}
}
@media(max-width:850px){
  header{padding-inline:6%}
  .header-actions>.small{display:none}
  .brand img{width:56px}
  .brand b{font-size:25px}
  nav{background:#232725;color:#eee9e1;border-bottom:1px solid #ffffff22;font-size:15px;padding-block:30px}
  .hero{min-height:730px;padding:165px 7% 110px}
  .hero h1{font-size:76px}
  .hero-copy>p{font-size:14px;max-width:340px}
  .hero-photo{inset:0 22% 0 0;opacity:.5}
  .hero:after{background:linear-gradient(270deg,#232725 0%,#232725ee 25%,#23272599 65%,#23272555)}
  .hero-vertical{left:15px;font-size:8px}
  .hero-year{font-size:8px}
  .about{gap:6%}
  .about h2{font-size:38px}
  .lead{font-size:19px}
  .office-facts{gap:30px}
  .privacy{grid-template-columns:1fr;gap:35px}
  .privacy-intro>p{max-width:600px}
  .privacy h2{font-size:42px}
  [role=tabpanel]{min-height:280px}
  .section-heading h2{font-size:40px}
  .practice{grid-template-columns:30px 1fr 28px;padding-block:27px;gap:12px 20px}
  .practice h3{font-size:25px}
  .practice p{grid-column:2;max-width:none}
  .practice-arrow{grid-column:3;grid-row:1/3}
  .hospitality{min-height:480px}
  .hospitality-image{min-height:480px}
  .hospitality-copy{padding:45px 12%}
  .hospitality h2{font-size:33px}
  .faq{gap:7%}
  .faq h2{font-size:39px}
  .contact{gap:6%}
  .contact h2{font-size:42px}
  .contact-info span{font-size:15px}
  html[dir=ltr] .hero h1{font-size:68px}
}
@media(max-width:600px){
  header{min-height:88px;padding:16px 6%}
  .brand span{padding-inline-start:12px}
  .brand small{font-size:8px}
  .brand img{width:50px;height:43px}
  .brand b{font-size:24px}
  .header-actions{gap:13px}
  .language{font-size:10px}
  .hero{padding:155px 7% 135px;min-height:760px}
  .hero h1{font-size:69px;line-height:1.5;letter-spacing:-1.5px;margin-bottom:22px}
  .hero .eyebrow{font-size:10px;margin-bottom:25px}
  .hero-copy>p{font-size:13px;max-width:285px;line-height:2.15}
  .hero .button{font-size:12px;gap:45px;padding:14px 22px}
  .hero-photo{inset:0;opacity:.42;background-size:auto 100%;background-position:38% bottom}
  .hero:after{background:linear-gradient(270deg,#232725ec,#23272580),linear-gradient(0deg,#23272599,transparent)}
  .hero-vertical{display:none}
  .hero-bottom{inset-inline:7%;bottom:24px;font-size:10px;align-items:start}
  .hero-year{display:none}
  .section{padding:58px 7%}
  .about{grid-template-columns:1fr;gap:20px}
  .about h2{font-size:40px;max-width:310px}
  .about-copy .lead{font-size:20px}
  .about-copy>p:not(.lead){font-size:12px}
  .office-facts{gap:35px;margin-top:27px}
  .office-facts b{font-size:12px}
  .privacy{gap:30px}
  .privacy h2{font-size:36px}
  .privacy-intro>p{font-size:12px}
  .privacy .text-link{font-size:11px}
  [role=tabpanel]{min-height:310px}
  [role=tabpanel] h3{font-size:27px}
  [role=tabpanel] p{font-size:12px}
  [role=tabpanel] li{font-size:11px}
  .sector-note p{font-size:10px}
  .section-heading h2{font-size:39px}
  .section-heading>p{padding-top:0;font-size:12px;max-width:280px}
  .practice{gap:9px 13px;padding-block:25px;grid-template-columns:22px 1fr 20px}
  .practice h3{font-size:23px;line-height:1.6}
  .practice p{font-size:11px;line-height:1.9}
  .practice-arrow{font-size:21px}
  .practice:hover{padding-inline:7px}
  .hospitality{grid-template-columns:1fr}
  .hospitality-copy{padding:55px 7%;order:1}
  .hospitality h2{font-size:37px;max-width:320px}
  .hospitality p{font-size:12px}
  .hospitality-image{order:2;min-height:280px;max-height:280px;background-size:100% auto;background-position:center bottom}
  .faq{grid-template-columns:1fr;gap:15px}
  .faq h2{font-size:39px}
  .faq details{padding:23px 0}
  .faq summary{font-size:13px}
  .faq details p{font-size:12px}
  .contact{grid-template-columns:1fr;gap:25px}
  .contact h2{font-size:47px}
  .contact-info span{font-size:17px}
  .contact-info>a,.contact-info>div{padding:22px 0}
  .contact-info b{top:40px}
  footer{padding:35px 7% 20px}
  .footer-top .brand img{width:50px}
  .footer-top{gap:25px}
  .footer-top>p{font-size:10px;line-height:2;max-width:285px}
  .backtop{font-size:10px}
  .footer-bottom{font-size:8px;gap:10px}
  html[dir=ltr] .hero h1{font-size:60px;line-height:1.25}
  html[dir=ltr] .hero-copy>p{font-size:13px;max-width:280px}
  html[dir=ltr] .hero:after{background:linear-gradient(90deg,#232725ec,#23272580)}
  html[dir=ltr] .hero-photo{inset:0}
  html[dir=ltr] .practice{grid-template-columns:22px 1fr 20px}
  html[dir=ltr] .practice h3{font-size:23px}
  html[dir=ltr] .privacy h2{font-size:32px}
  html[dir=ltr] .hospitality h2{font-size:34px}
  html[dir=ltr] .contact h2{font-size:42px}
}
:root{--paper:#232725;--ink:#ede9df;--muted:#a3a99e;--gold:#bc9a7f;--line:#ffffff24;--sand:#2a2e29}
body{background:#232725;color:#ede9df}
.hero{min-height:850px}
.section{padding-block:125px}
.about{position:relative;overflow:hidden;isolation:isolate;padding-top:120px;padding-bottom:115px;border-top:1px solid #ffffff17;gap:12%;background:#232725}
.about:before{content:'AAM';position:absolute;left:7%;bottom:-85px;font:360px/1 Georgia;color:#ffffff04;z-index:-1;letter-spacing:-25px}
.about .eyebrow{color:#b8997d}
.about h2{font-size:58px;line-height:1.6;max-width:430px;color:#ede9df}
.about-copy{padding-top:45px}
.about-copy .lead{font-size:22px;color:#dadbd0;line-height:2}
.about-copy>p:not(.lead){color:#a3a99e;font-size:13px}
.office-facts{border-color:#ffffff20;margin-top:35px;padding-top:23px}
.office-facts small{color:#90988a}
.office-facts b{color:#cccfc2;font-size:12px}
.privacy{background:#1b211d;color:#ede9df;gap:10%;border-top:1px solid #ffffff13;border-bottom:1px solid #ffffff13;position:relative;isolation:isolate;overflow:hidden}
.privacy:before{content:'';position:absolute;inset:0 65% 0 0;background:linear-gradient(90deg,#1b211d66,#1b211d),url('/assets/architecture.jpg') left bottom / auto 108% no-repeat;opacity:.09;z-index:-1;filter:grayscale(1)}
.privacy .eyebrow{color:#b8997d}
.privacy h2{font-size:57px;line-height:1.65}
.privacy h2 em{color:#bc9a7f}
.privacy-intro>p{color:#a4ae9f;line-height:2.2;font-size:13px;max-width:390px}
.privacy .text-link{color:#d0b8a1;border-color:#7a6a56;font-size:12px}
.privacy-detail{padding-top:32px}
[role=tablist]{border-color:#ffffff26;gap:25px}
[role=tab]{color:#909c8a;font-size:11px}
[role=tab][aria-selected=true]{color:#d6b69a}
[role=tab][aria-selected=true]:after{background:#bc9a7f}
.panel-number{color:#6f7b67;font:italic 54px Georgia}
[role=tabpanel]{min-height:335px;padding-top:30px}
[role=tabpanel] h3{color:#e5e5d9;font-size:28px}
[role=tabpanel] p{color:#99a68f;font-size:12px;line-height:2.2}
[role=tabpanel] li{color:#b1baa6;font-size:11px}
[role=tabpanel] li:before{color:#c2a081}
.sector-note{color:#a4ae9a;border-color:#ffffff22}
.sector-note>span{color:#bc9a7f}
.services{background:#232725;padding-top:105px;padding-bottom:105px}
.section-heading .eyebrow{color:#b8997d}
.section-heading h2{font-size:57px;color:#ede9df}
.section-heading>p{color:#98a08f;font-size:12px;max-width:270px;padding-top:42px}
.practice-list{border-top:1px solid #ffffff42}
.practice{border-color:#ffffff20;padding-block:38px;grid-template-columns:40px 1.25fr .9fr 40px}
.practice h3{font-size:30px;color:#dcded0}
.practice p{color:#96a28c;font-size:11px}
.practice-number{color:#8f9a84;font-size:10px}
.practice-arrow{color:#c0a181}
.practice:hover{background:#2d332b;padding-inline:20px}
.hospitality{display:block;min-height:620px;position:relative;overflow:hidden;isolation:isolate;background:#242925}
.hospitality-image{position:absolute;inset:0;width:100%;height:100%;max-height:none;min-height:0;z-index:-2;background-position:left bottom;background-size:100% auto;opacity:.5}
.hospitality:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(270deg,#232725fa 8%,#232725e0 34%,#23272588 63%,#23272544),linear-gradient(0deg,#23272588,transparent)}
.hospitality-copy{padding:110px 8%;max-width:850px;min-height:620px;display:flex;flex-direction:column;align-items:start;justify-content:center}
.hospitality .eyebrow{color:#c5a489}
.hospitality h2{font-size:61px;line-height:1.6;color:#ede9df;max-width:600px}
.hospitality p{color:#b7beae;font-size:13px;max-width:410px;line-height:2.2}
.hospitality .text-link{margin-top:15px;color:#d6baa1;font-size:12px}
.faq{background:#232725;padding-top:100px;padding-bottom:100px;border-top:1px solid #ffffff1a;grid-template-columns:.85fr 1.15fr;gap:10%}
.faq .eyebrow{color:#b8997d}
.faq h2{font-size:49px;max-width:300px}
.faq>div>p{color:#8d9b83}
.faq details{border-color:#ffffff24;padding-block:25px}
.faq summary{color:#d0d5c5;font-size:13px}
.faq summary:after{color:#bc9a7f}
.faq details p{color:#96a28c;font-size:12px;line-height:2.2}
.contact{background:#1b211d;color:#ede9df;border-top:1px solid #ffffff20;padding-top:95px;padding-bottom:95px;gap:12%}
.contact .eyebrow{color:#b8997d}
.contact h2{font-size:68px;line-height:1.5}
.contact h2 em{color:#bc9a7f}
.contact p{color:#9ba791;font-size:12px}
.contact .gold{background:#bc9a7f;color:#1c241b;border:0;padding:15px 24px}
.contact .gold:hover{background:#d3b89f}
.contact-info>a,.contact-info>div{border-color:#ffffff24;padding-block:26px}
.contact-info small{color:#8b9a80}
.contact-info span{color:#d3d9c9;font-size:17px}
.contact-info b{color:#bc9a7f}
.contact-info a:hover span{color:#d9b798}
footer{background:#1b211d;border-top:1px solid #ffffff15;padding-top:40px}
.footer-top{padding-bottom:25px}
.footer-top>p{color:#88977b}
.footer-bottom{border-color:#ffffff1c;color:#77876c}
.backtop{color:#afbaa3}
dialog{background:#252c24;color:#e2e5d7;border-color:#738467}
dialog p{color:#afbaa3}
dialog::backdrop{background:#081007cc}
#privacy-close{color:#e2e5d7}
html[dir=ltr] .about h2{font-size:49px}
html[dir=ltr] .privacy h2{font-size:47px}
html[dir=ltr] .hospitality h2{font-size:56px}
html[dir=ltr] .hospitality:before{background:linear-gradient(90deg,#232725fa 8%,#232725e0 34%,#23272588 63%,#23272544)}
html[dir=ltr] .section-heading h2{font-size:49px}
html[dir=ltr] .contact h2{font-size:59px}
html[dir=ltr] .practice{grid-template-columns:35px 1.25fr .9fr 35px}
@media(min-width:1700px){
  .hospitality-copy{padding-inline-start:calc((100vw - 1420px)/2);max-width:calc((100vw - 1420px)/2 + 850px)}
}
@media(max-width:1100px){
  .about h2{font-size:48px}
  .privacy h2{font-size:46px}
  .section-heading h2{font-size:49px}
  .practice h3{font-size:27px}
  .hospitality h2{font-size:53px}
  .contact h2{font-size:55px}
  .section{padding-block:90px}
}
@media(max-width:850px){
  .about{gap:7%}
  .about h2{font-size:43px}
  .about-copy{padding-top:38px}
  .about-copy .lead{font-size:19px}
  .privacy{grid-template-columns:1fr;gap:30px}
  .privacy-detail{padding-top:0}
  .privacy h2{font-size:48px}
  .privacy-intro>p{max-width:560px}
  [role=tabpanel]{min-height:280px}
  .practice{grid-template-columns:30px 1fr 28px;padding-block:30px;gap:10px 20px}
  .practice p{grid-column:2}
  .practice-arrow{grid-column:3;grid-row:1/3}
  .hospitality-copy{max-width:700px;padding-inline:7%;min-height:580px}
  .hospitality{min-height:580px}
  .hospitality h2{font-size:51px;max-width:510px}
  .hospitality-image{background-size:auto 100%;background-position:left bottom}
  .faq{gap:7%}
  .faq h2{font-size:40px}
  .contact h2{font-size:47px}
  .contact-info span{font-size:15px}
  html[dir=ltr] .practice{grid-template-columns:30px 1fr 28px}
}
@media(max-width:600px){
  .hero{min-height:760px}
  .section{padding:65px 7%}
  .about{display:block;padding-top:65px;padding-bottom:65px}
  .about h2{font-size:45px;max-width:320px;line-height:1.65;margin-bottom:15px}
  .about-copy{padding-top:15px}
  .about-copy .lead{font-size:19px;line-height:2}
  .about-copy>p:not(.lead){font-size:12px;line-height:2.1}
  .about:before{font-size:230px;bottom:-45px;left:-10px;letter-spacing:-15px}
  .office-facts{gap:35px;margin-top:28px}
  .privacy{gap:25px;padding-top:65px;padding-bottom:55px}
  .privacy h2{font-size:41px;line-height:1.65}
  .privacy-intro>p{font-size:12px;max-width:315px}
  .privacy .text-link{font-size:11px}
  .privacy-detail{padding-top:12px}
  [role=tabpanel]{min-height:325px}
  [role=tabpanel] h3{font-size:27px}
  [role=tabpanel] p{font-size:12px}
  [role=tabpanel] li{font-size:11px}
  .section-heading h2{font-size:44px;line-height:1.5}
  .section-heading>p{padding-top:0;font-size:12px;max-width:290px}
  .practice{grid-template-columns:20px 1fr 20px;gap:8px 13px;padding-block:27px}
  .practice h3{font-size:25px;line-height:1.65}
  .practice p{font-size:11px;max-width:250px}
  .practice:hover{padding-inline:5px}
  .hospitality{min-height:620px}
  .hospitality-copy{min-height:620px;padding:65px 7%;max-width:none}
  .hospitality h2{font-size:47px;line-height:1.65;max-width:330px}
  .hospitality p{font-size:12px;max-width:285px}
  .hospitality-image{background-size:auto 100%;background-position:33% bottom;opacity:.37}
  .hospitality:before{background:linear-gradient(270deg,#232725e8,#23272566),linear-gradient(0deg,#23272588,transparent)}
  .hospitality .text-link{font-size:11px}
  .faq{gap:20px}
  .faq h2{font-size:43px}
  .faq>div>p{font-size:11px}
  .faq summary{font-size:13px}
  .faq details{padding:24px 0}
  .contact{gap:30px}
  .contact h2{font-size:53px}
  .contact-info span{font-size:17px}
  .contact .gold{font-size:12px}
  .contact-info>a,.contact-info>div{padding-block:24px}
  footer{padding-top:35px}
  .footer-top>p{font-size:10px}
  html[dir=ltr] .about h2{font-size:40px}
  html[dir=ltr] .privacy h2{font-size:36px}
  html[dir=ltr] .section-heading h2{font-size:39px}
  html[dir=ltr] .hospitality h2{font-size:43px}
  html[dir=ltr] .contact h2{font-size:45px}
  html[dir=ltr] .practice{grid-template-columns:20px 1fr 20px}
  html[dir=ltr] .hospitality:before{background:linear-gradient(90deg,#232725e8,#23272566),linear-gradient(0deg,#23272588,transparent)}
}
@media(max-width:600px){
  .faq{grid-template-columns:1fr}
  .faq h2{max-width:300px}
  .faq .faq-list{min-width:0}
}
/* Production additions */
.not-found main{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:start;gap:10px}
.not-found .brand{margin-bottom:60px}.not-found .brand img{filter:invert(1) grayscale(1) brightness(2);mix-blend-mode:screen}
.not-found h1{font-size:clamp(44px,6vw,80px);line-height:1.5}.not-found p{color:var(--muted);font-size:14px}
.not-found-links{display:flex;gap:30px;align-items:center;margin-top:20px}.not-found .text-link{color:#d0b8a1;border-color:#7a6a56}
.not-found .button{background:var(--gold);color:#211f1c}
/* Light transparent logo replaces the invert + blend trick, which left a black box inside stacking contexts */
.brand img,.footer-top .brand img,.not-found .brand img{filter:none;mix-blend-mode:normal;height:auto;max-height:54px}