@font-face{font-family:Manrope;src:url('/assets/manrope-latin.woff2') format('woff2');font-weight:200 800;font-display:swap}
@font-face{font-family:Arabic;src:url('/assets/arabic.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--paper:#f7f3ec;--ink:#222229;--muted:#69696e;--red:#e50925;--line:#dcd7d0;--blue:#133254;--orange:#f2a000}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}html[dir=rtl] body{font-family:Arabic,Arial,sans-serif}button,input,textarea,select{font:inherit;color:inherit}button,a,input,select,textarea,summary{touch-action:manipulation}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}video{display:block;width:100%;background:#141416}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.08;font-weight:800;letter-spacing:-.045em}h1{font-size:clamp(42px,5.3vw,78px)}h2{font-size:clamp(36px,4.6vw,68px)}h3{font-size:clamp(22px,2vw,28px)}p{color:var(--muted)}em{font-style:normal;color:var(--red)}[hidden]{display:none!important}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--red);outline-offset:5px}::selection{background:var(--red);color:white}.wrap{width:calc(100% - 96px);max-width:1240px;margin-inline:auto}.section{padding-block:85px}.section+.section{padding-top:25px}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;margin-bottom:24px;color:var(--red)}.lead{font-size:clamp(18px,1.7vw,23px);line-height:1.55;margin-top:25px;max-width:810px}.medium-title{font-size:clamp(32px,3.4vw,48px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:24px;background:var(--red);color:white;border:1px solid transparent;border-radius:8px;padding:18px 25px;font-size:14px;font-weight:750;line-height:1.4;min-height:54px;transition:background .2s,transform .2s}.btn:hover{background:#b50720}.btn.outline{background:transparent;border-color:var(--ink);color:var(--ink)}.btn.outline:hover{background:#ebe5dc}.btn.outline-light{background:transparent;border-color:#ffffff90;color:white}.btn.secondary,.btn.dark{background:var(--ink);color:white}.btn.light{background:var(--paper);color:var(--ink)}.btn-dari{background:var(--orange);color:var(--blue)}.btn-dari:hover{background:#ffba2c}.arrow{display:inline-block;font-size:24px;line-height:1;flex-shrink:0;transition:transform .2s}.btn:hover .arrow,.expertise-card a:hover .arrow{transform:translate(3px,-3px)}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin-top:30px}.text-link{display:inline-flex;min-height:44px;align-items:center;text-decoration:underline;text-underline-offset:7px;font-weight:700}.skip-link{position:fixed;top:-100px;left:20px;z-index:100;background:var(--ink);color:white;padding:14px}.skip-link:focus{top:10px}
.header{background:var(--paper);position:relative;z-index:20;border-bottom:1px solid var(--line)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:104px}.brand{display:block;width:112px;flex-shrink:0}.brand img{width:112px;height:84px;object-fit:contain}.desktop-nav{display:flex;gap:28px;align-items:center;margin-inline:auto}.nav-group{display:flex;align-items:center;position:relative}.nav-parent{padding-block:20px;font-size:15px;white-space:nowrap}.nav-expand{background:transparent;border:0;min-width:30px;min-height:44px}.submenu{display:none;position:absolute;top:100%;inset-inline-start:-22px;width:290px;padding:16px;background:var(--paper);box-shadow:0 12px 30px #2222291f;border:1px solid var(--line);border-radius:8px}.submenu a{display:flex;padding:12px 10px;font-size:14px;min-height:44px}.submenu a:hover{color:var(--red);background:#ece7e0}.nav-group[data-open=true] .submenu{display:block}@media(hover:hover){.nav-group:hover .submenu{display:block}}.header-actions{display:flex;align-items:center;gap:18px;font-size:12px}.client-link,.language{min-height:44px;display:flex;align-items:center;white-space:nowrap}.header-cta{min-height:48px;font-size:12px;padding:14px 18px}.menu-button{display:none;background:transparent;border:1px solid var(--line);border-radius:6px;min-height:44px;padding:8px 12px;gap:12px;align-items:center}.mobile-menu{position:absolute;top:100%;left:0;right:0;background:var(--paper);border-bottom:1px solid var(--line);padding:20px 24px;max-height:calc(100dvh - 88px);overflow:auto;box-shadow:0 15px 20px #22222913}.mobile-menu>div{border-bottom:1px solid var(--line);padding:10px 0}.mobile-menu a{display:flex;align-items:center;min-height:44px;padding:6px 0;font-size:14px}.mobile-menu .mobile-parent{font-weight:800;font-size:19px}.entry-label{display:none}.show-intro .entry-label{display:inline}.show-intro .site-label{display:none}
.opening{display:none;padding-top:30px;padding-bottom:32px;text-align:center}.show-intro .opening{display:block}.show-intro #home-content,.show-intro .footer{display:none}.opening .eyebrow{letter-spacing:.3em;color:var(--ink);margin-bottom:10px}.opening #entry-title{font-size:clamp(42px,5.1vw,76px);line-height:1.04;letter-spacing:-.06em}.opening-sub{font-size:clamp(17px,2vw,27px);margin-block:13px 22px;color:#4f515a}.opening-frame{border-radius:14px;overflow:hidden;position:relative;background:#17171e}.opening-frame video{aspect-ratio:2.8;object-fit:cover;object-position:center 50%}.video-controls{display:flex;align-items:center;gap:17px;position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#08080cc9);color:white;padding:16px 20px 9px;direction:ltr}.video-controls button{border:0;background:transparent;color:white;font-weight:800;min-width:44px;min-height:44px}.video-controls span{font-size:13px;white-space:nowrap}.video-controls input{flex:1;width:20px;accent-color:var(--red);height:44px;cursor:pointer}.entry-actions{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;margin-top:24px}.enter-button{grid-column:2;min-width:250px}.entry-signature{margin-top:24px;font-size:14px;display:flex;justify-content:center;align-items:center;gap:20px}.entry-signature:before,.entry-signature:after{content:'';width:40px;height:1px;background:var(--line)}
.hero{position:relative;min-height:640px;background:#111315;color:white;overflow:hidden}.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#111315f5 0%,#111315d9 35%,#11131529 100%)}.hero-inner{position:relative;z-index:2;padding-block:75px 40px}.hero .eyebrow{color:white;font-size:11px;letter-spacing:.03em}.hero h1{font-size:clamp(62px,7.5vw,112px);margin-block:38px 28px;max-width:800px;line-height:1.04}.red-rule{display:block;width:90px;height:5px;background:var(--red);margin-block:26px 34px}.hero p:not(.eyebrow){font-size:20px;color:white;max-width:620px}.hero .actions{margin-top:48px}.ambient-toggle{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;background:#111315c9;color:white;border:1px solid #ffffff50;border-radius:6px;padding:9px 13px;font-size:12px}.hero .ambient-toggle{margin-top:30px;border:0;background:transparent;padding-inline:0}.expertise-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px 36px;margin-top:40px}.expertise-card img{width:100%;aspect-ratio:1.66;object-fit:cover;border-radius:8px;transition:transform .25s}.expertise-card a{display:block}.expertise-card a:hover img{transform:scale(1.015)}.expertise-card a>div{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-top:18px}.expertise-card h3{font-size:clamp(22px,2.1vw,29px);line-height:1.18}.expertise-card .arrow{color:var(--red);padding-top:3px}.dark-section{background:#161617;color:white}.dark-section .eyebrow{color:white}.dark-section p{color:#cfcbca}.film-block{margin-top:35px}.film-cover{display:block;position:relative;overflow:hidden;border:0;padding:0;background:#161617;border-radius:12px;width:100%}.film-cover>img{width:100%;aspect-ratio:2.1;object-fit:cover}.play-disc{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:86px;height:86px;border-radius:50%;color:white;background:#22222965;border:2px solid white;font-size:26px;backdrop-filter:blur(5px)}.film-cover:hover .play-disc{background:var(--red)}.film-duration{position:absolute;bottom:20px;right:20px;padding:4px 10px;background:#0009;color:white;border-radius:4px;font-size:12px;direction:ltr}.film-caption{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:24px}.film-caption h3{font-size:40px}.film-caption p{margin-top:10px}.film-caption .btn{flex-shrink:0}.products-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:35px}.product{border:1px solid #e5dfd7;overflow:hidden;border-radius:14px;min-height:410px;position:relative;background:white;display:grid;grid-template-columns:1.08fr 1fr}.product-copy{padding:30px;position:relative;z-index:2}.product h3{font-size:34px;line-height:1.15}.product p{margin-top:18px;font-size:15px;line-height:1.5}.product .eyebrow{font-size:10px;margin:0 0 20px}.product .btn{margin-top:25px;font-size:12px;padding:15px 19px;gap:15px}.product-image{height:100%}.product-image img{width:100%;height:100%;object-fit:cover}.immo .product-image{position:absolute;inset:0}.immo:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#f7f3ecfa 5%,#f7f3ecd9 43%,#f7f3ec00 90%);z-index:1}.immo .product-copy{grid-column:1;min-width:270px}.immo .product-image img{object-position:65% center}.dari{color:var(--blue)}.dari-logo{width:155px;height:76px;object-fit:contain;object-position:left center;margin-bottom:22px}.dari p{color:#616977}.coherence{display:grid;grid-template-columns:.9fr 1.2fr;gap:55px;align-items:center}.coherence h2{font-size:clamp(32px,3.3vw,49px)}.coherence .btn{margin-top:30px}.ambient-frame{position:relative;overflow:hidden;border-radius:12px}.ambient-frame video{aspect-ratio:1.78;object-fit:cover}.ambient-frame .ambient-toggle{position:absolute;bottom:12px;inset-inline-end:12px}.method-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:48px;gap:0}.method-grid>div{padding:35px 24px;border-inline-start:1px solid var(--line)}.method-grid>div:first-child{border:0;padding-inline-start:0}.method-grid h3{font-size:24px;line-height:1.2}.method-grid p{font-size:15px;margin-top:16px}.journal-home{display:grid;grid-template-columns:.9fr 1.2fr;gap:65px}.journal-home h2{font-size:clamp(38px,3.7vw,54px)}.journal-home .text-link{margin-top:35px}.filters{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:28px}.filters button{background:transparent;border:1px solid var(--line);border-radius:30px;min-height:44px;padding:11px 22px;font-size:13px;color:var(--muted)}.filters button[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.journal-home .article-grid{grid-template-columns:1fr 1fr}.article-grid img{aspect-ratio:1.2;width:100%;object-fit:cover;border-radius:10px}.article-grid h3{font-size:23px;line-height:1.25}.article-grid .arrow{color:var(--red);font-size:20px}.article-meta{font-size:11px;margin:15px 0 10px}.empty-filter{padding:40px 0;border-top:1px solid var(--line)}.brief{background:var(--red);color:white;padding:65px 0}.brief .eyebrow,.brief p{color:white}.brief h2{font-size:clamp(38px,4.3vw,65px)}.brief h2+p{margin-top:20px;font-size:18px}.brief-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin:36px 0}.brief label{font-size:13px;font-weight:700;display:block}.brief select{display:block;margin-top:10px;width:100%;min-height:48px;background:transparent;color:white;border:0;border-bottom:1px solid white;border-radius:0;padding:8px 26px 12px 0;font-size:14px}.brief select option{color:var(--ink);background:var(--paper)}.brief button{width:100%;border-radius:0;font-size:19px}.brief .form-note{text-align:center}.form-note{font-size:13px;line-height:1.6;margin:20px 0}.footer{padding-top:70px}.footer-grid{display:grid;grid-template-columns:1.1fr 1fr .8fr .8fr;gap:45px;padding-top:30px;border-top:1px solid var(--line)}.footer-brand img{width:100px;height:72px;object-fit:contain;margin-bottom:18px}.footer h3{font-size:14px;letter-spacing:0;margin:10px 0 16px}.footer-grid p{font-size:13px;font-weight:700;color:var(--ink)}.footer-grid>div>a:not(.footer-brand){display:block;font-size:12px;color:var(--muted);padding-block:6px;min-height:34px}.footer-grid .footer-invite{font-size:18px!important;color:var(--red)!important;font-weight:800}.footer-contact{display:flex;flex-wrap:wrap;align-items:center;gap:28px;font-size:13px;padding-block:35px}.footer-contact>div{display:flex;gap:20px;margin-inline-start:auto}.footer-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-block:22px;font-size:11px;color:var(--muted)}.footer-bottom>div{display:flex;gap:20px}
.page-head{padding-top:75px}.page-head h1{max-width:1050px}.page-head .lead{max-width:810px}.breadcrumb{padding-top:35px;font-size:12px;display:flex;gap:12px;flex-wrap:wrap;color:var(--muted)}.split-hero{display:grid;grid-template-columns:1fr 1.03fr;gap:65px;align-items:center;padding-block:45px 65px}.split-hero h1{font-size:clamp(39px,4.2vw,64px)}.split-hero>img{width:100%;aspect-ratio:1.16;object-fit:cover;border-radius:14px}.split-hero .btn{margin-top:26px}.split-hero .actions .btn{margin-top:0}.deliverable-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:32px;margin-top:38px}.deliverable-grid article{border-top:2px solid var(--red);padding-top:25px}.deliverable-grid h3{font-size:24px;letter-spacing:-.03em;line-height:1.2}.deliverable-grid p{margin-top:15px;font-size:16px}.split-feature{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.split-feature>img,.split-feature>video{width:100%;border-radius:12px;object-fit:cover}.split-feature>img{aspect-ratio:1.3}.split-feature h2{font-size:clamp(36px,3.7vw,52px)}.split-feature .btn{margin-top:30px}.cta-band{background:var(--red);color:white;padding-block:65px}.cta-band>.wrap{display:flex;justify-content:space-between;align-items:center;gap:35px}.cta-band h2{font-size:clamp(36px,4vw,58px)}.note{font-size:13px;margin-top:25px}.dari-page{--red:var(--blue);color:var(--blue)}.dari-page .split-hero{padding-top:65px}.dari-page .dari-logo{width:180px;margin-bottom:20px}.trade-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;margin-top:32px}.trade-grid img{width:100%;aspect-ratio:.88;object-fit:cover;border-radius:10px}.trade-grid h3{font-size:23px;margin-top:16px}.artisan-section{background:var(--blue);padding:65px 0;color:white}.artisan-section p{color:#d6e0eb}.artisan-section .eyebrow{color:var(--orange)}.access-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px}.access-grid article{border:1px solid var(--line);background:#fffaf4;padding:40px;border-radius:12px;display:flex;align-items:flex-start;flex-direction:column}.access-grid h2{font-size:36px}.access-grid p{margin-block:20px 28px;flex:1}.access-grid small{margin-top:18px;color:var(--muted)}.access-grid .dari-logo{width:95px;height:34px;margin-bottom:24px}.help-line{padding-bottom:60px;display:flex;align-items:center;gap:25px}.agency-cover{padding-top:40px}.agency-cover img{width:100%;aspect-ratio:2.4;object-fit:cover;border-radius:12px}.contact-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:90px}.contact-layout aside h2{font-size:34px;margin-bottom:30px}.contact-line{display:block;padding:10px 0;font-size:22px;font-weight:700}.contact-layout aside p{margin-top:30px;font-size:15px}.contact-layout .text-link{color:var(--red);margin-top:15px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.form-grid label{display:block;font-size:13px;font-weight:700}.form-grid input,.form-grid select,.form-grid textarea{display:block;width:100%;margin-top:10px;min-height:50px;border:1px solid #bdb7b0;border-radius:6px;background:#fffaf4;padding:12px 14px;font-size:15px}.form-grid textarea{resize:vertical}.form-grid .wide{grid-column:1/-1}#contact-result{border:1px solid var(--line);border-radius:12px;padding:26px;margin-top:30px;background:white}#contact-result h3{font-size:25px}#contact-result p{margin-top:14px}#contact-result .actions{gap:14px}#contact-result .btn{font-size:12px;padding:13px}#contact-result button{background:transparent;border:0;font-size:13px}.prose{max-width:800px;line-height:1.9}.prose h2{font-size:31px;margin-bottom:22px}.prose section+section,.prose p+h2{margin-top:45px}.prose p{margin-bottom:25px}.prose a{text-decoration:underline}.prose .btn{margin-top:20px;text-decoration:none}dialog{padding:20px;border:1px solid #444;border-radius:12px;width:min(1100px,94vw);max-height:95dvh;background:#17171b;color:white;overflow:auto}dialog::backdrop{background:#000d;backdrop-filter:blur(5px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px}.dialog-head h2{font-size:23px}.dialog-head button{border:1px solid #666;border-radius:50%;min-width:44px;height:44px;background:transparent;color:white;font-size:25px}dialog video{max-height:76dvh;width:100%;aspect-ratio:16/9;object-fit:contain}dialog p{color:#f4aaaa;font-size:14px;margin-top:12px}html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3{letter-spacing:0;line-height:1.3}html[dir=rtl] .hero:after{background:linear-gradient(270deg,#111315f5,#111315d9 35%,#11131529)}html[dir=rtl] .immo:after{background:linear-gradient(270deg,#f7f3ecfa 5%,#f7f3ecd9 43%,#f7f3ec00 90%)}html[dir=rtl] .dari-logo{object-position:right center}
@media(min-width:1500px){.opening-frame video{aspect-ratio:2.8}.opening{max-width:1344px}}
@media(max-width:1150px){.desktop-nav{gap:12px}.header-actions{gap:12px}.header-cta{max-width:160px;text-align:center}.client-link{display:none}.wrap{width:calc(100% - 64px)}.product-copy{padding:25px}.immo .product-copy{min-width:230px}.product h3{font-size:29px}.coherence,.journal-home{gap:35px}.contact-layout{gap:45px}.method-grid>div{padding-inline:20px}.nav-parent{font-size:14px}.opening #entry-title{font-size:6vw}}
@media(max-width:900px){.desktop-nav{display:none}.menu-button{display:flex}.header-inner{min-height:90px}.brand,.brand img{width:96px}.brand img{height:70px}.header-actions{margin-inline-start:auto}.header-cta{max-width:none}.wrap{width:calc(100% - 48px)}.hero{min-height:630px}.hero h1{font-size:80px}.hero:after{background:#111315b0}.hero-inner{padding-top:60px}.expertise-grid{grid-template-columns:repeat(2,1fr);gap:30px}.products-grid{grid-template-columns:1fr}.product{min-height:360px}.product-copy{padding:35px}.immo .product-copy{max-width:420px}.product h3{font-size:38px}.coherence{grid-template-columns:1fr;gap:30px}.method-grid{grid-template-columns:1fr 1fr}.method-grid>div{padding:25px!important}.method-grid>div:nth-child(odd){border:0;padding-inline-start:0!important}.journal-home{grid-template-columns:1fr;gap:40px}.article-grid{grid-template-columns:1fr 1fr}.brief-fields{gap:22px}.footer-grid{gap:25px}.footer-contact{gap:20px}.split-hero{gap:35px}.split-hero h1{font-size:42px}.split-feature{gap:35px}.trade-grid{grid-template-columns:1fr 1fr}.access-grid article{padding:28px}.contact-layout{grid-template-columns:1fr;gap:45px}.contact-layout aside{max-width:600px}.opening #entry-title{font-size:6.5vw}.opening-frame video{aspect-ratio:2.15}.entry-actions{grid-template-columns:1fr 1fr;gap:16px}.enter-button{grid-column:2;min-width:0}.entry-signature{margin-top:22px}.opening .eyebrow{font-size:10px}}
@media(max-width:600px){.wrap{width:calc(100% - 40px)}.section{padding-block:55px}.section+.section{padding-top:15px}.header-inner{gap:12px;min-height:82px}.brand,.brand img{width:80px}.brand img{height:62px}.header-actions{gap:10px}.header-cta{display:none}.language{font-size:12px}.menu-button{font-size:12px;padding:8px}.opening{padding-top:28px;padding-bottom:28px}.opening .eyebrow{font-size:9px;letter-spacing:.18em;max-width:300px;margin-inline:auto;margin-bottom:20px}.opening #entry-title{font-size:42px;letter-spacing:-.05em;line-height:1.06}.opening-sub{font-size:17px;line-height:1.5;margin-block:20px 25px}.opening-frame{border-radius:8px}.opening-frame video{aspect-ratio:16/9;object-fit:contain}.video-controls{padding:2px 5px;gap:6px}.video-controls span{font-size:10px}.video-controls button{min-width:32px}.entry-actions{display:flex;flex-direction:column;gap:13px;margin-top:22px}.enter-button{order:-1;width:100%;font-size:15px}.entry-signature{font-size:12px;gap:10px;margin-top:12px}.entry-signature:before,.entry-signature:after{width:20px}.hero{min-height:630px}.hero-inner{padding-block:48px 30px}.hero .eyebrow{font-size:9px;line-height:1.6;max-width:300px}.hero h1{font-size:65px;margin-top:38px;letter-spacing:-.05em}.hero p:not(.eyebrow){font-size:17px}.hero .actions{display:flex;align-items:stretch;flex-direction:column;gap:14px;margin-top:35px}.hero .btn{justify-content:space-between;font-size:13px}.hero-video{object-position:60% center}.red-rule{margin-block:24px}.expertise-grid{grid-template-columns:1fr;gap:32px;margin-top:30px}.expertise-card h3{font-size:26px;max-width:300px}.expertise-card img{aspect-ratio:1.65}.film-cover>img{aspect-ratio:16/9}.play-disc{width:62px;height:62px;font-size:20px}.film-duration{bottom:12px;right:12px}.film-caption{align-items:flex-start;flex-direction:column}.film-caption h3{font-size:31px}.film-caption p{font-size:16px}.product{min-height:385px;grid-template-columns:1.1fr 1fr}.product-copy{padding:23px 18px}.product h3{font-size:28px}.product p{font-size:14px;line-height:1.6}.product .btn{font-size:12px;padding:12px;gap:8px;line-height:1.4}.product .arrow{font-size:20px}.immo .product-copy{min-width:225px;max-width:250px}.product .eyebrow{font-size:9px}.dari-logo{width:115px;height:60px}.dari .product-image img{object-position:45% center}.coherence{padding-top:25px}.coherence h2{font-size:36px}.coherence .lead{font-size:18px}.method-grid{grid-template-columns:1fr;margin-top:30px}.method-grid>div{padding:23px 0!important;border:0;border-top:1px solid var(--line)!important}.method-grid h3{font-size:25px}.method-grid p{font-size:16px;margin-top:12px}.journal-home .article-grid,.article-grid{grid-template-columns:1fr}.article-grid img{aspect-ratio:1.6}.filters{gap:9px}.filters button{padding:10px 18px;font-size:12px;flex-grow:1}.brief{padding:45px 0}.brief-fields{grid-template-columns:1fr;gap:22px;margin-block:28px}.brief h2{font-size:40px}.brief h2+p{font-size:16px}.brief button{font-size:15px}.footer{padding-top:35px}.footer-grid{grid-template-columns:1fr 1fr;gap:30px 22px}.footer-grid>div:first-child{grid-column:1/-1}.footer-contact{display:flex;flex-direction:column;align-items:flex-start;gap:14px;font-size:14px}.footer-contact>div{margin-inline-start:0;gap:20px}.footer-contact a{min-height:44px;display:flex;align-items:center}.footer-bottom{flex-direction:column;align-items:flex-start;gap:14px}.footer-bottom a{display:flex;align-items:center;min-height:44px}.page-head{padding-top:48px}.page-head h1{font-size:43px}.page-head .lead{font-size:18px}.split-hero{grid-template-columns:1fr;gap:35px;padding-block:35px 35px}.split-hero h1{font-size:43px}.split-hero .lead{font-size:18px}.split-hero>img{aspect-ratio:1.4}.breadcrumb{padding-top:25px;font-size:11px;gap:6px}.deliverable-grid{grid-template-columns:1fr;gap:28px;margin-top:30px}.split-feature{grid-template-columns:1fr;gap:30px}.cta-band{padding-block:45px}.cta-band>.wrap{flex-direction:column;align-items:flex-start;gap:28px}.cta-band h2{font-size:39px}.access-grid{grid-template-columns:1fr}.access-grid article{padding:28px}.help-line{flex-direction:column;align-items:flex-start;gap:12px}.trade-grid{gap:25px 18px}.trade-grid h3{font-size:18px;letter-spacing:-.02em}.trade-grid img{aspect-ratio:.85}.artisan-section{padding:45px 0}.agency-cover img{aspect-ratio:1.4}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.contact-line{font-size:20px}.contact-layout{padding-top:45px}.form-grid input,.form-grid textarea,.form-grid select{font-size:16px}.prose h2{font-size:28px}.prose{font-size:16px}dialog{padding:12px}.dialog-head h2{font-size:18px}.dialog-head{margin-bottom:10px}html[dir=rtl] .opening #entry-title{font-size:38px}html[dir=rtl] .hero h1{font-size:59px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Finitions après contrôle visuel du board. */
.social-bar{background:var(--ink);color:white}.social-bar>.wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:42px}.social-bar>.wrap>span{font-size:11px;font-weight:700;letter-spacing:.06em}.social-bar nav{display:flex;align-items:center;gap:22px}.social-link{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;font-size:11px}.social-link img{width:17px;height:17px}.social-link:hover{opacity:.75}.opening{padding-top:24px;padding-bottom:25px}.opening #entry-title{font-size:clamp(34px,4.2vw,56px)}.opening-sub{font-size:clamp(16px,1.5vw,21px);margin-block:12px 20px}.opening-frame{width:min(100%,calc(max(240px,100svh - 390px)*16/9));margin-inline:auto;background:#17171e}.opening-frame video{aspect-ratio:16/9;object-fit:contain;object-position:center}.entry-pause{position:absolute;bottom:10px;inset-inline-start:10px;min-width:44px;min-height:44px;border:1px solid #ffffff50;border-radius:6px;background:#15151ac0;color:white}.entry-actions{margin-top:18px}.entry-signature{margin-top:16px}.brand-film video{aspect-ratio:16/9;object-fit:contain;width:100%;height:auto}.inline-media-controls{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;background:#161617;padding-top:12px}.inline-media-controls .ambient-toggle{position:static}.sound-toggle{min-height:44px;padding:9px 13px;border:1px solid #ffffff50;border-radius:6px;background:transparent;color:white;font-size:12px}.communication-section{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:start}.communication-section h2{font-size:clamp(36px,4vw,59px)}.communication-section .text-link{margin-top:25px;color:var(--red)}.outcomes article{padding:27px 0;border-top:1px solid var(--line)}.outcomes article:first-child{padding-top:0;border-top:0}.outcomes h3{font-size:31px}.outcomes p{font-size:16px;margin-top:14px}.article-grid img.event-image{aspect-ratio:1;object-fit:contain;background:white}.article-cover{max-width:700px;margin-inline:auto}.article-cover img{width:100%;height:auto;border-radius:12px}.article-date{margin-block:24px;font-size:13px}.article-sources{border-top:1px solid var(--line);padding-top:28px;display:flex;flex-wrap:wrap;gap:15px 25px;font-size:13px}
@media(min-width:901px){.opening #entry-title{font-size:clamp(36px,4vw,48px)}.opening-sub{font-size:18px}.opening-frame{width:min(100%,calc(max(220px,100svh - 505px)*16/9))}.opening-frame video{aspect-ratio:16/9}}
@media(max-width:900px){.opening #entry-title{font-size:clamp(34px,5vw,48px)}.opening-frame video{aspect-ratio:16/9}.communication-section{grid-template-columns:1fr;gap:35px}.social-bar nav{gap:16px}.social-link span{display:none}.social-link{min-width:36px}.entry-actions{max-width:700px;margin-inline:auto}}
@media(max-width:600px){.social-bar>.wrap{min-height:38px}.social-bar>.wrap>span{font-size:10px}.social-bar nav{gap:8px}.social-link{min-width:32px}.social-link img{width:17px;height:17px}.opening{padding-block:22px}.opening #entry-title{font-size:38px}.opening .eyebrow{margin-bottom:15px}.opening-sub{font-size:16px;margin-block:16px 22px}.opening-frame{width:100%}.opening-frame video{aspect-ratio:16/9}.entry-actions{margin-top:18px}.entry-pause{bottom:4px;inset-inline-start:4px}.communication-section h2{font-size:38px}.outcomes h3{font-size:27px}}
.dari-brand{display:flex;align-items:center;gap:12px;margin-bottom:24px}.dari-brand .dari-logo{width:52px!important;height:58px!important;margin:0!important;object-position:center}.dari-brand strong{font-size:32px;line-height:1;color:var(--blue);letter-spacing:.015em}.footer-grid>div>a:not(.footer-brand){min-height:44px;display:flex;align-items:center}.opening #entry-title{letter-spacing:-.045em}.video-controls button{min-width:44px}.nav-expand{min-width:44px}.footer h3{margin-bottom:10px}

/* L’entrée se concentre sur le titre et le skate ; la navigation apparaît après l’entrée. */
.show-intro .header,.show-intro .opening>.eyebrow,.show-intro .opening-sub,.show-intro .entry-signature{display:none}
.show-intro .opening{display:flex;flex-direction:column;justify-content:center;min-height:100svh;padding-block:28px}
.show-intro .opening #entry-title{margin-bottom:24px}
.show-intro .opening-frame{width:min(100%,calc(max(220px,100svh - 270px)*16/9))}
.show-intro .entry-actions{width:100%;flex-shrink:0}
@media(max-width:900px){.show-intro .opening-frame{width:100%}.show-intro .entry-actions{max-width:700px}}

/* Échelle de lecture plus compacte à zoom navigateur normal. */
h1{font-size:clamp(36px,4.3vw,62px)}h2{font-size:clamp(31px,3.5vw,49px)}h3{font-size:clamp(20px,1.7vw,25px)}
.section{padding-block:62px}.section+.section{padding-top:22px}.lead{font-size:clamp(17px,1.45vw,20px);margin-top:19px}.eyebrow{margin-bottom:18px}.btn{min-height:48px;padding:14px 21px}.header-inner{min-height:84px}.brand,.brand img{width:94px}.brand img{height:68px}.header-cta{padding:12px 16px}.page-head{padding-top:48px}.page-head h1{max-width:900px}
.hero{min-height:480px}.hero-inner{width:calc(100% - 72px);max-width:none;padding-block:43px 42px}.hero h1{font-size:clamp(54px,5.8vw,84px);max-width:490px;margin-block:24px 18px}.hero .eyebrow{max-width:490px;font-size:10px}.hero p:not(.eyebrow){font-size:18px;max-width:470px}.hero .actions{margin-top:28px}.red-rule{height:4px;width:70px;margin-block:20px 24px}.hero:after{background:linear-gradient(90deg,#111315e8 0%,#111315b8 22%,#11131538 49%,#11131500 80%);pointer-events:none}html[dir=rtl] .hero:after{background:linear-gradient(270deg,#111315e8 0%,#111315b8 22%,#11131538 49%,#11131500 80%)}
.expertise-grid{gap:26px;margin-top:28px}.expertise-card h3{font-size:clamp(20px,1.7vw,24px)}.expertise-card img{aspect-ratio:16/9;object-fit:contain}.expertise-card a>div{margin-top:13px}.products-grid{gap:24px;margin-top:26px}.product{min-height:340px}.product-copy{padding:26px}.product h3{font-size:30px}.product .btn{margin-top:20px}.product p{margin-top:14px}.coherence{gap:42px}.coherence h2,.communication-section h2,.journal-home h2{font-size:clamp(32px,3.2vw,46px)}.coherence .btn{margin-top:22px}.method-grid{margin-top:30px}.method-grid>div{padding:25px 20px}.method-grid h3{font-size:22px}.outcomes h3{font-size:26px}.outcomes article{padding:22px 0}.communication-section{gap:60px}.journal-home{gap:45px}.article-grid{gap:24px}.article-grid h3{font-size:21px}.brief{padding-block:48px}.brief h2{font-size:clamp(32px,3.5vw,49px)}.brief-fields{margin-block:27px;gap:26px}.brief button{font-size:17px}.footer{padding-top:48px}.footer-grid{gap:32px}.footer-contact{padding-block:24px}
.split-hero{gap:45px;padding-block:35px 45px}.split-hero h1{font-size:clamp(35px,3.5vw,52px)}.split-hero>img{aspect-ratio:auto;max-height:430px;object-fit:contain}.deliverable-grid{gap:26px;margin-top:28px}.deliverable-grid h3{font-size:22px}.split-feature{gap:45px}.split-feature h2{font-size:clamp(31px,3.2vw,46px)}.cta-band,.artisan-section{padding-block:46px}.cta-band h2{font-size:clamp(32px,3.3vw,48px)}.contact-layout{gap:60px}.contact-layout aside h2{font-size:30px}.contact-line{font-size:19px}.form-grid{gap:20px}.agency-cover{padding-top:30px}.agency-cover img{max-height:420px;object-fit:contain;aspect-ratio:auto}.access-grid article{padding:32px}.access-grid h2{font-size:31px}.dari-page .split-hero{padding-top:40px}
@media(min-width:901px){#octadeal-en-mouvement>.wrap{display:grid;grid-template-columns:minmax(190px,.7fr) minmax(0,1.8fr);column-gap:42px;align-items:center}#octadeal-en-mouvement .eyebrow{grid-column:1;align-self:end;margin:0}#octadeal-en-mouvement h2{grid-column:1;font-size:clamp(32px,3.1vw,46px);margin-block:18px}#octadeal-en-mouvement .lead{grid-column:1;align-self:start;margin:0;font-size:18px}#octadeal-en-mouvement .film-block{grid-column:2;grid-row:1/4;margin:0}.brand-film video{max-height:calc(100svh - 220px)}}
@media(max-width:900px){.hero-inner{width:calc(100% - 48px)}.hero{min-height:460px}.hero h1{font-size:64px}.hero p:not(.eyebrow){font-size:17px}.header-actions{gap:12px}.product{min-height:315px}.product h3{font-size:32px}.communication-section{gap:30px}.contact-layout{gap:35px}.split-hero{gap:30px}.split-hero h1{font-size:38px}.brand-film{margin-top:26px}}
@media(max-width:600px){.section{padding-block:42px}.section+.section{padding-top:18px}.header-inner{min-height:74px}.brand,.brand img{width:78px}.brand img{height:58px}.hero-inner{width:calc(100% - 40px);padding-block:36px}.hero{min-height:435px}.hero h1,html[dir=rtl] .hero h1{font-size:54px;margin-top:22px}.hero .eyebrow{font-size:9px;max-width:290px}.hero p:not(.eyebrow){font-size:16px;max-width:330px}.hero .actions{margin-top:24px}.hero:after{background:linear-gradient(90deg,#111315e6,#111315b0 58%,#11131565)}html[dir=rtl] .hero:after{background:linear-gradient(270deg,#111315e6,#111315b0 58%,#11131565)}.expertise-grid{gap:26px}.expertise-card h3{font-size:23px}.product-copy{padding:23px 18px}.product h3{font-size:26px}.product{min-height:345px}.coherence h2,.communication-section h2,.journal-home h2{font-size:34px}.outcomes h3{font-size:24px}.brief h2{font-size:34px}.brief{padding-block:38px}.brief-fields{gap:20px}.brief button{font-size:15px}.page-head{padding-top:35px}.page-head h1,.split-hero h1{font-size:36px}.split-hero{padding-block:27px 30px}.split-feature{gap:28px}.split-feature h2,.cta-band h2{font-size:34px}.cta-band{padding-block:38px}.footer{padding-top:35px}.footer-grid{gap:25px 20px}.contact-layout{padding-top:30px}.access-grid article{padding:25px}.prose h2{font-size:26px}}
/* Accueil éditorial : signature à part, vidéo entière dans son propre cadre. */
.hero{width:calc(100% - 96px);max-width:1240px;margin:30px auto 16px;min-height:0;display:grid;grid-template-columns:minmax(300px,.88fr) minmax(0,1.72fr);gap:36px;align-items:center;background:transparent;color:var(--ink);overflow:visible}
.hero:after,html[dir=rtl] .hero:after{display:none}
.hero-inner{grid-column:1;grid-row:1;width:auto;max-width:none;padding:14px 0;margin:0;z-index:auto}
.hero-video{grid-column:2;grid-row:1;position:relative;inset:auto;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;border-radius:18px;box-shadow:0 16px 35px #22222912}
.hero .eyebrow{color:var(--muted);font-size:10px;line-height:1.6;letter-spacing:.055em;max-width:350px;margin:0}
.hero h1,html[dir=rtl] .hero h1{font-size:clamp(44px,4.35vw,62px);line-height:1.08;margin:20px 0;max-width:390px;letter-spacing:-.055em}
.hero p:not(.eyebrow){color:#55545b;font-size:17px;line-height:1.65;max-width:360px}
.hero .actions{margin-top:25px}.hero .btn{padding:13px 18px;gap:18px;font-size:13px}
.expertise-summary{font-size:15px;line-height:1.65;margin-top:11px;max-width:36em}
#expertises>.lead{max-width:850px}.service-context{display:grid;grid-template-columns:220px 1fr;gap:28px;padding:24px 0;border-block:1px solid var(--line)}
.service-context .eyebrow{margin:3px 0 0}.service-context>p:last-child{max-width:800px}
.deliverable-grid article p{line-height:1.7}.service-scope{margin-top:28px;padding:20px 24px;background:#eee8df;border-radius:8px;max-width:950px;font-size:14px;color:#55545b}
.service-question{padding:26px 30px;border:1px solid var(--line);border-radius:12px;display:grid;grid-template-columns:.8fr 1.2fr;gap:35px;align-items:start}
.service-question h2{font-size:24px;line-height:1.25;letter-spacing:-.025em}.service-question p{font-size:16px;line-height:1.7}
.cta-band h2{max-width:780px}.cta-band .btn{flex-shrink:0}
@media(max-width:1100px) and (min-width:901px){.hero{gap:25px;grid-template-columns:minmax(300px,1fr) minmax(0,1.5fr)}.hero p:not(.eyebrow){font-size:16px}.hero h1{font-size:48px}}
@media(max-width:900px){.hero{grid-template-columns:1fr;gap:25px;width:calc(100% - 48px);margin-top:27px}.hero-inner{display:grid;grid-template-columns:1fr 1fr;column-gap:26px;padding:0}.hero .eyebrow{grid-column:1/-1;margin-bottom:17px}.hero h1,html[dir=rtl] .hero h1{grid-column:1;grid-row:2/4;margin:0;font-size:48px}.hero p:not(.eyebrow){grid-column:2;font-size:16px;max-width:none}.hero .actions{grid-column:2;margin-top:16px}.hero-video{grid-column:1;grid-row:2;max-height:none}.service-context{grid-template-columns:1fr;gap:7px}.service-question{gap:24px}}
@media(max-width:600px){.hero{width:calc(100% - 40px);margin-top:25px;gap:24px}.hero-inner{display:block}.hero .eyebrow{margin:0;font-size:9px;max-width:none}.hero h1,html[dir=rtl] .hero h1{font-size:46px;margin:16px 0}.hero p:not(.eyebrow){font-size:16px;max-width:none}.hero .actions{margin-top:20px}.hero-video{border-radius:12px}.service-context{padding:19px 0}.service-context p{font-size:15px}.service-question{display:block;padding:22px}.service-question p{margin-top:16px}.service-scope{padding:18px}.expertise-summary{font-size:15px}}
/* Entrée cinéma validée : même film, sans recadrage, accès immédiat au site. */
.show-intro body{background:#0b0d11}
.show-intro .opening{display:grid;position:relative;place-items:center;width:100%;max-width:none;margin:0;min-height:100svh;padding:0;color:#fff;background:#0b0d11;overflow:hidden;text-align:start}
.show-intro .opening-frame{position:absolute;inset:0;width:100%;max-width:none;margin:0;border-radius:0;background:#0b0d11;overflow:hidden}
.show-intro .opening-frame video{display:block;width:100%;height:100svh;max-height:none;aspect-ratio:auto;object-fit:contain;object-position:center;background:#0b0d11}
.opening-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#08090c8c,transparent 31%,transparent 73%,#08090ca3)}
.show-intro .opening #entry-title{position:absolute;top:34px;inset-inline-start:48px;inset-inline-end:48px;margin:0;max-width:none;color:#fff;font-size:clamp(28px,3.2vw,46px);font-weight:800;line-height:1.08;letter-spacing:-.045em;text-shadow:0 2px 20px #0005;pointer-events:none;text-align:center}
.show-intro .opening #entry-title span{color:var(--red)}
.show-intro .entry-actions{position:absolute;inset-inline:48px;bottom:max(30px,env(safe-area-inset-bottom));display:flex;flex-direction:row;justify-content:center;align-items:center;width:auto;max-width:none;margin:0;gap:20px}
.show-intro .enter-button{grid-column:auto;order:0;min-width:0;min-height:54px;padding:17px 23px;font-size:14px;gap:38px;width:auto}

.show-intro .opening :focus-visible{outline:3px solid #fff;outline-offset:-4px}
@media(max-width:900px) and (orientation:portrait){
 .show-intro .opening{display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;gap:28px;padding-block:clamp(24px,6svh,65px);min-height:100svh}
 .show-intro .opening #entry-title,html[dir=rtl].show-intro .opening #entry-title{position:static;order:0;margin:0;padding-inline:22px;font-size:clamp(30px,6.4vw,44px);max-width:100%;text-shadow:none}
 .show-intro .opening-frame{position:relative;inset:auto;order:1;flex-shrink:0}
 .show-intro .opening-frame video{height:auto;aspect-ratio:16/9;object-fit:contain}
 .show-intro .opening-shade{display:none}
 .show-intro .entry-actions{position:static;order:2;flex-direction:column;align-items:stretch;padding-inline:22px;gap:18px;width:100%}
 .show-intro .enter-button{width:100%;justify-content:space-between}
 
}
@media(max-height:520px) and (orientation:landscape){
 .show-intro .opening #entry-title,html[dir=rtl].show-intro .opening #entry-title{top:18px;inset-inline:24px;font-size:clamp(25px,3.4vw,34px)}
 .show-intro .entry-actions{inset-inline:24px;bottom:16px}.show-intro .enter-button{min-height:44px;padding:12px 17px}
}

/* Commande sonore discrète, accessible aussi au clavier et au toucher. */
.entry-mute{position:absolute;inset-inline-end:30px;bottom:105px;z-index:2;display:inline-flex;align-items:center;gap:7px;min-width:74px;min-height:44px;padding:9px 13px;border:1px solid #ffffff50;border-radius:24px;background:#0b0d11b8;color:#fff;font-family:inherit;font-size:12px;font-weight:600;line-height:1.2;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .18s ease;backdrop-filter:blur(8px)}
.entry-mute svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.entry-mute .sound-cross,.entry-mute[data-muted=true] .sound-waves{display:none}.entry-mute[data-muted=true] .sound-cross{display:block}
@media(hover:hover){.opening-frame:hover .entry-mute{opacity:1;pointer-events:auto}}
.entry-mute:focus-visible,.opening-frame:has(video:focus-visible) .entry-mute,.opening-frame[data-controls-visible=true] .entry-mute{opacity:1;pointer-events:auto}
@media(max-width:900px) and (orientation:portrait){.entry-mute{bottom:10px;inset-inline-end:12px}}
@media(max-height:520px) and (orientation:landscape){.entry-mute{bottom:72px;inset-inline-end:18px}}
@media(prefers-reduced-motion:reduce){.entry-mute{transition:none}}

.social-link img{width:20px;height:20px;object-fit:contain}

/* Aperçus des services : capture réelle et formats publicitaires, sans lecteur. */
.service-showcase{position:relative;display:grid;grid-template-rows:9% 1fr;container-type:inline-size;aspect-ratio:16/9;width:100%;min-width:0;overflow:hidden;border:1px solid #ddd9d4;border-radius:10px;background:#fff;box-shadow:0 5px 20px #24232808;isolation:isolate;direction:ltr}
.service-showcase .showcase-toolbar{display:flex;align-items:center;justify-content:space-between;gap:3cqw;padding-inline:3cqw;white-space:nowrap;background:#fcfcfd;border-bottom:1px solid #e5e5e8;color:#45454d;font-size:2.1cqw;font-weight:650;line-height:1}
.showcase-toolbar b{font-weight:400;color:#7b7b83}.browser-dots{display:flex;gap:1cqw}.browser-dots i{width:1.2cqw;height:1.2cqw;border-radius:100%;background:#d5d5da}.browser-dots i:first-child{background:#f5aaa7}.browser-dots i:nth-child(2){background:#ead99c}.browser-dots i:nth-child(3){background:#aed6bf}.browser-lock{font-size:3cqw;color:#92929a}
.website-viewport{display:block;position:relative;overflow:hidden;min-height:0;background:#eaf1f3}
.service-showcase img.website-scroll{display:block;width:100%;height:auto;max-width:none;aspect-ratio:auto;object-fit:initial;border-radius:0;transition:none;animation:website-pan 28s linear infinite;animation-play-state:paused;will-change:transform}
.expertise-card a:hover img.website-scroll{transform:none}
@keyframes website-pan{0%,100%{transform:translateY(0)}48%,54%{transform:translateY(-29%)}}
.advertising-showcase{grid-template-rows:9% 81% 10%;background:#f4f0ed}
.advertising-showcase .showcase-toolbar{justify-content:flex-start;gap:2.5cqw}
.service-showcase .platform-icon{display:block;width:3cqw;height:3cqw;aspect-ratio:1;object-fit:contain;border-radius:0;flex-shrink:0;transition:none}
.ad-platforms{display:flex;gap:1.4cqw;align-items:center}.ad-stage{position:relative;display:block;min-height:0;overflow:hidden;background:radial-gradient(ellipse at 20% 80%,#e9d6cf 0%,transparent 60%),linear-gradient(130deg,#f9f7f5,#eee8e4)}
.ad-orbit{position:absolute;width:75%;aspect-ratio:1;left:13%;top:-21%;border:1px solid #d9c9c3;border-radius:100%;opacity:.65}.ad-orbit:after{content:'';position:absolute;inset:11%;border:1px solid #d9c9c3;border-radius:100%}
.ad-post{position:absolute;display:grid;grid-template-rows:18% 65% 17%;left:8%;top:13%;width:46%;height:75%;border-radius:1.8cqw;background:white;box-shadow:0 2cqw 5cqw #30232219;overflow:hidden;border:1px solid #e0dcda;animation:ad-post-float 10s ease-in-out infinite;animation-play-state:paused}
.ad-account{display:flex;align-items:center;gap:1.2cqw;padding-inline:2.4cqw;color:#27272e}.ad-account>span{display:flex;flex-direction:column;gap:.3cqw}.ad-account strong{font-size:1.8cqw;line-height:1.1;font-weight:800}.ad-account small{font-size:1.35cqw;line-height:1.1;color:#73737b}.ad-account>b{margin-left:auto;font-size:2cqw;letter-spacing:.2cqw;align-self:center}
.ad-creative{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:1.7cqw;padding:2cqw 4cqw;background:#f7f5f0;overflow:hidden}
.service-showcase img.ad-logo{display:block;width:12cqw;height:auto;aspect-ratio:auto;max-height:none;object-fit:contain;border-radius:0;transition:none;flex-shrink:0}
.ad-creative>strong{position:relative;font-size:3.6cqw;line-height:1.15;letter-spacing:-.13cqw;font-weight:800;color:#2a2a31;z-index:1}.ad-creative>strong em{color:var(--red)}.ad-creative-rule{position:absolute;width:16cqw;height:16cqw;border:2.8cqw solid #e90a2420;border-radius:100%;right:-9cqw;bottom:-5cqw;transform:rotate(-30deg)}
.ad-post-action{display:flex;align-items:center;justify-content:space-between;padding-inline:2.5cqw;font-size:1.65cqw;font-weight:700;color:#34343b;border-top:1px solid #e8e2de}.ad-post-action b{font-size:2.4cqw;color:var(--red)}
.ad-story{position:absolute;right:10%;top:5%;width:27%;height:89%;display:flex;flex-direction:column;align-items:center;padding:1.5cqw 2.1cqw;gap:1.8cqw;overflow:hidden;border-radius:2cqw;background:#24242b;color:white;box-shadow:0 2cqw 5cqw #30232224;border:.5cqw solid #fff;animation:ad-story-float 10s ease-in-out infinite;animation-play-state:paused}
.story-progress{display:flex;gap:.6cqw;width:100%;height:.45cqw;flex-shrink:0}.story-progress i{flex:1;background:#ffffff55;border-radius:1cqw}.story-progress i:first-child{background:#fff}.story-account{display:flex;gap:1cqw;align-items:center;width:100%;font-size:1.4cqw;line-height:1}.ad-story .platform-icon{width:2.5cqw;height:2.5cqw}.story-logo{display:flex;align-items:center;justify-content:center;width:100%;padding:1.8cqw;background:#fff;border-radius:.7cqw;margin-top:1.2cqw}.story-logo img.ad-logo{width:12.5cqw}.ad-story>strong{font-size:3.4cqw;font-weight:800;letter-spacing:-.12cqw;line-height:1.1;align-self:flex-start;margin-top:.6cqw}.ad-story>strong em{color:#ff6476}.story-link{margin-top:auto;background:#fff;color:#24242b;border-radius:5cqw;padding:1cqw 1.7cqw;white-space:nowrap;font-size:1.4cqw;line-height:1;font-weight:750}
.format-tag{position:absolute;padding:.65cqw 1.5cqw;border-radius:4cqw;font-size:1.5cqw;font-weight:750;line-height:1.2;box-shadow:0 1cqw 2cqw #0000000a;white-space:nowrap}.tag-post{left:5%;top:6%;background:#0866ff;color:white}.tag-story{right:6%;bottom:3%;background:#b83382;color:#fff}
.ad-steps{display:flex;align-items:center;justify-content:center;gap:4cqw;background:#fff;font-size:1.8cqw;font-weight:750;color:#57555b}.ad-steps i{font-style:normal;color:#aca4a3}.ad-steps span{animation:ad-step-glow 12s ease-in-out infinite;animation-play-state:paused}.ad-steps span:nth-of-type(2){animation-delay:4s}.ad-steps span:nth-of-type(3){animation-delay:8s}
@keyframes ad-post-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-1cqw)}}
@keyframes ad-story-float{0%,100%{transform:translateY(0)}50%{transform:translateY(1cqw)}}
@keyframes ad-step-glow{0%,24%{color:var(--red)}34%,100%{color:#57555b}}
.service-showcase.is-visible .website-scroll,.service-showcase.is-visible .ad-moving,.service-showcase.is-visible .ad-steps span{animation-play-state:running}
.service-showcase.is-paused *{animation-play-state:paused!important}
.service-showcase:focus-visible{outline:3px solid var(--red);outline-offset:5px}.expertise-card a:hover .service-showcase img:not(.website-scroll){transform:none}
@media(prefers-reduced-motion:reduce){.service-showcase *{animation:none!important}.website-scroll{will-change:auto!important}}
.ad-copy,.story-copy{position:relative;display:block;width:100%;height:8.6cqw;flex-shrink:0;overflow:hidden}
.ad-message{position:absolute;inset:0;display:block;font-size:3.6cqw;line-height:1.15;letter-spacing:-.13cqw;font-weight:800;color:#2a2a31;animation:ad-message-one 10s ease-in-out infinite;animation-play-state:paused}
.ad-message em{color:var(--red)}.message-two{opacity:0;animation-name:ad-message-two}
.story-copy{height:8cqw;margin-top:.6cqw}.story-copy .ad-message{font-size:3.4cqw;line-height:1.1;letter-spacing:-.12cqw;color:white}.story-copy .ad-message em{color:#ff6476}
.story-progress{position:relative;overflow:hidden}.story-progress:after{content:'';position:absolute;inset:0;background:#fff;transform-origin:left;animation:ad-story-progress 10s linear infinite;animation-play-state:paused}
.service-showcase.is-visible .ad-message,.service-showcase.is-visible .story-progress:after{animation-play-state:running}
.service-showcase.is-paused .story-progress:after{animation-play-state:paused}
@keyframes ad-message-one{0%,40%,100%{opacity:1;transform:translateY(0)}44%,96%{opacity:0;transform:translateY(-15%)}}
@keyframes ad-message-two{0%,44%,100%{opacity:0;transform:translateY(15%)}48%,92%{opacity:1;transform:translateY(0)}96%{opacity:0;transform:translateY(-15%)}}
@keyframes ad-story-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(prefers-reduced-motion:reduce){.service-showcase .story-progress:after{animation:none!important}.message-two{display:none}}

/* Shared navigation and the OCTADEAL paper film, October 2026. */
:root{--red:#a3243c;--paper:#faf7f1;--ink:#242229;--muted:#64616a;--line:#e3dcd2}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.header-inner{gap:18px}.desktop-nav{gap:20px}.header-actions{gap:13px}.header-cta{max-width:190px}.nav-parent[aria-current],.submenu a[aria-current],.mobile-menu a[aria-current]{color:var(--red);font-weight:800}.submenu a[aria-current]{background:#a3243c0a}.language{font-size:13px;font-weight:800}.btn:hover{background:#801d32}.btn.outline:hover{background:#f0e9df}.btn-dari:hover{background:#ffba2c}
.breadcrumb{display:flex;flex-wrap:wrap;gap:10px;font-size:12px;line-height:1.8;padding-top:24px;margin-bottom:0;color:var(--muted)}.breadcrumb a{text-decoration:underline;text-underline-offset:3px}.breadcrumb+section.page-head{padding-top:28px}.breadcrumb [aria-current]{color:var(--ink)}
.orbit-hero{padding-top:34px;background:var(--paper)}.orbit-heading .eyebrow{font-size:10px;letter-spacing:.12em;margin-bottom:10px}.orbit-stage{width:min(84%,1400px);margin:0 auto;background:var(--paper)}.orbit-stage video{display:block;width:100%;height:auto;margin-inline:auto;max-height:none;aspect-ratio:16/9;object-fit:contain;background:#efe6d7;cursor:pointer}.orbit-expertises{padding-top:64px}.orbit-expertises .lead{max-width:760px}.expertise-card{scroll-margin-top:30px}.application-section{background:#f0ebe3;border-block:1px solid var(--line)}.application-section .products-grid{margin-top:34px}.agency-path{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.agency-path h2{font-size:clamp(30px,3.5vw,48px)}.agency-path .lead{margin-top:0;font-size:18px}.agency-path .btn{margin-top:24px}.journal-home .btn{margin-top:24px}.journal-home .article-grid{margin-top:0}.article-excerpt{font-size:14px;line-height:1.6;margin-top:12px}.article-grid .event-image{object-fit:contain;background:#f0ebe3}.article-sources{display:flex;flex-direction:column;align-items:start;gap:10px;margin-top:24px}.article-related{margin-top:38px;padding-top:30px;border-top:1px solid var(--line)}.article-related .btn{margin-top:18px}.message-preview{width:100%;background:white;border:1px solid var(--line);padding:16px;margin-block:16px;min-height:200px;resize:vertical;font-size:14px;line-height:1.6}.opening #entry-title{font-size:clamp(32px,4.3vw,62px);line-height:1.07}.opening #entry-title span{color:#e50925}.entry-mute{opacity:0}.opening-frame:hover .entry-mute,.opening-frame:focus-within .entry-mute,.opening-frame[data-controls-visible=true] .entry-mute{opacity:1}.page-head h1{max-width:1000px}.prose p{overflow-wrap:anywhere}html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3{letter-spacing:0}@media(max-width:1180px){.desktop-nav{gap:12px}.header-inner{gap:12px}.header-actions{gap:10px}.header-cta{font-size:11px;padding:12px}.nav-parent{font-size:13px}.client-link{font-size:11px}}
@media(max-width:1050px){.desktop-nav{display:none}.menu-button{display:inline-flex}.header-actions{margin-inline-start:auto}}
@media(max-width:720px){.orbit-hero{padding-top:25px}.orbit-stage video{max-height:none}.agency-path{grid-template-columns:1fr;gap:24px}.agency-path .lead{font-size:16px}.header-cta{display:none}.breadcrumb{padding-top:18px}.orbit-expertises{padding-top:42px}.opening #entry-title{font-size:clamp(25px,5.8vw,40px)}.journal-home .article-grid{margin-top:10px}.contact-layout .actions{align-items:stretch}.contact-layout .actions .btn{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.orbit-stage video{transition:none}.service-showcase *{animation:none!important}}


.anchor-alias{display:block;height:0;scroll-margin-top:24px}
.orbit-stage{position:relative;overflow:hidden;background:#e6d8c5}

.orbit-heading{display:block;text-align:center;padding-bottom:18px}.orbit-heading h1{font-size:clamp(29px,2.8vw,40px);line-height:1.15}.orbit-heading h1 em{white-space:nowrap}.orbit-hero{padding-top:18px}.orbit-expertises{padding-top:48px}
@media(max-width:720px){.orbit-stage{width:calc(100% - 32px)}.orbit-heading{padding-inline:20px;padding-bottom:20px}.orbit-heading h1{font-size:clamp(27px,7.3vw,34px)}.orbit-heading h1 em{display:block;white-space:normal}.orbit-stage video{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}.orbit-expertises{padding-top:38px}}

html[dir=rtl] .orbit-heading h1{line-height:1.35}

/* Desktop density requested at normal browser zoom. Keep mobile and the
   full-screen skate introduction at their existing scale. Browser zoom remains
   available to the visitor; this only scales the site's desktop layout. */
@media(min-width:901px){html:not(.show-intro){zoom:.9}}
/* At 90% density the complete navigation fits from 946px (1050 * .9). */
@media(min-width:946px) and (max-width:1050px){
 html:not(.show-intro) .desktop-nav{display:flex}
 html:not(.show-intro) .menu-button{display:none}
}

/* Original OCTADEAL photograph from DZ IMMO, without image retouching. */
.social-real-feature{margin:0;min-width:0}
.social-real-feature .social-real-photo{display:block;width:100%;height:auto;max-height:520px;aspect-ratio:4/5;object-fit:cover;object-position:50% 64%;border-radius:10px}
.social-real-feature figcaption{margin-top:12px;font-size:13px;line-height:1.65;color:var(--muted)}
.social-real-feature figcaption strong{color:var(--ink)}
.social-real-feature figcaption a{display:block;color:var(--red);text-decoration:underline;text-underline-offset:3px;margin-top:5px}
.expertise-card .social-real-photo{height:auto;aspect-ratio:16/9;object-fit:cover;object-position:50% 48%}

/* A portrait film stays intact, plays in place, and is never nested in a link. */
.journal-teaser{margin:0;min-width:0;text-align:center}
.journal-teaser video{display:block;width:auto;max-width:100%;height:480px;max-height:65svh;aspect-ratio:9/16;object-fit:contain;background:#090909;border-radius:10px;margin-inline:auto}
.journal-teaser figcaption{font-size:12px;line-height:1.6;color:var(--muted);margin-top:12px}
.article-grid .journal-video-card{grid-column:1/-1;display:grid;grid-template-columns:minmax(200px,300px) minmax(0,1fr);gap:clamp(28px,5vw,70px);align-items:center;border-bottom:1px solid var(--line);padding-bottom:38px;margin-bottom:10px}
.journal-video-card h2{font-size:clamp(28px,3vw,43px);line-height:1.15;max-width:650px}
.journal-video-card .article-meta{margin-block:20px 16px}
.journal-video-card .article-excerpt,.journal-video-card .teaser-intro{max-width:590px;font-size:16px;line-height:1.8;margin-top:20px}
.journal-video-card .text-link{display:inline-flex;margin-top:25px;color:var(--red);text-decoration:underline;text-underline-offset:5px}
.prose>.journal-teaser{margin-block:0 35px}
/* Press coverage belongs to the existing event, alongside its original teaser. */
.journal-reportage{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:30px;padding:30px;background:#f0ebe3;border:1px solid var(--line);border-radius:12px;scroll-margin-top:145px}
.journal-reportage h2,.journal-reportage h3{font-size:clamp(23px,2.4vw,32px);line-height:1.2;letter-spacing:0;margin-block:12px 16px}
.journal-reportage-copy>p:not(.eyebrow){font-size:15px;line-height:1.75;margin-top:14px}
.journal-reportage .reportage-credit{color:var(--muted);font-size:12px}
.facebook-player{min-width:0}
.facebook-frame{width:100%;aspect-ratio:560/314;border-radius:8px;overflow:hidden;background:#17171b;color:#fff}
.facebook-frame iframe{display:block;width:100%;height:100%;border:0}
.prose>.journal-reportage{grid-template-columns:1fr;margin-block:32px;gap:20px}
.prose>.journal-reportage h2{margin-top:12px}
@media(max-width:760px){.journal-reportage{grid-template-columns:1fr;padding:20px;gap:20px}}
.prose>.journal-teaser video{height:560px;max-height:75svh}
@media(max-width:600px){.article-grid .journal-video-card{grid-template-columns:1fr;gap:26px}.journal-video-card>div{grid-row:1}.journal-teaser video{height:440px;max-height:70svh}.journal-video-card h2{font-size:29px}}

/* Social profiles are grouped once, in the footer, with their original icons. */
.footer .social-bar{background:transparent;color:var(--ink)}
.footer .social-bar>.wrap{border-top:1px solid var(--line);padding-block:16px;flex-wrap:wrap;gap:12px 24px}
.footer .social-bar>.wrap>span{font-size:12px}
.footer .social-bar nav{gap:24px;flex-wrap:wrap}
.footer .social-link{justify-content:flex-start;font-size:12px;min-height:44px;gap:9px}
.footer .social-link span{display:inline}
.footer .social-link img{width:20px;height:20px}
.footer .social-link img[src$="/tiktok.svg"]{background:#161616;border-radius:4px;padding:2px;box-sizing:content-box}
@media(max-width:600px){.footer .social-bar>.wrap{display:block}.footer .social-bar nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 20px;margin-top:12px}}