@font-face{font-family:'EUR42';src:url('../fonts/EUR42.otf') format('opentype');font-weight:400;font-style:normal;font-display:swap}
:root{--navy:#07152b;--navy2:#0b213e;--blue:#20049e;--paper:#f5f4ef;--white:#fff;--ink:#07152b;--muted:#98a5b7;--line:rgba(255,255,255,.16);--line-dark:rgba(7,21,43,.16);--accent:#71d5df;--serif:'EUR42',sans-serif;--sans:'EUR42',sans-serif;--fa:'EUR42',sans-serif}
*{box-sizing:border-box;font-family:'EUR42',sans-serif}html{scroll-behavior:smooth;background:var(--navy)}body{margin:0;background:var(--navy);color:var(--paper);font-family:var(--sans);overflow-x:hidden}html[lang=fa] body{font-family:var(--fa);direction:rtl}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}img,video{display:block;max-width:100%}.container{width:min(1180px,86vw);margin:auto}.eyebrow{font-size:10px;letter-spacing:.28em;text-transform:uppercase}.nav{position:fixed;z-index:100;left:0;right:0;top:0;height:82px;padding:0 4.5vw;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(180deg,rgba(7,21,43,.82),rgba(7,21,43,.28),transparent);transition:.3s}.nav.is-scrolled{background:rgba(7,21,43,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav__mark{display:flex;align-items:center;width:138px}.nav__mark img{width:100%;height:auto}.nav__links{display:flex;gap:31px;list-style:none;margin:0;padding:0;font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.nav__links a{transition:.2s}.nav__links a:hover{color:var(--accent)}.nav__actions{display:flex;gap:13px;align-items:center}.lang-toggle,.menu-toggle{border:1px solid rgba(255,255,255,.34);background:rgba(7,21,43,.2);color:#fff;padding:9px 12px;cursor:pointer;font-size:9px;letter-spacing:.18em}.nav__cta{border-bottom:1px solid var(--accent);padding:9px 0;font-size:9px;letter-spacing:.16em;text-transform:uppercase}.menu-toggle{display:none}.hero{height:100svh;min-height:680px;position:relative;overflow:hidden;background:#0a1728}.hero__media{position:absolute;inset:0}.hero__media video,.hero__media img{width:100%;height:100%;object-fit:cover;object-position:center}.hero__media video{filter:saturate(.9) contrast(1.04)}.hero__shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,21,43,.82) 0%,rgba(7,21,43,.27) 46%,rgba(7,21,43,.04) 75%),linear-gradient(0deg,rgba(7,21,43,.64),rgba(7,21,43,0) 54%)}.hero__content{position:absolute;z-index:2;left:7vw;bottom:10vh;max-width:900px}.hero__content h1{font:400 clamp(94px,17vw,250px)/.74 var(--serif);letter-spacing:-.055em;margin:24px 0 26px}.hero__content p{font-size:11px;letter-spacing:.26em;text-transform:uppercase;margin:0 0 30px}.hero__discover{display:inline-flex;align-items:center;gap:16px;font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.hero__discover b{font-size:20px;color:var(--accent);font-weight:400}.hero__side{position:absolute;right:4.5vw;bottom:7vh;z-index:2;writing-mode:vertical-rl;font-size:9px;letter-spacing:.22em}.hero__side b{color:var(--accent);font-size:18px;margin-top:12px}.section{padding:132px 7vw}.section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:40px;margin-bottom:62px}.section-head__kicker{font-size:10px;letter-spacing:.26em;text-transform:uppercase;color:#d6dce5}.section-head h2{font:400 clamp(68px,9.5vw,150px)/.76 var(--serif);letter-spacing:-.045em;margin:0}.section-head h2 em{font-style:normal;color:var(--accent)}.section-head__note{max-width:430px;color:var(--muted);font-size:13px;line-height:1.75;text-align:right}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 32px}.filters button{border:1px solid #344b68;background:transparent;color:#a8b2c0;padding:10px 15px;font-size:9px;letter-spacing:.15em;text-transform:uppercase;cursor:pointer}.filters button.active,.filters button:hover{background:var(--paper);color:var(--navy);border-color:var(--paper)}.work-grid{display:grid;grid-template-columns:1.18fr .82fr;gap:20px}.work-card{position:relative;min-height:520px;overflow:hidden;background:#132641}.work-card:nth-child(2n){transform:translateY(90px)}.work-card__image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}.work-card::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,21,43,.72),rgba(7,21,43,.03) 55%)}.work-card:hover .work-card__image{transform:scale(1.035)}.work-card__meta{position:absolute;z-index:2;left:25px;right:25px;bottom:24px;display:flex;justify-content:space-between;align-items:flex-end}.work-card__meta strong{font:400 clamp(32px,4vw,58px)/1 var(--serif)}.work-card__meta small{font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:#d8dee7}.film{background:var(--paper);color:var(--navy)}.film .section-head__kicker,.film .section-head__note{color:#5c6775}.film-box{height:68vh;min-height:490px;position:relative;overflow:hidden;background:#112744}.film-box video{width:100%;height:100%;object-fit:cover}.film-box::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,21,43,.75),rgba(7,21,43,.02) 65%)}.film-box__copy{position:absolute;z-index:2;left:5vw;bottom:5vw;color:#fff}.film-box__copy span{font-size:10px;letter-spacing:.24em}.film-box__copy strong{display:block;font:400 clamp(76px,10vw,150px)/.72 var(--serif);margin-top:18px}.film-box__control{position:absolute;z-index:3;right:5vw;top:5vw;border:1px solid rgba(255,255,255,.8);border-radius:50%;width:76px;height:76px;display:grid;place-items:center;background:rgba(7,21,43,.2);color:#fff;cursor:pointer}.projects-list{border-top:1px solid var(--line)}.project-row{display:grid;grid-template-columns:8% 35% 35% 22%;align-items:center;border-bottom:1px solid var(--line);padding:27px 0}.project-row>span{font-size:10px;color:var(--muted)}.project-row h3{font:400 clamp(32px,4.5vw,66px)/1 var(--serif);margin:0}.project-row p{font-size:12px;color:var(--muted);margin:0}.project-row b{font-size:9px;text-align:right;letter-spacing:.15em;text-transform:uppercase}.project-row:hover h3{color:var(--accent)}.about{background:var(--blue);display:grid;grid-template-columns:.9fr 1.35fr;gap:7vw}.about__title span{display:block;font-size:10px;letter-spacing:.25em;margin-bottom:34px}.about__title h2{font:400 clamp(66px,8vw,128px)/.75 var(--serif);margin:0}.about__copy{font:400 clamp(36px,4.4vw,67px)/1.04 var(--serif);letter-spacing:-.02em}.about__copy em{color:var(--accent)}.about__copy p:last-child{font:400 13px/1.8 var(--sans);max-width:550px;margin-top:60px;color:rgba(255,255,255,.82)}html[lang=fa] .about__copy p:last-child{font-family:var(--fa)}.contact{min-height:78vh;display:flex;flex-direction:column;justify-content:center}.contact h2{font:400 clamp(76px,12vw,185px)/.75 var(--serif);letter-spacing:-.045em;margin:52px 0}.contact h2 em{color:var(--accent)}.contact__links{display:flex;gap:28px;flex-wrap:wrap}.contact__links a{font-size:10px;letter-spacing:.15em;text-transform:uppercase;border-bottom:1px solid var(--accent);padding-bottom:10px}.footer{border-top:1px solid var(--line);padding:28px 7vw;display:flex;justify-content:space-between;gap:20px;color:#8290a3;font-size:9px;letter-spacing:.12em;text-transform:uppercase}.footer__top{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px}.footer__mark{font:400 42px var(--serif);color:#fff}.footer__tag{font-size:12px;line-height:1.7;color:var(--muted);max-width:420px}.footer__heading{font-size:9px;letter-spacing:.18em;margin-bottom:18px}.footer__links{list-style:none;margin:0;padding:0;display:grid;gap:10px;font-size:11px;text-transform:none}.footer__bottom{display:flex;justify-content:space-between;gap:20px;margin-top:38px;padding-top:20px;border-top:1px solid var(--line)}
/* Generated Work / Journal pages from the preserved CMS */
.article-hero,.project-hero{min-height:72vh;position:relative;display:flex;align-items:flex-end;overflow:hidden;padding:140px 7vw 70px}.article-hero__image,.project-hero__image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--pos,50% 45%)}.article-hero::after,.project-hero::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,21,43,.9),rgba(7,21,43,.08) 70%),linear-gradient(90deg,rgba(7,21,43,.45),transparent 58%)}.article-hero__content,.project-hero__content{position:relative;z-index:2;max-width:900px}.article-hero h1,.project-hero h1{font:400 clamp(58px,8vw,120px)/.86 var(--serif);letter-spacing:-.04em;margin:18px 0}.article-hero p,.project-hero p{max-width:700px;color:#d4dbe4;line-height:1.75}.breadcrumb{display:flex;flex-wrap:wrap;gap:9px;font-size:9px;letter-spacing:.14em;text-transform:uppercase}.project-meta{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:27px 7vw;gap:25px}.project-meta__item{display:grid;gap:8px}.project-meta__label{font-size:9px;color:var(--muted);letter-spacing:.15em;text-transform:uppercase}.project-meta__value{font-size:12px}.project-gallery{padding:70px 0 110px}.project-gallery__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.project-gallery__grid figure,.project-gallery__grid>div{margin:0;overflow:hidden;background:#10243d}.project-gallery__grid img,.project-gallery__grid video{width:100%;height:100%;min-height:520px;object-fit:cover;object-position:var(--pos,50% 45%)}.project-copy,.project-direction,.project-credits{padding:80px 0;border-bottom:1px solid var(--line)}.project-copy__grid{display:grid;grid-template-columns:1fr 1fr;gap:60px}.project-copy h2,.project-direction h2,.project-cta h2{font:400 clamp(46px,6vw,90px)/.9 var(--serif);margin:0 0 25px}.project-copy p,.project-direction p,.project-credits p,.project-cta p{color:var(--muted);line-height:1.85}.project-film{padding:80px 0}.project-film video{width:100%;max-height:80vh;background:#000}.project-cta{padding:100px 0 120px}.btn-primary{display:inline-flex;padding:14px 18px;border:1px solid rgba(255,255,255,.4);font-size:10px;letter-spacing:.14em;text-transform:uppercase}.category-page,.stories,.journal-browser,.article-body,.article-foot{padding:80px 0}.category-grid,.stories__grid,.journal__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.category-card,.story-card,.journal-card{display:block;border:1px solid var(--line);overflow:hidden;background:#0b1d34}.category-card img,.story-card img,.journal-card img{width:100%;aspect-ratio:4/5;object-fit:cover}.category-card__body,.story-card__content,.journal-card__content{padding:20px}.category-card h3,.story-card h3,.journal-card h3{font:400 30px/1.05 var(--serif);margin:8px 0}.article-body__content,.article-content{width:min(820px,86vw);margin:auto;line-height:1.9;color:#d6dde6}.article-body__content h2,.article-content h2{font:400 48px/1 var(--serif);color:#fff;margin-top:65px}.article-body__content img,.article-content img{width:100%;margin:32px 0}.article-content-block{margin:35px 0}.article-content-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.journal-tools{display:flex;gap:12px;margin-bottom:25px}.journal-tools input,.journal-tools select{background:#0b1d34;border:1px solid var(--line);color:#fff;padding:13px 15px}.article-foot__inner{display:flex;justify-content:space-between;gap:30px;align-items:center}.article-end-cta{max-width:700px}.article-end-cta h2{font:400 54px/1 var(--serif)}
html[lang=fa] .nav__links,html[lang=fa] .hero__content p,html[lang=fa] .eyebrow,html[lang=fa] .section-head__kicker,html[lang=fa] .filters button,html[lang=fa] .project-row b,html[lang=fa] .contact__links a{font-family:var(--fa);letter-spacing:0}.reveal{opacity:1;transform:none}
@media(max-width:900px){.nav__links{display:none;position:absolute;top:72px;left:0;right:0;background:rgba(7,21,43,.98);padding:28px 7vw;flex-direction:column;gap:22px;border-top:1px solid var(--line)}.nav__links.open{display:flex}.menu-toggle{display:block}.nav__cta{display:none}.nav{height:72px;padding:0 6vw}.nav__mark{width:116px}.hero{min-height:640px}.hero__content{left:7vw;right:7vw;bottom:11vh}.hero__content h1{font-size:clamp(84px,25vw,130px)}.section{padding:88px 7vw}.section-head{display:block}.section-head h2{margin-top:28px}.section-head__note{margin-top:26px;text-align:left}.work-grid{grid-template-columns:1fr}.work-card{min-height:520px}.work-card:nth-child(2n){transform:none}.project-row{grid-template-columns:11% 1fr;gap:10px}.project-row p,.project-row b{grid-column:2}.about{display:block}.about__copy{margin-top:58px}.project-meta{grid-template-columns:repeat(2,1fr)}.project-gallery__grid,.category-grid,.stories__grid,.journal__grid{grid-template-columns:1fr 1fr}.footer__top{grid-template-columns:1fr}.footer__bottom,.footer{flex-direction:column}.project-copy__grid{grid-template-columns:1fr}}
@media(max-width:900px){.nav__actions{gap:7px}.hero__side{display:none}.hero__content p{font-size:clamp(9px,2.4vw,11px);line-height:1.7}.section-head h2{font-size:clamp(52px,13vw,70px)}.work-card{min-height:clamp(360px,72vw,430px)}.work-card__meta strong{font-size:clamp(28px,7vw,36px)}.film-box{min-height:clamp(360px,72vw,430px);height:clamp(430px,62vh,620px)}.film-box__copy strong{font-size:clamp(52px,14vw,74px)}.film-box__control{width:clamp(50px,14vw,58px);height:clamp(50px,14vw,58px)}.about__title h2{font-size:clamp(52px,13vw,68px)}.about__copy{font-size:clamp(24px,6.2vw,36px);line-height:1.12}.contact h2{font-size:clamp(54px,14vw,74px)}.project-meta{grid-template-columns:1fr}.project-gallery__grid,.category-grid,.stories__grid,.journal__grid,.article-content-gallery{grid-template-columns:1fr}.project-gallery__grid img,.project-gallery__grid video{min-height:clamp(320px,78vw,430px)}.article-hero,.project-hero{min-height:68vh;padding:110px 7vw 55px}.article-foot__inner{align-items:flex-start;flex-direction:column}}

/* =========================================================
   BENOU / VANTA-INSPIRED EXPERIENCE — v2
   Visual system: BENOU navy / white / red
   ========================================================= */
:root{--accent:#d61233!important;--blue:#d61233!important;--navy:#07152b!important;--navy2:#0b213e!important;--paper:#f5f4ef!important}
body{background:var(--navy);color:var(--paper)}
.vanta-hero{height:100svh;min-height:760px}
.vanta-hero .hero__content{left:7vw;bottom:12vh}
.vanta-hero .hero__content h1{font-size:clamp(90px,14.5vw,220px);line-height:.78;letter-spacing:-.065em;margin:28px 0 30px}
.vanta-hero .hero__content h1 span{display:inline-block}
.vanta-hero .hero__outline{color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.9)}
.vanta-hero .hero__media video{filter:saturate(.75) contrast(1.08)}
.vanta-hero .hero__shade{background:linear-gradient(90deg,rgba(7,21,43,.88),rgba(7,21,43,.28) 55%,rgba(7,21,43,.04)),linear-gradient(0deg,rgba(7,21,43,.78),transparent 58%)}
.vanta-section{padding-top:150px;padding-bottom:150px}
.vanta-section .section-head h2,.package-section .section-head h2,.journal-section .section-head h2{font-size:clamp(62px,8vw,130px);line-height:.82}
.vanta-section .section-head h2 em,.package-section h2 em,.journal-section h2 em,.vanta-about em,.vanta-contact em{font-style:normal;color:var(--accent)}
.vanta-work-grid{grid-template-columns:repeat(2,1fr);align-items:start}
.vanta-work-grid .work-card{min-height:560px}
.vanta-work-grid .work-card:nth-child(3n){grid-column:span 2;min-height:680px}
.vanta-work-grid .work-card:nth-child(2n){transform:none}
.vanta-work-grid .work-card:nth-child(3n+2){margin-top:90px}
.clients-section{background:var(--paper);color:var(--navy);padding-top:120px;padding-bottom:120px}
.clients-head{display:grid;grid-template-columns:1fr 1.1fr auto;gap:50px;align-items:end;margin-bottom:70px}
.clients-head h2{font:400 clamp(60px,7.5vw,118px)/.8 var(--serif);margin:0;letter-spacing:-.045em}
.clients-head h2 span{color:var(--accent)}
.clients-head .section-head__kicker{color:#596575}
.archive-btn{border:0;border-bottom:1px solid var(--navy);background:none;color:var(--navy);padding:0 0 11px;font-size:9px;letter-spacing:.16em;cursor:pointer}
.archive-btn b,.contact-cta b{color:var(--accent);font-size:17px;margin-left:10px}
.clients-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(7,21,43,.18)}
.clients-grid span{padding:21px 10px;border-bottom:1px solid rgba(7,21,43,.18);font-size:12px;display:flex;gap:14px;align-items:center}
.clients-grid b{font-size:8px;color:#7d8792}
.package-section{padding-top:150px;padding-bottom:150px}
.package-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.package-card{min-height:520px;border:1px solid var(--line);padding:35px;display:flex;flex-direction:column;background:rgba(255,255,255,.015)}
.package-card.featured{background:var(--accent);border-color:var(--accent);color:#fff}
.package-card>span{font-size:9px;letter-spacing:.18em;opacity:.72}
.package-card h3{font:400 clamp(44px,5vw,74px)/.9 var(--serif);margin:75px 0 20px}
.package-card p{color:var(--muted);font-size:13px;line-height:1.75;max-width:390px}
.package-card.featured p{color:rgba(255,255,255,.8)}
.package-card ul{list-style:none;padding:0;margin:20px 0 30px;border-top:1px solid var(--line);flex:1}
.package-card li{padding:10px 0;border-bottom:1px solid var(--line);font-size:10px;letter-spacing:.08em}
.package-card a{font-size:9px;letter-spacing:.16em;border-bottom:1px solid currentColor;padding-bottom:9px;width:max-content}
.journal-section{background:#0b213e}
.journal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.journal-card{min-height:410px;border:1px solid var(--line);padding:32px;display:flex;flex-direction:column;transition:background .35s,transform .35s}
.journal-card:hover{background:var(--accent);transform:translateY(-6px)}
.journal-card__number{font-size:9px;letter-spacing:.15em;color:var(--muted)}
.journal-card h3{font:400 clamp(36px,4vw,58px)/.9 var(--serif);margin:100px 0 18px}
.journal-card p{font-size:12px;line-height:1.7;color:var(--muted);max-width:380px}
.journal-card span{font-size:9px;letter-spacing:.15em;margin-top:auto}
.vanta-about{grid-template-columns:.85fr 1.45fr;padding-top:160px;padding-bottom:160px;background:var(--accent)}
.vanta-about .about__copy{font-size:clamp(32px,4vw,62px)}
.about-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;border-top:1px solid rgba(255,255,255,.38);margin-top:70px;padding-top:22px}
.about-stats div{display:flex;flex-direction:column;gap:8px}
.about-stats strong{font:400 clamp(36px,4vw,62px)/1 var(--serif)}
.about-stats span{font-size:8px;letter-spacing:.16em}
.vanta-contact{min-height:85vh;padding-top:160px;padding-bottom:160px}
.vanta-contact h2{font-size:clamp(80px,12vw,190px);margin:55px 0 45px}
.contact-cta{font-size:10px;letter-spacing:.16em;border-bottom:1px solid var(--accent);width:max-content;padding-bottom:11px}
.archive-modal{position:fixed;inset:0;z-index:1000;display:none}
.archive-modal.open{display:block}
.archive-modal__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(8px)}
.archive-modal__panel{position:absolute;inset:5vh 5vw;background:var(--navy);padding:7vw;overflow:auto;border:1px solid var(--line)}
.archive-close{position:absolute;right:30px;top:25px;background:none;border:0;color:#fff;font-size:38px;cursor:pointer}
.archive-modal__panel h2{font:400 clamp(58px,8vw,120px)/.8 var(--serif);margin:35px 0 60px}
.archive-modal__panel h2 em{font-style:normal;color:var(--accent)}
.archive-modal__grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}
.archive-modal__grid div{padding:20px 0;border-bottom:1px solid var(--line);display:flex;gap:20px}
.archive-modal__grid small{color:var(--muted)}
.archive-modal__grid strong{font:400 25px var(--serif)}
.modal-open{overflow:hidden}
.vanta-footer{padding:70px 7vw 30px}
.vanta-footer .footer__top{grid-template-columns:2fr 1fr 1fr}
@media(max-width:900px){
 .vanta-hero{min-height:680px}
 .vanta-hero .hero__content{left:6vw;bottom:12vh;right:6vw}
 .vanta-hero .hero__content h1{font-size:clamp(72px,20vw,150px)}
 .vanta-section,.package-section,.vanta-about,.vanta-contact{padding-top:100px;padding-bottom:100px}
 .vanta-work-grid{grid-template-columns:1fr}
 .vanta-work-grid .work-card,.vanta-work-grid .work-card:nth-child(3n){grid-column:auto;min-height:500px}
 .vanta-work-grid .work-card:nth-child(3n+2){margin-top:0}
 .clients-head{grid-template-columns:1fr;gap:28px;margin-bottom:45px}
 .clients-grid{grid-template-columns:repeat(2,1fr)}
 .package-grid,.journal-grid{grid-template-columns:1fr}
 .package-card{min-height:420px}
 .package-card h3{margin-top:55px}
 .journal-card{min-height:330px}
 .journal-card h3{margin-top:70px}
 .about-stats{grid-template-columns:repeat(3,1fr)}
 .archive-modal__panel{inset:2vh 3vw;padding:12vw 7vw 8vw}
 .archive-modal__grid{grid-template-columns:repeat(2,1fr);gap:0 20px}
 .vanta-footer .footer__top{grid-template-columns:1fr;gap:35px}
}
@media(max-width:560px){
 .clients-grid,.archive-modal__grid{grid-template-columns:1fr}
 .vanta-hero .hero__content h1{font-size:22vw}
 .about-stats strong{font-size:34px}
 .about-stats span{font-size:7px}
}
\n/* BENOU brand archive + responsive precision patch */
.brand-archive-section{background:var(--paper);color:var(--navy)}
.brand-archive-section .section-head__kicker,.brand-archive-section .section-head__note{color:rgba(7,21,43,.62)}
.brand-archive-section .clients-head{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:58px}
.brand-archive-section .clients-head h2{font:400 clamp(64px,8vw,126px)/.78 var(--serif);letter-spacing:-.045em;margin:0}
.brand-archive-section .clients-head h2 span{color:var(--accent)}
.brand-archive-intro{max-width:410px}.brand-archive-intro p{font-size:13px;line-height:1.75;color:#687381;margin:0 0 26px}
.brand-logo-grid{grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid rgba(7,21,43,.18)}
.brand-logo-box{position:relative;height:170px;border-right:1px solid rgba(7,21,43,.18);border-bottom:1px solid rgba(7,21,43,.18);overflow:hidden;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.26)}
.brand-logo-box:nth-child(4n){border-right:0}.brand-logo-box img{position:absolute;left:calc(50% + var(--brand-x,0%));top:calc(50% + var(--brand-y,0%));width:78%;height:78%;object-fit:contain;object-position:var(--brand-pos,50% 50%);transform:translate(-50%,-50%) scale(var(--brand-scale,1));transition:transform .35s ease,opacity .25s ease;mix-blend-mode:multiply}
.brand-logo-box span{position:absolute;left:14px;bottom:10px;font-size:8px;letter-spacing:.13em;text-transform:uppercase;color:#7a8490;opacity:.0;transition:opacity .2s}.brand-logo-box:hover span{opacity:1}
.brand-empty{grid-column:1/-1;padding:70px 20px;text-align:center;color:#7b8490;font-size:12px}
.archive-modal__grid{grid-template-columns:repeat(2,1fr)}
.archive-logo-row{min-height:110px;padding:18px 0;border-bottom:1px solid var(--line);display:grid!important;grid-template-columns:35px 130px 1fr;align-items:center;gap:18px}.archive-logo-row img{width:130px;height:72px;object-fit:contain;transform:translate(calc(var(--brand-x,0%)),calc(var(--brand-y,0%))) scale(var(--brand-scale,1))}.archive-logo-row strong{font:400 26px var(--serif)}
.contact__links{align-items:center}.contact__links a{font-size:clamp(10px,1vw,13px);padding:12px 0}
@media(max-width:900px){
 .section{padding:86px 5.5vw}.nav{padding:0 5.5vw;height:70px}.nav__mark{width:112px}.nav__links{position:absolute;top:70px;left:5.5vw;right:5.5vw;display:none;flex-direction:column;gap:0;background:rgba(7,21,43,.97);border:1px solid var(--line);padding:8px}.nav__links.open{display:flex}.nav__links li a{display:block;padding:14px 10px}.nav__cta{display:none}.menu-toggle{display:block}.hero{min-height:0;height:100svh}.hero__content{left:5.5vw;right:5.5vw;bottom:9vh}.hero__content h1{font-size:clamp(72px,20vw,130px);line-height:.78;max-width:100%;overflow-wrap:anywhere}.hero__content p{letter-spacing:.12em;max-width:90vw}.section-head{display:block;margin-bottom:38px}.section-head__note{text-align:left;margin-top:24px;max-width:100%}.work-grid{grid-template-columns:1fr;gap:14px}.work-card:nth-child(2n){transform:none}.work-card{min-height:clamp(300px,78vw,430px)}.package-grid{grid-template-columns:1fr!important}.brand-archive-section .clients-head{display:block;margin-bottom:35px}.brand-archive-section .clients-head h2{font-size:clamp(58px,15vw,82px)}.brand-logo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-logo-box{height:125px;border-right:1px solid rgba(7,21,43,.18)}.brand-logo-box:nth-child(4n){border-right:1px solid rgba(7,21,43,.18)}.brand-logo-box:nth-child(2n){border-right:0}.archive-modal__panel{inset:1vh 2.5vw;padding:16vw 6vw 8vw}.archive-modal__grid{grid-template-columns:1fr}.archive-logo-row{grid-template-columns:28px 95px 1fr;gap:10px}.archive-logo-row img{width:95px;height:58px}.archive-logo-row strong{font-size:20px}.contact__links{display:grid;grid-template-columns:1fr;gap:0}.footer__top{grid-template-columns:1fr;gap:35px}.footer__bottom{display:grid;grid-template-columns:1fr;gap:10px}.film-box{height:58vh;min-height:340px}.about{grid-template-columns:1fr;gap:40px}
}
@media(max-width:520px){.brand-logo-box{height:105px}.brand-logo-box img{width:72%;height:72%}.section-head h2{font-size:clamp(48px,14vw,68px)}.package-card{padding:25px 20px}.contact h2{font-size:clamp(50px,15vw,70px)}}

/* === BENOU MOBILE RESPONSIVE HARDENING === */
html, body { width:100%; max-width:100%; overflow-x:hidden; }
*, *::before, *::after { min-width:0; }
main, section, nav, footer { max-width:100%; }
.hero__content, .section-head, .about__copy, .contact, .contact__links,
.package-card, .project-hero__content, .article-hero__content { min-width:0; max-width:100%; }
img, video, iframe, svg, canvas { max-width:100%; }

@media (max-width:900px){
  .nav { width:100%; max-width:100vw; }
  .nav__mark { flex:0 1 auto; }
  .nav__actions { flex:0 0 auto; }
  .nav__links { max-width:calc(100vw - 11vw); }

  .hero__content h1,
  .section-head h2,
  .clients-head h2,
  .about__title h2,
  .about__copy,
  .contact h2,
  .package-card h3,
  .film-box__copy strong,
  .project-hero h1,
  .article-hero h1 { 
    max-width:100%;
    overflow-wrap:anywhere;
    word-break:normal;
  }

  .hero__content h1 { font-size:clamp(54px,18vw,112px); }
  .section-head h2 { font-size:clamp(44px,12.5vw,72px); }
  .clients-head h2 { font-size:clamp(50px,14vw,78px); }
  .contact h2 { font-size:clamp(48px,13vw,76px); }
  .about__copy { font-size:clamp(23px,6vw,36px); }
  .film-box__copy strong { font-size:clamp(48px,13vw,72px); }

  .work-card, .film-box { width:100%; max-width:100%; }
  .work-card__meta { left:16px; right:16px; bottom:16px; gap:12px; }
  .work-card__meta strong { max-width:72%; overflow-wrap:anywhere; }
  .work-card__meta small { max-width:30%; text-align:right; }

  .package-card { width:100%; max-width:100%; min-height:0; }
  .package-card p { max-width:100%; }
  .package-card h3 { margin-top:44px; }

  .brand-logo-box { width:100%; max-width:100%; }
  .brand-logo-box img { max-width:none; }

  .project-row { min-width:0; }
  .project-row h3, .project-row p, .project-row b { min-width:0; overflow-wrap:anywhere; }
  .project-meta { min-width:0; }
  .project-gallery__grid > *, .project-gallery__grid img, .project-gallery__grid video { max-width:100%; }

  .archive-modal__panel { max-width:95vw; }
  .archive-logo-row { min-width:0; }
  .archive-logo-row strong { min-width:0; overflow-wrap:anywhere; }

  .contact__links a { max-width:100%; overflow-wrap:anywhere; word-break:break-word; }
  .footer__top, .footer__bottom { min-width:0; }
  .footer__links a { overflow-wrap:anywhere; word-break:break-word; }

  /* Prevent admin-positioned elements from creating oversized mobile layouts. */
  .__benou-added-text { max-width:88vw !important; overflow-wrap:anywhere; word-break:normal; }
}

@media (max-width:560px){
  .section { padding-left:5vw; padding-right:5vw; }
  .nav { padding-left:5vw; padding-right:5vw; }
  .nav__mark { width:96px; }
  .lang-toggle, .menu-toggle { padding:8px 9px; }
  .hero__content { left:5vw; right:5vw; max-width:90vw; }
  .hero__content h1 { font-size:clamp(50px,17.5vw,92px); }
  .hero__content p { max-width:88vw; font-size:9px; letter-spacing:.08em; }
  .hero__discover { max-width:88vw; }
  .section-head h2 { font-size:clamp(42px,12vw,64px); }
  .section-head__note { font-size:12px; }
  .work-card { min-height:clamp(280px,76vw,390px); }
  .film-box { min-height:280px; height:60vh; }
  .film-box__copy { left:5vw; bottom:5vw; }
  .film-box__control { right:5vw; top:5vw; }
  .brand-logo-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .brand-logo-box { height:100px; }
  .brand-logo-box img { width:68%; height:68%; }
  .contact__links a { font-size:9px; letter-spacing:.08em; }
}