:root{--cream:#fff7e9;--paper:#fffaf1;--olive:#737969;--ink:#505648;--peach:#cf9870;--sand:#f4c98e;--line:#e8d5b9;--muted:#77796f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"DM Sans",sans-serif;overflow-x:hidden}a{color:inherit}.grain{position:fixed;inset:0;pointer-events:none;z-index:1000;opacity:.16;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.14'/%3E%3C/svg%3E")}.site-header{position:fixed;z-index:100;top:18px;left:50%;transform:translateX(-50%);width:min(1180px,calc(100% - 32px));height:70px;padding:0 14px 0 20px;display:flex;align-items:center;border:1px solid transparent;border-radius:20px;transition:.35s}.site-header.scrolled{background:#fffaf1e8;backdrop-filter:blur(18px);border-color:var(--line);box-shadow:0 15px 45px #5d472914}.brand{display:flex;align-items:center;text-decoration:none;font-weight:700}.brand img{width:58px;height:44px;object-fit:contain;margin-right:8px}.site-header nav{display:flex;gap:30px;margin:auto}.site-header nav a{text-decoration:none;font-size:13px;font-weight:600;position:relative}.site-header nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:1px;background:var(--peach);transition:.25s}.site-header nav a:hover:after{right:0}.nav-cta,.btn{display:inline-flex;align-items:center;gap:14px;text-decoration:none;background:var(--ink);color:white;border-radius:999px;padding:14px 20px;font-weight:700;transition:.25s}.nav-cta:hover,.btn:hover{transform:translateY(-3px)}.btn span{transition:.25s}.btn:hover span{transform:translate(3px,-3px)}.menu{display:none;border:0;background:none;font-size:24px}.hero{min-height:100svh;position:relative;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:70px;padding:130px max(6vw,30px) 70px;overflow:hidden}.hero-copy{max-width:680px}.eyebrow,.overline{font-size:11px;letter-spacing:2.2px;font-weight:700;text-transform:uppercase;color:var(--peach)}h1,h2{font-family:"Playfair Display",serif;font-weight:600}h1{font-size:clamp(72px,9vw,138px);line-height:.76;letter-spacing:-6px;margin:30px 0}h1 em,h2 em{font-weight:600;color:var(--peach)}.hero-copy>p{max-width:590px;font-size:18px;line-height:1.7;color:var(--muted)}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:34px}.text-link{font-weight:700;text-decoration:none;border-bottom:1px solid var(--line);padding-bottom:5px}.hero-visual{position:relative;min-height:630px;display:grid;place-items:center}.arch-photo{width:min(470px,90%);height:590px;overflow:hidden;border-radius:230px 230px 28px 28px;box-shadow:24px 26px 0 #ead7b9;transition:transform .25s ease-out}.photo-placeholder{width:100%;height:100%;display:grid;place-content:center;text-align:center;gap:10px;background:linear-gradient(145deg,#c9b18d,#7f856f);color:#fffaf1;transition:transform .7s cubic-bezier(.2,.8,.2,1)}.photo:hover .photo-placeholder{transform:scale(1.06)}.photo-placeholder span{font:600 clamp(28px,4vw,54px)/.95 "Playfair Display",serif}.photo-placeholder small{opacity:.75}.scribble{position:absolute;left:0;bottom:75px;transform:rotate(-8deg);font-size:45px;color:var(--peach)}.ar{font-family:"Noto Kufi Arabic",sans-serif}.stamp{position:absolute;right:0;top:70px;width:94px;height:94px;border:1px solid var(--peach);border-radius:50%;display:grid;place-items:center;text-align:center;font-size:10px;font-weight:700;letter-spacing:1px;transform:rotate(9deg)}.scroll{position:absolute;bottom:22px;left:50%;font-size:9px;letter-spacing:2px}.scroll i{display:block;height:28px;width:1px;background:var(--peach);margin:8px auto}.pattern{position:absolute;opacity:.08;pointer-events:none}.pattern-a{width:360px;height:360px;left:-100px;top:25%;background:repeating-conic-gradient(from 45deg,var(--olive) 0 10deg,transparent 10deg 45deg);border-radius:50%;mask:radial-gradient(circle,transparent 0 35%,#000 36% 37%,transparent 38% 48%,#000 49% 50%,transparent 51%)}.manifesto{padding:150px max(8vw,30px);position:relative}.section-no{font-size:11px;color:var(--peach);font-weight:700;margin-bottom:15px}.manifesto h2,.moments h2,.learn h2,.teacher h2,.final-cta h2{font-size:clamp(52px,7vw,100px);line-height:.94;letter-spacing:-3px;margin:20px 0 30px}.body-copy{max-width:720px;margin-left:auto;font-size:20px;line-height:1.8;color:var(--muted)}.photo-break{position:relative;padding:0 max(4vw,20px) 120px}.wide-photo{height:72vh;min-height:520px;overflow:hidden;border-radius:36px}.photo-placeholder.dark{background:linear-gradient(120deg,#42483f,#9a765e)}.floating-ar{position:absolute;right:8%;bottom:50px;font-size:clamp(60px,10vw,150px);color:var(--cream);opacity:.85}.moments{padding:120px max(8vw,30px);display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.moment-list a{display:grid;grid-template-columns:50px 1fr auto;align-items:center;text-decoration:none;border-top:1px solid var(--line);padding:28px 4px;transition:.3s}.moment-list a:last-child{border-bottom:1px solid var(--line)}.moment-list a:hover{padding-left:18px;background:#ffffff4f}.moment-list span{font-size:11px;color:var(--peach)}.moment-list strong{font:600 clamp(24px,3vw,42px) "Playfair Display",serif}.moment-list i{font-style:normal;font-size:24px;transition:.25s}.moment-list a:hover i{transform:translate(4px,-4px)}.learn{background:var(--olive);color:#fff8ed;padding:130px max(8vw,30px)}.learn .overline,.learn .section-no{color:var(--sand)}.learn-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:70px}.learn-grid article{border:1px solid #ffffff2c;padding:32px;border-radius:24px;min-height:290px;transition:.35s}.learn-grid article:hover{transform:translateY(-8px);background:#ffffff0c}.learn-grid b{color:var(--sand);font-size:11px}.learn-grid h3{font:600 38px "Playfair Display",serif;margin:45px 0 12px}.learn-grid p{color:#ece8dd;line-height:1.7}.learn-grid a{color:var(--sand);font-weight:700}.teacher{padding:140px max(8vw,30px);display:grid;grid-template-columns:.8fr 1fr;gap:90px;align-items:center}.teacher-photo{height:650px;border-radius:34px 34px 180px 34px;overflow:hidden;box-shadow:-20px 20px 0 #ead7b9}.teacher-copy p:not(.overline){max-width:600px;color:var(--muted);font-size:18px;line-height:1.8}.final-cta{position:relative;text-align:center;background:var(--ink);color:#fff8ed;padding:150px 25px;overflow:hidden}.final-cta .overline{color:var(--sand)}.final-cta .watermark{position:absolute;inset:auto 0 -100px;font-size:240px;color:#ffffff08}.btn.light{background:var(--cream);color:var(--ink);position:relative}footer{padding:45px max(6vw,30px);display:flex;align-items:center;gap:30px;border-top:1px solid var(--line)}footer p{margin:auto;color:var(--muted)}footer div{display:flex;gap:20px}footer div a{font-weight:700}.reveal{opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:850px){.site-header nav{display:none}.menu{display:block;margin-left:8px}.nav-cta{margin-left:auto}.hero{grid-template-columns:1fr;padding-top:130px;text-align:center}.hero-copy{margin:auto}.hero-actions{justify-content:center}.hero-visual{min-height:520px}.arch-photo{height:490px}.moments,.teacher{grid-template-columns:1fr}.learn-grid{grid-template-columns:1fr}.teacher-photo{height:520px}.body-copy{margin-left:0}.scroll{display:none}}@media(max-width:560px){.site-header{height:62px}.brand span{display:none}.brand img{width:54px}.nav-cta{padding:11px 15px;font-size:12px}.hero{padding-left:20px;padding-right:20px}h1{font-size:67px;letter-spacing:-4px}.hero-actions{flex-direction:column}.hero-visual{min-height:440px}.arch-photo{height:410px}.scribble{left:8px}.stamp{right:2px}.manifesto,.moments,.learn,.teacher{padding:90px 22px}.wide-photo{height:60vh;min-height:430px}.learn-grid{margin-top:40px}.teacher-photo{height:430px}.final-cta{padding:110px 20px}footer{flex-direction:column;text-align:center}footer p{margin:0}}

/* Darija Beats 2.0 — Why Darija + founder photo */
.why-darija{padding:150px max(6vw,30px) 130px;position:relative}.why-intro{position:relative;max-width:1180px;margin:auto;padding-bottom:95px}.why-kicker{display:flex;gap:18px;align-items:center}.why-intro h2{font-size:clamp(58px,7.7vw,116px);line-height:.91;letter-spacing:-4px;margin:22px 0 35px;max-width:1100px}.why-intro h2 em,.why-gifts h3 em{color:var(--peach);font-weight:600}.why-lead{max-width:700px;margin-left:auto;font-size:19px;line-height:1.8;color:var(--muted)}.sun-doodle{position:absolute;width:250px;left:-35px;bottom:10px;opacity:.28;fill:none;stroke:#b4761c;stroke-width:6;stroke-linecap:round;stroke-linejoin:round;transform:rotate(-5deg)}.perspective{max-width:1320px;margin:auto;min-height:720px;position:relative;border-radius:38px;overflow:hidden;background:var(--ink)}.perspective-photo{position:absolute;inset:0}.perspective-photo .photo-placeholder{transform:scale(1.02);filter:saturate(.75)}.perspective:hover .perspective-photo .photo-placeholder{transform:scale(1.08);filter:saturate(1)}.perspective:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#242a24c9 0%,#242a2466 42%,#242a2410 70%)}.perspective-copy{position:absolute;z-index:2;color:#fff8ed}.perspective-copy span{display:block;font-size:10px;letter-spacing:2px;color:var(--sand);margin-bottom:13px}.perspective-copy strong{font:600 clamp(36px,5vw,72px)/.98 "Playfair Display",serif}.perspective-copy.before{left:5%;top:9%}.perspective-copy.after{right:5%;bottom:9%;text-align:right}.why-gifts{max-width:1180px;margin:150px auto 0;display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.why-gifts h3,.conversation h3{font:600 clamp(48px,5.5vw,82px)/.95 "Playfair Display",serif;letter-spacing:-2px;margin:18px 0}.gift-list article{display:grid;grid-template-columns:60px 1fr;gap:18px;padding:28px 0;border-top:1px solid var(--line)}.gift-list article:last-child{border-bottom:1px solid var(--line)}.gift-list b{color:var(--peach);font-size:11px;padding-top:8px}.gift-list h4{font:600 clamp(28px,3vw,42px) "Playfair Display",serif;margin:0 0 8px}.gift-list p{margin:0;color:var(--muted);line-height:1.7;max-width:560px}.conversation{max-width:1180px;margin:150px auto 0;padding:70px;border:1px solid var(--line);border-radius:38px;position:relative;background:#fffaf17d}.conversation-title{max-width:800px}.chat{max-width:760px;margin:60px auto;display:flex;flex-direction:column;gap:16px}.bubble{padding:20px 24px;border-radius:24px;max-width:72%;box-shadow:0 12px 35px #6c523310}.bubble span{display:block;font:600 24px "Playfair Display",serif}.bubble small{display:block;color:var(--muted);margin-top:7px}.bubble.left{align-self:flex-start;background:white;border-bottom-left-radius:6px}.bubble.right{align-self:flex-end;background:var(--olive);color:white;border-bottom-right-radius:6px}.bubble.right small{color:#f4efe3}.conversation-bottom{display:flex;justify-content:space-between;align-items:end;gap:30px;border-top:1px solid var(--line);padding-top:34px}.conversation-bottom p{font:500 clamp(22px,2.5vw,32px)/1.35 "Playfair Display",serif;margin:0}.teacher-photo{position:relative}.teacher-photo img{width:100%;height:100%;object-fit:cover;object-position:center 52%;transition:transform .8s cubic-bezier(.2,.8,.2,1),filter .5s}.teacher-photo:hover img{transform:scale(1.045);filter:saturate(1.06)}.teacher-note{position:absolute;right:22px;top:25px;background:#fff7e9e8;border:1px solid var(--line);border-radius:999px;padding:11px 15px;font:600 15px "Playfair Display",serif;transform:rotate(4deg);backdrop-filter:blur(10px)}
@media(max-width:850px){.why-gifts{grid-template-columns:1fr;gap:45px}.perspective{min-height:600px}.conversation{padding:45px}.conversation-bottom{align-items:flex-start;flex-direction:column}}
@media(max-width:560px){.why-darija{padding:95px 20px}.why-intro h2{letter-spacing:-2px}.why-lead{font-size:17px}.sun-doodle{width:160px;bottom:25px;opacity:.18}.perspective{min-height:540px;border-radius:26px}.perspective-copy.after{bottom:7%}.why-gifts{margin-top:95px}.conversation{margin-top:95px;padding:28px 20px;border-radius:26px}.bubble{max-width:90%}.bubble span{font-size:20px}.teacher-photo img{object-position:center 50%}}

/* Meet Hicham — editorial founder story */
.meet-hero{min-height:100svh;padding:135px max(6vw,30px) 80px;display:grid;grid-template-columns:1fr .85fr;gap:80px;align-items:center}.meet-hero-copy h1{font-size:clamp(70px,8.8vw,132px)}.meet-deck{font-size:19px;line-height:1.75;color:var(--muted);max-width:650px;margin-bottom:30px}.meet-hero-photo{height:680px;position:relative;overflow:hidden;border-radius:260px 260px 30px 30px;box-shadow:22px 24px 0 #ead7b9}.meet-hero-photo img,.portrait-image img{width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.2,.8,.2,1)}.meet-hero-photo:hover img,.portrait-image:hover img{transform:scale(1.045)}.meet-doodle{position:absolute;left:22px;bottom:28px;background:#fff7e9df;padding:11px 15px;border-radius:999px;font:600 15px "Playfair Display",serif;transform:rotate(-4deg)}.meet-ar{position:absolute;right:25px;top:36px;font-size:48px;color:#fff7e9}.origin{padding:150px max(8vw,30px);display:grid;grid-template-columns:1fr .9fr;gap:90px}.origin h2,.grew h2,.teach-way h2,.vision h2{font-size:clamp(50px,6vw,90px);line-height:.96;letter-spacing:-3px;margin:20px 0}.origin h2 em,.grew h2 em,.teach-way h2 em,.vision h2 em,.job-line em,.meet-final em{color:var(--peach);font-weight:600}.origin-copy{font-size:18px;line-height:1.85;color:var(--muted);padding-top:35px}.origin-copy strong{color:var(--ink)}.origin-copy .big-line{font:600 clamp(30px,3.4vw,48px)/1.15 "Playfair Display",serif;color:var(--ink);margin:38px 0}.never-words{min-height:78vh;background:var(--ink);color:#fff8ed;display:flex;flex-direction:column;justify-content:center;padding:100px max(8vw,30px);position:relative;overflow:hidden}.never-words .overline{color:var(--sand)}.never-words h2{font-size:clamp(65px,9vw,140px);line-height:.82;letter-spacing:-5px;margin:25px 0;position:relative;z-index:1}.never-words .ghost{position:absolute;right:-3%;bottom:-12%;font-size:clamp(180px,30vw,500px);color:#ffffff08}.grew{padding:150px max(8vw,30px)}.grew-title{max-width:1000px}.word-trail{margin:90px 0;display:flex;flex-wrap:wrap;gap:18px 35px;font:600 clamp(32px,4vw,62px) "Playfair Display",serif}.word-trail span{border-bottom:1px solid var(--line);padding-bottom:8px}.word-trail .accent{color:var(--peach)}.grew-copy{max-width:650px;margin-left:auto;font-size:19px;line-height:1.8;color:var(--muted)}.grew-copy strong{display:block;color:var(--ink);font:600 32px "Playfair Display",serif;margin-top:20px}.teach-way{background:#efe3cc;padding:140px max(8vw,30px)}.teach-heading{position:relative;max-width:950px}.teach-squiggle{width:300px;fill:none;stroke:var(--peach);stroke-width:4;stroke-linecap:round;position:absolute;right:5%;bottom:-38px;opacity:.7}.teach-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#d8c7aa;margin-top:90px;border:1px solid #d8c7aa}.teach-steps article{background:#efe3cc;padding:36px;min-height:230px;transition:.3s}.teach-steps article:hover{background:var(--cream);transform:translateY(-5px)}.teach-steps b{font-size:11px;color:var(--peach)}.teach-steps h3{font:600 38px "Playfair Display",serif;margin:38px 0 10px}.teach-steps p{color:var(--muted);line-height:1.6}.portrait-break{padding:130px max(8vw,30px);position:relative;display:grid;grid-template-columns:1fr .7fr;align-items:end;gap:50px}.portrait-image{height:720px;border-radius:34px;overflow:hidden}.portrait-note{font:600 clamp(25px,3vw,42px)/1.15 "Playfair Display",serif;transform:rotate(-3deg);padding-bottom:70px;color:var(--peach)}.vision{padding:140px max(8vw,30px);display:grid;grid-template-columns:.9fr 1fr;gap:90px;border-top:1px solid var(--line)}.vision-copy{font-size:19px;line-height:1.8;color:var(--muted)}.vision-copy p{padding:0 0 24px;border-bottom:1px solid var(--line)}.job-line{padding:150px max(6vw,30px);text-align:center}.job-line h2{font:600 clamp(58px,8vw,120px)/.88 "Playfair Display",serif;letter-spacing:-4px;margin:0}.meet-final{background:var(--olive);color:#fff8ed;padding:140px max(8vw,30px);text-align:center}.meet-final .overline{color:var(--sand)}.meet-final h2{font:600 clamp(62px,8vw,120px)/.88 "Playfair Display",serif;letter-spacing:-4px;margin:28px 0 48px}.meet-final>div{display:flex;justify-content:center;gap:28px;align-items:center}.meet-book{color:#fff8ed;font-weight:700;text-decoration:none;border-bottom:1px solid #ffffff66;padding-bottom:5px}
@media(max-width:850px){.meet-hero,.origin,.vision{grid-template-columns:1fr}.meet-hero{padding-top:125px}.meet-hero-photo{height:580px;max-width:600px}.origin{gap:30px}.teach-steps{grid-template-columns:repeat(2,1fr)}.portrait-break{grid-template-columns:1fr}.portrait-note{padding-bottom:0}.portrait-image{height:600px}}
@media(max-width:560px){.meet-hero,.origin,.grew,.teach-way,.portrait-break,.vision,.job-line,.meet-final{padding-left:20px;padding-right:20px}.meet-hero h1{font-size:64px;letter-spacing:-4px}.meet-hero-photo{height:500px}.origin,.grew,.teach-way,.vision{padding-top:95px;padding-bottom:95px}.never-words{padding:90px 20px}.never-words h2{font-size:58px;letter-spacing:-3px}.word-trail{margin:55px 0}.teach-steps{grid-template-columns:1fr}.portrait-image{height:500px}.job-line h2,.meet-final h2{letter-spacing:-3px}.meet-final>div{flex-direction:column}}

/* Learning ways — clean editorial layout with hand-drawn accents */
.learning-ways{padding:145px max(7vw,30px) 120px;background:var(--paper);border-top:1px solid var(--line)}
.learning-head{max-width:1120px;margin:0 auto 80px}.learning-head h2{font:600 clamp(56px,7vw,104px)/.92 "Playfair Display",serif;letter-spacing:-4px;margin:18px 0 28px}.learning-head h2 em{color:var(--peach)}.learning-head>p:last-child{max-width:610px;margin-left:auto;color:var(--muted);font-size:18px;line-height:1.75}
.way-list{max-width:1180px;margin:auto}.way{display:grid;grid-template-columns:280px 1fr;gap:70px;align-items:center;padding:55px 0;border-top:1px solid var(--line)}.way:last-child{border-bottom:1px solid var(--line)}
.way-doodle{width:220px;height:155px;display:grid;place-items:center;transition:transform .45s cubic-bezier(.2,.8,.2,1)}.way-doodle svg{width:100%;height:100%;fill:none;stroke:var(--olive);stroke-width:3.1;stroke-linecap:round;stroke-linejoin:round;overflow:visible}.way-doodle .accent{stroke:var(--peach)}.way:hover .way-doodle{transform:translateY(-5px) rotate(-1.5deg)}.way:nth-child(2):hover .way-doodle{transform:translateY(-5px) rotate(1.5deg)}
.way-copy{display:grid;grid-template-columns:50px minmax(260px,1fr) minmax(280px,.8fr) auto;gap:25px;align-items:center}.way-copy>span{font-size:11px;color:var(--peach);font-weight:700}.way-copy h3{font:600 clamp(32px,3.6vw,54px)/1 "Playfair Display",serif;margin:0}.way-copy p{color:var(--muted);line-height:1.7;margin:0}.way-copy a{white-space:nowrap;text-decoration:none;font-weight:700;border-bottom:1px solid var(--line);padding-bottom:6px}.way-copy a i{font-style:normal;display:inline-block;transition:.25s}.way-copy a:hover i{transform:translate(3px,-3px)}
.try-darija{max-width:1180px;margin:0 auto 140px;padding:70px;display:grid;grid-template-columns:1fr .9fr;gap:80px;align-items:center;background:var(--ink);color:#fff8ed;border-radius:38px;position:relative;overflow:hidden}.try-darija:after{content:"سلام";font-family:"Noto Kufi Arabic",sans-serif;position:absolute;right:-18px;bottom:-65px;font-size:150px;color:#ffffff07;pointer-events:none}.try-copy h2{font:600 clamp(44px,5vw,72px)/.98 "Playfair Display",serif;letter-spacing:-2px;margin:18px 0}.try-copy h2 em{color:var(--sand)}.try-hint{color:#ded9cf}.mini-quiz{position:relative;z-index:1;display:grid;gap:12px}.mini-quiz button{appearance:none;width:100%;border:1px solid #ffffff2d;background:#ffffff08;color:#fff8ed;border-radius:16px;padding:18px 20px;text-align:left;font:600 17px "DM Sans",sans-serif;cursor:pointer;display:flex;justify-content:space-between;transition:.25s}.mini-quiz button:hover{background:#ffffff12;transform:translateX(5px)}.mini-quiz button.correct{background:var(--cream);color:var(--ink);border-color:var(--cream)}.mini-quiz button.wrong{opacity:.48}.quiz-result{min-height:64px;padding-top:10px}.quiz-result strong{font:600 25px "Playfair Display",serif;color:var(--sand)}.quiz-result p{margin:6px 0 0;color:#e8e1d7;line-height:1.5}
@media(max-width:900px){.way{grid-template-columns:180px 1fr;gap:35px}.way-doodle{width:170px}.way-copy{grid-template-columns:40px 1fr}.way-copy p,.way-copy a{grid-column:2}.try-darija{grid-template-columns:1fr;gap:35px;margin-left:22px;margin-right:22px}}
@media(max-width:560px){.learning-ways{padding:90px 22px}.learning-head{margin-bottom:45px}.learning-head h2{letter-spacing:-2px}.learning-head>p:last-child{margin-left:0}.way{grid-template-columns:1fr;gap:8px;padding:42px 0}.way-doodle{width:150px;height:110px;justify-self:start}.way-copy{grid-template-columns:32px 1fr;gap:14px}.way-copy h3{font-size:35px}.try-darija{padding:38px 24px;border-radius:26px;margin-bottom:90px}.try-darija:after{font-size:100px}}

/* Hicham's culture photography */
.arch-photo>.culture-hero-photo{display:block;width:100%;height:100%;object-fit:cover;object-position:52% 60%}.perspective-photo>img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 47%;filter:brightness(.66) saturate(.85)}.culture-break .portrait-image img{object-position:50% 50%}.culture-side{min-width:0;display:grid;gap:24px}.culture-side .portrait-note{padding-bottom:0;margin:0 0 18px}.culture-detail{margin:0}.culture-detail img{display:block;width:100%;height:380px;object-fit:cover;object-position:50% 45%;border-radius:26px 26px 110px 26px}.culture-detail figcaption{font-size:12px;color:var(--muted);margin-top:14px;line-height:1.6}.culture-break{align-items:center}@media(max-width:850px){.culture-side{grid-template-columns:1fr 1fr;align-items:center;gap:30px}.culture-detail img{height:340px}.culture-break .portrait-image{height:580px}}@media(max-width:560px){.arch-photo>.culture-hero-photo{object-position:52% 58%}.culture-side{grid-template-columns:1fr;gap:20px}.culture-side .portrait-note{font-size:30px}.culture-detail img{height:360px;border-radius:24px 24px 80px 24px}.culture-break .portrait-image{height:460px}}
