/* SARMAD scroll chapters. Normal document flow is the default/fallback. */
.s-signature{display:block;padding:100px 5vw 90px}
.s-signature .s-signature-heading{display:grid;grid-template-columns:1fr 1.5fr 48px;gap:40px;align-items:start;margin-bottom:60px}
.s-signature .s-signature-heading>.s-eyebrow{padding:0;border:0}
.s-signature .s-signature-heading h2{font:400 clamp(40px,4.5vw,68px)/1.07 var(--font-display);letter-spacing:-.035em;margin:0}
.s-signature .s-signature-symbol{position:static;justify-self:end;margin:0;width:38px;height:38px;opacity:.65}
.s-signature-body{min-width:0}
.s-signature-visual{display:none}
.s-signature-step{padding:32px 0;border-top:1px solid var(--s-rule)}
.s-signature-step>a{display:grid;grid-template-columns:35px 1fr;gap:25px;color:var(--text);padding-block:18px}
.s-signature-step h3{font:400 52px/1.1 var(--font-display);letter-spacing:-.03em;margin-bottom:25px}
.s-signature-step p{font:400 15px/1.85 var(--font-sans);max-width:34ch}
.s-signature-link{display:inline-block;font:500 11px/1.8 var(--font-sans);margin-top:30px;padding-bottom:8px;border-bottom:1px solid var(--s-rule)}
.s-signature-step-image{margin:25px 0 0;overflow:hidden}
.s-signature-step-image img{display:block;width:100%;height:auto;max-height:70svh;object-fit:cover}
.s-signature-step>a:hover .s-signature-link{border-color:var(--text)}
.s-light-story{position:relative;z-index:3;background:var(--white);color:var(--text)}
.s-light-stage{display:flex;flex-direction:column;padding:60px 5vw}
.s-light-copy{order:-1;margin-bottom:40px}
.s-light-copy h2{font:400 clamp(48px,6vw,94px)/1.05 var(--font-display);letter-spacing:-.04em;margin:28px 0}
.s-light-copy>p:last-of-type{font:400 14px/1.8 var(--font-sans);max-width:35ch}
.s-light-frame{margin:0}
.s-light-frame img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.s-light-frame figcaption{font:400 11px/1.6 var(--font-sans);padding:15px 0}
.s-light-night{margin-top:20px}
.s-light-meter{display:none}
.s-photo-mask{display:block;position:relative;overflow:hidden;height:290px}
.s-photo-journal-item:first-child .s-photo-mask{height:735px}
.s-photo-mask>img{height:100%!important;width:100%;object-fit:cover}
.s-signature-rail{position:absolute;inset-inline:25px;bottom:25px;height:1px;background:#f0eee94d;z-index:3}
.s-signature-rail>span{display:block;width:100%;height:100%;background:var(--white);transform:scaleX(.3333);transform-origin:left}
html[lang=ar] .s-signature-rail>span{transform-origin:right}
html[lang=ar] .s-signature .s-signature-heading h2{font-size:43px;line-height:1.65;letter-spacing:0}
html[lang=ar] .s-signature-step h3{font-size:37px;line-height:1.7;letter-spacing:0}
html[lang=ar] .s-signature-step p{font-size:15px;line-height:2}
html[lang=ar] .s-light-copy h2{font-size:clamp(37px,4.5vw,68px);line-height:1.6;letter-spacing:0}
@media(min-width:769px){
 .s-motion-ready .s-signature-body{display:grid;grid-template-columns:54fr 38fr;gap:8%;align-items:start}
 .s-motion-ready .s-signature-visual{display:block;position:sticky;top:110px;height:70svh;min-height:400px;max-height:850px;overflow:hidden;background:var(--dusk)}
 .s-signature-frame{position:absolute;inset:0;opacity:0}
 .s-signature-frame:first-child{opacity:1}
 .s-signature-frame img{display:block;width:100%;height:100%;object-fit:cover}
 .s-signature-visual-overlay{position:absolute;inset:0;background:linear-gradient(180deg,#201b251a,transparent 40%,#201b2573);pointer-events:none;z-index:2}
 .s-signature-counter{position:absolute;top:25px;inset-inline-start:28px;z-index:3;color:var(--white);font:400 11px/1.5 var(--font-sans);letter-spacing:.1em}
 .s-signature-word{position:absolute;inset-inline:28px;bottom:58px;z-index:3;color:var(--white);font:400 clamp(50px,6.8vw,110px)/.98 var(--font-display);letter-spacing:-.04em;max-width:8ch}
 .s-motion-ready .s-signature-step{min-height:65svh;display:flex;flex-direction:column;justify-content:center;padding:0}
 .s-motion-ready .s-signature-step:last-child{margin-bottom:15svh}
 .s-motion-ready .s-signature-step-image{display:none}
 .s-motion-ready .s-signature-step>a{padding-block:35px}
 .s-motion-ready .s-signature-step .s-facet-no{padding-top:10px}
 .s-motion-ready .s-signature-step.is-current .s-signature-link{border-color:var(--text)}
 .s-motion-ready .s-light-story{height:230svh}
 .s-motion-ready .s-light-stage{position:sticky;top:0;height:100svh;overflow:hidden;display:block;padding:0}
 .s-motion-ready .s-light-stage::after{content:'';position:absolute;inset:0;z-index:2;background:linear-gradient(180deg,#201b251a,transparent 25%,#201b258c);pointer-events:none}
 .s-motion-ready .s-light-frame{position:absolute;inset:0;margin:0}
 .s-motion-ready .s-light-frame img{height:100%;aspect-ratio:auto}
 .s-motion-ready .s-light-frame figcaption{display:none}
 .s-motion-ready .s-light-night{opacity:0}
 .s-motion-ready .s-light-copy{position:absolute;z-index:3;bottom:8svh;inset-inline:6vw;margin:0;color:var(--white)}
 .s-motion-ready .s-light-copy h2{font-size:clamp(60px,7.4vw,120px);max-width:10ch}
 .s-motion-ready .s-light-copy>p:last-of-type{max-width:38ch}
 .s-motion-ready .s-light-meter{position:absolute;inset-inline-end:0;bottom:8px;display:flex;gap:18px;align-items:center;font:400 10px/1.5 var(--font-sans)}
 .s-light-meter>div{width:120px;height:1px;background:#f0eee955}
 .s-light-meter>div>span{display:block;width:100%;height:100%;background:var(--white);transform-origin:left;transform:scaleX(0)}
 html[lang=ar] .s-light-meter>div>span{transform-origin:right}
 html[lang=ar] .s-signature-word{font-size:clamp(38px,4.7vw,73px);line-height:1.5;letter-spacing:0;max-width:10ch}
 html[lang=ar] .s-motion-ready .s-light-copy h2{font-size:clamp(48px,5.5vw,88px);line-height:1.65;letter-spacing:0}
}
@media(min-width:1600px){.s-photo-mask{height:20vw}.s-photo-journal-item:first-child .s-photo-mask{height:49vw;max-height:1000px}}
@media(min-width:769px) and (max-width:1100px){.s-photo-mask{height:250px}.s-photo-journal-item:first-child .s-photo-mask{height:670px}}
@media(max-width:768px){
 .s-signature .s-signature-heading{grid-template-columns:1fr 2fr;gap:25px}
 .s-signature .s-signature-symbol{display:none}
 .s-signature-step{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:35px;padding-block:35px}
 .s-signature-step-image{margin:0}
 .s-signature-step h3{font-size:40px}
 .s-light-frame img{max-height:80svh}
}
@media(max-width:768px){
 .s-signature{padding:65px 25px}
 .s-signature .s-signature-heading{display:block;margin-bottom:35px}
 .s-signature .s-signature-heading h2{font-size:44px;margin-top:22px}
 .s-signature-step{display:block;padding-block:25px}
 .s-signature-step>a{grid-template-columns:25px 1fr;gap:18px;padding:15px 0 30px}
 .s-signature-step h3{font-size:37px;margin-bottom:18px}
 .s-signature-step p{font-size:14px;max-width:35ch}
 .s-signature-link{margin-top:22px;font-size:10px}
 .s-signature-step-image img{aspect-ratio:4/3;max-height:none;height:auto}
 .s-light-stage{padding:50px 25px}
 .s-light-copy h2{font-size:52px;margin:25px 0}
 .s-light-copy>p:last-of-type{font-size:13px}
 .s-photo-mask{height:300px}
 .s-photo-journal-item:first-child .s-photo-mask{height:440px}
 html[lang=ar] .s-signature .s-signature-heading h2{font-size:31px}
 html[lang=ar] .s-signature-step h3{font-size:28px}
 html[lang=ar] .s-signature-step p{font-size:14px}
 html[lang=ar] .s-light-copy h2{font-size:36px}
}
@media(max-width:360px){.s-photo-mask{height:260px}.s-photo-journal-item:first-child .s-photo-mask{height:370px}.s-signature .s-signature-heading h2{font-size:38px}.s-light-copy h2{font-size:45px}}
@media(prefers-reduced-motion:reduce){.s-signature-frame,.s-light-frame,.s-photo-mask>img{transform:none!important}}
@media(min-width:769px){.s-motion-ready .s-light-copy h2{max-width:900px}.s-signature-counter{padding:7px 10px;background:#302b35b3;border:1px solid #f0eee940}}
.footer-bottom_logo{overflow:hidden}
