/* Bespoke corporate editorial case: SAF ALEMAAR. Isolated from MAH and RAKIZA case themes. */
.sf-project{--sf-navy:#082f53;--sf-navy2:#05243f;--sf-gold:#c5a15a;--sf-gold2:#dec38f;--sf-ink:#0c334f;--sf-gray:#66747b;--sf-paper:#fbfaf7;color:var(--sf-ink);background:var(--sf-paper);overflow:clip;font-family:Alexandria,sans-serif;font-size:14px}
html[lang=en] .sf-project{font-family:'DM Sans',sans-serif}
.sf-project *{box-sizing:border-box}
.sf-project h1,.sf-project h2,.sf-project h3,.sf-project p,.sf-project figure,.sf-project blockquote{margin:0}
.sf-project h1,.sf-project h2,.sf-project h3{font-weight:750}
.sf-project p{line-height:2.05}
.sf-project a{text-decoration:none}
.sf-project img{max-width:100%;display:block}
.sf-container{width:min(1240px,calc(100% - 96px));margin-inline:auto}
.sf-section{padding-block:115px;scroll-margin-top:155px}
.sf-eyebrow,.sf-kicker{font:700 11px/1.4 'Space Grotesk',sans-serif;letter-spacing:.19em;display:block;color:#a07e43;direction:ltr;text-align:start}
.sf-project h2{font-size:clamp(34px,4.1vw,65px);line-height:1.47;letter-spacing:-.038em}
html[lang=en] .sf-project h2{line-height:1.13}
.sf-project h3{font-size:clamp(21px,2vw,28px);line-height:1.55}
.sf-pill-link{display:inline-flex;align-items:center;justify-content:space-between;gap:38px;padding:17px 22px;background:var(--sf-gold);color:var(--sf-navy2);font-size:13px;font-weight:700;border:1px solid transparent;transition:transform .2s,background .2s}
.sf-pill-link:hover{background:#e6c37e;transform:translateY(-3px)}
.sf-project :is(a,button,input,summary):focus-visible{outline:3px solid #e47d52;outline-offset:4px}
/* Opening: editorial book and cut-out typographic scale */
.sf-hero{background:var(--sf-navy);color:#f8f8f3;position:relative;min-height:720px;padding-top:125px;isolation:isolate}
.sf-hero:before{content:'SAF';position:absolute;inset-inline-start:-55px;top:0;z-index:-1;color:#ffffff09;font:900 clamp(270px,43vw,680px)/1 'Space Grotesk',sans-serif;letter-spacing:-.13em;direction:ltr;pointer-events:none}
.sf-hero-pattern{position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 73% 30%,#d7aa5b19,transparent 31%),linear-gradient(150deg,#07365d,#041f36);clip-path:inset(0)}
.sf-hero-pattern:after{content:'';position:absolute;inset:0;opacity:.13;background-image:linear-gradient(90deg,transparent 49.7%,#9fb6c8 50%,transparent 50.3%),linear-gradient(0deg,transparent 49.7%,#9fb6c8 50%,transparent 50.3%);background-size:80px 80px;mask-image:linear-gradient(90deg,transparent,black)}
.sf-hero-inner{display:grid;grid-template-columns:1.04fr .96fr;gap:7%;align-items:center;padding-block:55px 90px;min-height:585px}
.sf-hero-copy{position:relative;z-index:3}
.sf-hero .sf-kicker{color:#d6b37a}
.sf-hero h1{font-size:clamp(51px,5.3vw,87px);line-height:1.35;letter-spacing:-.05em;margin:27px 0 27px}
html[lang=en] .sf-hero h1{line-height:1.08}
.sf-hero h1 span,.sf-hero h1 em{display:block;font-style:normal}
.sf-hero h1 em{color:var(--sf-gold2)}
.sf-hero-copy>p{color:#d0dce5;font-size:15px;max-width:560px;line-height:2.12;margin-bottom:35px}
.sf-hero-cover{position:relative;perspective:1100px;height:520px;display:flex;align-items:center;justify-content:center}
.sf-magazine-cover{position:relative;width:min(97%,550px);aspect-ratio:841/595;transform:rotate(-5deg) rotateY(-10deg);transform-style:preserve-3d;box-shadow:-6px 18px 0 #021a2e,0 45px 60px #0008;transition:transform .6s ease}
.sf-magazine-cover:hover{transform:rotate(-1deg) rotateY(-4deg) translateY(-10px)}
.sf-cover-surface{height:100%;background:white;overflow:hidden;border:5px solid white}
.sf-cover-surface img{width:100%;height:100%;object-fit:cover}
.sf-cover-spine{position:absolute;top:3px;bottom:0;width:8px;inset-inline-start:-9px;background:linear-gradient(90deg,#cfd7dd,#7a8c99,#e3e8ea);transform:rotateY(-30deg)}
.sf-cover-shadow{position:absolute;inset-inline:8%;bottom:30px;height:40px;background:#0008;filter:blur(28px);z-index:-1}
.sf-cover-badge{position:absolute;bottom:15px;inset-inline-end:20px;background:var(--sf-gold);padding:10px 14px;color:#062744;font:700 9px 'Space Grotesk',sans-serif;letter-spacing:.12em;direction:ltr}
.sf-hero-bottom{display:flex;align-items:stretch;gap:0;border-top:1px solid #52718c60;padding-block:21px 30px}
.sf-stat{display:flex;align-items:baseline;gap:13px;padding-inline:24px;border-inline-end:1px solid #496885}
.sf-stat:first-child{padding-inline-start:0}
.sf-stat:last-child{border:0}
.sf-stat b{font:700 32px 'Space Grotesk',sans-serif;color:#d8b678}
.sf-stat small{font-size:11px;color:#d4dde6}
/* Sticky chapter nav */
.sf-sticky-nav{position:sticky;top:75px;z-index:28;background:#fbfaf7eb;backdrop-filter:blur(18px);border-bottom:1px solid #d6dee0}
.sf-sticky-nav>.sf-container{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:66px}
.sf-sticky-nav .sf-container>span{font:700 11px 'Space Grotesk',sans-serif;letter-spacing:.1em;white-space:nowrap;color:var(--sf-navy);direction:ltr}
.sf-sticky-nav i{font-style:normal;color:var(--sf-gold)}
.sf-nav-links{display:flex;align-items:center;gap:clamp(13px,2.2vw,32px)}
.sf-nav-links a{color:#496176;font-size:11px;font-weight:650;white-space:nowrap;transition:color .2s}
.sf-nav-links a:hover,.sf-nav-links a.is-current{color:#a2793a}
/* Challenge editorial narrative */
.sf-challenge{background:#fff}
.sf-heading{margin-bottom:70px}
.sf-heading .sf-eyebrow{margin-bottom:20px}
.sf-double{display:grid;grid-template-columns:1.05fr .95fr;gap:9%;align-items:start}
.sf-double>div p{font-size:14px;color:#5c6e79;margin-bottom:19px;line-height:2.25}
.sf-brief{display:grid;grid-template-columns:.93fr 1.07fr;background:#ebeee9;box-shadow:0 15px 50px #092e5112}
.sf-brief-quote{padding:clamp(30px,5vw,75px);display:flex;flex-direction:column;justify-content:space-between;gap:34px}
.sf-brief-quote>span{color:#997a46;font-weight:700;font-size:12px}
.sf-brief blockquote{font-size:clamp(25px,2.8vw,42px);line-height:1.7;font-weight:750;color:#103a57}
.sf-brief-quote>div{border-top:1px solid #b7c0c1;padding-top:25px}
.sf-brief-quote strong{font-size:13px}
.sf-brief-quote p{font-size:12px;color:#65757a;margin-top:8px}
.sf-brief-visual{background:#dde3e6;overflow:hidden;display:flex;align-items:center;justify-content:center;min-height:470px}
.sf-brief-visual img{width:100%;height:100%;object-fit:contain}
/* Visual language, large three-panel rhythm */
.sf-visual{background:#f2f0e9}
.sf-visual-header{max-width:920px}
.sf-visual-header h2{margin:20px 0 25px;max-width:820px}
.sf-visual-header>p{color:#5b6b79;max-width:770px}
.sf-editorial-spreads{display:grid;grid-template-columns:.75fr 1.2fr .95fr;align-items:end;gap:18px;margin-top:65px}
.sf-editorial-spreads figure{min-width:0}
.sf-editorial-spreads img{width:100%;aspect-ratio:841/595;object-fit:cover;box-shadow:0 16px 40px #09283b23;border:6px solid white;transition:transform .3s}
.sf-editorial-spreads figure:hover img{transform:translateY(-8px)}
.sf-editorial-spreads figure:nth-child(2){transform:translateY(-20px)}
.sf-editorial-spreads figcaption{direction:ltr;color:#7a8186;font:700 10px 'Space Grotesk',sans-serif;letter-spacing:.1em;margin-top:13px;text-align:start}
.sf-visual-principles{display:grid;grid-template-columns:repeat(3,1fr);margin-top:85px;border-top:1px solid #d1d4d2}
.sf-visual-principles>div{padding:30px 26px 15px;border-inline-end:1px solid #d1d4d2;display:flex;flex-direction:column;gap:13px}
.sf-visual-principles>div:first-child{padding-inline-start:0}
.sf-visual-principles>div:last-child{border:0}
.sf-visual-principles b{color:#ac8e55;font:700 15px 'Space Grotesk',sans-serif}
.sf-visual-principles strong{font-size:17px;color:#123b58}
.sf-visual-principles p{font-size:12px;color:#677882}
.sf-transition{min-height:230px;background:#c09d55;color:#0b3150;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;text-align:center;padding:40px 20px}
.sf-transition>span{font:700 11px 'Space Grotesk',sans-serif;letter-spacing:.16em;direction:ltr}
.sf-transition p{font-size:clamp(20px,2.45vw,34px);font-weight:700;max-width:850px;line-height:1.6}
/* interactive real-page lookbook */
.sf-lookbook{background:#062e4e;color:#fff;position:relative;isolation:isolate}
.sf-lookbook:before{content:'';position:absolute;inset:0;z-index:-1;opacity:.18;background:linear-gradient(90deg,transparent 49.6%,#aabfcf 49.8%,transparent 50.2%);background-size:120px 120px;mask-image:linear-gradient(to bottom,black,transparent)}
.sf-lookbook .sf-eyebrow{color:#d1aa70}
.sf-lookbook-heading{max-width:920px}
.sf-lookbook-heading h2{margin:22px 0;color:#f7f6f0}
.sf-lookbook-heading p{color:#cbd9e3;max-width:730px}
.sf-reader{margin-top:75px}
.sf-book-perspective{perspective:1500px;width:min(1100px,100%);margin-inline:auto;position:relative;padding-bottom:30px}
.sf-book{width:100%;display:grid;grid-template-columns:1fr 1fr;position:relative;transform:rotateX(7deg);filter:drop-shadow(0 50px 32px #0007);background:#b2b1a9;padding:6px;border-radius:4px}
.sf-book-page{border:0;padding:0;aspect-ratio:841/595;cursor:zoom-in;overflow:hidden;position:relative;background:white}
.sf-book-page img{display:block;width:100%;height:100%;object-fit:cover}
.sf-page-left{box-shadow:inset -17px 0 20px #0002;border-radius:2px 0 0 2px;transform-origin:right center}
.sf-page-right{box-shadow:inset 17px 0 20px #0002;border-radius:0 2px 2px 0;transform-origin:left center}
.sf-book-gutter{position:absolute;z-index:3;top:5px;bottom:5px;left:50%;width:24px;transform:translateX(-50%);background:linear-gradient(90deg,#0005,transparent 28%,#0004 55%,#fff3 95%);pointer-events:none}
.sf-paper-inner{position:absolute;inset:0;box-shadow:inset 0 0 15px #0003;pointer-events:none}
.sf-book-shadow{position:absolute;inset-inline:8%;height:42px;bottom:4px;background:#0009;filter:blur(30px);z-index:-1}
.sf-reader-ui{width:min(900px,100%);margin:35px auto 0}
.sf-reader-actions{display:flex;justify-content:center;align-items:center;gap:35px}
.sf-reader-arrow{border:1px solid #8fabc050;color:#fff;background:#ffffff0e;width:49px;height:49px;display:grid;place-items:center;cursor:pointer;font:700 22px 'Space Grotesk',sans-serif;transition:.2s}
.sf-reader-arrow:hover{background:#c7a360;color:#072d4e}
.sf-reader-actions output{direction:ltr;text-align:center;min-width:140px;font:600 21px 'Space Grotesk',sans-serif}
.sf-reader-actions output span{font-size:11px;color:#90adc2}
.sf-reader-range{width:100%;height:8px;cursor:pointer;accent-color:#d3a75e;margin:30px 0 22px}
.sf-reader-chapters{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.sf-chapter{background:#0a4066;border:1px solid #476b85;color:#e8eff4;padding:11px 15px;cursor:pointer;font-size:11px;font-family:inherit}
.sf-chapter:hover,.sf-chapter[aria-pressed=true]{background:#c7a360;color:#03223c;border-color:#c7a360}
.sf-reader-ui>p{text-align:center;margin-top:24px;font-size:12px;color:#9ab0c0}
.sf-preview-dialog{border:0;padding:60px 35px 35px;width:min(98vw,1600px);max-width:none;max-height:95vh;background:#eae8e2;box-shadow:0 30px 130px #0008;overscroll-behavior:contain}
.sf-preview-dialog::backdrop{background:#020e19d9;backdrop-filter:blur(8px)}
.sf-preview-images{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;overflow:auto;max-height:calc(95vh - 115px)}
.sf-preview-images img{width:100%;height:auto;object-fit:contain;box-shadow:0 5px 20px #0002}
.sf-close-preview{position:absolute;inset-inline-end:17px;top:12px;border:0;background:#092e50;color:white;cursor:pointer;padding:8px 15px;font-size:21px}
.sf-close-preview span{font:600 11px Alexandria,sans-serif}
/* End invitation */
.sf-finale{background:#f7f4ed}
.sf-final-grid{display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:8%}
.sf-final-art{background:#e7e8e6;box-shadow:25px 27px 0 #c1a16a;transform:rotate(-2.5deg)}
.sf-final-art img{width:100%;height:auto}
.sf-final-copy h2{margin:20px 0 25px}
.sf-final-copy>p{color:#5a6c79;margin-bottom:30px}
.sf-cta{border-top:1px solid #cbd3d5;padding-top:25px;margin-top:30px}
.sf-cta h3{font-size:20px;margin-bottom:20px}
.sf-back-link{display:inline-block;margin-top:35px;font-size:12px;color:#57718a;text-decoration:underline!important;text-underline-offset:5px}
.sf-credits{background:#e3e9e9;padding-block:25px;border-top:1px solid #d8dada}
.sf-credits>.sf-container{display:flex;justify-content:space-between;gap:40px}
.sf-credits span{font-size:10px;line-height:1.9;color:#687d88}
@media(max-width:1060px){.sf-hero-inner{gap:3%}.sf-hero h1{font-size:clamp(43px,5vw,69px)}.sf-sticky-nav .sf-container>span:last-child{display:none}.sf-section{padding-block:85px}}
@media(max-width:760px){.sf-container{width:calc(100% - 36px)}.sf-section{padding-block:68px}.sf-project h2{font-size:clamp(30px,7vw,45px)}.sf-hero{padding-top:50px}.sf-hero-inner{grid-template-columns:1fr;padding-block:48px 60px;gap:25px}.sf-hero h1{font-size:clamp(42px,10vw,64px);margin:20px 0}.sf-hero-copy>p{font-size:13px}.sf-hero-cover{height:330px}.sf-magazine-cover{max-width:460px}.sf-hero-bottom{gap:0}.sf-stat{flex:1;flex-direction:column;gap:4px;padding-inline:8px}.sf-stat b{font-size:23px}.sf-stat small{font-size:10px}.sf-sticky-nav{top:68px}.sf-sticky-nav>.sf-container{min-height:59px}.sf-sticky-nav .sf-container>span{display:none}.sf-nav-links{width:100%;overflow-x:auto;justify-content:space-between;gap:16px;scrollbar-width:none}.sf-nav-links::-webkit-scrollbar{display:none}.sf-nav-links a{font-size:10px}.sf-double{grid-template-columns:1fr;gap:18px}.sf-heading{margin-bottom:38px}.sf-brief{grid-template-columns:1fr}.sf-brief-quote{padding:35px;gap:26px}.sf-brief-visual{min-height:auto}.sf-brief-visual img{height:auto}.sf-editorial-spreads{grid-template-columns:1fr 1fr;gap:9px;margin-top:37px}.sf-editorial-spreads figure:nth-child(1){grid-column:1/3}.sf-editorial-spreads figure:nth-child(2){transform:translateY(0)}.sf-visual-principles{grid-template-columns:1fr;margin-top:42px}.sf-visual-principles>div{padding:17px 0!important;border-inline:0;border-bottom:1px solid #d1d4d2}.sf-transition{min-height:170px}.sf-reader{margin-top:45px}.sf-book{transform:none}.sf-book-page{aspect-ratio:841/595}.sf-book-gutter{width:11px}.sf-reader-chapters{gap:5px}.sf-chapter{font-size:10px;padding:8px 10px}.sf-preview-dialog{padding:56px 12px 15px}.sf-preview-images{grid-template-columns:1fr}.sf-final-grid{grid-template-columns:1fr;gap:60px}.sf-final-art{box-shadow:10px 15px 0 #c1a16a}.sf-credits>.sf-container{flex-direction:column;gap:9px}}
@media(max-width:430px){.sf-hero h1{font-size:40px}.sf-hero-cover{height:275px}.sf-hero .sf-kicker{font-size:9px}.sf-hero-bottom{padding-block:15px}.sf-stat b{font-size:20px}.sf-stat small{font-size:9px}.sf-nav-links a{font-size:9px}.sf-reader-ui>p{font-size:10px}}
@media(prefers-reduced-motion:reduce){.sf-project *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}