/* Mojan editorial refinement. Content and approval states remain in their source files. */
:root{--green:#173a31;--ink:#293b34;--muted:#5f6d66;--line:#dce3dd;--soft:#f7f8f5;--warm:#f6f2eb;--max:1320px;--gutter:clamp(22px,5vw,84px)}
body{font-size:16px;background:#fff}
h1,h2,h3{color:var(--green);letter-spacing:0;text-wrap:pretty}
a,button,summary{outline-offset:5px}
:focus-visible{outline:3px solid var(--green)}
.container>*{min-width:0}
.section{padding-block:clamp(60px,7.4vw,112px)}
.body-copy{line-height:2.15;color:var(--ink)}
.eyebrow{font-size:14px}
.button{border-radius:3px;min-height:52px;padding:13px 24px;gap:24px}
.button.primary:hover{background:#295244}
.button.sand{background:var(--green);color:#fff}
.button.sand:hover{background:#295244}
.button.outline:hover{color:#fff}
.text-link{min-height:44px}
.preview-note{position:relative;z-index:42;background:#f6f7f4;color:var(--muted);border-bottom:1px solid var(--line);font-size:13px;min-height:31px;padding-block:4px}
.review-tools{position:relative;font-size:13px;flex-shrink:0}
.review-tools>summary{cursor:pointer;list-style:none;min-height:24px}
.review-tools>summary::-webkit-details-marker{display:none}
.review-tools>summary::after{content:' +';font-size:15px}
.review-tools[open]>summary::after{content:' −'}
.review-tools>div{position:absolute;inset-inline-end:0;top:calc(100% + 9px);width:min(340px,82vw);padding:20px;background:white;border:1px solid var(--line);box-shadow:0 10px 24px #173a3110;line-height:2}
.review-tools a{display:inline-block;margin-top:10px;color:var(--green);min-height:32px}
.site-header{background:#fffffff7;backdrop-filter:blur(12px)}
.header-inner{height:88px;gap:24px}
.brand img{width:52px;height:49px}
.brand-type{font-size:27px}
.brand-type small{font:400 12px/1.7 Estedad,Tahoma,sans-serif;letter-spacing:0;margin-top:4px}
.site-nav{gap:25px;font-size:14px;margin-inline-start:auto}
.site-nav>a[aria-current=page]{position:relative}
.site-nav>a[aria-current=page]::after{content:'';position:absolute;bottom:4px;inset-inline:0;height:2px;background:var(--sand)}
.nav-submenu{top:100%;border-top:2px solid var(--green);border-radius:0 0 6px 6px;min-width:320px}
.nav-submenu a{min-height:46px}
.language-link{font-size:14px;border-inline-start:1px solid var(--line);padding:8px 0 8px 16px;padding-inline-start:20px;white-space:nowrap}
.header-book .button{border-color:var(--green);min-height:46px}
.has-source-copy .home-hero{grid-template-columns:1.12fr .88fr;gap:7%;padding-block:44px 70px;align-items:center}
.has-source-copy .hero-copy{padding:0}
.has-source-copy .hero-copy>.eyebrow{font-size:13px;line-height:2;max-width:590px;margin-bottom:24px}
.has-source-copy .patient-lines{font-size:16px;line-height:1.95;border-inline-start:1px solid var(--sand);padding-inline-start:20px;margin-block:0 27px;color:var(--muted)}
.has-source-copy .patient-lines p+p{margin-top:8px}
.has-source-copy .hero-copy h1{font-size:clamp(24px,2.05vw,31px);line-height:1.95;margin-bottom:0}
.hero-title-opening{display:block;font-size:clamp(34px,3.45vw,51px);line-height:1.65;margin-bottom:13px;letter-spacing:-.5px}
.hero-title-rest{display:block}
.has-source-copy .hero-actions{gap:24px;margin-top:30px;flex-wrap:wrap}
.has-source-copy .hero-portrait{height:clamp(540px,45vw,690px);padding-bottom:36px}
.hero-portrait>img{border-radius:3px 96px 3px 3px;object-position:50% 61%}
.hero-portrait figcaption{height:36px;font-size:13px}
.hero-portrait figcaption span:last-child{font-size:13px}
.hero-signature{margin-top:28px}
.hero-signature small{font-size:14px}
.seeing-section{border-top:1px solid var(--line)}
.seeing-section>.section-heading{margin-bottom:38px}
.seeing-section h2{font-size:clamp(29px,3vw,40px)}
.has-source-copy .seeing-grid{gap:0 64px;margin-top:0}
.seeing-grid article{display:grid;grid-template-columns:34px minmax(0,1fr);gap:18px;padding-block:27px 35px;border-top:1px solid var(--line)}
.seeing-grid .seeing-number{color:var(--green);margin:0;padding-top:6px;font-size:14px}
.seeing-grid .body-copy{font-size:16px;line-height:2.2}
.services-section{background:var(--soft);border-block:1px solid #edf0ea}
.section-top{margin-bottom:34px}
.section-meta{font-family:inherit;font-size:14px}
.services-grid{gap:30px}
.has-source-copy .service-card{border:1px solid var(--line);border-radius:4px;overflow:hidden;transition:border-color .2s,box-shadow .2s;background:#fff}
.has-source-copy .service-card:hover{border-color:#a6b9ab;box-shadow:0 10px 28px #173a3109}
.has-source-copy .card-image{height:235px;min-height:235px;border-bottom:1px solid var(--line)}
.has-source-copy .card-image>.optical-study{min-height:235px;background:#f0f3ed}
.service-card.keratoconus .card-image>img{object-position:50% 61%}
.service-index{font-size:14px;background:#fff;border:1px solid var(--line);border-radius:0;min-width:35px;text-align:center}
.study-number{display:none}
.optical-study{color:var(--green)}
.optical-amblyopia{background:#f4eee5!important}
.has-source-copy .card-copy{padding:29px 34px 26px}
.has-source-copy .card-copy h3{font-size:25px;line-height:1.8}
.has-source-copy .card-copy .body-copy{font-size:16px;line-height:2.1;color:var(--ink)}
.card-action{padding-top:22px;margin-top:auto;border-top:1px solid var(--line);min-height:60px}
.arrow-circle{border-color:var(--green);width:36px;height:36px}
.why-section{background:#fff;color:var(--ink);padding-block:100px}
.why-copy>.eyebrow{color:var(--muted)}
.why-copy h2{font-size:clamp(29px,3vw,42px);line-height:1.8}
.has-source-copy .why-grid{grid-template-columns:1.15fr .85fr;gap:9%}
.has-source-copy .why-steps{gap:0;border-top:1px solid var(--line);margin-top:34px;padding-top:0}
.has-source-copy .why-steps>div{padding:25px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:28px minmax(0,1fr);column-gap:18px}
.has-source-copy .why-steps>div>span{grid-row:1/3;font-size:14px;color:var(--green);padding-top:8px}
.has-source-copy .why-steps h3{font-size:21px;margin:0;line-height:1.9}
.has-source-copy .why-steps .body-copy{grid-column:2;font-size:16px;color:var(--ink);margin-top:9px}
.has-source-copy .why-photo{height:610px;top:112px}
.why-photo img{border-radius:3px 3px 75px 3px}
.why-photo figcaption{background:#fffffff2;text-shadow:none;color:var(--green);bottom:22px;right:22px;padding:5px 13px;border-radius:2px;font-size:13px}
.why-copy .copy-slot{color:var(--muted)}
.quotes-section{border-top:1px solid var(--line)}
.quotes-grid{gap:24px;align-items:start}
.quote-card{background:white;border:1px solid var(--line);border-top:2px solid var(--sand);padding:26px}
.has-source-copy .quote-card blockquote{font-size:20px;line-height:2}
.quote-kind{font-size:13px;border-bottom:1px solid var(--line);padding-bottom:12px;line-height:1.9}
.quote-decoration{color:var(--green)}
.traveler-band{background:var(--warm);border-block:1px solid #e8e0d3}
.traveler-inner{padding-block:70px;gap:12%;grid-template-columns:1.2fr 1fr}
.traveler-inner h2{font-size:46px}
.travel-topics a{min-height:61px;border-color:#d8d0c3;font-size:18px}
.travel-topics span{font-size:14px;color:var(--green)}
.appointment-title h2{font-size:42px}
.contact-row{grid-template-columns:110px 1fr;padding-block:22px}
.contact-row>span{font-size:14px}
.phone-link{font-size:25px}
.site-footer{background:#f8f9f6;padding-top:56px}
.footer-main{grid-template-columns:1fr 1.15fr 1fr;gap:8%}
.footer-main>div>a{font-size:14px;min-height:30px}
.footer-main h2{font-size:16px}
.footer-brand>span{font-size:14px}
.footer-bottom{font-size:13px}
.breadcrumb{font-size:13px}
.service-hero,.about-hero{padding-block:36px 60px;gap:8%;align-items:center}
.has-source-copy .service-hero h1{font-size:clamp(30px,3.1vw,45px);line-height:1.75}
.service-hero-image{height:440px;border-radius:3px 72px 3px 3px}
.service-hero-image.keratoconus>img{object-position:50% 61%}
.image-number{font-size:17px;border:1px solid var(--line);background:white}
.section-nav{position:sticky;top:88px;z-index:20;background:#fffffff7;backdrop-filter:blur(10px)}
.section-nav .container{gap:12px 32px;padding-block:15px;flex-wrap:wrap}
.section-nav a{font-size:14px;min-height:32px;display:inline-flex;align-items:center}
.section-nav a.is-active{color:var(--green);box-shadow:inset 0 -2px var(--sand)}
.audience-grid article{padding-block:0}
.audience-grid .not-for{padding-inline-start:12%;border-color:var(--line)}
.audience-list{color:var(--ink)}
.visit-section{background:var(--soft);border-block:1px solid var(--line)}
.visit-steps li{padding-top:24px}
.source-extras h2{font-size:28px}
.faq-item summary{font-size:18px;min-height:78px;gap:22px}
.faq-number{font-size:14px}
.faq-item[open]{background:#f8f9f6;padding-inline:20px}
.faq-item[open] summary{color:var(--green)}
.faq-answer{font-size:16px;padding-inline:44px 20px}
.copy-review{background:transparent;border-inline-start:0;padding:0;color:#70664f;font-size:13px;line-height:1.9;margin-top:12px}
.copy-slot{border-inline-start:2px solid #ddd5c5;padding:12px 18px;margin-top:18px;max-width:540px;background:#faf9f6}
.slot-label{font-size:13px}
.slot-lines{display:none}
.copy-slot small{font-size:13px}
.copy-proposal{text-decoration-color:#aa916e}
.about-hero figure{height:590px}
.about-hero figure img{border-radius:3px 85px 3px 3px}
.about-story h2{font-size:30px}
.about-gallery figure{border-radius:3px;overflow:hidden}
.travel-hero{background:#f7f3eb;border-bottom:1px solid #e6ded0;color:var(--ink)}
.travel-hero .eyebrow,.travel-hero-bottom>span{color:var(--muted)}
.travel-hero h1{color:var(--green)}
.travel-hero p{color:var(--ink)}
.travel-hero-bottom{border-color:#d6d0c4}
.travel-sidebar{top:112px}
.international-hero{gap:8%;padding-block:44px 70px}
.international-hero figure img{border-radius:3px 80px 3px 3px}
.page-ar h1,.page-ar h2,.page-ar h3{letter-spacing:0}
.page-ar .language-link{border:0;border-inline-start:1px solid var(--line);border-radius:0}
.focus-card{border-radius:3px;border-top:2px solid var(--green)}
.focus-card .text-link{border-top:1px solid var(--line)}
.international-sections article{border-top:1px solid var(--line);padding-top:22px}
.international-sections{border-top:0}
.arabic-contact{border-top:1px solid var(--line)}
@media(min-width:1021px){.site-nav.is-open{display:flex}}
@media(max-width:1100px) and (min-width:1021px){.site-nav{gap:17px}.header-inner{gap:16px}.page-ar .site-nav{font-size:13px;gap:12px}.header-book .button{padding-inline:14px}}
@media(max-width:1020px){
 .header-inner,.js .header-inner{min-height:76px;height:76px;gap:20px}
 .brand{margin-inline-end:auto}
 .menu-toggle{display:flex;align-items:center;gap:11px;background:none;border:1px solid var(--line);padding:9px 13px;min-height:44px;font-size:14px}
 .menu-lines{display:block;width:17px;height:12px;border-block:1px solid var(--green);position:relative}
 .menu-lines:after{content:'';position:absolute;top:5px;right:0;left:0;border-top:1px solid var(--green)}
 .js .site-nav{display:none;position:absolute;top:100%;right:0;left:0;flex-direction:column;align-items:stretch;gap:0;background:white;padding:15px var(--gutter) 25px;border-bottom:1px solid var(--line);box-shadow:0 15px 25px #173a3108;max-height:calc(100dvh - 155px);overflow:auto;margin:0}
 .js .site-nav.is-open{display:flex}
 .site-nav>a,.nav-services>summary{min-height:48px;padding:10px 0;border-bottom:1px solid var(--line);font-size:15px}
 .nav-submenu{position:static;box-shadow:none;border:0;border-inline-start:2px solid var(--sand);margin:7px 0 14px;padding:0 17px;min-width:0}
 .nav-submenu a{font-size:14px}
 .site-nav>a[aria-current=page]::after{display:none}
 .language-link{font-size:14px;padding-inline:0;border:0;min-height:44px;display:inline-flex;align-items:center}
 .header-book .button{padding:10px 15px;gap:12px}
 .header-book .button svg{display:none}
 .has-source-copy .home-hero{grid-template-columns:1.16fr .84fr;gap:5%}
 .has-source-copy .hero-portrait{height:640px}
 .has-source-copy .hero-copy h1{font-size:25px}
 .hero-title-opening{font-size:36px}
 .has-source-copy .hero-copy>.eyebrow{font-size:13px}
 .has-source-copy .patient-lines{font-size:15px}
 .has-source-copy .why-grid{grid-template-columns:1.1fr .9fr;gap:6%}
 .has-source-copy .why-photo{top:95px;height:560px}
 .section-nav{top:76px}
 .section-nav .container{gap:8px 23px}
 .page-ar .site-nav{font-size:15px}
 .page-ar .header-inner{gap:20px;justify-content:space-between}
 .page-ar .menu-toggle{margin-inline-start:0}
}
@media(max-width:700px){
 :root{--gutter:22px}
 .section{padding-block:54px}
 .preview-note{font-size:13px;gap:12px;padding-block:5px}
 .review-tools{font-size:13px}
 .header-inner,.js .header-inner{height:72px;min-height:72px;gap:14px}
 .brand img{width:39px;height:40px}.brand-type{font-size:24px}.brand-type small{font-size:13px}
 .menu-toggle{font-size:13px;padding:8px 10px;gap:8px}.menu-lines{width:15px}
 .header-book{display:none}
 .language-link{font-size:13px}
 .has-source-copy .home-hero{display:flex;flex-direction:column;align-items:stretch;padding-block:29px 44px;gap:30px}
 .has-source-copy .hero-copy>.eyebrow{font-size:13px;line-height:1.95;margin-bottom:23px}
 .has-source-copy .patient-lines{font-size:15px;line-height:2;margin-bottom:25px;padding-inline-start:15px}
 .has-source-copy .patient-lines p+p{margin-top:9px}
 .has-source-copy .hero-copy h1{font-size:23px;line-height:1.95}
 .hero-title-opening{font-size:34px;line-height:1.7;margin-bottom:9px}
 .has-source-copy .hero-actions{margin-top:24px;gap:20px}
 .hero-actions .button{font-size:15px;padding:12px 21px;min-height:52px}
 .hero-actions .text-link{font-size:14px}
 .has-source-copy .hero-portrait{height:420px}
 .hero-portrait>img{border-radius:3px 64px 3px 3px;object-position:50% 61%}
 .hero-portrait figcaption,.hero-portrait figcaption span:last-child{font-size:13px}
 .hero-signature{display:none}
 .has-source-copy .seeing-grid{grid-template-columns:1fr;gap:0}
 .seeing-grid article{grid-template-columns:26px minmax(0,1fr);gap:14px;padding-block:24px 29px}
 .seeing-grid .body-copy{font-size:16px;line-height:2.15}
 .seeing-section>.section-heading{margin-bottom:25px}
 .services-grid{grid-template-columns:1fr;gap:25px}
 .has-source-copy .card-image,.has-source-copy .card-image>.optical-study{height:210px;min-height:210px}
 .has-source-copy .card-copy{padding:23px}
 .has-source-copy .card-copy h3{font-size:23px;line-height:1.85}
 .has-source-copy .card-copy .body-copy{font-size:16px}
 .has-source-copy .card-action{font-size:14px;gap:14px;line-height:1.9}
 .why-section{padding-block:55px}
 .has-source-copy .why-grid{grid-template-columns:1fr;gap:35px}
 .why-copy h2{font-size:30px;line-height:1.85}
 .has-source-copy .why-steps>div{grid-template-columns:25px 1fr;gap:12px;padding-block:23px}
 .has-source-copy .why-steps h3{font-size:20px}
 .has-source-copy .why-photo{position:static;top:auto;height:400px}
 .why-photo figcaption{font-size:13px}
 .quote-card{padding:23px}.quotes-grid{grid-template-columns:1fr}
 .traveler-inner{grid-template-columns:1fr;padding-block:50px;gap:30px}
 .traveler-inner h2{font-size:38px}
 .travel-topics a{font-size:17px;min-height:57px}
 .appointment{grid-template-columns:1fr;gap:29px}
 .appointment-title h2{font-size:34px}
 .contact-row{grid-template-columns:88px 1fr;gap:13px}
 .contact-row>span{font-size:13px}.phone-link{font-size:21px}
 .appointment-buttons{gap:12px}.appointment-buttons .button{font-size:14px}
 .footer-main{grid-template-columns:1fr 1fr;gap:32px 22px}
 .footer-main>div>a{font-size:14px}.footer-main h2{font-size:15px}
 .footer-bottom{font-size:13px;flex-wrap:wrap;gap:10px}
 .site-footer,.page-ar .site-footer{padding-bottom:88px}
 .mobile-actions{grid-template-columns:1.05fr 1fr;gap:10px;padding:10px 16px max(10px,env(safe-area-inset-bottom));box-shadow:0 -4px 18px #173a3106}
 .mobile-actions .button{font-size:14px;min-height:48px;gap:10px;padding:10px}
 .mobile-actions .button bdi{font-size:14px}
 .breadcrumb{font-size:13px;padding-top:22px;gap:10px}
 .service-hero,.about-hero{grid-template-columns:1fr;gap:28px;padding-block:30px 40px}
 .has-source-copy .service-hero h1{font-size:30px;line-height:1.8}
 .service-hero-image{height:315px;border-radius:3px 58px 3px 3px}
 .section-nav{position:static;top:auto}
 .section-nav .container{width:100%;padding:10px 22px;overflow-x:auto;flex-wrap:nowrap;gap:23px;scrollbar-width:thin}
 .section-nav a{font-size:14px;min-height:34px}
 .audience-grid{grid-template-columns:1fr;gap:25px}
 .audience-grid .not-for{padding:27px 0 0;border-inline-start:0;border-top:1px solid var(--line)}
 .audience-grid h2{font-size:28px}
 .has-source-copy .visit-steps{grid-template-columns:1fr}
 .has-source-copy .service-why{grid-template-columns:1fr;gap:14px}
 .faq-item summary{font-size:16px;gap:14px;min-height:75px}
 .faq-number{font-size:13px}
 .faq-item[open]{padding-inline:13px}
 .faq-answer{padding-inline:0;font-size:16px}
 .has-source-copy .copy-review{font-size:13px}
 .copy-slot{padding:12px 15px}.slot-label,.copy-slot small{font-size:13px}
 .about-hero figure{height:435px}
 .about-story{grid-template-columns:1fr;gap:36px}
 .about-gallery{gap:16px}.about-gallery figure{height:260px}
 .travel-hero h1{font-size:34px;line-height:1.8}
 .travel-content{grid-template-columns:1fr}
 .travel-sidebar{position:static}
 .international-hero{grid-template-columns:1fr;padding-block:30px 45px;gap:30px}
 .international-hero h1{font-size:32px;line-height:1.8}
 .international-hero figure{height:380px}
 .international-sections,.arabic-contact{grid-template-columns:1fr;gap:32px}
 .focus-grid{grid-template-columns:1fr}
 .page-ar .header-inner{gap:14px}
 .page-ar .brand-type{font-size:24px}
 .page-ar .menu-toggle{margin-inline-start:0}
 .page-ar .hero-actions{gap:20px}
 .arabic-mobile-actions{display:grid}
 html{scroll-padding-top:92px}
}
@media(max-width:359px){:root{--gutter:18px}.brand-type{font-size:21px}.header-inner,.js .header-inner{gap:10px}.menu-toggle{gap:7px;padding:8px}.hero-title-opening{font-size:31px}.has-source-copy .hero-copy h1{font-size:21px}.has-source-copy .hero-actions{gap:16px}.phone-link{font-size:19px}.contact-row{grid-template-columns:75px 1fr}.mobile-actions .button{font-size:13px}.mobile-actions .button bdi{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.site-header,.section-nav{backdrop-filter:none}*,*::before,*::after{transition:none!important;animation:none!important}}
@media print{.preview-note,.review-tools,.site-header,.mobile-actions,.section-nav{display:none!important}.why-photo{position:static!important}.section{padding-block:28px}.site-footer{padding-bottom:0!important}}

body, p, li, .body-copy, .faq-answer, .pricing-page p, .pricing-page li, .night-driving-page p { font-size:15px; }
.eyebrow, .site-footer, .footer-bottom, .related-pages { font-size:13px; }
.related-pages { display:flex; gap:1rem; flex-wrap:wrap; padding-block:2rem; }

/* task-081-font-floor */
body, p, li, .body-copy, .faq-answer, .pricing-page p, .pricing-page li, .night-driving-page p { font-size:15px; }
html, body { max-width:100%; overflow-x:hidden; }
.eyebrow, .site-footer, .footer-bottom, .related-pages { font-size:13px; }
.related-pages { display:flex; gap:1rem; flex-wrap:wrap; padding-block:2rem; }
.night-driving-page { overflow:hidden; }
.night-driving-page h1 { max-width:100%; overflow-wrap:anywhere; }
@media (max-width:700px) { .night-driving-page h1 { font-size:30px; line-height:1.7; } }

/* TASK-082: mobile width containment.  Keep the reading area inside the viewport
   without using overflow:hidden, which clipped RTL content from the right. */
html{direction:ltr;width:100%;max-width:100%;overflow-x:clip}
body{direction:rtl;min-width:0;width:100%;max-width:100%;overflow-x:clip}
.container{width:100%;max-width:var(--max);padding-inline:max(16px,var(--gutter))}
img,svg,video,canvas,table,pre,code{max-width:100%}
@media(max-width:700px){
 .container{width:100%;max-width:100%;padding-inline:44px}
 .section-nav .container{overflow-x:visible;flex-wrap:wrap}
 .mobile-actions{left:0;right:0;width:100%;max-width:100%}
 .mobile-actions>*{min-width:0;max-width:100%}
}

/* task-081-font-floor */
html, body { max-width:100%; overflow-x:hidden; }
body, p, li, .body-copy, .faq-answer, .pricing-page p, .pricing-page li, .night-driving-page p { font-size:15px; }
.eyebrow, .site-footer, .footer-bottom, .related-pages { font-size:13px; }
.related-pages { display:flex; gap:1rem; flex-wrap:wrap; padding-block:2rem; }
.night-driving-page { overflow:hidden; }
.night-driving-page h1 { max-width:100%; overflow-wrap:anywhere; }
@media (max-width:700px) { .night-driving-page h1 { font-size:30px; line-height:1.7; } }

/* task-081-font-floor */
html, body { max-width:100%; overflow-x:hidden; }
body, p, li, .body-copy, .faq-answer, .pricing-page p, .pricing-page li, .night-driving-page p { font-size: 15px; }
.eyebrow, .site-footer, .footer-bottom, .related-pages { font-size: 13px; }
.related-pages { display:flex; gap:1rem; flex-wrap:wrap; padding-block:2rem; }
.night-driving-page { overflow:hidden; }
.night-driving-page h1 { max-width:100%; overflow-wrap:anywhere; }
@media (max-width:700px) { .night-driving-page h1 { font-size:30px; line-height:1.7; } }

/* TASK-082 final rule order: contain mobile layout without clipping RTL content. */
html{direction:ltr;width:100%;max-width:100%;overflow-x:clip}
body{direction:rtl;min-width:0;width:100%;max-width:100%;overflow-x:clip}
.container{width:100%;max-width:var(--max);padding-inline:max(16px,var(--gutter))}
img,svg,video,canvas,table,pre,code{max-width:100%}
@media(max-width:700px){
 .container{width:100%;max-width:100%;padding-inline:22px}
 .section-nav .container{overflow-x:visible;flex-wrap:wrap}
 .mobile-actions{left:0;right:0;width:100%;max-width:100%}
 .mobile-actions>*{min-width:0;max-width:100%}
}

.hero-portrait img,.about-hero figure img,.why-photo img{object-position:center 18%}