/* Reference-led revision: measured against dmazing.studio at desktop width. */
@font-face{font-family:Sohne;src:url('/fonts/sohne-medium.otf');font-weight:500;font-display:swap}
@font-face{font-family:Sohne;src:url('/fonts/sohne-bold.otf');font-weight:600 900;font-display:swap}
:root{--ink:#1c1c1e;--paper:#fff;--surface:#f4f4f8;--line:#e6e6ec;--blue:#0066ff}
body{background:var(--paper);color:var(--ink);font-size:16px;letter-spacing:-.02em}
header{background:#ffffffed;border-color:var(--line);backdrop-filter:blur(18px);padding:26px 4.4%}
.brand{font-size:18px;letter-spacing:-.5px;line-height:1.05}.brand img{width:32px;height:32px}.brand small{font-size:9px;letter-spacing:0;font-weight:400}
.brand b{font-weight:500}.home header{position:absolute;inset:0 0 auto;background:transparent;border:0;backdrop-filter:none;padding-top:40px;z-index:10}
.home header>.header-end{position:absolute;inset-inline-end:4.4%;top:38px}.home .header-end>.pill{display:none}
.home .nav{position:fixed;z-index:40;bottom:22px;left:50%;transform:translateX(-50%);padding:7px 13px;gap:0;background:#2c2c2ef5;border:1px solid #6a6a70;border-radius:32px;box-shadow:inset 0 0 0 2px #ffffff15,0 2px 5px #0002;backdrop-filter:blur(18px);display:flex;direction:ltr}
.home .nav::before{content:'';display:block;width:27px;height:27px;background:url('/logo.svg') center/23px no-repeat;margin:2px 10px 2px 0}
.home .nav a{color:#fff;font-size:11px;padding:10px 13px;border-radius:24px;white-space:nowrap;line-height:1}.home .nav a:hover{background:#ffffff20;color:white}
html[dir=rtl] .home .nav{direction:rtl}.languages{font-size:12px;color:#1c1c1e;background:#ffffff9c;border-radius:20px;padding:9px 12px;max-width:100px}
.pill,.button{background:#080808;border-color:#080808;color:white;font-weight:400;gap:22px;padding:10px 11px 10px 22px;min-height:47px;box-shadow:0 0 0 3px #0000000c}
.pill .arrow{background:white;border-radius:50%;color:#080808;width:32px;height:32px;display:grid;place-items:center;font-size:24px;line-height:1}
.pill:hover,.button:hover{background:#272729;transform:translateY(-1px)}.outline{background:#fff;color:#1c1c1e;border-color:#e1e1e7;box-shadow:none}.outline:hover{color:white}
.hero.reference-hero{position:relative;height:min(100svh,56.25vw);min-height:650px;padding:120px 4.4% 75px;overflow:hidden;background:#d6d6e1;border-radius:0}
.reference-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}
.hero-wash{position:absolute;inset:0;pointer-events:none}
.hero-top{position:relative;z-index:1;display:block;max-width:690px;padding:0}
.eyebrow{display:inline-flex;background:#fff;border-radius:5px;color:#121214;font-size:10px;letter-spacing:-.02em;padding:4px 8px 4px 4px;gap:7px;box-shadow:0 1px 3px #00000008}
.eyebrow img{width:23px;height:23px}.hero h1{font-size:clamp(62px,6.25vw,104px);line-height:1.08;font-weight:500;letter-spacing:-.025em;margin:20px 0 24px;max-width:640px}
.hero .intro{max-width:630px;color:#1c1c1e;font-size:16px;line-height:1.5}.hero .intro p{max-width:600px;margin:0 0 18px}.hero-chips{display:flex;gap:7px;font-size:10px;margin-bottom:40px}.hero-chips span{background:white;border-radius:20px;padding:5px 10px;box-shadow:0 1px 3px #00000008}.hero-cta{font-size:17px;gap:24px;padding-inline-start:20px;border:1px solid #777;box-shadow:0 0 0 3px #00000014}
.ambient-control{position:absolute;bottom:26px;inset-inline-end:30px;z-index:2;border:1px solid #ffffff80;background:#ffffff80;border-radius:50%;width:35px;height:35px;font-size:12px}
.reel-section{padding:85px 4.4% 10px}.reel-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;font-size:13px}.reel-heading>a{font-size:12px;color:#63636b}.hero-film{height:auto;aspect-ratio:16/8.5;border-radius:18px;background:#eeeeF3}.hero-film video{object-fit:contain}
.section{padding:90px 4.4%}.kicker{font-size:11px;letter-spacing:-.01em;color:#686870}.dot{background:#0066ff}
h2{font-size:clamp(35px,3.9vw,65px);font-weight:500;letter-spacing:-.025em;line-height:1.13}.section-head p,.scope,.step p,.contact p,.studio p,details p{color:#707078}
.work-grid{gap:36px 22px}.work-card .visual{aspect-ratio:16/11;border-radius:18px;background:#f4f4f8}.work-label h3{font-size:19px;font-weight:500}.work-label span{color:#86868d;font-size:10px;letter-spacing:0}
.studio{background:#f4f4f8;border-radius:24px;margin:35px 4.4%;padding:65px;align-items:center}.studio .big-symbol img{mix-blend-mode:multiply}.studio .textlink{color:#0066ff}
.service-row{border-color:#e6e6ec;padding:29px 0}.service-row h3{font-size:clamp(22px,3vw,42px);font-weight:500}.service-row small{color:#93939a}.service-row:hover{color:#0066ff}.services-list,.step{border-color:#dedee5}.step b{color:#8d8d96}.step h3{font-weight:500}
.prices{gap:20px}.price{border:1px solid #e6e6ec;border-radius:22px;background:#f7f7fa;padding:32px}.price:first-child{background:#eeeef5}.price h3{font-weight:500}.price p{color:#73737b}.amount{font-weight:500}.price .pill{box-shadow:none}.price:first-child .pill{background:#0066ff;border-color:#0066ff}
.contact{background:#f4f4f8;border-radius:24px;margin:30px 4.4%;padding:65px;gap:65px}.form input,.form textarea,.form select{border-color:#d0d0da}.email{border-color:#a7a7b1}.faq details{border-color:#e6e6ec}.notice{background:white}.form .button{background:#0066ff;border-color:#0066ff;box-shadow:none}
.footer{padding-bottom:95px}.wordmark{border-color:#dddde5;letter-spacing:-.065em}.footer-bottom{color:#777780}.filter{border-color:#dddde5}.filter.active{background:#2c2c2e}
html[dir=rtl] .hero h1{font-size:clamp(48px,5.1vw,84px);line-height:1.35;font-weight:700;letter-spacing:-.035em;max-width:640px}
html[dir=rtl] h2{font-weight:650;letter-spacing:-.03em}html[dir=rtl] .hero-wash{background:linear-gradient(to left,#d7d8e4d9 0%,#d7d8e44d 44%,transparent 70%)}html[dir=rtl] .hero-top{margin-inline-start:0}html[dir=rtl] .eyebrow{letter-spacing:0}html[dir=rtl] .service-row h3{font-weight:600}
@media(min-width:1500px){.hero.reference-hero{padding-top:155px}.hero-top{max-width:850px}.hero .intro{max-width:710px}}
@media(max-width:900px){.hero.reference-hero{height:720px;min-height:0;padding-top:140px}.hero-top{max-width:560px}.hero h1{font-size:66px}.hero .intro{max-width:480px}.hero-wash{background:linear-gradient(to right,#d7d8e4a6,transparent)}.studio,.contact{padding:40px;gap:35px}.home .nav a{padding:10px}.price{padding:25px}}
@media(max-width:600px){.home header{padding:25px 5%}.home header>.header-end{top:23px;inset-inline-end:5%}.home .menu-toggle{display:none}.home .nav{top:auto;bottom:16px;inset-inline:auto;left:50%;width:max-content;max-width:94vw;transform:translateX(-50%);flex-direction:row;border:1px solid #6a6a70;padding:6px 9px;border-radius:30px;gap:0}.home .nav::before{width:23px;height:23px;margin-inline:0 5px;flex-shrink:0}.home .nav a{font-size:10px;padding:10px 9px}.hero.reference-hero{height:750px;min-height:0;padding:125px 5% 75px}.reference-background{object-position:62% center}.hero-wash{background:linear-gradient(to bottom,#d7d8e4b3 0%,#d7d8e480 53%,transparent 85%)}.hero h1{font-size:52px;max-width:340px;letter-spacing:-.025em;margin-top:22px}.hero .intro{font-size:14px;max-width:340px}.hero-chips{margin-bottom:30px}.hero-cta{font-size:15px}.ambient-control{bottom:80px;inset-inline-end:20px}html[dir=rtl] .hero h1{font-size:44px;font-weight:700}html[dir=rtl] .hero-wash{background:linear-gradient(to bottom,#d7d8e4d9,#d7d8e480 60%,transparent)}.reel-section{padding:55px 5% 0}.hero-film{aspect-ratio:16/11;border-radius:14px}.section{padding:60px 5%}.studio,.contact{margin:20px 5%;padding:30px 22px;border-radius:20px}.reel-heading{font-size:12px}.prices{gap:16px}.price{padding:28px}.work-card .visual{border-radius:16px}.footer{padding-bottom:100px}html[dir=rtl] .home .nav{left:50%;right:auto}}
@media(prefers-reduced-motion:reduce){.reference-background{opacity:.85}}
/* Annotation revision: complete film slider and visual studio sections. */
.home header{padding:30px 5%}.home header>.header-end{top:26px;inset-inline-end:5%}.hero.reference-hero{padding:140px 5% 90px;min-height:720px;height:90svh;max-height:900px}.hero-top{padding:25px 28px 30px;border-radius:24px;background:#f6f7fbe8;max-width:660px;backdrop-filter:blur(15px)}.hero-wash,html[dir=rtl] .hero-wash{background:#11121a12}.hero h1{font-size:clamp(56px,5.5vw,90px)}html[lang=fa] .hero h1{font-weight:950;font-size:clamp(48px,5vw,78px);line-height:1.45}.hero .intro{font-size:15px}.hero-chips{display:none}.hero-cta{margin-top:8px}.hero .intro p{margin-bottom:26px}.reference-background{object-fit:cover}.languages{appearance:none;border:1px solid #fff9;box-shadow:0 4px 20px #1111;border-radius:30px;padding:12px 36px 12px 18px;background:#fffffff2 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='m3 4 3 3 3-3' fill='none' stroke='%23222' stroke-width='1.4'/%3E%3C/svg%3E") no-repeat right 14px center;min-width:108px;cursor:pointer;font-family:inherit}.languages:focus-visible{outline:3px solid #0066ff;outline-offset:3px}.home .nav{bottom:16px}.section-head{gap:35px;align-items:center}.section-head p{max-width:560px;line-height:1.9;text-wrap:pretty}.spotlight{margin-bottom:40px}.spotlight .work-grid{grid-template-columns:1fr}.spotlight .visual{aspect-ratio:16/7}.spotlight-label{display:block;font-size:12px;color:#0066ff;margin-bottom:15px;font-weight:600}.slider{background:#f4f4f8;padding:16px;border-radius:24px}.slider>video{display:block;width:100%;aspect-ratio:16/9;max-height:76vh;object-fit:contain;background:#08090d;border-radius:14px;margin:auto}.slider-footer{display:flex;justify-content:space-between;align-items:center;padding:20px 4px 12px;gap:15px}.slider-footer h3{font-size:20px;margin:0;font-weight:600;text-align:start}.slider-controls{display:flex;gap:15px;align-items:center;direction:ltr}.slider-controls button{width:42px;height:42px;border:1px solid #d7d7e2;background:white;border-radius:50%;font-size:21px}.slider-controls button:hover{background:#0066ff;color:white}.slider-controls span{font-size:12px}.slider-thumbs{display:flex;gap:8px;overflow-x:auto;padding:8px 0}.slider-thumbs button{border:1px solid #dcdce6;background:white;padding:9px 17px;border-radius:30px;white-space:nowrap;font-size:12px}.slider-thumbs button[aria-current=true]{background:#1c1c1e;color:white;border-color:#1c1c1e}.service-cards{display:grid;grid-template-columns:1fr 1fr;gap:24px}.service-card{overflow:hidden;background:#f4f4f8;border-radius:24px}.service-art{position:relative;aspect-ratio:16/10;background:#e5e5ed}.service-art video{width:100%;height:100%;object-fit:cover}.service-art>span{position:absolute;top:20px;inset-inline-start:20px;color:white;background:#1c1c1e90;border:1px solid #ffffff50;backdrop-filter:blur(10px);border-radius:30px;padding:9px 15px;font-size:12px}.service-copy{padding:28px 30px 32px}.service-copy h3{font-size:30px;margin:0 0 14px;font-weight:600}.service-copy p{font-size:15px;line-height:1.9;color:#64646d;margin-bottom:23px}.service-copy .textlink{font-size:14px;color:#0066ff}.sample-link{display:block;margin-top:20px;padding-top:18px;border-top:1px solid #dddde7;font-size:12px;color:#666674}.editorial-studio{padding:0!important;overflow:hidden;min-height:530px;grid-template-columns:1fr 1fr;gap:0!important;background:#f1f1f7}.studio-copy{padding:60px}.studio-visual{height:100%;min-height:530px;position:relative;background:#111;overflow:hidden}.studio-visual video{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.studio-sign{position:absolute;bottom:25px;inset-inline:25px;background:#ffffffed;backdrop-filter:blur(12px);padding:20px;border-radius:18px;display:flex;align-items:center;gap:15px;font-size:24px;font-weight:600;direction:ltr}.studio-sign img{width:55px}.studio-sign small{font-size:10px;letter-spacing:2px;font-weight:400}.process{gap:18px;position:relative}.step{border:0;background:#f4f4f8;border-radius:22px;padding:26px;display:flex;flex-direction:column}.step-index{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#0066ff;font-size:18px}.step h3{line-height:1.8;margin:25px 0 8px}.step p{line-height:1.9;margin-bottom:30px}.step-output{margin-top:auto;border-top:1px solid #dddde7;padding-top:18px;font-size:11px;color:#787885}.price{position:relative;min-height:340px;margin-top:24px;background:#f7f7fa}.price:first-child{background:#f7f7fa}.price:first-child .pill{background:#080808;border-color:#080808}.price.recommended{background:#ebf1ff;border:2px solid #0066ff;box-shadow:0 12px 35px #0066ff12}.price.recommended .pill{background:#0066ff;border-color:#0066ff}.recommend-badge{position:absolute;top:-18px;inset-inline:25px;border-radius:30px;padding:8px 18px;background:#0066ff;color:white;font-size:12px;text-align:center}.price h3{margin:18px 0 38px}.faq{max-width:none;display:grid;grid-template-columns:1fr 1.3fr;gap:70px;align-items:start}.faq-aside h2{max-width:440px}.faq-aside .pill{margin-top:24px}.faq-items details{border:1px solid #e5e5ed;border-radius:16px;margin-bottom:12px;padding:24px;background:#fafafd}.faq-items details[open]{background:#f1f4ff;border-color:#c8d8ff}.faq-items summary{font-size:17px;font-weight:500;list-style:none;display:flex;justify-content:space-between;gap:20px}.faq-items summary:after{content:'+';font-size:24px;line-height:1}.faq-items details[open] summary:after{content:'−'}.contact{background:transparent;display:grid;grid-template-columns:1fr 1.2fr;padding:35px 0 55px;gap:40px;align-items:start}.contact>div:first-child{padding:38px 20px}.brief-card{background:#f4f4f8;padding:36px;border:1px solid #eeeef5;border-radius:24px}.brief-card>h3{font-weight:600;font-size:26px;margin:0 0 30px}.form input,.form textarea,.form select{border:1px solid #dcdce8;border-radius:10px;background:white;padding:13px}.form .honeypot{display:none!important}.form .button{border-radius:12px}.form label{font-size:12px;gap:10px}.form textarea{min-height:140px}.form .button{padding:15px}.contact h2{font-size:clamp(36px,4.2vw,62px)}.section-head h2{margin-bottom:12px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #0066ff;outline-offset:4px}
@media(max-width:900px){.hero-top{max-width:560px}.hero.reference-hero{padding-top:120px}.studio-copy{padding:35px}.process{grid-template-columns:1fr 1fr}.faq{gap:30px;grid-template-columns:1fr}.contact{gap:20px}.brief-card{padding:25px}.service-copy{padding:24px}.service-copy h3{font-size:25px}}
@media(max-width:600px){.hero.reference-hero{padding:110px 5% 100px;height:auto;min-height:760px}.hero-top{padding:22px 20px;background:#f7f8fbe8}.hero h1{font-size:46px}html[lang=fa] .hero h1{font-size:39px;font-weight:950}.home header{padding:25px 5%}.hero .intro{font-size:13px}.service-cards{grid-template-columns:1fr}.editorial-studio{grid-template-columns:1fr}.studio-visual{min-height:330px;grid-row:1}.studio-copy{padding:30px}.step{padding:20px}.step h3{font-size:16px}.slider{padding:8px;border-radius:16px}.slider-footer{padding-inline:8px}.slider-footer h3{font-size:17px}.slider-controls{gap:10px}.slider-controls button{width:36px;height:36px}.reel-heading{gap:15px}.spotlight .visual{aspect-ratio:16/9}.contact{grid-template-columns:1fr;margin:0 5%}.contact>div:first-child{padding:20px 0}.form{grid-template-columns:1fr}.form .wide{grid-column:auto}.faq-items summary{font-size:15px}.faq-items details{padding:20px}.section-head p{max-width:100%;margin-top:0}.price.recommended{order:-1}.section{padding-block:50px}.process{gap:12px}.ambient-control{bottom:24px}.hero-top .hero-chips{display:none}}
/* Full-film homepage and reference section rhythm. */
.hero.cinema-hero{padding:0;position:relative;min-height:0;height:90svh;max-height:1000px;background:#050608;overflow:hidden}.cinema-hero video{display:block;width:100%;height:100%;object-fit:contain;background:#050608}.home header .brand{color:white;text-shadow:0 1px 8px #0009;background:#0b0c1238;padding:9px 14px;border-radius:18px;backdrop-filter:blur(12px)}.home header .brand img{width:35px;height:35px}.home header>.header-end{display:none}.home .nav .languages{background:#ffffff15;color:white;border:1px solid #ffffff26;box-shadow:none;padding:8px 12px;min-width:72px;max-width:90px;font-size:10px}.languages option{color:#1c1c1e;background:white}header:not(.home header) .nav{align-items:center}header .nav .languages{min-width:80px}.intro-section{padding:100px 8%;display:grid;grid-template-columns:1.2fr 1fr;gap:24px 70px;align-items:center}.intro-section .eyebrow{grid-column:1/-1;background:none;padding:0;font-size:12px}.intro-section h1{font-size:clamp(45px,5.2vw,80px);font-weight:500;line-height:1.12;margin:0;letter-spacing:-.025em}html[lang=fa] .intro-section h1{font-weight:950;line-height:1.5}.intro-section p{color:#666671;line-height:1.9;margin:0 0 25px}.reel-section{padding-top:30px}.slider-thumbs{margin:0 0 15px;justify-content:center}.slider-thumbs button{padding:12px 20px}.slider-thumbs button[aria-pressed=true]{background:#1c1c1e;color:white;border-color:#1c1c1e}#style-film{display:block;width:100%;max-height:72vh;aspect-ratio:16/9;object-fit:contain;border-radius:18px;background:#08090d}.style-caption{display:flex;justify-content:space-between;padding:22px 8px 10px;gap:20px;font-size:14px}.style-caption a{color:#0066ff}.section-head{align-items:start;padding-bottom:28px;border-bottom:1px solid #ededf3;margin-bottom:35px}.section-head .kicker{display:inline-flex;gap:7px}.section-head .kicker:before,.studio-manifesto>.kicker:before,.process-section>.kicker:before{content:'';width:8px;height:8px;display:inline-block;border-radius:2px;background:#5c68eb}.section-head h2{margin-top:16px;font-size:clamp(36px,4vw,64px)}.section-head p{padding-top:35px;flex:1;text-wrap:pretty}.work-label{padding:18px 6px 10px;border-bottom:1px solid #e9e9f1;align-items:center}.work-label h3{font-size:24px;margin-top:10px}.project-tag{font-size:11px;color:#727280}.project-open{font-size:25px!important;border:1px solid #dddde7;border-radius:50%;width:42px;height:42px;display:grid;place-items:center;color:#1c1c1e!important}.center .pill{min-width:170px;font-size:15px}.studio-manifesto{text-align:center;max-width:1100px;margin:auto;padding-block:100px}.studio-manifesto h2{font-size:clamp(40px,5.5vw,80px);line-height:1.3;font-weight:500}.studio-manifesto p{font-size:21px;line-height:1.9;max-width:850px;margin:25px auto 35px;color:#6c6c76}.process-section{background:#f4f4f8;border-radius:24px;margin:20px 2%;padding:55px 3%}.process-section .process{grid-template-columns:repeat(3,1fr);border-top:2px solid #e2e2e9;padding-top:35px;gap:20px}.step{padding:0;background:transparent;border-radius:0}.step h3{font-size:19px;margin:0}.step p{font-size:13px;line-height:1.7;margin-bottom:20px}.step video{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:8px;background:#ddd}.process-section>.pill{margin-top:35px}.benefits{display:grid;grid-template-columns:1fr 1fr;gap:80px;background:#1c1c1e;color:white;align-items:start;padding:90px 8%;margin-top:85px}.benefits>div:first-child{position:sticky;top:100px}.benefits h2{font-size:clamp(40px,5vw,72px)}.benefits .kicker{color:#bcbcc4}.benefit-stack{display:grid;gap:24px}.benefit{padding:35px;border-radius:22px;min-height:290px;color:#fff;background:#ed6cda}.benefit:nth-child(2){background:#0084ff}.benefit:nth-child(3){background:#48484a}.benefit:nth-child(4){background:#595bce}.benefit:nth-child(5){background:white;color:#1c1c1e}.benefit>span{font-size:27px;font-weight:500}.benefit h3{font-size:32px;font-weight:500;margin:45px 0 18px}.benefit p{line-height:1.8;font-size:14px}.contact{display:block;background:#f4f4f8;margin:0;border-radius:0;padding:70px 5% 85px;text-align:center}.contact>div:first-child{padding:0;margin-bottom:38px}.contact h2{font-size:clamp(36px,4.4vw,64px);white-space:normal;max-width:950px;margin:16px auto}.contact>div:first-child>p{max-width:650px;margin:15px auto}.contact>div:first-child>.email{margin-top:8px}.brief-card{background:#fff;width:100%;max-width:480px;margin:auto;border-radius:26px;padding:28px;text-align:start;border:0}.brief-card .form{grid-template-columns:1fr;gap:23px}.brief-card .form .wide{grid-column:auto}.brief-card .form input,.brief-card .form textarea,.brief-card .form select{background:#f4f4f8;border:0;border-radius:5px;font-size:13px;padding:12px}.brief-card .form textarea{min-height:100px}.brief-card>h3,.meeting-box h3{font-size:20px;margin:5px 0 28px}.meeting-box{padding-bottom:30px;margin-bottom:30px;border-bottom:1px solid #e8e8ef}.meeting-box p{font-size:13px;line-height:1.7;margin-bottom:25px}.meeting-box .button{display:flex;justify-content:center;background:#007bff;border-color:#007bff;box-shadow:0 0 0 3px #007bff15}.service-options{display:flex;flex-wrap:wrap;gap:14px}.form .service-options label{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:400}.form .service-options input{width:15px;height:15px;padding:0;accent-color:#007bff}.form .button{border-radius:50px;background:white;color:#1c1c1e;border:1px solid #e3e3ec;min-height:48px}.faq-aside{background:#f4f4f8;padding:30px;border-radius:22px}.faq-items details{background:#fff;border:0;border-bottom:1px solid #dedee8;border-radius:0;margin:0;padding:27px 5px}.faq-items details[open]{background:white;border-color:#ccc}.detail-intro{display:block;max-width:900px;margin:auto;padding-top:55px}.detail-intro h1{font-size:clamp(40px,4.3vw,68px);font-weight:500;line-height:1.3;letter-spacing:-.02em;white-space:normal;margin:30px 0}.detail-intro p{max-width:none;line-height:1.8;color:#5c5c65}.detail-video{display:block;max-width:900px;margin:0 auto 50px;border-radius:20px}.section:has(.detail-video){padding-top:45px}.section:has(.detail-video)>h2{font-size:36px}.section:has(.detail-video)>.work-grid{grid-template-columns:repeat(2,1fr)}
/* Owner workspace follows the personal-site sidebar/topbar layout. */
body:has(.admin-shell),body:has(.admin-gate){background:#f5f5f7}.admin-shell{display:grid;grid-template-columns:250px minmax(0,1fr);max-width:none;margin:0;padding:0;min-height:100vh}.admin-sidebar{position:sticky;top:0;height:100vh;padding:28px 20px;display:flex;flex-direction:column;gap:20px;background:#fff;border-inline-end:1px solid #e0e0e8}.admin-sidebar .brand{font-size:17px}.admin-sidebar .brand img{width:40px}.admin-sidebar .brand small{display:block;font-size:11px;margin-top:8px;color:#747480}.admin-sidebar .tabs{display:flex;flex-direction:column;gap:5px;margin:0}.admin-sidebar button{border:0;background:transparent;text-align:start;padding:13px 16px;border-radius:10px;font-size:14px}.admin-sidebar button:hover{background:#f5f5f9}.admin-sidebar button.active{background:#eceeff;color:#3d45bb;font-weight:600}.admin-sidebar>a:not(.brand){margin-top:auto;font-size:13px;padding:10px}.admin-main{min-width:0}.admin-topbar{display:flex;justify-content:space-between;gap:20px;align-items:center;background:white;border-bottom:1px solid #e0e0e8;padding:20px 35px}.admin-topbar p{font-size:12px;color:#747480;margin:6px 0 0}.admin-body{max-width:1100px;margin:auto;padding:35px}.admin-body h1{font-size:30px;font-weight:700;letter-spacing:0;margin:0 0 30px}.admin .admin-card{border-radius:14px;border:1px solid #e2e2e9;box-shadow:none}.admin-card label{display:grid;gap:8px;font-size:13px;margin:14px 0}.admin-card input,.admin-card textarea{margin:0;width:100%;background:#fafafd;border-color:#dddde8;border-radius:8px;padding:12px}.admin-card textarea{min-height:110px;font:inherit;direction:inherit}.language-tabs{display:flex;gap:6px;background:#eaeaf0;border-radius:12px;padding:5px;width:max-content;max-width:100%;margin-bottom:25px}.language-tabs button{padding:10px 20px;border:0;border-radius:8px;background:transparent;font-size:13px}.language-tabs button.active{background:white;box-shadow:0 2px 6px #0001}.admin-gate{width:calc(100% - 40px);max-width:540px;margin:10vh auto;background:white;border:1px solid #e2e2e9;border-radius:24px;padding:40px;text-align:center}.admin-gate>img{display:block;margin:0 auto 20px}.admin-gate>a{font-size:13px;color:#737380}.admin-gate h1{font-size:30px}.admin-gate p{font-size:14px;color:#737380;line-height:1.9}.admin-gate label{display:grid;gap:10px;text-align:start}.admin-gate input{display:block;width:100%;margin:0;background:#f6f6fa;direction:ltr}.admin-gate button{width:100%;margin:20px 0 0;justify-content:center}
@media(max-width:900px){.benefits{gap:35px}.intro-section{padding:70px 5%;gap:30px}.process-section .process{gap:15px}.admin-shell{grid-template-columns:210px minmax(0,1fr)}.admin-body{padding:22px}}
@media(max-width:600px){.hero.cinema-hero{height:70svh;min-height:390px}.intro-section{grid-template-columns:1fr;padding:60px 5%;gap:23px}.intro-section .eyebrow{grid-column:auto}.intro-section h1{font-size:40px}html[lang=fa] .intro-section h1{font-weight:950}.home .nav{max-width:96vw;padding:6px}.home .nav a{font-size:9px;padding:10px 7px}.home .nav:before{display:none}.home .nav .languages{min-width:65px;max-width:72px;padding:8px 5px;font-size:9px}.header-end .menu-toggle{display:block}.home .header-end{display:none}.slider-thumbs{justify-content:start}.slider-thumbs button{padding:10px 16px}.studio-manifesto{padding-block:65px}.studio-manifesto h2{font-size:39px}.studio-manifesto p{font-size:17px}.process-section{padding:30px 5%}.process-section .process{grid-template-columns:1fr;gap:35px}.step h3{font-size:19px}.step video{aspect-ratio:16/10}.benefits{grid-template-columns:1fr;padding:55px 5%;gap:30px}.benefits>div:first-child{position:static}.benefit{min-height:260px}.benefit h3{font-size:30px}.contact{padding:55px 5%}.brief-card{padding:25px}.admin-shell{grid-template-columns:1fr}.admin-sidebar{height:auto;position:static;padding:20px;border:0;border-bottom:1px solid #ddd}.admin-sidebar .tabs{display:flex;flex-direction:row;overflow:auto}.admin-sidebar .tabs button{white-space:nowrap;font-size:12px;padding:10px}.admin-sidebar>a:not(.brand),.admin-sidebar #logout,.admin-sidebar>.muted{display:none}.admin-topbar{padding:18px}.admin-body{padding:20px}.admin-gate{padding:28px}.section:has(.detail-video)>.work-grid{grid-template-columns:1fr}.detail-intro h1{font-size:38px}}
.service-fieldset{border:0;padding:0;margin:0;min-width:0}.service-fieldset legend{font-size:12px;margin-bottom:15px}.reference-footer{display:grid;grid-template-columns:1fr 2fr;gap:24px;padding:50px 4.4% 100px}.footer-blue{border-radius:24px;background:#087aff;color:white;text-align:center;padding:35px;display:flex;align-items:center;flex-direction:column}.footer-blue>img{width:44px}.footer-blue h2{font-size:48px;line-height:1.1;margin:20px 0}.footer-blue p{font-size:13px}.footer-blue .pill{background:white;color:#1c1c1e;border:0}.footer-info{background:#f4f4f8;border-radius:24px;padding:35px;display:flex;flex-direction:column}.footer-info h3{font-size:24px;font-weight:500;line-height:1.5;margin:0 0 20px}.footer-info p{font-size:14px;line-height:1.9;color:#666671}.footer-links{display:flex;gap:25px;flex-wrap:wrap;padding:25px 0;margin-top:auto;border-top:1px solid #dddde8}.footer-links a{font-size:13px}.footer-info small{font-size:11px;color:#797984}.admin-card input[type=checkbox]{width:auto;justify-self:start}.admin-card select{background:#fafafd;padding:12px;border:1px solid #dddde8;border-radius:8px}.style-caption a{white-space:nowrap}@media(max-width:600px){.reference-footer{grid-template-columns:1fr;padding:35px 5% 100px}.footer-info{padding:25px}.footer-blue{padding:30px}.footer-blue h2{font-size:42px}.intro-section h1{font-size:38px}.style-caption{font-size:12px}}
.about-lead{max-width:1100px;margin:auto;padding:90px 5% 70px;text-align:center}.about-lead .kicker{justify-content:center}.about-lead h1{font-size:clamp(42px,5.5vw,80px);font-weight:500;line-height:1.25;letter-spacing:-.02em;margin:35px auto;max-width:950px}.about-lead p{font-size:20px;line-height:1.9;color:#737380;max-width:800px;margin:0 auto 35px}html[lang=fa] .about-lead h1{font-weight:800;line-height:1.5}@media(max-width:600px){.about-lead{padding:55px 5%}.about-lead h1{font-size:40px}.about-lead p{font-size:16px}.home .nav a,.home .nav .languages{min-height:40px;display:flex;align-items:center}.home .nav .languages{display:block}}
.brief-card .form input[name=name]{background:#f4f4f8 url('/reference/person.svg') no-repeat left 13px center;padding-left:37px}.brief-card .form input[name=email]{background:#f4f4f8 url('/reference/email.svg') no-repeat left 13px center;padding-left:37px}
/* Focused annotation revision */
.cinema-hero video{object-fit:cover!important}.home .nav{padding:9px 12px;gap:3px;align-items:center;border-radius:30px;max-width:calc(100vw - 32px);box-shadow:0 10px 40px #0003,inset 0 0 0 1px #ffffff15}.home .nav a{padding:12px 17px;font-size:13px;min-height:44px;display:flex;align-items:center;justify-content:center}.home .nav:before{margin:0 6px;width:30px;height:30px;background-size:28px}.language-picker{position:relative;flex-shrink:0}.language-picker summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:10px 16px;border-radius:24px;font-size:13px;border:1px solid #dddde8;background:#f5f5f9;color:#262630;white-space:nowrap}.language-picker summary::-webkit-details-marker{display:none}.home .language-picker summary{background:#ffffff12;border-color:#ffffff24;color:white}.language-options{position:absolute;inset-inline-end:0;top:calc(100% + 12px);min-width:165px;background:#fff;border:1px solid #e4e4ed;border-radius:16px;padding:7px;box-shadow:0 15px 45px #0003;z-index:100}.home .language-options{top:auto;bottom:calc(100% + 15px)}.language-options button{display:flex;width:100%;justify-content:space-between;gap:24px;padding:12px 14px;background:white;border:0;border-radius:10px;font-size:14px;text-align:start}.language-options button:hover,.language-options button[aria-current=true]{background:#eef2ff;color:#2652dd}.pill{gap:22px;min-height:50px;padding:8px 10px 8px 22px;line-height:1.5;justify-content:space-between;font-size:14px;font-weight:500}.pill .arrow{width:34px;height:34px;flex:0 0 34px;border:1px solid #e5e5ed;box-shadow:0 2px 5px #00000008;font-size:23px}.pill.outline{background:#fff;border:1px solid #d8dce7;box-shadow:0 5px 16px #1c1c1e06;color:#1c1c1e}.pill.outline:hover{background:#f0f3ff;border-color:#8da9ff;color:#1c1c1e}.footer-blue .pill{color:#12121a;padding:8px 10px 8px 22px;background:white;min-width:185px;box-shadow:0 4px 16px #0047b22b}.footer-blue .pill:hover{background:#eef3ff;color:#12121a}.center .pill{min-width:190px}.section-head{display:block;position:relative;border:0;padding:0 0 30px;margin-bottom:30px}.section-head h2{font-size:clamp(36px,4vw,60px);margin:15px 0}.section-head p{padding:0;margin:0;max-width:800px;font-size:15px;line-height:1.9;text-align:start}.section-head:after{content:'';display:block;width:54px;height:3px;background:#2463ed;border-radius:3px;margin-top:24px}.reel-section{padding-top:70px}.work-card{border:1px solid #e4e7ee;border-radius:23px;overflow:hidden;background:#fff;box-shadow:0 8px 35px #15234805;transition:box-shadow .25s,transform .25s}.work-card:hover{box-shadow:0 15px 45px #15234812;transform:translateY(-3px)}.work-card .visual{border-radius:0;aspect-ratio:16/10}.work-card .play{bottom:18px;inset-inline-end:18px;padding:9px 16px;font:500 12px IRANSansX,sans-serif}.work-label{border:0;padding:21px 24px 24px;gap:20px}.work-label h3{font-size:25px;line-height:1.6;margin:8px 0 0;font-weight:700}.project-tag{display:inline-block;background:#f1f4f9;color:#68748b;padding:5px 10px;border-radius:8px;font-size:11px;font-weight:500}.project-open{border-color:#d9e1f2;width:43px;height:43px;background:#f6f8ff;color:#2652dd!important;flex-shrink:0}.spotlight .visual{aspect-ratio:16/8}.spotlight .work-label{padding:24px 28px}.spotlight .work-label h3{font-size:29px}html[lang=en] .work-card .play{font-family:Sohne,Arial,sans-serif}html[lang=fa] .work-label,html[lang=ar] .work-label{font-family:IRANSansX,sans-serif}.faq{display:block;max-width:1100px;background:#f6f8fc;border:1px solid #e6ebf5;border-radius:30px;padding:48px;margin:auto}.faq-aside{padding:0 0 35px;background:none;border-radius:0;display:flex;align-items:center;gap:30px;flex-wrap:wrap}.faq-aside .kicker{width:100%;color:#62708b}.faq-aside h2{font-size:clamp(31px,3.6vw,50px);max-width:none;flex:1;margin:0}.faq-aside .pill{margin:0;background:white;color:#1c1c1e;border-color:#dce2ee;box-shadow:none}.faq-items{display:grid;gap:12px}.faq-items details{border:1px solid #e2e8f2;border-radius:16px;background:#fff;margin:0;padding:22px 26px}.faq-items details[open]{background:white;border:1px solid #b9cdf5;box-shadow:0 8px 30px #396fc00a}.faq-items summary{font-weight:650;line-height:1.7;align-items:center;gap:20px}.faq-items summary>span:nth-child(2){flex:1}.faq-number{font-family:Sohne,Arial,sans-serif;color:#9aa5b6;font-size:13px;min-width:25px}.faq-items p{padding-inline-start:45px;font-size:14px;line-height:2;color:#657087;margin:20px 0 5px}.brief-card>h3{margin-top:5px}.contact>div:first-child{margin-bottom:30px}
/* Visual administration */
.visual-admin{font-size:14px;background:#f5f6fa}.visual-admin .admin-sidebar{width:auto;background:#fff}.visual-admin .admin-sidebar .tabs button{display:flex;gap:13px;align-items:center;min-height:48px}.visual-admin .tabs button>span{font:12px Sohne,Arial;color:#98a2b4}.visual-admin .tabs button.active{background:#eaf0ff;color:#2154ce}.visual-admin .admin-topbar{border-color:#e3e7ef}.visual-admin .admin-body{max-width:1250px;padding:36px}.admin-heading{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:30px}.admin-heading h1{margin-bottom:10px}.admin-heading p{font-size:13px;color:#768299;line-height:1.8}.admin-heading .language-tabs{margin:0;flex-shrink:0}.admin-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.admin-stats>div{background:white;border:1px solid #e3e8f1;border-radius:18px;padding:28px;display:grid;gap:10px}.admin-stats b{font-size:36px;font-weight:600;color:#2652dd}.admin-stats span{color:#738096;font-size:13px}.admin-shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:25px}.admin-shortcuts button{background:white;border:1px solid #e3e8f1;border-radius:18px;padding:30px;display:grid;text-align:start;gap:15px}.admin-shortcuts strong{font-size:20px;font-weight:700}.admin-shortcuts span{color:#72839c;font-size:13px}.admin-project-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:30px}.admin-project{background:white;border:1px solid #e2e7f0;border-radius:18px;overflow:hidden}.admin-project>div{padding:22px}.admin-project h3{font-size:22px;margin:0 0 10px}.admin-video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#10131c;border-radius:12px}.admin-project>.admin-video{border-radius:0}.status-badge{padding:5px 10px;border-radius:8px;background:#edf3ff;color:#4b6eaa;font-size:11px;display:inline-block}.admin .admin-card{padding:28px;border-color:#e2e7f0}.editor-field{display:grid;gap:10px;margin:0 0 22px;font-size:13px;font-weight:550}.editor-field input,.editor-field textarea,.editor-field select{margin:0;width:100%;border:1px solid #dce3ef;border-radius:10px;padding:13px 15px;background:#fbfcff;font:inherit;max-width:none}.editor-field textarea{min-height:120px;resize:vertical}.check-field{display:flex!important;gap:10px;align-items:center;font-size:13px}.check-field input{width:18px!important;height:18px}.editor-savebar{position:sticky;bottom:15px;z-index:5;background:#fffffff5;backdrop-filter:blur(15px);border:1px solid #dce3ef;border-radius:16px;padding:14px 18px;display:flex;align-items:center;gap:20px;box-shadow:0 5px 25px #0000000a}.editor-savebar span{font-size:12px;color:#7b8799}.visual-admin .button{font-size:13px;padding:12px 22px;border-radius:11px;min-height:43px;box-shadow:none;justify-content:center;margin:5px 5px 5px 0}.visual-admin .button:not(.outline){background:#245ee9;border-color:#245ee9;color:#fff}.visual-admin .button.outline{background:#fff;border-color:#dce3ef;color:#34435e}.project-editor-layout,.style-editor{display:grid;grid-template-columns:1fr 1fr;gap:26px}.style-editor .admin-video{position:sticky;top:20px}.hero-order-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:17px 0;border-bottom:1px solid #edf0f6}.hero-order-row strong{flex:1}.hero-order-row button{padding:8px 12px;border:1px solid #dce3ef;border-radius:8px;background:#fff;font-size:12px}.hero-order-row>span{width:28px;color:#8290a6}.inquiry-meta{display:grid;grid-template-columns:1fr 1fr;gap:12px;background:#f7f9fc;padding:18px;border-radius:12px;font-size:12px;line-height:1.8}.inquiry-card p{font-size:15px;line-height:1.9}.inquiry-card>a{color:#2652dd;font-size:13px;direction:ltr;display:inline-block}.inquiry-card>div:first-child{display:flex;justify-content:space-between;align-items:center;gap:20px}.admin-empty{background:white;border:1px dashed #cdd7e7;border-radius:20px;padding:70px 30px;text-align:center}.admin-empty p{color:#7b8799}.visual-admin .admin-card textarea{direction:inherit}.visual-admin .admin-card label{margin-top:0}.visual-admin .admin-sidebar a{font-weight:550}.visual-admin .admin-topbar #admin-status.error{color:#b02828}
@media(max-width:900px){.admin-heading{align-items:start;flex-direction:column}.visual-admin .admin-body{padding:24px}.style-editor,.project-editor-layout{grid-template-columns:1fr}.style-editor .admin-video{position:static}}
@media(max-width:600px){.home .nav{bottom:14px;gap:0;padding:6px 8px;width:max-content;max-width:calc(100vw - 20px)}.home .nav a{font-size:11px;padding:10px 9px;min-height:42px}.home .nav:before{display:none}.language-picker summary{font-size:11px;min-height:42px;padding:9px 11px;gap:5px}.language-options{min-width:160px}.language-options button{min-height:44px}.reel-section{padding-top:45px}.work-label{padding:17px 19px}.work-label h3{font-size:22px}.spotlight .work-label h3{font-size:25px}.section-head p{font-size:14px}.faq{padding:26px 19px;border-radius:23px}.faq-aside{gap:20px;padding-bottom:25px}.faq-aside h2{font-size:30px;flex-basis:100%}.faq-items details{padding:18px 16px}.faq-items summary{font-size:14px;gap:12px}.faq-items p{padding-inline-start:0;font-size:13px}.admin-stats{gap:10px}.admin-stats>div{padding:18px 12px}.admin-stats b{font-size:27px}.admin-stats span{font-size:11px}.admin-shortcuts,.admin-project-grid{grid-template-columns:1fr;gap:15px}.visual-admin .admin-body{padding:20px 15px}.admin-heading{margin-bottom:20px}.visual-admin .admin-sidebar .tabs button{white-space:nowrap}.visual-admin .admin-card{padding:22px 18px}.editor-savebar{gap:8px;padding:12px;bottom:8px}.editor-savebar span{font-size:10px}.inquiry-meta{grid-template-columns:1fr}.hero-order-row{gap:8px}.hero-order-row strong{flex-basis:70%}.language-tabs button{padding:10px 16px}.admin-heading .language-tabs{max-width:100%}}
.language-picker{padding:0!important;margin:0!important;border:0!important}.language-picker summary{line-height:1.2}.home .nav{min-height:64px}.language-picker summary:focus-visible{outline:3px solid #8eaaff;outline-offset:3px}
.visual-admin .admin-heading h1{font-size:32px!important;line-height:1.5;letter-spacing:0;margin:0 0 8px}.visual-admin .admin-heading p{font-size:13px}.admin-gate h1{font-size:30px!important;line-height:1.5;letter-spacing:0}@media(max-width:600px){.visual-admin .admin-heading h1{font-size:27px!important}}
/* Final public design system: three public page types and shared dock. */
body.home>div#app>header{position:absolute!important;inset:0 0 auto!important;background:none!important;border:0!important;backdrop-filter:none!important;padding:30px 4.4%!important}.home header .brand{position:relative;background:#111827aa;color:#fff;backdrop-filter:blur(12px)}.home .nav{position:fixed!important;top:auto!important;bottom:max(16px,env(safe-area-inset-bottom))!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;flex-direction:row!important;display:flex!important;z-index:60!important;min-height:62px;gap:2px}.home .nav a{font-size:12px;padding:11px 13px;white-space:nowrap}.icon{display:inline-block;width:22px;height:22px;object-fit:contain;flex-shrink:0;vertical-align:middle}.direction-icon{width:20px;height:20px}html[dir=rtl] .direction-icon{transform:scaleX(-1)}.language-picker summary .icon{width:16px;height:16px;filter:invert(1)}.language-options .icon{width:17px;height:17px}.language-picker summary{direction:ltr;gap:8px;min-width:70px;justify-content:center}.language-picker[open] summary>.icon{transform:rotate(180deg)}.home .nav:before{display:none}.home .nav{padding-inline:10px}.pill,.button{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:48px;line-height:1.5;vertical-align:middle;white-space:normal;text-align:center}.pill{padding:9px 9px 9px 20px!important}.pill .arrow{margin:0!important;display:inline-flex;justify-content:center;align-items:center;width:34px;height:34px;flex-shrink:0}.pill>.icon{margin-inline-start:8px}.button{padding:13px 22px!important}.footer-blue .pill{min-width:180px}html[dir=rtl] .pill{padding-left:9px!important;padding-right:20px!important}.process{align-items:stretch}.process .step{display:grid;grid-template-rows:auto 1fr auto;gap:12px}.process .step h3{margin:0;line-height:1.8}.process .step p{margin:0;min-height:3.8em}.process .step video{margin-top:auto;align-self:end}.section:has(.detail-video),body.home main:has(.filters){padding-top:110px}.form-field{display:grid;gap:9px!important;min-width:0}.form-field>span:first-child{font-size:13px;color:#344158}.required-mark{color:#687b98}.input-shell{position:relative;display:block}.field-icon{position:absolute;width:20px;height:20px;inset-inline-start:15px;top:50%;transform:translateY(-50%);pointer-events:none;opacity:.65;z-index:1}.form-field:has(textarea) .field-icon{top:24px}.brief-card .form .input-shell :is(input,textarea){width:100%;min-height:50px;padding:13px 15px!important;padding-inline-start:46px!important;border:1px solid #dce3ee!important;border-radius:11px!important;background:#f8fafe!important;background-image:none!important;color:#23334d;transition:border-color .15s,box-shadow .15s,background .15s}.brief-card .form .input-shell input[dir=ltr]{padding-inline-start:46px!important}.input-shell input:hover,.input-shell textarea:hover{border-color:#bccbe2!important}.input-shell input:focus,.input-shell textarea:focus{outline:0;border-color:#4c7de8!important;box-shadow:0 0 0 3px #4c7de819!important;background:#fff!important}.form-field.field-filled .input-shell input,.form-field.field-filled .input-shell textarea{background:#fff!important}.form-field.field-error .input-shell input,.form-field.field-error .input-shell textarea{border-color:#d64d59!important;background:#fffafb!important}.field-hint{min-height:0;font-size:12px;color:#bf3244;line-height:1.8}.field-hint:empty{display:none}.form .service-options{gap:12px}.form .service-options label{padding:9px 12px;border:1px solid #dde5f2;border-radius:10px;cursor:pointer;background:#fafcff;line-height:1.8}.form .service-options label:has(:checked){background:#eef3ff;border-color:#789ce8;color:#234fba}.form .service-options input{width:18px;height:18px;flex-shrink:0}.form[data-state=submitting]{opacity:.8}.form[data-state=error] #form-message{color:#b32e40;padding:14px;border-radius:10px;background:#fff0f2;font-size:13px;line-height:1.9}.form[data-state=invalid] #form-message{color:#b32e40;font-size:13px}.form .button:disabled{cursor:progress;opacity:.65}.brief-success{grid-column:1/-1;text-align:center;padding:35px 5px;outline:0}.brief-success>img{width:55px;height:55px;background:#eaf6ef;border-radius:50%;padding:10px}.brief-success h3{font-size:23px;line-height:1.7;margin:20px 0 15px}.brief-success p{font-size:14px;line-height:2;color:#6c7a8d}.brief-success>span{display:block;border-radius:10px;background:#f2f5fb;padding:14px;margin-top:22px;font-size:13px}.brief-card .form{gap:22px}.brief-card .form .button{width:100%;gap:14px}.faq-items summary:after{display:none}.faq-toggle{margin-inline-start:auto;transition:transform .2s}.faq-items details[open] .faq-toggle{transform:rotate(45deg)}html[lang=fa] body,html[lang=ar] body{font-weight:500}html:is([lang=fa],[lang=ar]) body :is(p,label,a,button,input,textarea,select,small,span,legend,summary){font-weight:500!important}html:is([lang=fa],[lang=ar]) body :is(h1,h2,h3,h4,h5,h6,b,strong),html:is([lang=fa],[lang=ar]) body :is(h1,h2,h3,h4,h5,h6) *{font-weight:700!important}.footer-info p{font-size:14px;line-height:2.15}.footer-links{gap:22px}.footer-info{padding:35px}.home .nav .language-picker summary{font-weight:500!important}.textlink>.icon{width:18px;height:18px}.home header .brand{z-index:2}html{scroll-padding-top:30px;scroll-padding-bottom:100px}.contact{scroll-margin-top:20px}#faq,#work{scroll-margin-top:25px}
@media(max-width:600px){body.home>div#app>header{padding:20px 5%!important}.home .nav{gap:0;padding:7px 8px;max-width:calc(100vw - 18px);width:max-content;min-height:60px}.home .nav a{font-size:10px;padding:10px 7px;min-height:44px}.home .language-picker summary{font-size:11px;min-width:59px;padding:10px 8px;gap:5px}.home .language-picker summary .icon{width:14px;height:14px}.language-options{inset-inline-end:0;min-width:170px}.section:has(.detail-video),body.home main:has(.filters){padding-top:100px}.brief-card{padding:24px 20px}.form .service-options{display:grid;grid-template-columns:1fr;gap:9px}.form .service-options label{font-size:12px}.form .button{min-height:52px}.process .step p{min-height:0}.footer-info{padding:25px}.pill{min-height:48px;gap:14px;font-size:13px}.home .nav .language-picker summary .icon{filter:invert(1)}}
html[dir=rtl] .brief-card .input-shell input[dir=ltr]{padding-left:15px!important;padding-right:46px!important}
.archive-feature{padding:115px 4.4% 50px}.archive-feature-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:80px;align-items:center;margin-top:30px}.archive-feature h1{font-size:clamp(38px,4.4vw,66px);line-height:1.35;letter-spacing:-.02em;margin:25px 0}.archive-feature p{font-size:16px;line-height:1.9;color:#67738a;margin-bottom:30px}.archive-feature video{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:25px;background:#e6e9ef}.archive-feature a:has(video){display:block}.archive-tags{display:flex;gap:8px;border-top:1px solid #e0e5ed;padding-top:20px;margin-top:30px}.archive-tags span{font-size:12px;padding:7px 13px;background:#f1f3f8;border-radius:20px}.archive-switch{display:flex;gap:8px;margin-top:25px}.archive-switch button{border:1px solid #d9e1f0;background:#fff;border-radius:50%;width:34px;height:34px;font-size:12px}.archive-switch button[aria-pressed=true]{background:#2463ed;border-color:#2463ed;color:white}.archive-search{margin-inline-start:auto;display:flex;align-items:center;gap:8px;border:1px solid #dde4ef;background:#fff;padding:10px 15px;border-radius:25px}.archive-search input{border:0;background:transparent;width:170px;outline:none;font:inherit;font-size:13px}.archive-search:focus-within{outline:3px solid #dce7ff}.archive-search .icon{width:19px;height:19px}.work-card[hidden]{display:none!important}.archive-feature~#work{padding-top:45px!important}@media(max-width:700px){.archive-feature{padding:95px 5% 30px}.archive-feature-grid{grid-template-columns:1fr;gap:30px}.archive-feature-grid>a{grid-row:1}.archive-feature h1{font-size:36px}.archive-feature p{font-size:14px}.archive-feature video{aspect-ratio:16/10}.archive-switch{margin-top:20px}.filters{gap:8px}.archive-search{width:100%;margin:10px 0 0}.archive-search input{width:100%}.archive-feature-grid{margin-top:20px}}
/* Final visual QA: compact CTAs, contextual icon contrast and tighter project lead. */
body.home .center>.pill,body.home .footer-blue>.pill{min-width:0;gap:12px;padding-block:6px!important;padding-inline:18px 7px!important;min-height:48px;justify-content:space-between}.home .center>.pill>.arrow,.home .footer-blue>.pill>.arrow{width:34px;height:34px;flex-basis:34px}.work-card .play{display:inline-flex;align-items:center;gap:6px;background:#121622b8;color:white}.work-card .play .direction-icon{filter:brightness(0) invert(1);width:16px;height:16px}#style-project{display:inline-flex;align-items:center;gap:7px;color:#184fc2}#style-project .direction-icon,.language-options button[aria-current=true] .icon{filter:brightness(0) saturate(100%) invert(25%) sepia(78%) saturate(2391%) hue-rotate(210deg) brightness(84%) contrast(92%)}.home.archive-page header>.brand{display:none}.archive-feature{padding:44px 4.4% 34px}.archive-feature>.kicker{font-size:13px;display:flex;gap:7px}.archive-feature>.kicker:before{content:'';width:8px;height:8px;border-radius:2px;background:#2463ed;flex:none}.archive-feature-grid{gap:clamp(24px,5vw,74px);margin-top:22px}.archive-feature-grid h1{margin:12px 0 16px;font-size:clamp(35px,4vw,60px)}.archive-feature-grid p{margin:0 0 22px}.archive-tags{margin-top:23px;padding-top:16px}.archive-switch{margin-top:15px}.archive-feature~#work{padding-top:28px!important}.archive-feature~#work .section-head{margin-bottom:22px;padding-bottom:18px}.archive-feature video{aspect-ratio:1.38;object-fit:cover}.home :is(a,button,summary):focus-visible{outline:2px solid #245de3;outline-offset:3px}.home .nav :is(a,button,summary):focus-visible{outline-color:#92baff}.home :is(button,a,input,summary){scroll-margin-block-end:105px}.archive-switch button{min-width:40px;min-height:40px}@media(max-width:700px){.archive-feature{padding:28px 5% 20px}.archive-feature-grid{gap:20px;margin-top:15px}.archive-feature-grid h1{font-size:34px}.archive-feature video{aspect-ratio:16/10}.archive-feature~#work{padding-top:24px!important}.archive-switch button{min-width:42px;min-height:42px}.home .center>.pill,.home .footer-blue>.pill{font-size:13px}}
body.home.archive-page main{padding-top:0!important}

/* Shared portfolio spacing and project presentation. */
.archive-feature video {
  aspect-ratio: 16 / 9;
  object-fit: contain;
  background: #070b13;
}
.home:not(.archive-page,.detail-page) main > .section:not(.contact) {
  padding-block: clamp(30px, 4.4vw, 62px);
}
.home .reel-section {
  padding-block: clamp(30px, 4.4vw, 62px) 12px;
}
.reel-section .slider-thumbs { justify-content: flex-start; }
.home #work .section-head {
  padding-block-end: 0;
  margin-block-end: clamp(17px, 2vw, 26px);
}
.home #work .section-head::after { margin-block-start: 12px; }
.home main > .contact { margin-block: 14px 28px; }

.home .work-label {
  background: linear-gradient(125deg, #fff, #f1f5fd);
  padding: clamp(14px, 1.8vw, 24px);
  border-block-start: 1px solid #e2e8f3;
}
.home .work-label h3 { margin-block-start: 5px; }
.home .work-label .project-tag {
  color: #405575;
  background: #e7eef9;
}
.home .work-label .project-open {
  background: #fff;
  border: 1px solid #d5e0f2;
  width: 44px;
  height: 44px;
  flex: 0 0 44px;
  display: grid;
  place-items: center;
}
.home .work-card:is(:hover,:focus-visible) .project-open { background: #e4eeff; }

.home .brief-card #brief button[type=submit] {
  background: #080b12;
  border-color: #080b12;
  color: #fff;
  padding-block: 8px;
  min-height: 52px;
}
.home .brief-card #brief button[type=submit]:hover:not(:disabled) {
  background: #252c38;
}

.reference-footer .footer-blue {
  align-items: flex-start;
  justify-content: center;
  text-align: start;
  gap: 14px;
  padding: clamp(22px, 4vw, 48px);
  background-color: #0758ca;
  background-image:
    radial-gradient(circle, #ffffff20 1px, transparent 1.5px),
    repeating-radial-gradient(ellipse at 98% 100%, transparent 0 24px, #ffffff10 25px 26px),
    linear-gradient(145deg, #0649a7, #0863dc);
  background-size: 16px 16px, 100% 100%, 100% 100%;
}
.reference-footer .footer-blue h2 {
  font-size: clamp(32px, 4vw, 56px);
  margin: 0;
}
.reference-footer .footer-blue p { margin: 0 0 6px; }
.reference-footer .footer-blue img { flex: none; }

.detail-back {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 13px;
  min-height: 44px;
}
.detail-back .icon { width: 17px; height: 17px; }
.home.detail-page main > .project-detail { padding-block-start: 12px; }
.project-detail .detail-intro {
  padding: 0;
  margin-block: 0 clamp(12px, 2vw, 22px);
}
.project-detail .detail-intro h1 {
  font-size: clamp(33px, 4.1vw, 59px);
  margin: 6px 0 0;
}
.project-detail .detail-intro p { margin: 9px 0 0; max-width: 68ch; }

/* The floating navigation is shared; only the landing page has a masthead. */
.home .nav::before { content: none; }
.home .nav .nav-brand {
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  min-height: 44px;
  border-radius: 50%;
  padding: 0;
}
.home .nav .nav-brand img { display: block; flex: none; }
.project-detail .detail-back { margin-block-end: 6px; }
.detail-back .direction-icon { rotate: 180deg; }
@media (max-width: 390px) {
  
  .home .nav .nav-brand img { width: 21px; height: 21px; }
  .home .nav > a:not(.nav-brand) { padding-inline: 3px; white-space: normal; text-align: center; line-height: 1.3; }
}

.home .nav { gap: 4px; }
.home .reel-section .section-head { padding-block-end: 0; margin-block-end: 20px; }

/* Owner account and inbox controls. */
.admin-gate #login { display: grid; gap: 14px; }
.admin-gate #login label { display: grid; gap: 6px; text-align: start; }
.admin-gate #login input { min-height: 48px; }
.admin-gate #login-error:empty { display: none; }
.admin-gate #login-error { color: #a21d31; margin: 0; }
.visual-admin .language-tabs[hidden],
.visual-admin .inquiry-card[hidden] { display: none; }
.visual-admin .inbox-toolbar {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px 20px;
  margin-block-end: 16px;
}
.visual-admin .inbox-toolbar select { min-height: 44px; }
.visual-admin .inquiry-meta, .visual-admin .inquiry-card p { overflow-wrap: anywhere; }

/* Login controls follow the portfolio account flow. */
.admin-login-form,.login-settings { display:grid; gap:12px; width:100%; }
.admin-gate .admin-login-form { max-width:380px; margin-inline:auto; }
.login-settings > :is(label,button) { max-width:480px; }
.login-settings h2 { font-size:24px; margin:0; }
.login-settings p { font-size:14px; line-height:1.9; margin-block:4px; }
.login-settings code { display:block; overflow-wrap:anywhere; user-select:all; padding:14px; background:#edf2fb; border-radius:10px; margin-block:12px; }
.login-settings fieldset { border:1px solid #d9e2ef; padding:20px; border-radius:14px; max-width:540px; }
.login-settings [hidden],.admin-login-form [hidden] { display:none!important; }
.login-providers { display:grid; gap:10px; margin-block:18px; }
.homepage-sections { display:grid; gap:12px; }
.visual-admin .section-switch { display:flex; align-items:center; gap:16px; margin:0; cursor:pointer; }
.section-switch small { display:block; color:#6c7a8d; margin-block-start:7px; line-height:1.8; }
.section-switch input { margin-inline-start:auto; appearance:none; width:46px!important; height:26px; min-height:0!important; flex:0 0 46px; background:#d2d9e4; border:0; border-radius:20px; cursor:pointer; position:relative; }
.section-switch input::before { content:''; display:block; position:absolute; top:3px; left:3px; width:20px; height:20px; border-radius:50%; background:#fff; transition:transform .15s; }
.section-switch input:checked { background:#2363e7; }
.section-switch input:checked::before { transform:translateX(20px); }
.section-switch input:focus-visible { outline:3px solid #80a8f5; outline-offset:3px; }
.section-order { color:#66788d; font-size:13px; }
.section-switch:has(:checked) { border-color:#b9cff7; }

.authenticator-qr { display:block; width:240px; max-width:100%; height:auto; background:white; margin-block:16px; border-radius:8px; }
#enrollment-expiry { color:#536581; font-variant-numeric:tabular-nums; }

.process .step .process-media {
  display:block;
  width:100%;
  aspect-ratio:16/10;
  object-fit:cover;
  border-radius:8px;
  background:#eceef3;
  margin-top:auto;
  align-self:end;
}
.process-editor { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:28px; }
.process-editor>div { min-width:0; }
.process-editor-media .admin-video { display:block; width:100%; aspect-ratio:16/10; object-fit:cover; }
.process-editor-media .button { margin-block:14px 0; }
.process-editor .editor-field { margin-block-end:18px; }
@media(max-width:700px) { .process-editor { grid-template-columns:1fr; gap:18px; } }