@font-face{font-family:Editorial;src:url('assets/cormorant-garamond-normal.woff2') format('woff2');font-style:normal;font-weight:300 700;font-display:swap}@font-face{font-family:Editorial;src:url('assets/cormorant-garamond-italic.woff2') format('woff2');font-style:italic;font-weight:300 700;font-display:swap}@font-face{font-family:DM;src:url('assets/dm-sans-normal.woff2') format('woff2');font-weight:100 900;font-display:swap}@font-face{font-family:Noto;src:url('assets/noto-arabic.ttf') format('truetype');font-weight:400;font-display:swap}
:root{--ivory:#f4efe8;--paper:#faf7f2;--ink:#392e27;--muted:#796a5e;--line:#d7ccc0;--accent:#aa8970;--dark:#372d27;--font:DM,Arial,sans-serif;--display:Editorial,Georgia,serif}*{box-sizing:border-box}html{background:var(--ivory);color-scheme:light;scroll-behavior:smooth;scroll-padding-top:110px}html[lang=ar]{--font:Noto,Tahoma,sans-serif;--display:Noto,Tahoma,sans-serif}body{-webkit-text-size-adjust:100%;text-size-adjust:100%;margin:0;background:var(--ivory);color:var(--ink);font:400 16px/1.8 var(--font);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #9c6745;outline-offset:6px}button{cursor:pointer}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400}em{font-weight:400}::selection{background:#d4bda6;color:var(--ink)}.skip{position:fixed;top:-80px;z-index:100;background:var(--ink);color:#fff;padding:12px}.skip:focus{top:10px}.header{height:104px;padding:0 5.2%;display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid var(--line);background:var(--ivory);position:relative;z-index:10;direction:ltr}.brand{width:148px;height:66px;display:flex;align-items:center;flex-shrink:0}.brand img{position:static;width:100%;max-width:100%;height:auto;object-fit:contain}.desktop-nav{display:flex;gap:34px;font-size:14px}.desktop-nav a{padding:7px 0;border-bottom:1px solid transparent}.desktop-nav a:hover{border-color:var(--ink)}html[lang=ar] .desktop-nav{direction:rtl}.header-actions{display:flex;align-items:center;gap:28px}.language{display:flex;gap:8px;align-items:center;font-family:DM,Noto,sans-serif;font-size:13px;direction:ltr}.language button{border:0;background:transparent;padding:8px 2px;color:var(--muted)}.language button[aria-pressed=true]{color:var(--ink);border-bottom:1px solid var(--ink)}.language span{color:#bba99b}.header-book{padding:10px 20px;border:1px solid var(--ink);font-size:14px}.hero{min-height:720px;height:calc(100svh - 104px);max-height:920px;display:grid;grid-template-columns:52% 48%;direction:ltr}.hero-copy{padding:77px 10% 0;display:flex;flex-direction:column;justify-content:center;min-width:0;position:relative}.hero-visual{position:relative;overflow:hidden;min-height:620px;background:#cbb09a}.hero-visual>img{width:100%;height:100%;object-fit:cover;object-position:50% 34%}.hero-visual:after{content:'';position:absolute;inset:65% 0 0;background:linear-gradient(transparent,#24180b75);pointer-events:none}.photo-caption{position:absolute;bottom:38px;left:44px;right:44px;z-index:1;display:flex;justify-content:space-between;color:#fff8ef;font:12px/1.6 DM,sans-serif;letter-spacing:1.8px;gap:20px}.photo-caption span:last-child{font-size:10px;letter-spacing:1.2px}.vertical-note{position:absolute;right:23px;top:30px;writing-mode:vertical-rl;letter-spacing:3px;font:11px DM,sans-serif;color:#4a392f;z-index:1}.eyebrow{font-size:12px;letter-spacing:2px;line-height:1.7;text-transform:uppercase;display:flex;align-items:center;gap:14px;color:var(--muted);margin-bottom:28px}.tiny-line{height:1px;width:34px;display:block;background:var(--muted)}h1{font-family:var(--display);font-size:clamp(68px,7.1vw,112px);line-height:.96;letter-spacing:-3.5px;margin-bottom:30px}h1 span,h1 em,h2>span,h2>em{display:block}h1 em{color:#94735d;font-weight:400}html[lang=ar] .hero-copy{direction:rtl;text-align:right}html[lang=ar] .eyebrow{font-size:13px;letter-spacing:0}html[lang=ar] h1{font-size:clamp(52px,5.2vw,80px);line-height:1.6;letter-spacing:-1.5px;margin-bottom:18px}html[lang=ar] h1 em{font-style:normal}html[lang=ar] h2 em{font-style:normal}.hero-description{max-width:420px;color:var(--muted);font-size:17px;line-height:1.85}.hero-cta{display:flex;gap:28px;align-items:center;margin-top:36px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;padding:16px 29px;border:1px solid transparent;font-size:14px;line-height:1.6;text-align:center;transition:background .25s,transform .25s}.button:hover{transform:translateY(-2px)}.button-dark{background:var(--ink);color:var(--paper)}.button-dark:hover{background:#5c4738}.text-link{font-size:14px;border-bottom:1px solid #b7a492;padding-bottom:5px}.hero-signoff{margin-top:auto;padding:48px 0 30px;display:flex;gap:20px;align-items:center;border-bottom:0;font-size:12px;color:var(--muted)}.signoff-number{font:12px DM;letter-spacing:2px;white-space:nowrap}.hero-signoff p{line-height:1.8;font-size:12px}.location{margin-inline-start:auto;font-size:12px;white-space:nowrap}.philosophy-strip{padding:26px 10%;display:flex;justify-content:space-around;align-items:center;gap:18px;border-bottom:1px solid var(--line);font-size:13px}.philosophy-strip>span{color:var(--accent);font-size:22px}.section{padding:115px 8%;scroll-margin-top:30px}.focus{background:var(--dark);color:var(--paper)}.section-heading{display:grid;grid-template-columns:1fr 1fr;column-gap:70px;align-items:end}.section-heading>.eyebrow{grid-column:1/-1;color:#c9b39e;margin-bottom:23px}.section-heading h2,h2{font-family:var(--display);font-size:clamp(45px,4.6vw,72px);line-height:1.05;letter-spacing:-1.3px}.section-heading h2 em{color:#c9ad96}.section-heading>p:last-child{color:#c7bbb0;max-width:470px;line-height:1.9;font-size:16px;padding-bottom:5px}.concern-grid{display:grid;grid-template-columns:1fr 1fr;margin-top:68px}.concern-grid article{border-top:1px solid #766353;padding:30px 0 0}.concern-grid article:first-child{padding-inline-end:65px}.concern-grid article+article{padding-inline-start:65px;border-inline-start:1px solid #766353}.concern-top{display:flex;justify-content:space-between;color:#c1a68e;font:12px DM;letter-spacing:2px;margin-bottom:36px;direction:ltr}.concern-top span:first-child{font:italic 32px Editorial;letter-spacing:0}.concern-grid h3{font-family:var(--display);font-size:38px;line-height:1.2;margin-bottom:24px}.concern-grid article>p{font-size:16px;line-height:1.9;color:#c7bbb0}.concern-tags{display:flex;flex-wrap:wrap;gap:10px 18px;margin:25px 0 35px;color:#bda895;font-size:12px}.concern-tags span+span{border-inline-start:1px solid #796553;padding-inline-start:18px}.light-link{display:inline-block;border-bottom:1px solid #a98c75;font-size:14px;padding-bottom:5px}.contact{text-align:center;background:#e9dfd2}.contact>.eyebrow{justify-content:center}.contact h2{font-size:clamp(56px,6.7vw,98px);line-height:1.05}.contact h2 em{color:#93745d}.contact>p:not(.eyebrow){max-width:540px;margin:28px auto;color:var(--muted)}.contact-handle{display:block;font:11px DM,sans-serif;letter-spacing:2px;margin-top:30px}footer{display:flex;padding:36px 5%;gap:30px;justify-content:space-between;align-items:center;font-size:12px}footer>span{font:14px DM,sans-serif;letter-spacing:3px}footer>p{color:var(--muted);max-width:480px}footer>a{font-family:DM}.mobile-book{display:none}html[lang=ar] h2{font-size:clamp(32px,3.4vw,50px);line-height:1.65;letter-spacing:-.8px}html[lang=ar] .concern-grid h3{font-size:29px;line-height:1.6}html[lang=ar] .contact h2{font-size:58px}
@media(min-width:1700px){.header,.section{padding-inline:max(8%,calc((100vw - 1450px)/2))}.hero-copy{padding-inline:15%}}
@media(max-width:1100px){.desktop-nav{gap:18px;font-size:13px}.header{padding-inline:4%;gap:15px}.header-actions{gap:18px}.hero{min-height:670px;height:calc(100svh - 104px)}.hero-copy{padding:60px 8% 0}h1{font-size:80px}.hero-cta{gap:18px}.location{display:none}.photo-caption{left:25px;right:25px;flex-direction:column;gap:3px}.section{padding:85px 6%}.section-heading{gap:25px 45px}.concern-grid article:first-child{padding-inline-end:35px}.concern-grid article+article{padding-inline-start:35px}.header-book{padding:9px 13px}}
@media(max-width:760px){html{scroll-padding-top:20px}.header{height:88px;padding-inline:22px}.brand{width:128px;height:56px}.brand img{width:100%;height:auto}.desktop-nav,.header-book{display:none}.header-actions{gap:0}.language{font-size:12px}.hero{display:flex;flex-direction:column;height:auto;min-height:0;max-height:none}.hero-copy{padding:46px 25px 27px;order:1}.hero-visual{order:0;height:480px;min-height:0;max-height:66svh}.hero-visual>img{object-position:50% 39%}.hero-visual:after{inset:80% 0 0}.photo-caption{bottom:22px;left:24px;right:24px;flex-direction:row}.photo-caption span{font-size:10px}.photo-caption span:last-child{display:none}.vertical-note{font-size:9px;letter-spacing:2px;right:15px;top:22px}.eyebrow{margin-bottom:19px;font-size:11px}h1{font-size:72px;line-height:1;letter-spacing:-2.5px;margin-bottom:24px}html[lang=ar] h1{font-size:53px;line-height:1.45;margin-bottom:20px}html[lang=ar] .eyebrow{font-size:12px}.hero-description{font-size:16px;max-width:490px}.hero-cta{margin-top:28px;gap:22px}.button{padding:15px 23px}.hero-signoff{margin-top:24px;padding:25px 0 0;border-top:1px solid var(--line)}.hero-signoff p{font-size:11px}.location{display:block;font-size:10px}.philosophy-strip{padding:22px 19px;gap:10px;text-align:center;font-size:11px;line-height:1.7}.philosophy-strip>span{font-size:14px}.section{padding:68px 25px}.section-heading{display:block}.section-heading h2,h2{font-size:49px;line-height:1.06}.section-heading>p:last-child{margin-top:25px;font-size:15px}.concern-grid{display:block;margin-top:40px}.concern-grid article{padding-top:23px}.concern-grid article:first-child{padding-inline-end:0;padding-bottom:45px}.concern-grid article+article{padding-inline-start:0;border-inline-start:0;padding-top:25px}.concern-top{margin-bottom:20px}.concern-grid h3{font-size:35px;margin-bottom:18px}.concern-grid article>p{font-size:15px}.concern-tags{font-size:11px;gap:10px 13px;margin:21px 0 26px}.concern-tags span+span{padding-inline-start:13px}.contact h2{font-size:65px}.contact>p:not(.eyebrow){font-size:15px}.contact .button{max-width:100%;font-size:13px}footer{padding:32px 25px 105px;flex-wrap:wrap;gap:15px}footer>p{order:3;width:100%;font-size:11px}footer>a{margin-inline-start:auto}.mobile-book{display:flex;position:fixed;bottom:0;left:0;right:0;background:#f4efe8f5;backdrop-filter:blur(10px);padding:12px 20px max(12px,env(safe-area-inset-bottom));justify-content:space-between;align-items:center;gap:15px;border-top:1px solid var(--line);z-index:15;direction:ltr}.mobile-book>span{font:11px DM;letter-spacing:2px}.mobile-book .button{font-size:12px;padding:11px 20px}html[lang=ar] h2{font-size:31px;line-height:1.65}html[lang=ar] .concern-grid h3{font-size:26px}html[lang=ar] .contact h2{font-size:43px}}
@media(max-width:360px){.hero-copy,.section{padding-inline:20px}h1{font-size:63px}html[lang=ar] h1{font-size:46px}.hero-cta{gap:15px}.button{padding:14px 18px}.text-link{font-size:12px}.location{display:none}.mobile-book>span{font-size:10px;letter-spacing:1px}.photo-caption{left:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
.about{display:grid;grid-template-columns:46% 1fr;gap:10%;align-items:center;background:var(--paper);direction:ltr}.about-photo{position:relative;height:730px;overflow:hidden}.about-photo>img{height:100%;width:100%;object-fit:cover;object-position:50% 45%}.about-photo-label{position:absolute;bottom:0;left:0;right:0;background:#392e27d9;padding:23px 30px;color:var(--ivory);display:flex;justify-content:space-between;gap:10px;font:11px DM;letter-spacing:2px}.about-photo-label span:last-child{font-size:9px;letter-spacing:1px}.about-copy .eyebrow{font-size:11px}.about-copy h2{font-size:65px;line-height:1.06}.professional-title{font-size:13px;color:var(--muted);margin-top:18px}.about-rule{width:45px;height:1px;background:var(--accent);margin:32px 0}.about-copy h3{font:400 39px/1.13 var(--display);letter-spacing:-.5px;margin-bottom:22px}.about-copy>p:not(.eyebrow):not(.professional-title){color:var(--muted);font-size:16px;line-height:1.9;margin-top:18px}.about-copy>.text-link{margin-top:27px;display:inline-block}.treatments{display:grid;grid-template-columns:40% 1fr;gap:9%;background:var(--ivory)}.treatments-intro{align-self:start;position:sticky;top:45px}.treatments-intro h2{font-size:60px}.treatments-intro h2 em{color:#93745d}.treatments-intro>p:not(.eyebrow){font-size:16px;color:var(--muted);margin-top:26px;max-width:390px}.service-filter{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}.service-filter button{border:1px solid var(--line);padding:8px 14px;color:var(--muted);background:transparent;font-size:12px}.service-filter button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--ivory)}.treatments-intro .service-note{font-size:12px!important;border-top:1px solid var(--line);padding-top:22px;margin-top:32px;max-width:350px}.services-list{border-top:1px solid var(--line)}.service{border-bottom:1px solid var(--line)}summary{cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}.service summary{display:grid;grid-template-columns:23px 1fr 16px;gap:22px;align-items:center;padding:25px 0;transition:color .2s}.service summary:hover{color:#926b4c}.service-no{font:11px DM;letter-spacing:1px;align-self:start;margin-top:10px;color:var(--accent)}.service-name{display:block;font-family:Editorial,Georgia,serif;font-size:29px;line-height:1.3}.service-sub{display:block;font-size:11px;color:var(--muted);margin-top:7px}.plus{width:14px;height:14px;position:relative;display:block;flex-shrink:0}.plus:before,.plus:after{content:'';position:absolute;background:currentColor;top:6px;left:0;width:14px;height:1px}.plus:after{transform:rotate(90deg);transition:transform .2s}details[open]>summary .plus:after{transform:rotate(0)}.service-body{padding:0 0 24px;padding-inline-start:45px}.service-body>p{font-size:14px;color:var(--muted);line-height:1.9}.service-body>a{font-size:12px;display:inline-block;margin-top:16px}.service[hidden]{display:none}.journey{background:#e9dfd2}.journey-heading{max-width:800px}.journey-heading h2{font-size:60px;line-height:1.1}.journey-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:55px;margin-top:55px}.journey-steps article{border-top:1px solid #c3b29f;padding-top:24px}.journey-steps article>span{font:italic 34px Editorial;color:#94735d}.journey-steps h3{font:32px/1.2 var(--display);margin:18px 0}.journey-steps p{color:var(--muted);font-size:15px;line-height:1.85}.faq{display:grid;grid-template-columns:40% 1fr;gap:9%;background:var(--paper)}.faq h2{font-size:59px}.faq h2 em{color:#93745d}.faq-list{border-top:1px solid var(--line)}.faq details{border-bottom:1px solid var(--line)}.faq summary{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:23px 0;font-size:16px;line-height:1.7}.faq details>p{color:var(--muted);padding:0 30px 24px 0;font-size:14px;line-height:1.9}.contact-details{display:flex;gap:20px;align-items:center;justify-content:center;flex-wrap:wrap;margin-top:24px;font-size:13px;color:var(--muted)}.contact-details>a{font-family:DM}.contact-details>span{border-inline-start:1px solid #c5b8a8;padding-inline-start:20px}html[lang=ar] .about-copy{direction:rtl;text-align:right}html[lang=ar] .about-copy h2{font-size:44px;line-height:1.5}html[lang=ar] .about-rule{margin-inline-start:0}html[lang=ar] .about-copy h3{font-family:Noto;font-size:29px;line-height:1.8}html[lang=ar] .treatments-intro h2,html[lang=ar] .journey-heading h2,html[lang=ar] .faq h2{font-size:36px;line-height:1.7}html[lang=ar] .service-name[data-i18n]{font-family:Noto;font-size:20px;line-height:1.8}html[lang=ar] .service-name:not([data-i18n]){font-family:DM;font-size:21px;line-height:1.4;direction:ltr;text-align:right}html[lang=ar] .journey-steps h3{font-size:23px;line-height:1.6}
@media(max-width:1100px){.about{gap:7%}.about-photo{height:640px}.about-copy h2{font-size:54px}.about-copy h3{font-size:35px}.about-photo-label{padding:20px;flex-direction:column}.treatments,.faq{gap:6%;grid-template-columns:40% 1fr}.treatments-intro h2,.faq h2{font-size:48px}.service-name{font-size:26px}.service summary{gap:16px}.journey-steps{gap:32px}html[lang=ar] .about-copy h2{font-size:35px}html[lang=ar] .treatments-intro h2,html[lang=ar] .faq h2{font-size:30px}}
@media(max-width:760px){.about{display:flex;flex-direction:column;gap:42px}.about-photo{height:570px;width:100%}.about-photo-label{flex-direction:row;padding:21px}.about-photo-label span:last-child{font-size:8px}.about-copy h2{font-size:52px}.about-copy h3{font-size:35px}.about-copy .eyebrow{font-size:11px}.about-copy>p:not(.eyebrow):not(.professional-title){font-size:15px}.about-rule{margin:25px 0}.treatments,.faq{display:block}.treatments-intro{position:static}.treatments-intro h2,.faq h2{font-size:49px}.treatments-intro>p:not(.eyebrow){font-size:15px}.service-filter{margin-top:25px;gap:8px}.service-filter button{font-size:11px;padding:8px 12px}.treatments-intro .service-note{margin-top:22px;padding-top:20px;max-width:none}.services-list{margin-top:35px}.service-name{font-size:25px}.service summary{gap:12px;padding:23px 0;grid-template-columns:22px 1fr 14px}.service-sub{font-size:10px}.service-body{padding-inline-start:34px}.service-body>p{font-size:13px}.journey-heading h2{font-size:47px}.journey-steps{display:block;margin-top:35px}.journey-steps article{padding-top:20px;margin-top:28px}.journey-steps h3{margin:12px 0}.journey-steps p{max-width:440px}.faq-list{margin-top:34px}.faq summary{font-size:14px;gap:15px}.faq details>p{font-size:13px;padding-inline-end:20px;padding-inline-start:0}.contact-details{gap:15px;flex-direction:column;font-size:12px}.contact-details>span{border:0;padding:0}html[lang=ar] .about-copy h2{font-size:36px}html[lang=ar] .about-copy h3{font-size:26px}html[lang=ar] .treatments-intro h2,html[lang=ar] .journey-heading h2,html[lang=ar] .faq h2{font-size:30px}html[lang=ar] .service-name[data-i18n]{font-size:18px}html[lang=ar] .service-name:not([data-i18n]){font-size:18px}}
/* Readability across both writing systems. */
.desktop-nav,.header-book,.language,.service-filter button,.service-body>a,.light-link,.text-link{font-size:14px}.service-sub,.service-note,.hero-signoff p,.location,.photo-caption span:last-child,.vertical-note,.contact-handle,.about-photo-label,.about-photo-label span:last-child,.contact-details,.service-no,footer,footer>p{font-size:12px}.concern-tags,.philosophy-strip{font-size:14px}.service-body>p,.faq details>p,.journey-steps p{font-size:16px}.service-name{overflow-wrap:anywhere}.hero-signoff{gap:14px}.hero-signoff p{max-width:230px}
@media(max-width:760px){.hero-visual{height:440px;height:112vw;max-height:520px}.hero-visual>img{object-position:50% 34%}.hero-copy{padding-top:34px}.hero-description,.section-heading>p:last-child,.concern-grid article>p,.about-copy>p:not(.eyebrow):not(.professional-title),.treatments-intro>p:not(.eyebrow),.contact>p:not(.eyebrow){font-size:16px}.button,.contact .button,.mobile-book .button,.faq summary{font-size:14px}.eyebrow,.about-copy .eyebrow,.photo-caption span,.vertical-note{font-size:12px}.service-filter button,.service-body>a,.text-link{font-size:14px}.philosophy-strip{font-size:12px}.concern-tags{font-size:12px}.hero-signoff p{font-size:12px}.hero-signoff .location{display:none}.contact-handle{font-size:12px;letter-spacing:1px}.mobile-book>span{font-size:12px;letter-spacing:1px}.mobile-book .button{padding-inline:16px}}

/* Original case photography stays uncropped and unfiltered. */
.cases{background:var(--ivory)}.cases-heading{display:grid;grid-template-columns:1.1fr 1fr;align-items:end;gap:7%;margin-bottom:48px}.cases h2 em{color:#93745d}.cases-intro{max-width:430px;justify-self:end;color:var(--muted);font-size:16px;line-height:1.9}.cases-hint{font-size:13px;margin-top:18px;color:var(--ink)}.cases-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:1020px;margin-inline:auto}.case-card{margin:0;min-width:0;position:relative}.case-open{position:relative;width:100%;display:block;border:0;padding:0;background:#e9dfd2;color:var(--ink)}.case-open>img{width:100%;height:auto;aspect-ratio:1;object-fit:contain}.case-zoom{position:absolute;inset-inline-end:12px;top:12px;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--ivory);transition:background .2s}.case-zoom svg{width:20px;height:20px}.case-open:hover .case-zoom{background:#fff}.case-card figcaption{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 0;border-bottom:1px solid var(--line);font-size:14px}.case-card figcaption>span:last-child{color:var(--muted);font-size:12px}.case-number{font:14px DM,sans-serif;margin-inline-start:7px}.cases-more{margin-top:32px}.cases-more[hidden]{display:none}.cases-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:32px}.cases-bottom>p{font-size:12px;color:var(--muted)}.cases-toggle{display:flex;gap:24px;align-items:center;justify-content:center;color:var(--ink);background:transparent;border:1px solid var(--line);padding:13px 22px;font-size:14px;min-height:48px}.cases-toggle:hover{border-color:var(--ink)}.cases-toggle[aria-expanded=true] .plus:after{transform:rotate(0)}
html.case-viewing{overflow:hidden}.case-dialog{padding:0;border:1px solid var(--line);background:var(--paper);color:var(--ink);width:min(840px,calc(100vw - 48px));max-width:none;max-height:calc(100svh - 48px);margin:auto;overscroll-behavior:contain}.case-dialog::backdrop{background:rgba(34,26,21,.88)}.case-dialog-shell{padding:22px 24px 18px}.case-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px}.case-dialog-header .eyebrow{font:10px/1.3 DM,sans-serif;letter-spacing:2px;margin-bottom:7px}.case-dialog h2,html[lang=ar] .case-dialog h2{font:400 17px/1.6 var(--font);letter-spacing:0}.case-close{display:flex;align-items:center;gap:12px;border:0;background:transparent;padding:8px 0 8px 12px;color:var(--ink);font-size:13px;min-height:44px}.case-close>span:last-child{font:30px/1 DM,sans-serif}.case-dialog-image{display:flex;justify-content:center;min-height:0}.case-dialog-image img{max-width:100%;width:auto;height:auto;max-height:calc(100svh - 240px);object-fit:contain}.case-dialog-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:14px;direction:ltr}.case-dialog-footer button{display:flex;align-items:center;gap:14px;border:0;padding:8px 0;min-height:44px;background:transparent;color:var(--ink);font-size:14px}.case-counter{font:12px DM,sans-serif;letter-spacing:2px}#case-dialog-note{text-align:center;font-size:11px;color:var(--muted);margin-top:4px;line-height:1.7}
@media(max-width:1100px){.desktop-nav{gap:20px}.header-actions{gap:14px}.cases-grid{gap:10px}.cases-heading{gap:5%}}@media(min-width:761px) and (max-width:1000px){.desktop-nav{display:none}}
@media(max-width:760px){.cases-heading{display:block;margin-bottom:30px}.cases-intro{margin-top:22px;max-width:520px}.cases-hint{margin-top:12px}.cases-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.case-zoom{display:none}.case-card figcaption{padding:13px 0}.cases-bottom{align-items:stretch;flex-direction:column;gap:20px;margin-top:25px}.cases-toggle{align-self:start}.case-dialog{width:calc(100vw - 20px);max-height:calc(100svh - 20px)}.case-dialog-shell{padding:15px 14px 12px}.case-dialog-header{margin-bottom:12px}.case-dialog-image img{max-height:calc(100svh - 215px)}.case-dialog-footer{margin-top:8px}.case-close{padding-inline-end:2px}}

/* An Instagram-style photo grid: each supplied comparison remains a full square. */
.case-card figcaption{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.case-open{aspect-ratio:1;overflow:hidden;touch-action:manipulation}.case-open>img{width:100%;height:auto;aspect-ratio:1;object-fit:contain}.cases-bottom{justify-content:center;text-align:center}.case-open:focus-visible{outline-offset:2px;z-index:1}
/* vh fallback covers older iPhone in-app browsers that do not understand svh. */
.case-dialog{max-height:calc(100vh - 48px);max-height:calc(100svh - 48px)}.case-dialog-image img{max-height:calc(100vh - 240px);max-height:calc(100svh - 240px)}
@media(max-width:760px){.case-dialog{max-height:calc(100vh - 20px);max-height:calc(100svh - 20px)}.case-dialog-image img{max-height:calc(100vh - 215px);max-height:calc(100svh - 215px)}.cases-bottom{margin-top:20px}.cases-heading{margin-bottom:24px}.cases-intro{margin-top:16px}.cases-hint{font-size:12px}.header{padding-inline:20px}.cases{padding-inline:16px}.cases-heading{padding-inline:8px}}