@font-face{font-family:Amiri;src:url('assets/amiri.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Tajawal;src:url('assets/tajawal.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Tajawal;src:url('assets/tajawal-bold.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}
:root{--ink:#171c19;--paper:#eeeee5;--sage:#b8c4b0;--muted:#a9afa5;--line:#c9cdc1;--font:Tajawal,Tahoma,Arial,sans-serif;--display:Amiri,Georgia,serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body{margin:0;background:var(--ink);color:var(--paper);font:17px/1.8 var(--font)}
button,input,a,summary{-webkit-tap-highlight-color:transparent}
button,input{font:inherit}button,a,summary{touch-action:manipulation}button{cursor:pointer}
a{color:inherit;text-decoration:none}button{color:inherit}img{display:block;max-width:100%}h1,h2,h3,p,figure{margin:0}
h1,h2,h3{font-weight:400}h1,h2{font-family:var(--display)}h2{font-size:clamp(42px,4.5vw,64px);line-height:1.4}h2 em{font-style:normal;color:#63705e}
button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline:2px solid #7f976c;outline-offset:6px}
.wrap{width:min(1280px,calc(100% - 112px));margin-inline:auto}.chapter{padding-block:112px}.paper{background:var(--paper);color:var(--ink)}
.icon{width:24px;height:24px;stroke:currentColor;stroke-width:1.4;fill:none;stroke-linecap:round;stroke-linejoin:round;flex:none}.svg-library{position:absolute;width:0;height:0;overflow:hidden}
.skip{position:fixed;top:-100px;right:20px;padding:12px 20px;background:var(--paper);color:var(--ink);z-index:100}.skip:focus{top:12px}
.site-header{height:96px;position:absolute;inset:0 0 auto;z-index:30;border-bottom:1px solid #ffffff24;background:#12171314}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:35px;height:100%}.wordmark span{font-family:var(--display);font-size:30px;line-height:1.2;display:block}.wordmark small{display:block;font-size:10px;color:#b8c0b4;margin-top:4px}
.navigation{display:flex;align-items:center;gap:34px;font-size:14px}.navigation a{position:relative;padding-block:12px}.navigation a:after{content:'';position:absolute;height:1px;left:0;right:0;bottom:4px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .25s}.navigation a:hover:after{transform:scaleX(1)}
.header-contact{display:flex;gap:36px;align-items:center;border-bottom:1px solid #ffffff6b;padding-block:9px;font-size:14px}.header-contact .icon{width:19px}.menu-toggle{display:none}
.hero{position:relative;min-height:800px;min-height:min(900px,100svh);isolation:isolate;overflow:hidden;background:#171c19;display:flex;flex-direction:column;justify-content:center}
.hero-photo,.hero-shade{position:absolute;inset:0;z-index:-2}.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center 58%}.hero-shade{z-index:-1;background:linear-gradient(270deg,#121713f2 0%,#121713e3 27%,#12171380 49%,#12171308 75%),linear-gradient(0deg,#111611d9 0%,transparent 25%,transparent 85%,#11161144)}
.hero-content{padding-block:150px 135px}.basmala{font:20px/1.7 var(--display);color:#c8d1c1;margin-bottom:24px}.hero-prefix{display:block;font-family:var(--font);font-size:20px;line-height:1.6;margin-right:6px;margin-bottom:24px}.hero-name{padding-top:18px;padding-bottom:24px;display:block;font-size:clamp(112px,10.4vw,150px);line-height:1.13;white-space:nowrap}.hero-description{font-size:23px;line-height:1.65;color:#d3d9ce;margin-top:20px}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:36px;flex-wrap:wrap}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;min-height:59px;padding:15px 24px 12px;font-size:16px;font-weight:700;line-height:1.6;border:1px solid transparent;border-radius:0;transition:background .2s,color .2s}
.button-light{background:var(--paper);color:var(--ink)}.button-light:hover{background:var(--sage)}.button-dark{background:var(--ink);color:var(--paper)}.button-dark:hover{background:#344032}.button .icon{width:21px}.plain-link{font-size:14px;border-bottom:1px solid #b8c0b46b;padding-bottom:6px}
.hero-bottom{position:absolute;bottom:30px;left:0;right:0;display:flex;justify-content:space-between;align-items:center;direction:ltr}.film-link{display:flex;align-items:center;gap:15px;direction:rtl;font-size:14px}.film-link small{display:block;color:#b8c0b4;font-size:11px;margin-top:2px}.play-circle{display:grid;place-items:center;width:52px;height:52px;border:1px solid #c0c8bb;border-radius:50%}.play-circle .icon{width:19px;fill:currentColor;stroke-width:0;transform:translateX(1px)}.image-caption{font-size:10px;position:absolute;left:0;bottom:-18px;color:#a9afa5}.scroll-link{display:flex;align-items:center;gap:22px;direction:rtl;font-size:12px;color:#b9c3b2}.scroll-link span{font-size:24px}
.offer-strip{background:#c5cebd;color:var(--ink)}.offer-inner{display:flex;justify-content:space-between;align-items:center;gap:25px;min-height:91px;padding-block:20px}.offer-inner p{display:flex;align-items:center;gap:7px;font-size:18px;flex-wrap:wrap}.offer-inner>span{font-size:13px}.offer-marker{height:8px;width:8px;border-radius:50%;background:#4e5e45;margin-left:14px}
.chapter-label{font-size:12px;font-weight:700;display:flex;align-items:center;gap:26px;color:#63705e;line-height:1.8}.label-rule{height:1px;background:var(--line);flex:1}.about{padding-bottom:80px}.about-layout{display:grid;grid-template-columns:1.25fr .8fr;gap:96px;align-items:center;margin-top:68px}.about-copy{max-width:600px}.about-copy>p{font-size:20px;line-height:1.95;max-width:550px;margin-top:30px}.about-copy>p.secondary-copy{font-size:17px;color:#4f594b;margin-top:16px}.text-link{display:inline-flex;align-items:center;gap:38px;border:0;border-bottom:1px solid currentColor;background:none;padding:9px 0;font-size:15px;font-weight:700}.about-copy .text-link{margin-top:30px}.text-link .icon{width:21px}
.portrait{width:min(100%,300px);justify-self:center}.portrait-crop{position:relative;width:100%;aspect-ratio:4/5;overflow:hidden;background:#d6dcd4}.portrait-crop img{position:absolute;max-width:none;width:269.029851%;height:auto;left:-84.701493%;top:-150.149254%}.portrait figcaption{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:24px;padding-top:18px;border-top:1px solid var(--line)}.portrait figcaption>span{font-family:var(--display);font-size:23px}.portrait small{font-size:11px;color:#4f594b}
.services{padding-top:45px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-block:43px 48px}.section-heading>p{color:#4f594b;font-size:17px;line-height:1.85;padding-bottom:9px}.service-list{border-top:1px solid #333e3259}.service-row{position:relative;display:grid;grid-template-columns:56px 1.1fr 1.2fr 90px;gap:35px;align-items:center;border-bottom:1px solid #333e3233;padding-block:33px}.service-index{font-size:12px;direction:ltr;font-variant-numeric:tabular-nums;color:#73816a;align-self:start;margin-top:9px}.service-row h3{font-size:27px;line-height:1.5;font-weight:700}.service-row>p{font-size:16px;line-height:1.9;color:#606a59;max-width:390px}.service-choice{display:flex;align-items:center;justify-content:flex-end;gap:20px;font-size:13px;padding:18px 0}.service-choice .icon{transition:transform .2s}.service-choice:hover .icon{transform:translateX(-5px)}.service-row:has(.service-choice:focus-visible){background:#d9dfd1}.service-note{font-size:12px;color:#4f594b;margin-top:24px}
.film-section{background:#202720}.film-layout{display:grid;grid-template-columns:1fr .85fr;align-items:center;gap:140px}.film-copy .chapter-label{color:#a2b496;margin-bottom:32px}.film-copy h2 em{color:#afbea5}.film-copy>p:not(.chapter-label){margin-top:29px;color:#b4c0ac;line-height:1.9;font-size:18px}.film-copy .text-link{margin-top:29px;color:var(--paper)}.film-copy .text-link .icon{fill:currentColor;stroke:none;width:16px}.film-meta{display:block;font-size:11px;color:#a1af99;margin-top:16px}.film-preview{position:relative;background:transparent;border:0;padding:0;text-align:inherit;width:100%;max-width:410px;justify-self:center;overflow:hidden}.film-preview>img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;transition:transform .5s}.film-preview-overlay{position:absolute;inset:auto 0 0;display:flex;align-items:center;gap:16px;background:#111a15e8;padding:20px 25px;color:white;font-size:15px}.film-preview-overlay small{display:block;font-size:11px;direction:ltr;color:#bac6b0}.film-preview:hover>img{transform:scale(1.025)}.film-preview .play-circle{width:42px;height:42px}.video-transcript{max-width:430px;margin-top:35px;border-top:1px solid #c7d5be33;padding-top:17px}.video-transcript summary{cursor:pointer;font-size:13px;color:#bcc8b4}.video-transcript p{font-size:14px;line-height:2;color:#aebda5;padding-top:16px}
.contact-section{background:#c5cebd;color:var(--ink)}.contact-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:120px}.contact-intro .chapter-label{margin-bottom:28px;color:#57664d}.contact-intro h2{font-size:clamp(60px,6vw,88px);line-height:1.25}.contact-intro h2 em{color:#5e7053}.contact-intro>p:not(.chapter-label){margin-top:28px;font-size:16px;color:#4f5d46;line-height:1.9}.phone-number{display:inline-block;font-size:27px;line-height:1.2;margin-top:60px;letter-spacing:1px}.phone-label{display:block;font-size:11px;color:#56674b;margin-top:8px}.topic-options{border:0;padding:0;margin:0;display:flex;gap:10px;flex-wrap:wrap}.topic-options legend{font-size:16px;margin-bottom:20px;font-weight:700}.topic-options label{position:relative;cursor:pointer}.topic-options input{position:absolute;width:1px;height:1px;opacity:0}.topic-options label span{display:block;padding:11px 15px 8px;border:1px solid #57664c5c;font-size:13px;transition:background .2s,color .2s}.topic-options input:checked+span{background:var(--ink);border-color:var(--ink);color:var(--paper)}.topic-options input:focus-visible+span{outline:2px solid #314c25;outline-offset:4px}.topic-options label:hover span{border-color:var(--ink)}
.message-preview{margin-top:30px;border-top:1px solid #69785e66;padding-top:23px;min-height:132px}.preview-label{font-size:11px;color:#506146}.message-preview p{margin-top:10px;font-size:18px;line-height:1.9}.contact-composer .button{width:100%;margin-top:22px}.contact-small{font-size:13px;line-height:1.9;margin-top:18px;max-width:500px;color:#405336}.contact-privacy{font-size:11px;color:#5e6c54;margin-top:10px}
.faq-layout{display:grid;grid-template-columns:.85fr 1.2fr;gap:120px}.faq-layout h2{margin-top:30px;font-size:49px}.faq-intro{margin-top:25px;color:#4f594b;font-size:16px}.faq-list{border-top:1px solid #b9c0b1}.faq-list details{border-bottom:1px solid #c5ccbe}.faq-list summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:22px;padding:24px 0 20px;font-weight:700;font-size:17px;cursor:pointer}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary .icon{width:19px;color:#627656;transition:transform .2s}.faq-list details[open] summary .icon{transform:rotate(45deg)}.faq-list details>p{padding:0 0 25px 45px;font-size:16px;line-height:1.95;color:#616e57}
.footer{padding:65px 0 28px}.footer-main{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-bottom:48px}.footer-name{font-family:var(--display);font-size:48px;line-height:1.4}.footer-main p{color:#a5b19c;font-size:14px;line-height:1.8}.footer-contact{display:flex;align-items:center;gap:42px;border-bottom:1px solid #91a384;padding:14px 0;font-size:16px}.footer-bottom{border-top:1px solid #ffffff24;padding-top:23px;display:flex;align-items:center;justify-content:space-between;gap:28px;font-size:11px;color:#a4af9b}.footer-bottom button{background:none;border:0;padding:8px 0;font-size:11px;white-space:nowrap}.footer-bottom p{max-width:470px;line-height:1.8}.mobile-contact{display:none}
dialog{color:var(--ink);border:0;padding:0}dialog::backdrop{background:#070c09dc;backdrop-filter:blur(8px)}.film-dialog{background:#171c19;color:var(--paper);width:min(490px,calc(100% - 32px));max-height:calc(100svh - 32px);overflow:auto}.film-dialog-top{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;font-size:12px;gap:20px}.film-close{border:0;background:none;font:30px/1 Arial;padding:4px 8px}.film-dialog video{display:block;width:100%;max-height:calc(100svh - 180px);height:auto;object-fit:contain;background:#171c19}.film-dialog .button{width:calc(100% - 32px);margin:16px;font-size:14px;min-height:49px}.privacy-dialog{background:var(--paper);width:min(650px,calc(100% - 32px));max-height:calc(100svh - 48px);padding:45px 48px;overflow:auto}.privacy-dialog h2{font-size:43px;margin:20px 0 30px;line-height:1.35}.privacy-dialog h3{font-size:18px;font-weight:700;margin:25px 0 8px}.privacy-dialog p{font-size:15px;line-height:1.95;color:#59664f}.privacy-dialog .chapter-label{font-size:11px}.privacy-dialog .privacy-note{font-size:12px;margin-top:28px}.dialog-close{position:absolute;left:16px;top:15px;background:none;border:0;font:30px/1 Arial}.dialog-done{margin-top:28px;min-width:120px}.body-dialog{overflow:hidden}
@media(min-width:881px){.reveal{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}.reveal.is-visible{opacity:1;transform:none}}
@media(min-width:1600px){.hero-content{padding-top:180px;padding-bottom:155px}.hero-name{font-size:160px}.hero-description{font-size:25px}.hero{min-height:900px}}
@media(max-width:1120px){.wrap{width:calc(100% - 72px)}.navigation{gap:24px}.header-contact{gap:18px}.about-layout{gap:70px}.film-layout{gap:90px}.contact-layout,.faq-layout{gap:65px}.service-row{grid-template-columns:34px 1fr 1.1fr 70px;gap:24px}.service-row h3{font-size:24px}.service-row>p{font-size:15px}.hero{min-height:780px}.hero-name{font-size:140px}.portrait{max-width:300px}}
@media(max-width:880px){.site-header{height:85px}.header-contact{display:none}.navigation{gap:27px;font-size:13px}.wrap{width:calc(100% - 56px)}.hero{min-height:800px}.hero-shade{background:linear-gradient(270deg,#121713ed 0%,#121713cc 40%,#12171333 100%),linear-gradient(0deg,#111611ba,transparent 45%)}.hero-photo img{object-position:42% center}.hero-content{padding-top:140px;padding-bottom:130px}.hero-name{font-size:140px}.hero-description{font-size:21px}.hero-actions{gap:20px}.offer-inner{gap:12px;align-items:flex-start;flex-direction:column;padding-block:24px}.offer-inner p{font-size:17px}.offer-inner>span{font-size:12px;margin-right:29px}.chapter{padding-block:80px}.about-layout{gap:45px;grid-template-columns:1.2fr 1fr;margin-top:45px}.about-copy>p{font-size:18px}.about-copy>p.secondary-copy{font-size:15px}.portrait figcaption{flex-direction:column;align-items:flex-start;gap:3px}.portrait figcaption>span{font-size:22px}.service-row{grid-template-columns:30px 1fr 1.15fr 30px;gap:20px;padding-block:29px}.service-row h3{font-size:21px}.service-row>p{font-size:14px}.service-choice span{display:none}.service-choice .icon{width:22px}.services{padding-top:28px}.film-layout{gap:50px;grid-template-columns:1fr .9fr}.film-copy h2{font-size:47px}.film-copy>p:not(.chapter-label){font-size:16px}.film-preview-overlay{padding:16px}.contact-layout{gap:45px;grid-template-columns:.8fr 1.2fr}.contact-intro h2{font-size:64px}.contact-intro>p:not(.chapter-label){font-size:15px}.phone-number{font-size:21px}.topic-options{gap:8px}.topic-options label span{font-size:12px;padding:9px 11px 6px}.message-preview p{font-size:16px}.faq-layout{gap:40px;grid-template-columns:.7fr 1.2fr}.faq-layout h2{font-size:40px}.faq-list summary{font-size:15px}.faq-list details>p{font-size:14px}.footer-name{font-size:35px}.footer-bottom{flex-wrap:wrap;gap:15px}.footer-bottom p{width:100%;max-width:none}}
@media(max-width:640px){html{scroll-padding-top:24px}.wrap{width:calc(100% - 44px)}.chapter{padding-block:64px}.site-header{height:81px}.header-inner{gap:20px}.wordmark span{font-size:27px}.wordmark small{font-size:9px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:7px;width:43px;height:43px;padding:8px;border:0;background:none}.menu-toggle span{height:1px;width:27px;background:var(--paper);transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}.navigation{display:none;position:absolute;left:0;right:0;top:80px;background:#171c19;box-shadow:0 15px 25px #0003;padding:16px 22px 25px;flex-direction:column;align-items:stretch;gap:0}.navigation.open{display:flex}.navigation a{padding:13px 0;border-bottom:1px solid #ffffff1a;font-size:16px}.navigation a:after{display:none}.hero{min-height:800px;min-height:max(780px,94svh);justify-content:flex-start}.hero-content{padding-top:130px;padding-bottom:280px}.hero-photo img{object-position:28% center;opacity:.67}.hero-shade{background:linear-gradient(180deg,#151b18e8 0%,#151b18c9 48%,#151b181a 76%,#151b1899 100%),linear-gradient(270deg,#151b1880,transparent)}.basmala{font-size:18px;margin-bottom:21px}.hero-prefix{font-size:21px;margin-right:3px}.hero-name{font-size:112px;line-height:1.2}.hero-description{font-size:21px;margin-top:17px;line-height:1.6}.hero-description br{display:none}.hero-actions{margin-top:28px;align-items:flex-start;flex-direction:column;gap:17px}.button{min-height:56px;font-size:15px;padding:14px 20px 11px;gap:30px;max-width:100%}.plain-link{font-size:13px}.hero-bottom{bottom:27px;align-items:flex-end}.film-link{font-size:12px;gap:10px}.film-link small{font-size:10px}.play-circle{width:42px;height:42px}.scroll-link{font-size:10px;gap:10px}.scroll-link span{font-size:20px}.image-caption{font-size:8px;bottom:-16px}.offer-inner{padding-block:24px;gap:8px}.offer-inner p{font-size:15px;display:block;line-height:1.9}.offer-marker{display:inline-block;vertical-align:middle;margin-left:10px;width:6px;height:6px}.offer-inner p strong{font-weight:700}.offer-inner>span{font-size:11px;margin-right:18px;line-height:1.8}.chapter-label{font-size:10px;gap:18px}.about-layout{grid-template-columns:minmax(0,1fr);gap:43px;margin-top:33px}.about-copy h2{font-size:45px}.about-copy>p{font-size:18px;line-height:1.9;margin-top:24px}.about-copy>p.secondary-copy{font-size:16px;margin-top:14px}.about-copy .text-link{margin-top:24px}.text-link{font-size:14px;gap:25px}.portrait{width:240px;max-width:100%;justify-self:start}.portrait figcaption{flex-direction:row;align-items:center;gap:10px;margin-top:21px;padding-top:14px}.portrait figcaption>span{font-size:20px}.portrait small{font-size:9px}.services{padding-top:8px}.section-heading{display:block;margin:31px 0}.section-heading h2{font-size:45px}.section-heading h2 br{display:none}.section-heading>p{font-size:15px;margin-top:19px;padding:0}.section-heading>p br{display:none}.service-row{grid-template-columns:27px minmax(0,1fr) 30px;gap:14px;padding-block:25px;align-items:start}.service-index{grid-row:1/3;margin-top:4px;font-size:10px}.service-row h3{font-size:21px;line-height:1.55;font-weight:700}.desktop-break{display:none}.service-row>p{grid-column:2;grid-row:2;font-size:15px;line-height:1.85;margin-top:0}.service-choice{grid-column:3;grid-row:1/3;padding:4px 0;align-self:center}.service-note{font-size:11px;margin-top:19px;line-height:1.85}.film-layout{grid-template-columns:minmax(0,1fr);gap:35px}.film-copy .chapter-label{margin-bottom:25px}.film-copy h2{font-size:46px}.film-copy h2 br{display:none}.film-copy>p:not(.chapter-label){font-size:16px;margin-top:20px}.film-copy>p br{display:none}.film-copy .text-link{margin-top:22px}.film-meta{font-size:10px;margin-top:13px}.video-transcript{margin-top:25px;padding-top:14px}.video-transcript p{font-size:14px}.film-preview{max-width:330px;justify-self:start}.film-preview-overlay{padding:17px 20px}.contact-layout{grid-template-columns:minmax(0,1fr);gap:39px}.contact-intro .chapter-label{margin-bottom:22px}.contact-intro h2{font-size:61px;line-height:1.3}.contact-intro h2 br{display:none}.contact-intro>p:not(.chapter-label){font-size:16px;margin-top:23px}.phone-number{font-size:23px;margin-top:28px}.phone-label{font-size:10px;margin-top:6px}.topic-options legend{font-size:15px;margin-bottom:16px}.topic-options label span{font-size:12px;padding:10px 12px 8px}.message-preview{margin-top:24px;padding-top:20px;min-height:124px}.message-preview p{font-size:17px;line-height:1.9;margin-top:9px}.contact-composer .button{font-size:14px;margin-top:18px;gap:16px}.contact-small{font-size:12px;margin-top:17px}.contact-privacy{font-size:11px;line-height:1.8}.faq-layout{grid-template-columns:minmax(0,1fr);gap:30px}.faq-layout h2{font-size:44px;margin-top:24px}.faq-intro{font-size:15px;margin-top:16px}.faq-intro br{display:none}.faq-list summary{font-size:15px;padding:22px 0 18px;gap:18px}.faq-list details>p{font-size:15px;padding-left:0;padding-bottom:22px}.footer{padding-top:48px;padding-bottom:105px}.footer-main{display:grid;grid-template-columns:1fr auto;gap:24px;padding-bottom:35px}.footer-name{font-size:36px;grid-column:1/-1}.footer-main p{font-size:12px}.footer-contact{font-size:13px;gap:20px;padding:9px 0}.footer-contact .icon{width:19px}.footer-bottom{gap:14px;font-size:10px;justify-content:space-between;padding-top:18px}.footer-bottom button{font-size:10px}.footer-bottom p{font-size:10px;line-height:1.9}.mobile-contact{display:flex;position:fixed;z-index:25;left:0;right:0;bottom:0;justify-content:space-between;align-items:center;gap:20px;background:#eeeee5f5;color:var(--ink);border-top:1px solid #c5ccbc;min-height:65px;padding:14px 22px 10px;backdrop-filter:blur(10px)}.mobile-contact>span{font-size:11px;color:#5d7052}.mobile-contact strong{display:flex;align-items:center;gap:18px;font-size:14px}.mobile-contact .icon{width:19px}.body-dialog .mobile-contact{visibility:hidden}.privacy-dialog{padding:38px 26px}.privacy-dialog h2{font-size:36px}.privacy-dialog p{font-size:14px}.privacy-dialog h3{font-size:17px}.film-dialog-top{font-size:11px}.film-dialog .button{font-size:13px}.film-dialog video{max-height:calc(100svh - 180px)}}
@media(max-width:360px){.wrap{width:calc(100% - 36px)}.hero-name{font-size:103px}.hero-description{font-size:19px}.hero .button{font-size:14px;gap:20px}.hero{min-height:760px}.hero-content{padding-top:123px}.hero-prefix{font-size:20px}.film-link{font-size:11px}.film-link small{font-size:9px}.service-row{gap:10px;grid-template-columns:22px minmax(0,1fr) 25px}.service-row h3{font-size:19px}.contact-composer .button{font-size:13px;padding-inline:16px}.contact-intro h2{font-size:54px}.mobile-contact{padding-inline:18px;gap:10px}.mobile-contact strong{font-size:13px;gap:12px}.mobile-contact>span{font-size:10px}.footer-name{font-size:33px}.about-copy h2{font-size:41px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1!important;transform:none!important}}

.topic-options label span{min-height:44px}.mobile-contact.is-hidden{visibility:hidden;pointer-events:none}


/* Generated portrait: direct artwork presentation, independent of the old screenshot crop. */
.portrait-art{width:min(100%,380px);max-width:380px}.portrait-art .portrait-crop{aspect-ratio:4/5;background:#242a22}.portrait-art .portrait-crop img{position:static;display:block;width:100%;height:100%;max-width:100%;object-fit:cover;object-position:50% 16%;transform:scale(1.28);transform-origin:62% 12%}.portrait-art figcaption{flex-direction:column;align-items:flex-start;gap:3px}.portrait-art figcaption small{font-size:11px;line-height:1.8;color:#4f594b}@media(max-width:880px){.portrait-art{max-width:320px}}@media(max-width:640px){.portrait-art{width:min(100%,340px);max-width:340px}.portrait-art figcaption{margin-top:18px;padding-top:14px}.portrait-art figcaption small{font-size:10px}}

/* Keep the portrait, offer and contact details visible in the film cover. */
.film-preview-overlay{position:relative;inset:auto;z-index:1}

/* DARK GOLD THEME START */
/* Midnight charcoal, forest shadows and restrained antique brass. */
:root{--ink:#090c09;--paper:#eee5d3;--sage:#d6b46f;--muted:#b8b2a3;--line:#414234;--surface:#111610;--surface-deep:#0b100b;--gold:#d6b46f}
body{background:#090c09;color:var(--paper)}
.paper{background:var(--surface);color:var(--paper)}
h2 em,.contact-intro h2 em,.film-copy h2 em{color:#d5b675}
.site-header{background:#070b0796;border-bottom-color:#d8b67036}
.wordmark span,.hero-prefix{color:#e9d5a7}.wordmark small{color:#c1b59c}
.navigation{color:#d5d1c3}.navigation a:hover{color:#f0d69b}
.hero{background:#070a07}.hero-photo img{filter:brightness(.76) contrast(1.08) saturate(.8)}
.hero-shade{background:linear-gradient(270deg,#060a06fa 0%,#060a06e8 27%,#080c0873 54%,#080c081a 77%),linear-gradient(0deg,#060a06ed 0%,transparent 27%,transparent 85%,#060a0666)}
.hero-name{color:#f1dfb8;text-shadow:0 3px 24px #0008}.basmala{color:#c8b786}.hero-description{color:#d5cfbf}
.plain-link{color:#d2c6ac;border-bottom-color:#c6a56b70}.film-link small,.scroll-link,.image-caption{color:#bdb29b}
.offer-strip{background:#191e15;border-block:1px solid #b294555c;color:#e9dcc2}
.offer-inner strong{color:#ebc67c}.offer-inner>span{color:#bbb4a2}.offer-marker{background:#d6b46f;box-shadow:0 0 12px #cca45d40}
.chapter-label,.film-copy .chapter-label,.contact-intro .chapter-label{color:#c2a366}.label-rule{background:#8e784840}
.about-copy>p{color:#e1dbcd}.about-copy>p.secondary-copy,.section-heading>p,.service-row>p,.service-note,.faq-intro,.faq-list details>p{color:#bcbcaf}
.portrait-art .portrait-crop{background:#141912;border:1px solid #73633d;box-shadow:0 20px 45px #0008}
.portrait-art figcaption{border-top-color:#8e78485c}.portrait-art figcaption>span{color:#e5d1a2}.portrait-art figcaption small,.portrait small{color:#b8b09d}
.service-list{border-top-color:#9e89544d}.service-row{border-bottom-color:#9e895438}.service-index{color:#c2a366}.service-row h3{color:#e7dfce}
.service-row:has(.service-choice:focus-visible){background:#20291b}
.film-section{background:#0a0f0b;border-block:1px solid #6f65432e}.film-copy>p:not(.chapter-label){color:#bdc0b0}.film-meta{color:#b7af99}
.film-preview{box-shadow:0 22px 60px #0008}.film-preview>img{aspect-ratio:480/854;object-fit:contain}.film-preview-overlay small{color:inherit}.video-transcript{border-top-color:#a38a4c52}.video-transcript summary{color:#d4c4a0}.video-transcript p{color:#bec0b0}
.contact-section{background:radial-gradient(ellipse at 15% 15%,#6a512426,transparent 58%),linear-gradient(135deg,#171e13,#0d130d);color:var(--paper);border-block:1px solid #806d3f42}
.contact-intro>p:not(.chapter-label),.phone-label{color:#b8bbaa}.phone-number{color:#e8c785}
.topic-options legend{color:#e3dbc8}.message-preview{border-top-color:#a68b4d5c}.preview-label{color:#c7b486}.message-preview p{color:#e1dfd2}.contact-small{color:#c3bea9}.contact-privacy{color:#b0b39f}
.faq-section{background:#0f150f}.faq-list{border-top-color:#82713f59}.faq-list details{border-bottom-color:#82713f45}.faq-list summary{color:#e0ddcf}
.footer{background:#060a07}.footer-name{color:#e5cca1}.footer-main p,.footer-bottom{color:#b5b7a6}.footer-bottom{border-top-color:#8a754349}
.privacy-dialog{background:#11190f;color:#eee5d3;border:1px solid #7c683c}.privacy-dialog p{color:#c3c6b4}.privacy-dialog h3{color:#dfca99}.privacy-dialog .chapter-label{color:#c2a366}
.film-dialog{background:#090e09;color:#e4dbc6;border:1px solid #7c683c}.film-dialog video{background:#080d08}.film-dialog-top{color:#d3c4a3}
dialog::backdrop{background:#010501e8}
button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline-color:#f0ce87}
.topic-options input:focus-visible+span{outline-color:#f0ce87}
.no-script-privacy{color:#c3c6b4;padding-block:24px}
@media(max-width:880px){.hero-shade{background:linear-gradient(270deg,#060a06f5 0%,#060a06d9 40%,#080c084d 100%),linear-gradient(0deg,#060a06cc,transparent 48%)}}
@media(max-width:640px){.navigation{background:#0b110a;border-bottom:1px solid #8d784440}.navigation a{border-bottom-color:#ad945d2b}.hero-photo img{opacity:.8}.hero-shade{background:linear-gradient(180deg,#070c07f0 0%,#070c07d6 48%,#070c0726 76%,#070c07c7 100%),linear-gradient(270deg,#070c0799,transparent)}.mobile-contact>span{color:#312511}.mobile-contact strong{color:#211b0f}}

/* Append after the dark bronze palette. Navigation and editorial links stay unboxed. */
:root {
  --metal-ink: #211707;
  --metal-edge: #76501e;
  --metal-focus: #fff0bd;
  --metal-face: repeating-linear-gradient(90deg, #fff6d60a 0 1px, transparent 1px 4px), linear-gradient(180deg, #f1d89c 0%, #dfb96d 48%, #c49649 100%);
  --metal-raised: inset 0 1px 0 #fff2bfcc, inset 0 -1px 0 #9a6b2c66, 0 4px 0 #68451d, 0 9px 16px #0007;
  --metal-pressed: inset 0 2px 4px #65401855, inset 0 -1px 0 #f5d58a55, 0 1px 0 #68451d, 0 3px 7px #0006;
}

.button,
.header-contact,
.text-link,
.film-copy .text-link,
.service-choice,
.footer-contact,
#privacy-open,
.menu-toggle,
.film-close,
.dialog-close,
.play-circle,
.topic-options label span,
.film-preview-overlay,
.faq-list summary .icon,
.mobile-contact {
  color: var(--metal-ink);
  background: var(--metal-face);
  border: 1px solid #d2aa5e;
  border-bottom-color: var(--metal-edge);
  border-radius: 3px;
  box-shadow: var(--metal-raised);
  text-shadow: 0 1px 0 #fff1ba55;
  max-width: 100%;
  min-width: 0;
  text-decoration: none;
  transition: transform .16s ease, box-shadow .16s ease, filter .16s ease;
}

/* Override the earlier light/dark variant hover fills without enabling touch hover motion. */
.button-light:hover,
.button-dark:hover {
  color: var(--metal-ink);
  background: var(--metal-face);
}
.button { justify-content: center; font-weight: 700; }
.button .icon,
.text-link .icon,
.header-contact .icon,
.footer-contact .icon,
.mobile-contact .icon { color: currentColor; }
.header-contact { min-height: 44px; padding: 10px 15px 8px; gap: 15px; font-weight: 700; }
.text-link,
.film-copy .text-link { min-height: 46px; padding: 11px 18px 8px; gap: 20px; }
.footer-contact { justify-content: center; min-height: 46px; padding: 11px 17px 9px; gap: 20px; font-weight: 700; }
#privacy-open { min-height: 42px; padding: 10px 14px 8px; font-size: 12px; font-weight: 700; white-space: normal; line-height: 1.65; }

.service-choice { justify-content: center; justify-self: end; width: 90px; min-height: 42px; padding: 8px; gap: 6px; font-size: 12px; font-weight: 700; }
.service-choice .icon { width: 17px; height: 17px; color: currentColor; }
.service-choice:hover .icon { transform: none; }

/* Do not assign display here: the existing desktop/menu breakpoint remains authoritative. */
.menu-toggle { align-items: center; flex-shrink: 0; width: 43px; height: 43px; padding: 9px; }
.menu-toggle span { width: 24px; background: var(--metal-ink); }
.menu-toggle[aria-expanded=true] { background: linear-gradient(180deg, #c4974b, #e3bc72); box-shadow: var(--metal-pressed); }
.film-close,
.dialog-close { display: grid; place-items: center; flex: none; width: 36px; height: 36px; padding: 0 0 2px; font: 28px/1 Arial, sans-serif; }
.play-circle { flex: none; border-radius: 50%; }
.play-circle .icon { color: currentColor; }

/* Keep photography outside the metallic treatment; only the play bar is raised. */
.film-preview { background: transparent; border: 0; border-radius: 0; box-shadow: none; padding-bottom: 5px; }
.film-preview:hover>img { transform: none; }
.film-preview-overlay { border-radius: 0 0 3px 3px; }
.film-preview-overlay small { color: #493419; font-weight: 700; }
.film-preview-overlay .play-circle { box-shadow: inset 0 1px 0 #fff2bfaa, 0 2px 0 #795120; border-color: #ab813d; }

.topic-options { gap: 12px 10px; }
.topic-options label { max-width: 100%; }
.topic-options label span { display: flex; align-items: center; justify-content: center; gap: 7px; min-height: 44px; padding: 10px 13px 8px; font-weight: 700; line-height: 1.7; }
.topic-options label span:before { content: ''; flex: none; width: 12px; text-align: center; font: 700 13px/1 Arial, sans-serif; }
.topic-options input:checked+span { color: var(--metal-ink); background: linear-gradient(180deg, #c79745, #e0b66b); border-color: #f3d497; box-shadow: var(--metal-pressed); }
.topic-options input:checked+span:before { content: '✓'; }
.topic-options:disabled label { cursor: not-allowed; }
.topic-options:disabled label span { filter: saturate(.55); opacity: .7; }

/* Rotate the plus glyph, not the complete raised square. */
.faq-list summary .icon { width: 32px; height: 32px; padding: 7px; flex: none; stroke-width: 1.8; }
.faq-list details[open] summary .icon { transform: none; background: linear-gradient(180deg, #c79745, #e0b66b); box-shadow: var(--metal-pressed); }
.faq-list summary .icon use { transform-box: view-box; transform-origin: 50% 50%; }
.faq-list details[open] summary .icon use { transform: rotate(45deg); }

.mobile-contact { border-radius: 3px; backdrop-filter: none; }
.mobile-contact>span { color: #3f2c13; }
.mobile-contact strong { color: var(--metal-ink); }

:is(.button, .header-contact, .text-link, .service-choice, .footer-contact, #privacy-open, .menu-toggle, .film-close, .dialog-close, .film-preview, .film-link, .mobile-contact):focus-visible,
.topic-options input:focus-visible+span {
  outline: 2px solid var(--metal-focus);
  outline-offset: 5px;
}
.faq-list summary:focus-visible { outline-color: var(--metal-focus); }
.faq-list summary:focus-visible .icon { outline: 2px solid var(--metal-focus); outline-offset: 4px; }

@media (hover: hover) and (pointer: fine) {
  :is(.button, .header-contact, .text-link, .service-choice, .footer-contact, #privacy-open, .menu-toggle, .film-close, .dialog-close):hover {
    transform: translateY(-1px);
    filter: brightness(1.06);
    box-shadow: inset 0 1px 0 #fff5cddd, inset 0 -1px 0 #9a6b2c66, 0 5px 0 #68451d, 0 11px 19px #0008;
  }
  :is(.button, .header-contact, .text-link, .service-choice, .footer-contact, #privacy-open, .menu-toggle, .film-close, .dialog-close):active {
    transform: translateY(2px);
    filter: brightness(.98);
    box-shadow: var(--metal-pressed);
  }
  .topic-options:not(:disabled) label:hover span { filter: brightness(1.06); }
  .topic-options:not(:disabled) label:active span { transform: translateY(2px); box-shadow: var(--metal-pressed); }
  .film-link:hover .play-circle,
  .film-preview:hover .film-preview-overlay,
  .faq-list summary:hover .icon { filter: brightness(1.06); }
  .film-link:active .play-circle,
  .film-preview:active .film-preview-overlay,
  .faq-list summary:active .icon { transform: translateY(2px); box-shadow: var(--metal-pressed); }
}

@media (max-width: 1120px) {
  .service-choice { width: 70px; padding-inline: 5px; gap: 4px; font-size: 11px; }
  .service-choice .icon { width: 16px; height: 16px; }
}
@media (max-width: 880px) {
  .service-row { grid-template-columns: 30px minmax(0, 1fr) minmax(0, 1.15fr) 40px; }
  .service-choice { width: 32px; height: 32px; min-height: 32px; padding: 6px; gap: 0; justify-self: center; }
  .service-choice .icon { width: 18px; height: 18px; }
}
@media (max-width: 640px) {
  .button { gap: 20px; }
  .text-link,
  .film-copy .text-link { padding-inline: 15px; gap: 16px; }
  .service-row { grid-template-columns: 27px minmax(0, 1fr) 40px; }
  .footer-contact { padding: 10px 13px 8px; gap: 12px; }
  #privacy-open { font-size: 11px; padding-inline: 11px; }
  .mobile-contact { inset-inline: 8px; bottom: calc(8px + env(safe-area-inset-bottom, 0px)); min-height: 60px; padding: 12px 16px 10px; gap: 12px; box-shadow: var(--metal-raised), 0 -4px 22px #0006; }
  .mobile-contact strong { gap: 12px; }
  .mobile-contact>span { font-size: 11px; line-height: 1.6; }
  .topic-options { gap: 11px 8px; }
  .topic-options label span { padding-inline: 10px; }
}
@media (max-width: 360px) {
  .service-row { grid-template-columns: 22px minmax(0, 1fr) 40px; gap: 10px; }
  .button { padding-inline: 16px; }
  .mobile-contact { padding-inline: 12px; gap: 8px; }
  .mobile-contact strong { gap: 8px; font-size: 13px; }
  .mobile-contact>span { font-size: 11px; }
}
@media (prefers-reduced-motion: reduce) {
  :is(.button, .header-contact, .text-link, .service-choice, .footer-contact, #privacy-open, .menu-toggle, .film-close, .dialog-close, .play-circle, .topic-options label span, .film-preview-overlay, .faq-list summary .icon, .mobile-contact) {
    transition: none !important;
    transform: none !important;
  }
}

/* Add hero-portrait to #home and change its existing image source/dimensions.
   Append after the dark theme and button partials. No button colors are redefined. */
.hero.hero-portrait {
  --portrait-hero-bg: #070a07;
  min-height: clamp(720px, 92svh, 840px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: var(--portrait-hero-bg);
}
.hero-portrait .hero-photo {
  inset: 0 auto 0 0;
  width: 58%;
  overflow: hidden;
  z-index: -2;
}
.hero-portrait .hero-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 62% 12%;
  opacity: 1;
  filter: brightness(.95) contrast(1.03) saturate(.88);
}
.hero-portrait .hero-photo:after {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(0deg, #070a07e8 0%, transparent 23%, transparent 83%, #070a0759 100%);
}
.hero-portrait .hero-shade {
  z-index: -1;
  pointer-events: none;
  background: linear-gradient(270deg, #070a07 0%, #070a07 40%, #070a0700 52%);
}
.hero-portrait .hero-content {
  width: min(520px, 42%);
  margin-inline-start: max(56px, calc((100% - 1280px) / 2));
  margin-inline-end: auto;
  padding-block: 148px 130px;
  position: relative;
  z-index: 1;
}
.hero-portrait .basmala { margin-bottom: 20px; }
.hero-portrait .hero-prefix { font-size: 20px; margin-bottom: 14px; }
.hero-portrait .hero-name {
  font-size: clamp(104px, 10vw, 146px);
  line-height: 1.15;
  padding-top: 16px;
  padding-bottom: 12px;
}
.hero-portrait .hero-description { font-size: 22px; line-height: 1.7; margin-top: 12px; }
.hero-portrait .hero-actions { margin-top: 30px; gap: 20px; }
.hero-portrait .hero-bottom { z-index: 2; }
.hero-portrait .image-caption { max-width: 48%; line-height: 1.6; }

/* Optional later inline SVG hook: broken abstract lines only, behind interaction. */
.hero-portrait .hero-trace {
  position: absolute;
  left: 7%;
  bottom: 14%;
  width: clamp(100px, 11vw, 160px);
  height: auto;
  fill: none;
  stroke: #c4a263;
  stroke-width: 1;
  opacity: .11;
  pointer-events: none;
  z-index: 0;
}

@media (max-width: 1120px) {
  .hero.hero-portrait { min-height: 740px; }
  .hero-portrait .hero-content { width: 43%; margin-inline-start: 36px; padding-block: 135px 120px; }
  .hero-portrait .hero-name { font-size: clamp(100px, 11vw, 122px); }
  .hero-portrait .hero-description { font-size: 21px; }
  .hero-portrait .hero-actions { gap: 17px; }
}
@media (min-width: 641px) and (max-width: 880px) {
  .hero.hero-portrait { min-height: 710px; }
  .hero-portrait .hero-photo { width: 54%; }
  .hero-portrait .hero-photo img { object-position: 66% 14%; transform: scale(1.13); transform-origin: 64% 20%; }
  .hero-portrait .hero-shade { background: linear-gradient(270deg, #070a07 0%, #070a07 44%, #070a0700 55%); }
  .hero-portrait .hero-content { width: 42%; margin-inline-start: 28px; padding-block: 128px 112px; }
  .hero-portrait .basmala { font-size: 18px; margin-bottom: 16px; }
  .hero-portrait .hero-prefix { font-size: 18px; }
  .hero-portrait .hero-name { font-size: clamp(88px, 12vw, 104px); }
  .hero-portrait .hero-description { font-size: 19px; }
  .hero-portrait .hero-actions { flex-direction: column; align-items: flex-start; gap: 16px; margin-top: 24px; }
  .hero-portrait .hero-actions .button { gap: 16px; padding-inline: 18px; font-size: 14px; }
}
@media (max-width: 640px) {
  .hero.hero-portrait {
    min-height: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: 'copy' 'portrait' 'tools';
    justify-content: stretch;
    padding-top: 104px;
    padding-bottom: 18px;
  }
  .hero-portrait .hero-content {
    grid-area: copy;
    width: calc(100% - 44px);
    margin-inline: auto;
    padding: 0 0 20px;
    text-align: right;
  }
  .hero-portrait .basmala { font-size: 17px; line-height: 1.5; margin-bottom: 10px; }
  .hero-portrait .hero-prefix { font-size: 17px; line-height: 1.45; margin-bottom: 12px; }
  .hero-portrait .hero-name { font-size: clamp(78px, 21vw, 102px); line-height: 1.12; padding-top: 10px; padding-bottom: 22px; }
  .hero-portrait .hero-description { font-size: 18px; line-height: 1.6; margin-top: 8px; }
  .hero-portrait .hero-description br { display: none; }
  .hero-portrait .hero-actions { margin-top: 18px; gap: 0; }
  .hero-portrait .hero-actions .button { width: 100%; max-width: 360px; }
  .hero-portrait .hero-actions .plain-link { display: none; }
  .hero-portrait .hero-photo {
    grid-area: portrait;
    position: relative;
    inset: auto;
    z-index: 0;
    width: 100%;
    height: clamp(260px, 70vw, 320px);
  }
  .hero-portrait .hero-photo img { object-position: 60% 10%; transform: none; opacity: 1; }
  .hero-portrait .hero-photo:after { background: linear-gradient(180deg, #070a07 0%, transparent 15%, transparent 80%, #070a07 100%); }
  .hero-portrait .hero-shade,
  .hero-portrait .hero-trace { display: none; }
  .hero-portrait .hero-bottom {
    grid-area: tools;
    position: relative;
    inset: auto;
    width: calc(100% - 44px);
    margin-inline: auto;
    padding-top: 10px;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px 20px;
  }
  .hero-portrait .film-link { font-size: 12px; }
  .hero-portrait .film-link small { font-size: 10px; }
  .hero-portrait .image-caption {
    position: static;
    flex-basis: 100%;
    order: 3;
    max-width: none;
    font-size: 9px;
    text-align: left;
  }
}
@media (max-width: 360px) {
  .hero.hero-portrait { padding-top: 100px; }
  .hero-portrait .hero-content,
  .hero-portrait .hero-bottom { width: calc(100% - 36px); }
  .hero-portrait .hero-name { font-size: 78px; }
  .hero-portrait .hero-description { font-size: 17px; }
  .hero-portrait .hero-bottom { gap: 11px 12px; }
  .hero-portrait .film-link { font-size: 11px; }
}

/* Abstract visual suggestion: fragmented marks and loosening threads. */
.hero-symbols{position:absolute;z-index:0;left:-90px;bottom:25px;width:370px;height:370px;color:#c5a665;pointer-events:none;opacity:.16}
.hero-content{position:relative;z-index:2}.hero-bottom{z-index:2}
.symbol-fragments{opacity:.65}.untying-thread{stroke-dasharray:600;stroke-dashoffset:0;animation:thread-release 8s ease-out forwards}
@keyframes thread-release{0%,18%{stroke-dashoffset:0;opacity:.8;transform:translateY(0)}100%{stroke-dashoffset:650;opacity:0;transform:translateY(18px)}}
@media(max-width:640px){.hero-symbols{left:-90px;bottom:105px;width:240px;height:240px;opacity:.12}}
@media(prefers-reduced-motion:reduce){.untying-thread{animation:none;opacity:.35;transform:none}}

.hero-offer{margin-top:23px;color:#e6d8b6;font-size:17px;line-height:1.8}.hero-offer strong{color:#edcc84;font-weight:700}.hero-fees{margin-top:4px;color:#bcb9aa;font-size:12px;line-height:1.8}.hero-portrait .hero-actions{margin-top:19px}
.how-section{background:#101610;border-block:1px solid #b39a5c35}.how-header{display:grid;grid-template-columns:1fr 1fr;column-gap:48px;align-items:end}.how-header .chapter-label{grid-column:1/-1;margin-bottom:24px}.how-header h2{font-family:var(--display);font-size:clamp(45px,5vw,70px);line-height:1.35;color:#eee4d0}.how-header h2 em{font-style:normal;color:#d6b774}.how-header>p:last-child{color:#bec0af;line-height:1.9;font-size:16px;padding-bottom:12px}.how-steps{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;padding:0;margin:60px 0 35px}.how-steps li{border-top:1px solid #a78b4a80;padding-top:22px}.how-steps li>span{font-size:12px;color:#d4b46f}.how-steps h3{font-size:20px;color:#ede1ca;margin:20px 0 10px}.how-steps p{font-size:15px;line-height:1.9;color:#bdc0b0;max-width:310px}.how-action{display:inline-flex;align-items:center;gap:12px;color:#e8c885;font-weight:700;padding:10px 0;border-bottom:1px solid #c8aa6a}.how-action:focus-visible{outline:2px solid #fff0bd;outline-offset:5px}.how-action .icon{width:20px;height:20px}
@media(max-width:880px){.navigation{gap:17px}.how-steps{gap:24px}}
@media(max-width:640px){.hero.hero-portrait{padding-top:96px}.hero-portrait .basmala{margin-bottom:5px}.hero-portrait .hero-prefix{margin-bottom:4px}.hero-portrait .hero-name{font-size:clamp(68px,19vw,88px);padding-bottom:10px}.hero-portrait .hero-description{margin-top:2px;font-size:16px}.hero-offer{font-size:15px;margin-top:12px}.hero-fees{font-size:11px}.hero-portrait .hero-actions{margin-top:13px}.hero-portrait .hero-photo{height:clamp(245px,68vw,310px)}.hero-portrait .hero-photo img{object-position:58% 9%}.how-header{display:block}.how-header h2{font-size:43px}.how-header>p:last-child{margin-top:14px;padding:0;font-size:15px}.how-steps{grid-template-columns:1fr;gap:22px;margin:35px 0 24px}.how-steps li{padding-top:16px}.how-steps h3{font-size:19px;margin:8px 0 3px}.how-steps p{max-width:none}.how-section{scroll-margin-bottom:95px}.hero-portrait .image-caption{font-size:10px}}

.hero-portrait .hero-actions .evidence-open{font-size:14px;padding-inline:18px;gap:12px;min-height:52px}.evidence-dialog{width:min(1040px,calc(100% - 32px));max-height:calc(100svh - 40px);background:#101710;color:#eee2cb;border:1px solid #927849;padding:28px;overflow:auto}.evidence-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:24px}.evidence-heading h2{font:38px/1.6 var(--display);margin:8px 0}.evidence-heading .chapter-label{color:#c7ae79}.evidence-dialog #evidence-note{font-size:13px;line-height:1.9;color:#c0c1b0;max-width:750px;margin:0 0 24px}.evidence-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.evidence-grid[hidden],.evidence-detail[hidden]{display:none}.evidence-card{border:1px solid #9a814740;background:#080d09;padding:0;color:#ead8b5;text-align:right;cursor:pointer;overflow:hidden}.evidence-card img{width:100%;height:210px;object-fit:cover;object-position:top;display:block}.evidence-card>span{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:14px;font-size:14px}.evidence-card small{font-size:11px;color:#c2b698}.evidence-card:focus-visible{outline:2px solid #ffe0a0;outline-offset:3px}.evidence-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.evidence-tools>div{display:flex;gap:10px}.evidence-tools .button{min-height:42px;font-size:13px;padding:8px 16px}.evidence-detail>img{display:block;width:100%;height:auto;max-width:900px;margin-inline:auto;background:#080d09}.evidence-close{position:sticky;top:0;z-index:1;flex:none}
@media(max-width:800px){.evidence-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.hero-portrait .hero-actions{gap:12px}.evidence-dialog{padding:18px;width:calc(100% - 20px);max-height:calc(100svh - 24px)}.evidence-heading h2{font-size:29px}.evidence-grid{grid-template-columns:1fr;gap:16px}.evidence-card img{height:210px}.evidence-dialog #evidence-note{font-size:12px}.evidence-tools{gap:8px}.evidence-tools .button{padding-inline:12px}.evidence-tools>div{gap:6px}}
.evidence-heading{position:sticky;top:0;background:#101710;z-index:2}#evidence-counter{direction:ltr;unicode-bidi:isolate;white-space:nowrap}
.evidence-card img{height:auto;aspect-ratio:auto;object-fit:contain}
.evidence-dialog.is-viewing{overflow:hidden}.evidence-dialog.is-viewing #evidence-note{display:none}.evidence-dialog.is-viewing .evidence-heading h2{font-size:27px;margin:0}.evidence-dialog.is-viewing .evidence-heading .chapter-label{display:none}.evidence-tools{position:sticky;top:0;z-index:2;background:#101710;flex-wrap:wrap;padding-block:10px;margin-bottom:0}.evidence-help{font-size:12px;line-height:1.7;color:#c2b698;margin:6px 0 12px}.evidence-viewport{direction:ltr;overflow:auto;max-height:calc(100svh - 265px);min-height:120px;background:#080d09;border:1px solid #9a814740;overscroll-behavior:contain;touch-action:pan-x pan-y pinch-zoom}.evidence-viewport img{display:block;width:auto;max-width:100%;height:auto;max-height:calc(100svh - 270px);object-fit:contain;margin-inline:auto;cursor:zoom-in}.evidence-viewport.is-zoomed img{width:var(--natural-width,1170px);max-width:none;max-height:none;cursor:zoom-out}.evidence-viewport:focus-visible{outline:2px solid #ffe0a0;outline-offset:2px}@media(max-width:640px){.evidence-dialog.is-viewing{padding:12px}.evidence-tools{display:grid;grid-template-columns:1fr 1fr;gap:10px}.evidence-tools .button{width:100%;min-height:44px}.evidence-tools #evidence-counter{justify-self:center}.evidence-tools>div{justify-content:end;width:100%}.evidence-tools>div .button{width:44px;padding-inline:8px}.evidence-viewport{max-height:calc(100svh - 280px)}.evidence-viewport img{max-height:calc(100svh - 285px)}.evidence-help{font-size:11px;margin-block:4px 8px}}

/* DARK GOLD THEME END */

/* Still-portrait edition: keep the disclosure and next-section link balanced. */
@media(min-width:641px){.hero-portrait .image-caption{position:static;max-width:48%;line-height:1.6}}