:root{--navy:#071a38;--navy2:#0d2b58;--blue:#154b91;--orange:#f59d18;--ink:#12213b;--muted:#6b7890;--paper:#f6f8fb;--line:#dfe6ef}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Vazirmatn,Arial,sans-serif;line-height:1.9}a{text-decoration:none;color:inherit}.site-header{position:fixed;top:0;left:0;right:0;z-index:20;background:rgba(246,248,251,.86);backdrop-filter:blur(18px);border-bottom:1px solid rgba(223,230,239,.75)}.nav-shell{max-width:1240px;margin:auto;padding:12px 28px;display:flex;align-items:center;gap:30px}.brand{display:flex;align-items:center;gap:10px;min-width:260px}.brand img{width:48px;height:48px;object-fit:contain}.brand span{display:grid}.brand b{font-size:.9rem;line-height:1.5}.brand small{color:var(--muted);font-size:.68rem}nav{display:flex;align-items:center;gap:8px;margin-inline-start:auto}nav a{padding:7px 14px;border-radius:999px;color:var(--muted);font-size:.86rem;transition:.2s}nav a:hover{background:#e8eef7;color:var(--blue)}.nav-actions{display:flex;gap:8px}.lang-btn,.menu-btn{border:1px solid var(--line);background:#fff;color:var(--blue);border-radius:10px;min-width:42px;height:38px;cursor:pointer;font:inherit;font-weight:700}.menu-btn{display:none;font-size:20px}.hero{min-height:720px;padding:160px max(7vw,28px) 90px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:5vw;background:linear-gradient(135deg,#061735,#0c2b59 65%,#123d78);color:#fff;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;width:620px;height:620px;border:1px solid rgba(255,255,255,.13);border-radius:50%;right:-180px;top:100px;box-shadow:0 0 0 65px rgba(255,255,255,.025),0 0 0 130px rgba(255,255,255,.02)}.hero-copy{position:relative;z-index:1;max-width:700px}.eyebrow{font-size:.76rem;letter-spacing:.1em;color:var(--orange);font-weight:800;margin:0 0 14px;text-transform:uppercase}.hero h1{font-size:clamp(2.4rem,5.8vw,5.7rem);line-height:1.25;letter-spacing:-.07em;margin:0 0 18px;max-width:12ch}.hero-lead{color:#cdd9ea;font-size:1.08rem;max-width:56ch}.hero-actions{display:flex;gap:12px;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:10px;padding:11px 20px;font:inherit;font-weight:700;cursor:pointer}.btn-primary{background:var(--orange);color:#18213a}.btn-ghost{border:1px solid rgba(255,255,255,.32);color:#fff;background:rgba(255,255,255,.06)}.hero-mark{display:grid;place-items:center;position:relative;z-index:1}.hero-mark img{width:min(29vw,370px);height:min(29vw,370px);object-fit:contain;filter:drop-shadow(0 24px 45px rgba(0,0,0,.28));mix-blend-mode:screen}.stats{max-width:1100px;margin:-45px auto 0;position:relative;z-index:2;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 18px 50px rgba(7,26,56,.1);display:grid;grid-template-columns:repeat(3,1fr);padding:22px}.stats div{display:flex;align-items:center;gap:14px;padding:8px 24px;border-inline-start:1px solid var(--line)}.stats div:first-child{border:0}.stats strong{color:var(--orange);font-size:1.5rem}.stats span{color:var(--muted);font-size:.9rem}.section{max-width:1180px;margin:auto;padding:110px 28px}.section-head{max-width:760px;margin-bottom:34px}.section h2{font-size:clamp(1.9rem,4vw,3.3rem);letter-spacing:-.06em;line-height:1.4;margin:0}.about-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:60px;align-items:start}.about-grid>p{font-size:1.08rem;color:#526078;line-height:2.2}.about-points{display:grid;gap:14px}.about-points div{display:flex;align-items:center;gap:15px;border-bottom:1px solid var(--line);padding:10px 0}.about-points b{color:var(--orange);font-size:1.2rem}.about-points span{font-weight:700}.dark-section{max-width:none;padding-inline:max(7vw,28px);background:var(--navy);color:#fff}.dark-section .section-head{max-width:1180px;margin-inline:auto}.dark-section h2{color:#fff}.gallery-grid,.posts-grid{max-width:1180px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.gallery-card,.post-card{background:#fff;border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.14);box-shadow:0 14px 32px rgba(0,0,0,.12)}.gallery-card img{display:block;width:100%;height:250px;object-fit:cover}.gallery-card figcaption{color:var(--ink);padding:13px 16px;font-weight:700}.post-card{border-color:var(--line);box-shadow:0 10px 30px rgba(7,26,56,.06);cursor:pointer;transition:.2s}.post-card:hover{transform:translateY(-5px)}.post-card img{display:block;width:100%;height:180px;object-fit:cover}.post-body{padding:18px}.post-body small{color:var(--muted)}.post-body h3{margin:6px 0;font-size:1.12rem}.post-body p{color:var(--muted);font-size:.9rem}.loading{color:var(--muted);grid-column:1/-1}.contact-section{padding-top:40px}.contact-card{background:linear-gradient(120deg,#eaf0f8,#fff);border:1px solid var(--line);border-radius:24px;padding:45px;display:grid;grid-template-columns:1fr 1fr;gap:60px}.contact-card form{display:grid;gap:12px}.contact-card input,.contact-card textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:12px 14px;background:#fff;font:inherit;resize:vertical}.contact-card small{color:var(--blue)}dialog{border:0;border-radius:18px;width:min(760px,calc(100% - 30px));padding:34px;background:#fff;color:var(--ink);box-shadow:0 25px 80px rgba(0,0,0,.28)}dialog::backdrop{background:rgba(3,13,31,.76);backdrop-filter:blur(5px)}.dialog-close{position:absolute;top:12px;left:15px;border:0;background:transparent;font-size:28px;cursor:pointer;color:var(--muted)}#postContent{margin-top:20px;line-height:2.1}footer{background:#06152d;color:#b8c7dd;padding:28px max(7vw,28px);display:flex;align-items:center;justify-content:space-between}footer div{display:flex;align-items:center;gap:10px}footer img{width:38px;height:38px;object-fit:contain}footer span{font-size:.85rem}@media(max-width:850px){.nav-shell{padding-inline:16px}.brand{min-width:0}.brand b{font-size:.76rem}.brand small{font-size:.58rem}nav{display:none;position:absolute;top:74px;right:12px;left:12px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:10px;box-shadow:0 18px 40px rgba(7,26,56,.16);flex-direction:column;align-items:stretch}nav.open{display:flex}nav a{padding:11px 14px}.menu-btn{display:block}.hero{min-height:auto;padding-top:135px;grid-template-columns:1fr;text-align:center}.hero-copy{margin:auto}.hero h1{margin-inline:auto}.hero-actions{justify-content:center}.hero-mark{order:-1}.hero-mark img{width:230px;height:230px}.stats{margin:18px 16px 0;grid-template-columns:1fr}.stats div{border-inline-start:0;border-top:1px solid var(--line);padding:12px}.about-grid,.contact-card{grid-template-columns:1fr;gap:25px}.gallery-grid,.posts-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.brand img{width:40px;height:40px}.brand small{display:none}.hero{padding-inline:18px}.hero h1{font-size:2.25rem}.hero-lead{font-size:.95rem}.section{padding:72px 18px}.gallery-grid,.posts-grid{grid-template-columns:1fr}.gallery-card img{height:220px}.contact-card{padding:26px 20px}footer{display:grid;gap:12px}body[dir="ltr"] nav a{text-align:left}body[dir="ltr"] .hero{text-align:left}body[dir="ltr"] .hero h1{margin-inline:0}}

.hero-mark{width:min(32vw,410px);height:min(32vw,410px);margin:auto;background:#fff;border-radius:50%;padding:18px;box-shadow:0 28px 70px rgba(0,0,0,.28)}.hero-mark img{width:100%;height:100%;filter:none;mix-blend-mode:multiply}.brand img,footer img{mix-blend-mode:multiply}@media(max-width:850px){.hero-mark{width:250px;height:250px}}

/* Professional desktop hero and site theme */
:root{--paper:#f6f8fb;--surface:#fff;--ink:#12213b;--muted:#6b7890;--line:#dfe6ef}body{transition:background .25s,color .25s}.hero{grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);grid-template-areas:"copy mark";gap:clamp(40px,7vw,110px);padding-inline:max(8vw,40px)}.hero-copy{grid-area:copy;text-align:right}.hero-mark{grid-area:mark;align-self:center;justify-self:center}.theme-btn{border:1px solid var(--line);background:var(--surface);color:var(--blue);border-radius:10px;min-width:42px;height:38px;cursor:pointer;font-size:1.1rem}.dark-mode{--paper:#071426;--surface:#10233e;--ink:#ecf3fb;--muted:#a8bad0;--line:#28405e;background:var(--paper);color:var(--ink)}.dark-mode .site-header{background:rgba(7,20,38,.86);border-color:#28405e}.dark-mode .theme-btn,.dark-mode .lang-btn{background:#10233e;color:#f7b63a;border-color:#28405e}.dark-mode .brand b,.dark-mode .section h2,.dark-mode .about-points span{color:#ecf3fb}.dark-mode .about-grid>p{color:#b9c8d9}.dark-mode .stats,.dark-mode .post-card,.dark-mode .gallery-card,.dark-mode .contact-card{background:var(--surface);border-color:#28405e}.dark-mode .gallery-card figcaption,.dark-mode .post-body h3{color:#ecf3fb}.dark-mode .contact-card{background:linear-gradient(120deg,#102b4c,#10233e)}.dark-mode .contact-card input,.dark-mode .contact-card textarea{background:#071426;color:#ecf3fb;border-color:#28405e}.dark-mode footer{background:#030c1c}@media(max-width:850px){.hero{grid-template-columns:1fr;grid-template-areas:"mark" "copy";padding-inline:24px}.hero-copy{text-align:center}.hero-mark{order:0}.hero h1{margin-inline:auto}}@media(max-width:520px){.nav-actions{gap:5px}.theme-btn,.lang-btn{min-width:38px}.hero{padding-inline:18px}}

/* Final corporate polish */
.hero-copy{max-width:none}.hero h1{white-space:nowrap;max-width:none;font-size:clamp(2.05rem,4.35vw,4.65rem);text-wrap:balance}.hero-lead{max-width:62ch}.hero-actions .btn{box-shadow:0 10px 24px rgba(0,0,0,.12);transition:transform .2s,box-shadow .2s}.hero-actions .btn:hover{transform:translateY(-3px);box-shadow:0 16px 30px rgba(0,0,0,.18)}.stats{backdrop-filter:blur(14px)}.section-head h2{max-width:19ch}.about-grid{background:var(--surface);padding:38px;border:1px solid var(--line);border-radius:22px;box-shadow:0 14px 40px rgba(7,26,56,.05)}.gallery-card,.post-card{transition:transform .25s,box-shadow .25s}.gallery-card:hover,.post-card:hover{transform:translateY(-7px);box-shadow:0 18px 38px rgba(7,26,56,.14)}.contact-card{box-shadow:0 18px 50px rgba(7,26,56,.08)}
body[dir="ltr"] .hero h1{font-size:clamp(2rem,4.5vw,4.55rem);white-space:normal;max-width:14ch}
@media(max-width:850px){.hero h1{font-size:clamp(1.65rem,6.8vw,3rem);white-space:normal;max-width:100%}.section-head h2{max-width:none}.about-grid{padding:24px}}
@media(min-width:851px){body[dir="rtl"] .hero h1{letter-spacing:-.095em}}

/* Sidebar application layout */
[hidden]{display:none!important}
html{scroll-behavior:auto}
.site-header{position:fixed;inset:0 0 0 auto;width:258px;height:100dvh;background:#fff;border:0;border-left:1px solid var(--line);box-shadow:-8px 0 40px rgb(7 26 56 / .04)}
.nav-shell{height:100%;padding:36px 22px;display:flex;flex-direction:column;align-items:stretch;gap:36px}
.brand{min-width:0;flex-direction:column;text-align:center;gap:16px}
.brand img{width:88px;height:88px;border-radius:18px;background:white}
.brand b{font-size:.88rem;line-height:1.8}.brand small{font-size:.67rem;line-height:1.9;margin-top:6px}
#mainNav{position:static;display:flex;flex-direction:column;align-items:stretch;gap:8px;margin:0;padding:0;border:0;background:none;box-shadow:none}
#mainNav a{padding:13px 18px;border-radius:12px;font-size:.9rem;text-align:start}
#mainNav a.active{background:#edf2f9;color:#154b91;font-weight:800;border-inline-start:3px solid var(--orange)}
.nav-actions{margin-top:auto;justify-content:center}.menu-btn{display:none}
#siteContent,body>footer{margin-right:258px;min-width:0}
.site-view{min-height:calc(100dvh - 100px);animation:viewEnter .25s ease}
.hero{min-height:100dvh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:56px 28px;gap:30px;background:radial-gradient(ellipse at 50% 15%,#edf3fb,#f6f8fb 65%);color:var(--ink)}
.hero:after{display:none}.hero-glow{display:none}.hero-mark{order:-1;width:clamp(200px,25vw,340px);height:clamp(200px,25vw,340px);border-radius:28px;padding:12px;box-shadow:0 18px 60px rgb(7 26 56 / .08);margin:0;background:#fff}
.hero-mark img{width:100%;height:100%;object-fit:contain}.hero-copy{width:100%;max-width:900px;text-align:center}.hero h1{font-size:clamp(1.15rem,2.65vw,2.55rem);white-space:nowrap;max-width:none;margin:0 auto 20px;letter-spacing:-.04em;line-height:1.7}
.hero-lead{margin:0 auto;color:var(--muted);font-size:clamp(.9rem,1.3vw,1.1rem);line-height:2;max-width:60ch}
html[dir="ltr"] .hero h1{white-space:normal;font-size:clamp(1.7rem,3vw,2.8rem)}
.section{width:100%;max-width:1200px;padding:65px clamp(20px,4vw,65px)}
body>footer{padding:24px 28px}.contact-section{display:flex;align-items:center}.contact-card{width:100%}
.dark-mode .site-header{background:#0b1b31}.dark-mode .hero{background:radial-gradient(ellipse at 50% 15%,#142d4e,#071426 70%)}.dark-mode #mainNav a.active{background:#1b3558;color:#f5b64a}.dark-mode nav a{color:#b7c7da}
@keyframes viewEnter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:850px){
.site-header{inset:0 0 auto;width:100%;height:76px;border-bottom:1px solid var(--line);border-left:0}
.nav-shell{flex-direction:row;align-items:center;padding:10px 16px;gap:12px}.brand{flex-direction:row;text-align:start;gap:9px;margin-inline-end:auto}.brand img{width:48px;height:48px;border-radius:8px}.brand b{font-size:.78rem}.brand small{display:none}
.nav-actions{margin:0;gap:6px}.menu-btn{display:block}
#mainNav{display:none;position:absolute;top:84px;right:12px;left:12px;padding:12px;background:#fff;border:1px solid var(--line);border-radius:16px;max-height:calc(100dvh - 105px);overflow:auto;box-shadow:0 18px 45px rgb(7 26 56 / .15)}
#mainNav.open{display:flex}.dark-mode #mainNav{background:#10233e}
#siteContent{margin:76px 0 0}body>footer{margin-right:0}
.hero{min-height:calc(100dvh - 76px);padding:35px 18px;gap:28px}.hero-mark{width:230px;height:230px}.hero-copy{margin:0}.hero h1{font-size:clamp(.95rem,4.3vw,1.85rem);white-space:nowrap;letter-spacing:-.06em}.hero-lead{font-size:.9rem}
.section{padding:45px 20px}.site-view{min-height:calc(100dvh - 76px)}
}
@media(prefers-reduced-motion:reduce){.site-view{animation:none}}

/* Company v2 */
.site-header{background:linear-gradient(165deg,#fff,#f1f5fb);box-shadow:-12px 0 40px rgb(8 24 49 / .04)}
.nav-shell{gap:22px}.nav-actions{order:-1;margin:0;align-self:stretch;justify-content:center;padding-bottom:18px;border-bottom:1px solid var(--line)}
.brand{padding-bottom:20px;border-bottom:1px solid var(--line)}.brand img,.hero-mark img,footer img{filter:url(#logo-transparent);mix-blend-mode:normal;background:transparent;border-radius:0}
.hero-mark{background:transparent;padding:0;box-shadow:none;border-radius:0;width:clamp(230px,28vw,370px);height:clamp(230px,28vw,370px)}
.hero{background:radial-gradient(ellipse at 20% 20%,#e9f0fb,transparent 55%),linear-gradient(155deg,#fafcfe,#f0f4f9);gap:22px}
.hero-copy .eyebrow{display:inline-block;border:1px solid #ead7b7;padding:6px 17px;border-radius:30px;background:#fff9ee;color:#a66910}
.hero h1{font-weight:800;color:var(--ink)}.hero-lead{max-width:52ch}
#mainNav a{position:relative;transition:background .18s,transform .18s;padding:12px 18px}
#mainNav a:hover{transform:translateX(-3px);background:#e9eff8}
#mainNav a.active{background:#102c50;color:#fff;box-shadow:0 7px 18px rgb(9 36 71 / .13)}
.section-head{border-bottom:1px solid var(--line);padding-bottom:25px}.section-head>p:not(.eyebrow){color:var(--muted);margin-top:18px}
.posts-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));align-items:start}
.post-card{border-radius:20px}.post-body{padding:25px}.post-body h3{font-size:1.2rem;line-height:1.8}.read-more{background:none;border:0;padding:10px 0;color:var(--blue);font:inherit;font-weight:700;cursor:pointer}
#postDialog{max-height:90dvh;overflow:auto}.rich-content,#postContent{overflow-wrap:anywhere}.rich-content img,#postContent img{max-width:100%;height:auto;border-radius:12px}
.rich-content pre,#postContent pre{white-space:pre-wrap;padding:18px;background:#edf1f6;direction:ltr}.ql-align-center{text-align:center}.ql-align-right{text-align:right}.ql-align-justify{text-align:justify}.ql-direction-rtl{direction:rtl}.ql-size-small{font-size:.8em}.ql-size-large{font-size:1.5em}.ql-size-huge{font-size:2.3em}
html[dir="ltr"] .site-header{right:auto;left:0;border-left:0;border-right:1px solid var(--line)}
html[dir="ltr"] #siteContent,html[dir="ltr"] body>footer{margin-right:0;margin-left:258px}
.dark-mode .site-header{background:linear-gradient(165deg,#11253e,#09192e)}.dark-mode .hero-copy .eyebrow{background:#2a281c;border-color:#5b492a;color:#f6bb52}.dark-mode #mainNav a:hover{background:#1b3558}.dark-mode #mainNav a.active{background:#224773}.dark-mode .read-more{color:#f6bb52}.dark-mode dialog{background:#10233e;color:var(--ink)}
@media(max-width:850px){
.nav-actions{order:0;margin:0;padding:0;border:0;align-self:auto}.brand{border:0;padding:0}html[dir="ltr"] .site-header{left:0;right:0;width:100%;border-right:0}
html[dir="ltr"] #siteContent{margin:76px 0 0}html[dir="ltr"] body>footer{margin:0}
.hero-mark{width:230px;height:230px}.hero{gap:25px}#mainNav a:hover{transform:none}
}

/* Logo alpha correction and viewport-safe navigation */
.hero-mark,.hero-mark img,.brand img,footer img{border:0;outline:0;box-shadow:none;background:transparent}
@media(min-width:851px){
 .nav-shell{height:100%;min-height:0;padding:20px 18px;gap:16px;overflow:hidden}
 .nav-actions{flex:0 0 auto;padding-bottom:12px}
 .brand{flex:0 0 auto;gap:10px;padding-bottom:14px}
 .brand img{width:64px;height:64px}
 .brand small{margin-top:3px;font-size:.63rem}
 #mainNav{flex:1 1 0;min-height:0;overflow-y:auto;overflow-x:hidden;gap:5px;padding:0 2px 8px;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#acbbcf transparent}
 #mainNav a{flex:0 0 auto;min-height:42px;padding:8px 14px;font-size:.85rem}
}
@media(min-width:851px) and (max-height:650px){
 .nav-shell{padding-block:12px;gap:10px}
 .brand{flex-direction:row;text-align:start;padding-bottom:10px}
 .brand img{width:44px;height:44px}
 .brand b{font-size:.78rem}
 .brand small{display:none}
 .nav-actions{padding-bottom:8px}
 #mainNav a{padding-block:7px;min-height:38px;font-size:.82rem}
}
@media(max-width:850px){
 #mainNav{max-height:calc(100dvh - 100px);overflow-y:auto;overscroll-behavior:contain}
 #mainNav a{flex-shrink:0}
}

.company-contact-details{display:grid;gap:14px;margin-top:30px}
.company-contact-item{display:flex;gap:14px;align-items:center;border:1px solid var(--line);border-radius:14px;background:var(--surface);padding:16px 18px}
.contact-detail-icon{display:grid;place-items:center;flex:0 0 44px;height:44px;border-radius:12px;background:#fff4df;color:#a66910;font-size:22px}
.company-contact-item>div{min-width:0}.contact-detail-label{display:block;font-size:.8rem;color:var(--muted);margin-bottom:4px}
.company-contact-item a{display:inline-block;color:var(--ink);font-size:1rem;font-weight:600;overflow-wrap:anywhere;text-decoration:underline;text-decoration-color:var(--orange);text-underline-offset:5px}
.company-contact-item a:hover{color:var(--orange)}.company-contact-item span[id]{font-size:.85rem;color:var(--muted)}
.contact-card>*{min-width:0}.contact-card{align-items:start}
.dark-mode .contact-detail-icon{background:#332b1d;color:#ffc35b}
@media(max-width:1100px){.contact-card{grid-template-columns:1fr;gap:30px}}

/* Contact view fits the available viewport without hiding form controls */
body[data-view="contact"]>footer{display:none}
#contact{min-height:100dvh;padding:24px clamp(16px,3vw,40px);align-items:center}
#contact .contact-card{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(20px,3vw,44px);padding:clamp(20px,3vw,36px)}
#contact h2{font-size:clamp(1.55rem,2.5vw,2.5rem);line-height:1.35;margin:0}
#contact .eyebrow{margin-bottom:10px}
#contact .contact-card>div>p:not(.eyebrow){font-size:.9rem;line-height:1.8;margin:12px 0}
#contact .company-contact-details{gap:10px;margin-top:18px}
#contact .company-contact-item{padding:10px 12px;gap:10px}
#contact .contact-detail-icon{flex-basis:36px;height:36px;font-size:19px}
#contact .contact-detail-label{margin-bottom:2px}
#contact .company-contact-item a{font-size:.9rem}
#contactForm{margin:0;gap:10px}
#contactForm input,#contactForm textarea{font-size:.9rem;line-height:1.6;padding:10px 12px}
#contactMessage{height:clamp(64px,13dvh,110px);min-height:64px}
#contactForm .btn{padding:9px 16px}
#contactStatus:empty{display:none}
@media(max-width:850px){
 #contact{min-height:calc(100dvh - 76px);padding:16px}
 #contact .contact-card{grid-template-columns:1fr;gap:16px;padding:18px}
 #contact h2{font-size:1.5rem}
 #contact .contact-card>div>p:not(.eyebrow){font-size:.8rem;line-height:1.6;margin:8px 0}
 #contact .company-contact-details{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:12px;gap:8px}
 #contact .company-contact-item{padding:8px;gap:7px}
 #contact .contact-detail-icon{flex-basis:26px;height:30px;font-size:16px}
 #contact .company-contact-item a{font-size:.78rem}
 #contact .contact-detail-label,#contact .company-contact-item span[id]{font-size:.72rem}
 #contactForm{gap:8px}
 #contactForm input,#contactForm textarea{font-size:.85rem;padding:8px 10px}
 #contactMessage{height:72px;min-height:56px}
}
@media(max-width:850px) and (max-height:700px){
 #contact{padding:10px}
 #contact .contact-card{padding:12px;gap:12px}
 #contact .eyebrow{margin-bottom:5px;font-size:.68rem}
 #contact h2{font-size:1.25rem}
 #contact .contact-card>div>p:not(.eyebrow){margin:6px 0;font-size:.76rem}
 #contact .company-contact-details{margin-top:8px}
 #contactForm input,#contactForm textarea{padding:6px 9px}
 #contactMessage{height:56px}
 #contactForm .btn{padding:7px 12px;font-size:.82rem}
}


/* Home: the first flex item follows the menu side in both RTL and LTR. */
body[data-view="home"]>footer{display:none}
#home{--view-height:100dvh;--home-type-scale:1;--home-logo-cap:600px;--home-logo-size:min(44cqw,var(--home-logo-cap),calc(var(--view-height) - 48px));container-type:inline-size;min-height:0;height:var(--view-height);flex-direction:row;flex-wrap:nowrap;padding:clamp(10px,2dvh,20px) clamp(12px,2vw,32px);gap:clamp(12px,2.5vw,36px)}
#home .hero-mark{order:-1;flex:none;width:var(--home-logo-size);height:var(--home-logo-size);isolation:isolate}
/* A 70% square fits completely inside the circular backing. */
#home .hero-mark img{width:70%;height:70%;object-fit:contain;display:block}
#home .hero-copy{flex:1;min-width:0;width:auto;max-width:none;text-align:start;margin:0}
#home .hero-copy .eyebrow{font-size:calc(min(2.2cqw,3.2dvh) * var(--home-type-scale));letter-spacing:.04em;padding:4px 12px;max-width:100%;overflow-wrap:anywhere;margin-bottom:clamp(6px,1.7dvh,16px)}
#home h1{font-size:calc(min(6.7cqw,9dvh) * var(--home-type-scale));white-space:normal;max-width:100%;line-height:1.4;margin:0 0 clamp(6px,1.7dvh,16px);overflow-wrap:anywhere}
#home .hero-lead{font-size:calc(min(3cqw,4.2dvh) * var(--home-type-scale));line-height:1.7;margin:0;max-width:100%;overflow-wrap:anywhere}
html[dir="ltr"] #home h1{font-size:calc(min(7cqw,9dvh) * var(--home-type-scale));max-width:100%;margin-inline:0}
/* Round contrasting backing in dark mode, keeping original logo colors */
.dark-mode #home .hero-mark::before{content:"";position:absolute;inset:0;border-radius:50%;background:linear-gradient(145deg,#e4edf7,#c7d9ed);z-index:-1;pointer-events:none}
@media(max-width:850px){
 #home{--view-height:calc(100dvh - 76px);--home-logo-size:min(44cqw,var(--home-logo-cap),calc(var(--view-height) - 36px));padding-inline:12px;gap:12px}
 #home .hero-copy .eyebrow{font-size:calc(min(3cqw,3.2dvh) * var(--home-type-scale));padding:3px 7px}
 #home .hero-lead{font-size:calc(min(4cqw,4.2dvh) * var(--home-type-scale))}
}
@media(max-height:420px){
 #home{padding-block:8px;gap:12px}
 #home .hero-lead{line-height:1.5}
 #home .hero-copy .eyebrow{margin-bottom:6px;padding:2px 8px}
}