@font-face{font-family:HyamBodoni;src:url('/assets/hyam/libre-bodoni.ttf') format('truetype');font-weight:400 700;font-display:swap}
@font-face{font-family:HyamKufi;src:url('/assets/hyam/noto-kufi-arabic.woff2') format('woff2');font-weight:100 900;font-display:swap}
.hyam-hero{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:clamp(20px,4vw,64px);margin:28px 0 40px;min-height:500px;background:radial-gradient(ellipse at 70% 55%,#ac93630c,transparent 60%)}
.hyam-hero>.art-hyam{height:clamp(480px,56vw,680px)}
.hyam-hero-copy{padding:24px 0}.hyam-hero-copy>.eyebrow{color:#bea979}.hyam-wordmarks{display:grid;gap:32px;margin:38px 0}.hyam-wordmark{font:600 clamp(23px,2.8vw,46px)/1.18 HyamBodoni,serif;margin:0;letter-spacing:-.02em}.hyam-wordmark>span{display:block;font-size:1em;letter-spacing:inherit;margin-top:5px}.hyam-wordmark-ar{font:600 clamp(20px,2.4vw,34px)/1.7 HyamKufi,sans-serif;text-align:left;margin:0}.hyam-wordmark-ar>span{display:block;font-size:1em}.hyam-hero-line{font-size:clamp(18px,2vw,25px);color:var(--muted);margin:42px 0 20px}.hyam-hero-controls{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.hyam-hero-controls button{font:inherit;font-size:12px;color:inherit;background:none;border:1px solid #ac936366;border-radius:99px;padding:10px 16px;cursor:pointer}.hyam-hero-controls button:focus-visible{outline:2px solid #ac9363;outline-offset:4px}
.hyam-case{margin:80px 0;scroll-margin-top:24px}.hyam-case .section-intro{max-width:34rem}.hyam-copy{display:grid;grid-template-columns:1fr 1fr;gap:36px;margin:24px 0}.hyam-copy p{font-size:clamp(16px,1.5vw,19px);line-height:1.75;margin:0}.hyam-palette{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));list-style:none;margin:38px 0;padding:0;gap:16px}.hyam-palette li{display:grid;gap:8px}.hyam-palette li>span{height:70px;border-radius:10px;background:var(--swatch);border:1px solid #fff2}.hyam-palette b{font-size:12px;font-weight:500}.hyam-palette small{font-size:11px;opacity:.7}
.hyam-signature-study{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;border-block:1px solid #fff2;padding:32px 0;margin:45px 0}.hyam-signature-study h3{font:400 clamp(28px,3vw,40px)/1.1 HyamBodoni,serif;margin:12px 0}.hyam-signature-study p{max-width:32rem}.hyam-document{margin:0;min-width:0}.hyam-document>a{display:block}.hyam-document img{display:block;width:100%;height:auto;object-fit:contain;border-radius:10px}.hyam-document figcaption{font-size:12px;line-height:1.6;opacity:.7;margin:12px 0 0}.hyam-signature img{max-height:230px;object-fit:contain}
.hyam-website-views{display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,.24fr);gap:30px;align-items:start}.hyam-phone{max-width:260px;justify-self:end}.hyam-site-links{display:flex;flex-wrap:wrap;gap:24px 32px;margin-top:30px}.hyam-history-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(280px,66%);overflow-x:auto;gap:26px;scroll-snap-type:x proximity;padding-bottom:20px;scrollbar-color:#ac9363 #182d39}.hyam-history-rail>.hyam-document{scroll-snap-align:start}.hyam-history-rail img{height:440px;object-fit:contain;background:#ffffff04}
@media(max-width:700px){.hyam-hero{grid-template-columns:1fr;gap:0;min-height:0}.hyam-hero-copy{padding:0}.hyam-wordmarks{gap:22px;margin:24px 0}.hyam-hero-line{margin:28px 0 16px}.hyam-hero>.art-hyam{height:440px;max-height:125vw}.hyam-copy{grid-template-columns:1fr;gap:18px}.hyam-case{margin:56px 0}.hyam-palette{grid-template-columns:repeat(3,1fr);gap:20px 12px}.hyam-signature-study{grid-template-columns:1fr;gap:20px}.hyam-website-views{grid-template-columns:1fr;gap:28px}.hyam-phone{max-width:280px;width:80%;justify-self:center}.hyam-history-rail{grid-auto-columns:90%;gap:18px}.hyam-history-rail img{height:340px}}

.hyam-social-views{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,2.2fr);align-items:center;gap:36px;margin:40px 0}.hyam-social-logo{max-width:280px}.hyam-social-cover{min-width:0}.hyam-website-secondary{margin-top:40px}.hyam-hero-controls>.text-link{font-size:13px;margin:0 10px 0 0}
@media(max-width:700px){.hyam-social-views{grid-template-columns:1fr;gap:28px}.hyam-social-logo{width:72%;justify-self:center}.hyam-wordmark{letter-spacing:0}.hyam-wordmark-ar{text-align:start}.hyam-copy p{max-width:62ch}.hyam-palette{grid-template-columns:repeat(3,minmax(0,1fr))}}