:root{--bg:#0b0b0b;--text:#f4f0e9;--muted:#aaa8a5;--accent:#d96e4c;--line:#34312f;font-family:Manrope,Arial,sans-serif;color:var(--text);background:var(--bg);scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0;min-width:320px}button,a{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}.skip-link{position:absolute;left:1rem;top:-5rem;z-index:20;background:#fff;color:#111;padding:.75rem 1rem}.skip-link:focus{top:1rem}.site-header{height:96px;padding:0 5.6%;display:flex;align-items:center;justify-content:space-between;background:#080808;position:relative;z-index:10}.wordmark{font:600 2rem/1 DM Sans,sans-serif;letter-spacing:-.055em;display:inline-block;position:relative;padding-right:12px}.wordmark-star{font-size:1.1rem;color:var(--accent);position:absolute;top:-10px;right:0}.wordmark small{display:block;font:600 .53rem/1.1 DM Sans,sans-serif;letter-spacing:.48em;margin-top:6px}.site-nav{display:flex;gap:3.2rem;align-items:center}.site-nav a{font-size:.87rem;transition:color .2s}.site-nav a:hover,.site-nav a:focus-visible{color:var(--accent)}.menu-toggle{display:none}.hero{min-height:calc(100svh - 96px);position:relative;display:flex;align-items:center;overflow:hidden}.hero-image,.hero-shade{position:absolute;inset:0}.hero-image{background:url('assets/sahara-hero.png') center 53%/cover no-repeat;transform:scale(1.02)}.hero-shade{background:linear-gradient(90deg,rgba(0,0,0,.58),rgba(0,0,0,.1) 72%),linear-gradient(0deg,rgba(0,0,0,.65),transparent 34%)}.hero-content{position:relative;z-index:1;margin:0 5.6%;padding-bottom:4rem;max-width:900px}.eyebrow,.section-kicker{font-size:.73rem;font-weight:700;letter-spacing:.24em}.eyebrow{display:flex;gap:16px;align-items:center}.eyebrow-line{width:35px;height:1px;background:var(--accent)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:DM Sans,Arial,sans-serif}h1{font-size:clamp(4.4rem,10.5vw,10.5rem);line-height:.91;letter-spacing:-.09em;font-weight:500;margin:2rem 0 2rem}h1 em,h2 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.055em}h1 em{color:var(--accent)}.hero-copy{font-size:1rem;line-height:1.65;max-width:385px}.round-link{display:inline-flex;align-items:center;gap:22px;margin-top:1.5rem;font-size:.84rem;font-weight:700}.round-link b,.contact-button span{width:48px;height:48px;border:1px solid #ffffff80;border-radius:50%;display:grid;place-items:center;font-size:1.25rem;font-weight:400;transition:background .2s,color .2s}.round-link:hover b{background:var(--text);color:#111}.hero-bottom{position:absolute;left:5.6%;right:5.6%;bottom:2rem;display:flex;justify-content:space-between;gap:20px;font-size:.65rem;font-weight:700;letter-spacing:.16em;z-index:1}.hero-bottom a span{margin-left:12px}.section-wrap{padding:130px 5.6%}.section-kicker{color:var(--accent);margin-bottom:4rem}.section-kicker span{color:var(--text)}.intro{padding-bottom:70px;overflow:hidden}.intro-grid,.approach-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%}.intro h2,.section-heading h2,.approach h2,.contact h2{font-size:clamp(3rem,6.5vw,7.3rem);line-height:1.04;letter-spacing:-.07em;font-weight:500}.intro h2 em,.section-heading h2 em,.approach h2 em,.contact h2 em{color:var(--accent)}.intro-text{padding-top:1rem;max-width:540px}.intro-text p,.approach-grid>div>p{font-size:1.13rem;line-height:1.85;color:#d0cbc6;margin-bottom:1.5rem}.marquee{white-space:nowrap;color:#292522;font:500 clamp(3rem,7vw,8rem)/1 DM Sans,sans-serif;letter-spacing:-.08em;margin:8rem -10% 0}.marquee span{padding-right:1.5rem}.journeys{background:#141211}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:2rem}.section-heading .section-kicker{margin-bottom:3rem}.section-heading>p{color:var(--muted);font-size:1rem;max-width:220px;line-height:1.7;margin-bottom:1.3rem}.journey-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:3.5rem}.journey-card{min-height:550px;padding:1.8rem;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;background-color:#30221e}.journey-card:before{content:"";position:absolute;inset:0;transition:transform .6s;background-size:cover;background-position:center}.journey-card:hover:before{transform:scale(1.06)}.journey-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#000b,transparent 50%,#0005)}.journey-sahara:before{background-image:url('assets/sahara-hero.png');background-position:66% center}.journey-world:before{background-image:linear-gradient(140deg,#263d54b0,#bc693a77),url('assets/sahara-hero.png');background-position:20% center}.journey-made:before{background-image:linear-gradient(130deg,#281b28a0,#ab4d36a0),url('assets/sahara-hero.png');background-position:95% center}.card-top,.card-bottom{position:relative;z-index:1}.card-top{display:flex;justify-content:space-between;align-items:center;font-size:.65rem;font-weight:700;letter-spacing:.17em}.card-top>span:last-child{font-size:1.6rem;font-weight:400;letter-spacing:0}.card-bottom h3{font-size:clamp(2rem,3vw,3.2rem);font-weight:500;line-height:1.07;letter-spacing:-.065em;margin-bottom:.9rem}.card-bottom p{font-size:.86rem;margin-bottom:0}.approach{padding-top:150px;padding-bottom:150px}.approach-grid>div{padding-top:1.2rem}.approach-grid>div>p{max-width:520px}.approach-points{margin-top:3rem}.approach-points div{display:flex;align-items:center;gap:2rem;padding:1.45rem 0;border-top:1px solid var(--line)}.approach-points div:last-child{border-bottom:1px solid var(--line)}.approach-points span{font-size:.7rem;color:var(--accent)}.approach-points strong{font-size:1rem;font-weight:500}.contact{background:var(--accent);color:#150e0c;min-height:600px}.contact .section-kicker,.contact .section-kicker span{color:#2c1a16}.contact h2{max-width:1000px;margin-bottom:2rem}.contact h2 em{color:#fff8f0}.contact>p:not(.section-kicker):not(.contact-note){max-width:550px;line-height:1.7;font-size:1.05rem}.contact-button{display:inline-flex;gap:1.5rem;align-items:center;border:0;background:none;color:#150e0c;padding:0;font-size:.9rem;font-weight:700;margin-top:2rem}.contact-button span{border-color:#150e0c}.contact-button:hover span{background:#150e0c;color:#fff}.contact-note{margin-top:1rem;font-size:.8rem}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:3rem 5.6%;font-size:.78rem;color:#aaa}.site-footer .wordmark{color:#fff}.site-footer>a:not(.wordmark):hover{color:#fff}.site-footer small{font-size:.7rem}@media(max-width:900px){.site-header{height:76px}.menu-toggle{display:flex;flex-direction:column;gap:6px;background:transparent;border:0;padding:14px}.menu-toggle span{width:25px;height:2px;background:#fff}.site-nav{display:none;position:absolute;top:76px;left:0;right:0;padding:2rem 5.6%;background:#080808;flex-direction:column;align-items:flex-start;gap:1.5rem}.site-nav.open{display:flex}.hero{min-height:calc(100svh - 76px)}.intro-grid,.approach-grid{grid-template-columns:1fr;gap:1.5rem}.journey-grid{grid-template-columns:1fr 1fr}.journey-card:last-child{grid-column:span 2;min-height:350px}.section-wrap{padding:95px 5.6%}.site-footer{flex-wrap:wrap}}@media(max-width:600px){.hero-content{padding-bottom:2rem}.hero-image{background-position:65% center}.hero-shade{background:linear-gradient(90deg,#0009,#0002),linear-gradient(0deg,#000a,transparent 55%)}h1{font-size:clamp(3.7rem,15vw,6rem)}.hero-copy{max-width:300px}.hero-bottom{font-size:.55rem}.hero-bottom>span:last-child{display:none}.section-wrap{padding:75px 6%}.section-kicker{margin-bottom:3rem}.intro h2,.section-heading h2,.approach h2,.contact h2{font-size:clamp(2.8rem,11vw,4.5rem)}.marquee{margin-top:5rem}.section-heading{display:block}.section-heading>p{max-width:100%;margin-top:1.5rem}.journey-grid{grid-template-columns:1fr}.journey-card,.journey-card:last-child{grid-column:auto;min-height:440px}.contact{min-height:540px}.site-footer{display:grid;grid-template-columns:1fr 1fr;row-gap:2rem}.site-footer .wordmark{grid-column:1/-1}}
:root{color-scheme:dark}
.site-nav a[aria-current="page"]{color:var(--accent)}
.text-link{display:inline-flex;align-items:center;gap:1.5rem;border-bottom:1px solid currentColor;padding-bottom:.65rem;margin-top:1rem;font-size:.88rem;font-weight:700;transition:color .2s,gap .2s}
.text-link:hover{color:var(--accent);gap:2rem}
.text-link span{font-size:1.2rem;font-weight:400}
.journeys-more{margin-top:3rem}
.inner-hero{height:min(720px,75svh);min-height:530px;position:relative;display:flex;align-items:end;overflow:hidden}
.inner-hero-image,.inner-hero-overlay{position:absolute;inset:0}
.inner-hero-image{background:url('assets/sahara-hero.png') center center/cover no-repeat}
.travel-hero .inner-hero-image{background-position:center 56%}
.about-hero .inner-hero-image{background-position:65% 45%;filter:saturate(.75)}
.inner-hero-overlay{background:linear-gradient(90deg,#000a,#0002 85%),linear-gradient(0deg,#000c,transparent 75%)}
.inner-hero-content{position:relative;z-index:1;width:100%;padding:0 5.6% 6rem}
.inner-hero h1{font-size:clamp(4.2rem,9vw,9.5rem);margin:2rem 0 1.6rem}
.inner-hero h1 em{color:var(--accent)}
.inner-hero-content>p:last-child{font-size:1.05rem;line-height:1.7;max-width:460px}
.inner-hero-index{position:absolute;right:5.6%;bottom:2.8rem;font-size:.68rem;letter-spacing:.17em;font-weight:700;z-index:1}
.page-intro{padding-bottom:8rem}
.travel-list{padding-top:0;background:#141211}
.travel-row{display:grid;grid-template-columns:16% 44% 40%;min-height:510px;border-top:1px solid #ffffff32;padding:3rem 0;align-items:center;gap:0}
.travel-row:last-child{border-bottom:1px solid #ffffff32}
.travel-row-number{font-size:.72rem;letter-spacing:.2em;color:var(--accent);align-self:start}
.travel-row-copy{padding:0 3rem 0 0}
.travel-row-copy h2{font-size:clamp(2.7rem,5vw,5.8rem);line-height:1.06;letter-spacing:-.07em;font-weight:500;margin-bottom:2rem}
.travel-row-copy h2 em{color:var(--accent)}
.travel-row-copy p{max-width:430px;color:#c8c3bf;line-height:1.8;font-size:1rem}
.travel-row-image{height:430px;background-size:cover;background-repeat:no-repeat;background-color:#2b211f}
.image-maroc{background-image:url('assets/sahara-hero.png');background-position:72% center}
.image-world{background-image:linear-gradient(135deg,#182d48a0,#ac643c56),url('assets/sahara-hero.png');background-position:20% center}
.image-made{background-image:linear-gradient(135deg,#2b172954,#d1663844),url('assets/sahara-hero.png');background-position:90% center}
.about-statement{padding-bottom:9rem}
.values{background:#151311}
.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}
.values-grid article{border-top:1px solid #ffffff55;padding-top:1.5rem;min-height:240px}
.values-grid article>span{color:var(--accent);font-size:.75rem;letter-spacing:.15em}
.values-grid h2{font-size:clamp(2.6rem,4vw,4.5rem);font-weight:500;letter-spacing:-.07em;margin:2rem 0 1rem}
.values-grid p{color:#c8c3bf;line-height:1.7;max-width:280px}
.quote-panel{min-height:480px;display:flex;flex-direction:column;justify-content:center}
.quote-panel>p:last-child{font:400 clamp(2.5rem,5vw,5.5rem)/1.2 Georgia,serif;letter-spacing:-.04em;max-width:1100px}
.quote-panel em{color:var(--accent)}
.contact-page-hero{min-height:650px;position:relative;overflow:hidden;background:radial-gradient(circle at 85% 75%,#412519 0,transparent 30%),#0b0b0b}
.contact-page-hero h1{font-size:clamp(4rem,9vw,10rem);max-width:1200px;margin:4rem 0 2rem}
.contact-page-hero h1 em{color:var(--accent)}
.contact-page-hero>p:not(.section-kicker){font-size:1.1rem;line-height:1.7;max-width:540px;position:relative;z-index:1}
.contact-page-art{position:absolute;right:6%;bottom:0;font:300 30rem/.8 DM Sans,sans-serif;color:#d96e4c30;transform:rotate(-12deg);pointer-events:none}
.contact-details{display:grid;grid-template-columns:1fr 1fr;gap:10%;background:#151311}
.contact-details h2{font-size:clamp(3.5rem,6vw,7rem);font-weight:500;letter-spacing:-.07em;line-height:1.05}
.contact-details h2 em{color:var(--accent)}
.contact-methods{padding-top:4.5rem}
.contact-methods>div{border-top:1px solid #ffffff40;padding:1.8rem 0}
.contact-methods>div:last-child{border-bottom:1px solid #ffffff40}
.contact-methods span{font-size:.7rem;letter-spacing:.2em;color:var(--accent);font-weight:700}
.contact-methods p{font-size:1.1rem;line-height:1.6;margin:1rem 0 0;color:#eee9e5}
.contact-photo{height:480px;background:linear-gradient(0deg,#0009,transparent),url('assets/sahara-hero.png') center 52%/cover;display:flex;align-items:end;padding:4rem 5.6%}
.contact-photo div{position:relative}
.contact-photo span{font-size:.7rem;letter-spacing:.2em}
.contact-photo p{font:400 clamp(2rem,4vw,4.5rem)/1.1 Georgia,serif;margin:1rem 0 0}
@media(max-width:900px){.travel-row{grid-template-columns:12% 48% 40%}.travel-row-copy{padding-right:1.5rem}.contact-details{gap:4%}}
@media(max-width:600px){.inner-hero{height:70svh;min-height:520px}.inner-hero-image{background-position:65% center}.inner-hero-content{padding:0 6% 5rem}.inner-hero h1{font-size:clamp(3.5rem,13vw,5.5rem)}.inner-hero-index{right:6%;bottom:2rem}.page-intro{padding-bottom:5rem}.travel-row{display:flex;flex-direction:column;align-items:stretch;padding:2.2rem 0;min-height:0}.travel-row-number{margin-bottom:2.5rem}.travel-row-copy{padding:0}.travel-row-copy h2{font-size:clamp(2.8rem,11vw,4rem)}.travel-row-image{height:350px;margin-top:2.5rem}.values-grid{grid-template-columns:1fr;gap:1rem}.values-grid article{min-height:0;padding-bottom:2rem}.quote-panel{min-height:360px}.contact-page-hero{min-height:620px}.contact-page-hero h1{font-size:clamp(3.6rem,13vw,5.5rem);margin:3.5rem 0 2rem}.contact-page-art{font-size:19rem;right:-8%}.contact-details{grid-template-columns:1fr}.contact-methods{padding-top:1.5rem}.contact-photo{height:320px;padding:2rem 6%}}
:root{--accent:#c9902b}
.wordmark{display:inline-flex;align-items:center;padding:0;line-height:1;letter-spacing:normal;flex:none}
.wordmark img{display:block;width:225px;height:auto;max-height:62px}
.site-footer .wordmark img{width:205px}
.contact-page-hero{background:radial-gradient(circle at 85% 75%,#4b3518 0,transparent 30%),#0b0b0b}
.contact-page-art{color:#c9902b30}
.contact-details-intro>p:not(.section-kicker){color:#c8c3bf;line-height:1.8;max-width:430px;font-size:1rem}
.contact-details .contact-methods{padding-top:3rem}
.contact-methods a{overflow-wrap:anywhere;text-decoration-thickness:1px;text-underline-offset:5px}
.contact-methods a:hover{color:var(--accent)}
.contact-form{padding-top:4.4rem;display:flex;flex-direction:column;gap:1.5rem}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}
.form-field{display:flex;flex-direction:column;gap:.65rem;min-width:0}
.form-field label{font-size:.85rem;font-weight:600;color:#e9e4dc}
.form-field label span{color:var(--accent)}
.form-field input,.form-field textarea{width:100%;border:1px solid #5b5550;border-radius:0;background:#201d1a;color:#f7f3eb;padding:1rem 1.1rem;font:400 1rem/1.5 Manrope,Arial,sans-serif;outline:none;transition:border-color .2s,background .2s}
.form-field input::placeholder,.form-field textarea::placeholder{color:#a5a09b;opacity:1}
.form-field input:focus,.form-field textarea:focus{border-color:var(--accent);background:#27221c}
.form-field textarea{resize:vertical;min-height:170px}
.form-hint{color:#bcb5ae;font-size:.82rem;line-height:1.6;margin:-.2rem 0 0}
.form-submit{display:inline-flex;align-items:center;justify-content:space-between;gap:1.5rem;align-self:flex-start;border:0;background:var(--accent);color:#17120a;padding:.8rem .8rem .8rem 1.35rem;min-width:250px;font-weight:700;font-size:.9rem;transition:background .2s}
.form-submit:hover{background:#e0ac4a}
.form-submit span{display:grid;place-items:center;border:1px solid #17120a;border-radius:50%;width:38px;height:38px;font-size:1.2rem;font-weight:400}
.form-status{font-size:.85rem;color:#e3c88e;line-height:1.6;min-height:1.3rem;margin:0}
@media(max-width:900px){.wordmark img{width:190px}.site-footer .wordmark img{width:185px}}
@media(max-width:600px){.wordmark img{width:165px}.contact-form{padding-top:1.5rem}.form-row{grid-template-columns:1fr;gap:1.5rem}.form-submit{width:100%}}
.contact-page-hero .text-link{position:relative;z-index:1}
@media(max-width:600px){.contact-page-hero{min-height:650px}}
/* Palette and typography from the supplied Dania identity. */
:root{--bg:#0b284d;--text:#fff;--muted:#b8c8dd;--accent:#d18a16;--line:#426084;font-family:Poppins,Arial,sans-serif}
body,.site-header,.site-footer{background:#0b284d}
.site-header{border-bottom:1px solid #ffffff12}
.site-nav a,.round-link,.text-link,.contact-button,.form-submit{font-family:Poppins,Arial,sans-serif}
h1,h2,h3,.marquee,.values-grid h2{font-family:Poppins,Arial,sans-serif}
h1 em,h2 em{font-family:Poppins,Arial,sans-serif;font-style:normal;font-weight:600;letter-spacing:-.06em}
.wordmark img{width:220px;height:73px;max-height:none;object-fit:contain}
.site-footer .wordmark img{width:205px;height:68px}
.hero-shade{background:linear-gradient(90deg,#0b284dbd,#0b284d26 75%),linear-gradient(0deg,#0b284de0,transparent 44%)}
.inner-hero-overlay{background:linear-gradient(90deg,#0b284dd9,#0b284d38 85%),linear-gradient(0deg,#0b284de6,transparent 75%)}
.intro,.approach,.page-intro,.about-statement,.quote-panel{background:#0b284d}
.intro-text p,.approach-grid>div>p,.contact-details-intro>p:not(.section-kicker){color:#d6e1ef}
.marquee{color:#1b426f}
.journeys,.travel-list,.values,.contact-details{background:#10335e}
.journey-card{background-color:#173c67}
.journey-card:after{background:linear-gradient(0deg,#0b284de6,transparent 58%,#0b284d7d)}
.journey-world:before{background-image:linear-gradient(140deg,#0b284dbd,#d18a1666),url('assets/sahara-hero.png')}
.journey-made:before{background-image:linear-gradient(130deg,#0b284dbd,#d18a1666),url('assets/sahara-hero.png')}
.travel-row-copy p,.values-grid p{color:#d6e1ef}
.image-world{background-image:linear-gradient(135deg,#0b284da8,#d18a1650),url('assets/sahara-hero.png')}
.image-made{background-image:linear-gradient(135deg,#0b284d88,#d18a164b),url('assets/sahara-hero.png')}
.contact{background:#d18a16;color:#0b284d}
.contact .section-kicker,.contact .section-kicker span{color:#0b284d}
.contact>p:not(.section-kicker):not(.contact-note){color:#0b284d}
.contact-button{color:#0b284d}
.contact-button span{border-color:#0b284d}
.contact-button:hover span{background:#0b284d;color:white}
.contact-page-hero{background:radial-gradient(circle at 85% 75%,#1a4777 0,transparent 36%),#0b284d}
.contact-page-art{font-family:Poppins,Arial,sans-serif;color:#d18a1629}
.contact-methods p{color:#f4f7fc}
.form-field label{color:#f2f6fc}
.form-field input,.form-field textarea{background:#0b284d;border-color:#6781a2;color:#fff;font-family:Poppins,Arial,sans-serif}
.form-field input::placeholder,.form-field textarea::placeholder{color:#b6c9dc}
.form-field input:focus,.form-field textarea:focus{background:#17406f}
.form-hint{color:#cad8e8}
.form-submit{color:#0b284d}
.form-submit:hover{background:#e8a844}
.form-submit span{border-color:#0b284d}
.form-status{color:#f5ce81}
.contact-photo{background:linear-gradient(0deg,#0b284de6,transparent),url('assets/sahara-hero.png') center 52%/cover}
.quote-panel>p:last-child,.contact-photo p{font-family:Poppins,Arial,sans-serif;font-weight:500;font-style:normal;letter-spacing:-.05em}
.menu-toggle span{background:#fff}
@media(max-width:900px){.site-nav{background:#0b284d}.wordmark img{width:190px;height:63px}.site-footer .wordmark img{width:185px;height:62px}}
@media(max-width:600px){.wordmark img{width:165px;height:55px}}

/* Final Dania logo is a square mark. Keep it legible without widening the navigation. */
.wordmark img{width:76px;height:76px;max-height:none;object-fit:contain}
.site-footer .wordmark img{width:72px;height:72px}
@media(max-width:900px){.wordmark img{width:60px;height:60px}.site-footer .wordmark img{width:60px;height:60px}}
@media(max-width:600px){.wordmark img{width:54px;height:54px}.site-footer .wordmark img{width:56px;height:56px}}

/* Local preview: the F04 mark has a wider viewBox than F03. */
.wordmark img{width:132px;height:78px}
.site-footer .wordmark img{width:124px;height:74px}
@media(max-width:900px){.wordmark img{width:108px;height:63px}.site-footer .wordmark img{width:105px;height:62px}}
@media(max-width:600px){.wordmark img{width:95px;height:56px}.site-footer .wordmark img{width:95px;height:56px}}

/* Event-led pages and motion hero. */
.site-nav{gap:clamp(1.2rem,2.5vw,3.2rem)}
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero-video{z-index:1;background:#0b284d;object-position:center}
.hero-shade{z-index:2;background:linear-gradient(90deg,#0b284d9e,#0b284d0d 82%),linear-gradient(0deg,#0b284dbe,transparent 44%)}
.hero-content,.hero-bottom{z-index:3}
.hero-bottom{align-items:center}
.hero-motion-toggle{background:#0b284d9c;border:1px solid #ffffff7a;color:#fff;padding:.55rem .8rem;font-size:.65rem;letter-spacing:.08em;text-transform:uppercase}
.hero-motion-toggle:hover,.hero-motion-toggle:focus-visible{background:#d18a16;color:#0b284d}
.journey-sahara:before{background-image:url('assets/projects/digital-morocco.jpg');background-position:center}
.journey-world:before{background-image:url('assets/projects/nouvel-an-amazigh.jpg');background-position:center}
.journey-made:before{background-image:url('assets/projects/fao-conference.jpg');background-position:center}
.journey-card{min-height:500px}
.featured-projects{background:#10335e}
.featured-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:3rem}
.featured-card{min-height:520px;position:relative;overflow:hidden;display:flex;align-items:end;padding:2rem;background:#0b284d}
.featured-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#0b284ddf,transparent 60%)}
.featured-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s}
.featured-card:hover img{transform:scale(1.04)}
.featured-card div{position:relative;z-index:1}
.featured-card span,.project-tile figcaption span,.expertise-row span{color:#f2bb61;font-size:.73rem;font-weight:700;letter-spacing:.16em}
.featured-card h3{font-size:clamp(2rem,3vw,3.7rem);font-weight:500;letter-spacing:-.05em;margin:.5rem 0 0}
.projects-hero .inner-hero-image{background-image:url('assets/projects/africa-unoc3-new.jpg');background-position:center 55%}
.about-hero .inner-hero-image{background-image:url('assets/projects/fao-conference.jpg');background-position:center 55%;filter:none}
.expertise-hero .inner-hero-image{background-image:url('assets/projects/anda-pavillon.jpg');background-position:center 60%}
.projects-intro,.expertise-intro{background:#0b284d}
.projects-grid-section,.expertise-list{background:#10335e}
.projects-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.project-tile{margin:0;position:relative;min-height:490px;overflow:hidden;background:#0b284d;display:flex;align-items:end}
.project-tile-wide{grid-column:1/-1;min-height:610px}
.project-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s}
.project-tile:hover img{transform:scale(1.035)}
.project-tile:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#0b284de8,transparent 65%)}
.project-tile figcaption{position:relative;z-index:1;padding:2.2rem;max-width:550px}
.project-tile h2{font-size:clamp(2rem,3.4vw,4rem);font-weight:500;letter-spacing:-.06em;margin:.6rem 0}
.project-tile p{line-height:1.6;margin:0}
.archive-projects{background:#0b284d}
.archive-projects-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3rem 1.5rem}
.archive-project{min-width:0}
.archive-project-heading{min-height:5rem;margin-bottom:1rem}
.archive-project-heading span{color:#f2bb61;font-size:.7rem;font-weight:700;letter-spacing:.13em}
.archive-project-heading h3{font-size:clamp(1.4rem,2.2vw,2rem);font-weight:500;line-height:1.2;letter-spacing:-.04em;margin:.5rem 0 0;overflow-wrap:anywhere}
.archive-gallery{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:repeat(2,minmax(0,1fr));gap:.5rem;height:320px}
.archive-gallery img{display:block;width:100%;height:100%;min-width:0;min-height:0;object-fit:cover}
.archive-gallery img:first-child{grid-row:1/3}
@media(max-width:900px){.archive-projects-grid{grid-template-columns:1fr}.archive-project-heading{min-height:0}}
@media(max-width:600px){.archive-gallery{height:240px}}
.expertise-row{display:grid;grid-template-columns:1fr 1fr;gap:5%;align-items:center;padding:3rem 0;border-top:1px solid #ffffff52}
.expertise-row:last-child{border-bottom:1px solid #ffffff52}
.expertise-row h2{font-size:clamp(2.4rem,4vw,4.9rem);font-weight:500;letter-spacing:-.06em;line-height:1.1;margin:1.3rem 0}
.expertise-row p{max-width:510px;line-height:1.8;color:#d6e1ef}
.expertise-row img{width:100%;height:400px;object-fit:cover}
.form-field select{width:100%;border:1px solid #6781a2;border-radius:0;background:#0b284d;color:#fff;padding:1rem 1.1rem;font:400 1rem/1.5 Poppins,Arial,sans-serif;outline:none}
.form-field select:focus{border-color:var(--accent);background:#17406f}
.contact-photo{background:linear-gradient(0deg,#0b284de6,transparent),url('assets/projects/nouvel-an-amazigh.jpg') center 50%/cover}
@media(max-width:900px){.featured-card{min-height:420px}.project-tile{min-height:390px}.project-tile-wide{min-height:500px}}
@media(max-width:600px){.hero-video{object-position:center}.hero-bottom>a{display:none}.featured-grid,.projects-grid,.expertise-row{grid-template-columns:1fr}.featured-card{min-height:370px}.project-tile,.project-tile-wide{grid-column:auto;min-height:380px}.expertise-row{gap:1.5rem}.expertise-row img{height:300px}.hero-motion-toggle{margin-left:auto}}