:root{--ink:#07111f;--navy:#0b1b2d;--navy-2:#11263d;--paper:#f5f7f8;--white:#fff;--muted:#aab6c3;--text:#263542;--accent:#d99a4e;--accent-2:#f0be78;--line:rgba(255,255,255,.12);--shadow:0 24px 70px rgba(3,12,22,.14);--radius:22px;--max:1200px}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:88px}body{font-family:'Segoe UI',Arial,sans-serif;color:var(--text);background:var(--white);line-height:1.65;overflow-x:hidden}body.menu-open{overflow:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.container{width:min(var(--max),calc(100% - 40px));margin-inline:auto}.section{padding:clamp(72px,8vw,120px) 0}.section-dark{background:var(--ink);color:var(--white)}.section-soft{background:var(--paper)}.eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--accent);font-size:.76rem;letter-spacing:.16em;text-transform:uppercase;font-weight:700;margin-bottom:18px}.eyebrow:before{content:"";width:28px;height:1px;background:currentColor}.section-title{font-family:'Segoe UI',Arial,sans-serif;font-size:clamp(2rem,4vw,3.55rem);line-height:1.08;letter-spacing:-.045em;color:var(--ink);max-width:760px}.section-dark .section-title{color:var(--white)}.section-intro{margin-top:20px;max-width:650px;color:#607080;font-size:1.06rem}.section-dark .section-intro{color:var(--muted)}.heading-row{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:48px}.heading-row .section-intro{max-width:430px;margin-bottom:4px}.skip-link{position:fixed;top:-100px;left:20px;background:var(--accent);color:var(--ink);z-index:9999;padding:10px 16px}.skip-link:focus{top:10px}

.site-header{position:fixed;inset:0 0 auto;z-index:1000;height:84px;border-bottom:1px solid transparent;transition:.3s;background:linear-gradient(180deg,rgba(4,13,23,.72),transparent)}.site-header.scrolled,.site-header.open{background:rgba(7,17,31,.96);border-color:var(--line);backdrop-filter:blur(15px);box-shadow:0 8px 35px rgba(0,0,0,.16)}.nav-wrap{height:84px;display:flex;align-items:center;gap:30px}.logo{display:flex;align-items:center;gap:11px;color:var(--white);font-family:'Manrope',sans-serif;font-weight:800;letter-spacing:-.035em;font-size:1.1rem;flex-shrink:0}.logo-mark{width:39px;height:39px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.24);background:rgba(255,255,255,.08);color:var(--accent-2);border-radius:10px;font-size:1rem}.nav{margin-left:auto}.nav ul{display:flex;align-items:center;list-style:none;gap:clamp(14px,1.7vw,28px)}.nav a{color:#dbe3ea;font-size:.87rem;font-weight:600;position:relative;white-space:nowrap}.nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-9px;height:2px;background:var(--accent);transition:.25s}.nav a:hover:after,.nav a.active:after{right:0}.nav a.active{color:var(--white)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:50px;padding:0 23px;border:1px solid transparent;border-radius:999px;font-weight:700;font-size:.91rem;transition:.25s}.btn-accent{background:var(--accent);color:#101820}.btn-accent:hover{background:var(--accent-2);transform:translateY(-2px)}.btn-outline{color:var(--white);border-color:rgba(255,255,255,.35);background:rgba(255,255,255,.05)}.btn-outline:hover{background:var(--white);color:var(--ink)}.btn-dark{background:var(--ink);color:var(--white)}.btn-dark:hover{background:var(--navy-2);transform:translateY(-2px)}.nav-cta{min-height:42px;padding:0 18px}.menu-btn{display:none;margin-left:auto;width:46px;height:46px;border:0;background:transparent;color:var(--white);position:relative}.menu-btn span{position:absolute;width:23px;height:2px;background:currentColor;left:12px;transition:.25s}.menu-btn span:first-child{top:18px}.menu-btn span:last-child{top:26px}.menu-btn[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-btn[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}

.hero{min-height:760px;height:min(92vh,920px);position:relative;display:grid;align-items:center;color:var(--white);background:var(--ink) url('../images/studio-hero.jpg') center/cover no-repeat}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,13,23,.98) 0%,rgba(4,13,23,.86) 36%,rgba(4,13,23,.25) 72%,rgba(4,13,23,.1)),linear-gradient(0deg,rgba(4,13,23,.45),transparent 45%)}.hero-content{position:relative;z-index:1;padding-top:90px;max-width:710px}.hero h1,.page-hero h1{font-family:'Manrope',sans-serif;font-size:clamp(3rem,6.3vw,6.2rem);line-height:.98;letter-spacing:-.065em;text-wrap:balance}.hero h1 span,.page-hero h1 span{color:var(--accent-2)}.hero p{font-size:clamp(1rem,1.6vw,1.18rem);color:#c4cdd5;max-width:620px;margin:25px 0 34px}.hero-actions{display:flex;flex-wrap:wrap;gap:13px}.hero-note{position:absolute;z-index:1;bottom:34px;right:max(20px,calc((100vw - var(--max))/2));display:flex;align-items:center;gap:12px;color:#d9e0e6;font-size:.83rem;letter-spacing:.08em;text-transform:uppercase}.hero-note:before{content:"";width:46px;height:1px;background:var(--accent)}.page-hero{position:relative;min-height:570px;display:flex;align-items:end;padding:160px 0 88px;color:var(--white);background:var(--ink) url('../images/studio-hero.jpg') center/cover no-repeat}.page-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,15,26,.98),rgba(5,15,26,.67) 60%,rgba(5,15,26,.38)),linear-gradient(0deg,rgba(5,15,26,.8),transparent 55%)}.page-hero .container{position:relative;z-index:1}.page-hero h1{font-size:clamp(2.8rem,5.7vw,5.25rem);max-width:850px}.page-hero p{max-width:650px;color:#c4cdd5;font-size:1.12rem;margin:22px 0 0}.breadcrumbs{font-size:.82rem;text-transform:uppercase;letter-spacing:.12em;color:var(--accent-2);margin-bottom:22px}.breadcrumbs a{color:#d6dee5}

.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{background:var(--white);border:1px solid #e5e9ed;border-radius:var(--radius);padding:30px;transition:.3s;position:relative;overflow:hidden}.card:hover{transform:translateY(-7px);box-shadow:var(--shadow);border-color:transparent}.card-icon{width:51px;height:51px;border-radius:15px;display:grid;place-items:center;background:#eef2f4;color:var(--navy);margin-bottom:25px}.card-icon svg{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:1.7}.card h3{font:700 1.18rem 'Manrope',sans-serif;color:var(--ink);margin-bottom:10px}.card p{color:#677684;font-size:.95rem}.card-link{display:inline-flex;gap:7px;align-items:center;margin-top:22px;color:#995f21;font-weight:700;font-size:.88rem}.card-link:hover{gap:11px}.service-feature{min-height:410px;display:flex;flex-direction:column;justify-content:end;padding:34px;background:linear-gradient(0deg,rgba(4,13,23,.94),rgba(4,13,23,.05)),url('../images/studio-hero.jpg') center/cover;border-radius:var(--radius);color:var(--white);overflow:hidden;transition:.3s}.service-feature:nth-child(2){background-position:62% center}.service-feature:nth-child(3){background-position:85% center}.service-feature:hover{transform:translateY(-7px);box-shadow:var(--shadow)}.service-feature .num{color:var(--accent-2);font-size:.78rem;letter-spacing:.15em}.service-feature h3{font:700 1.55rem 'Manrope',sans-serif;margin:8px 0}.service-feature p{color:#c2cbd2;font-size:.92rem}.service-feature .card-link{color:var(--white)}

.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(50px,7vw,100px);align-items:center}.visual-panel{min-height:570px;background:url('../images/studio-hero.jpg') 72% center/cover;border-radius:28px;position:relative;box-shadow:var(--shadow)}.visual-panel:after{content:"24";position:absolute;bottom:-25px;left:-28px;font:800 7rem 'Manrope',sans-serif;line-height:1;color:var(--accent);text-shadow:0 10px 35px rgba(0,0,0,.18)}.tick-list{list-style:none;margin:28px 0;display:grid;gap:14px}.tick-list li{display:flex;align-items:flex-start;gap:12px}.tick-list li:before{content:"✓";width:24px;height:24px;border-radius:50%;display:grid;place-items:center;flex:none;background:#f8e9d8;color:#965e23;font-size:.75rem;font-weight:800}.tag-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.tag{padding:9px 14px;border-radius:999px;border:1px solid #dce2e6;background:var(--white);font-size:.84rem;font-weight:600;color:#52616e}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.14);border-radius:var(--radius);overflow:hidden}.stat{padding:38px 28px;background:var(--navy);text-align:center}.stat strong{display:block;font:700 clamp(2rem,4vw,3.4rem) 'Manrope',sans-serif;color:var(--accent-2);line-height:1}.stat span{display:block;color:#bdc8d1;margin-top:10px;font-size:.88rem}

.process{counter-reset:steps;display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.process-item{counter-increment:steps;border-top:1px solid #d8dee3;padding-top:23px}.process-item:before{content:"0" counter(steps);font:700 .8rem 'Manrope',sans-serif;color:#a0662a;letter-spacing:.13em}.process-item h3{font:700 1.1rem 'Manrope',sans-serif;color:var(--ink);margin:14px 0 8px}.process-item p{font-size:.91rem;color:#677684}.quote-card{border:1px solid rgba(255,255,255,.14);border-radius:var(--radius);padding:34px;background:rgba(255,255,255,.04)}.quote-card blockquote{font:500 1.12rem/1.6 'Manrope',sans-serif;color:#e9eef1}.quote-card footer{margin-top:22px;color:var(--accent-2);font-size:.85rem}.placeholder-label{display:inline-block;padding:4px 9px;background:#f5eadc;color:#82501d;border-radius:5px;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px}

.faq-list{max-width:900px;margin:45px auto 0;border-top:1px solid #dbe1e5}.faq-item{border-bottom:1px solid #dbe1e5}.faq-question{width:100%;border:0;background:none;color:var(--ink);padding:24px 4px;display:flex;justify-content:space-between;gap:20px;text-align:left;font:700 1.02rem 'Manrope',sans-serif}.faq-question span:last-child{font-size:1.4rem;color:#a1682c;transition:.2s}.faq-question[aria-expanded=true] span:last-child{transform:rotate(45deg)}.faq-answer{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease}.faq-answer>div{overflow:hidden}.faq-answer p{padding:0 45px 24px 4px;color:#63717e}.faq-question[aria-expanded=true]+.faq-answer{grid-template-rows:1fr}.cta{position:relative;overflow:hidden;background:var(--navy);color:var(--white);border-radius:30px;padding:clamp(44px,7vw,80px)}.cta:after{content:"24";position:absolute;right:-18px;bottom:-56px;font:800 14rem 'Manrope',sans-serif;color:rgba(255,255,255,.035)}.cta .section-title{color:var(--white);position:relative;z-index:1;max-width:780px}.cta p{color:#b9c4cd;max-width:620px;margin:18px 0 28px;position:relative;z-index:1}.cta .btn{position:relative;z-index:1}

.portfolio-filter{display:flex;flex-wrap:wrap;gap:10px;margin:34px 0}.filter-btn{border:1px solid #d7dee3;background:var(--white);border-radius:999px;padding:10px 18px;font-weight:700;color:#65727d}.filter-btn.active,.filter-btn:hover{background:var(--ink);color:var(--white);border-color:var(--ink)}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.project-card{border-radius:var(--radius);background:var(--white);border:1px solid #e3e8eb;overflow:hidden;transition:.3s}.project-card.hidden{display:none}.project-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}.project-img{height:250px;background:url('../images/studio-hero.jpg') 78% center/cover;overflow:hidden;position:relative}.project-card:nth-child(2n) .project-img{background-position:47% center}.project-card:nth-child(3n) .project-img{background-position:90% center}.project-img:after{content:"Concept project";position:absolute;top:16px;left:16px;padding:6px 10px;background:rgba(7,17,31,.9);color:var(--white);border-radius:5px;font-size:.67rem;text-transform:uppercase;letter-spacing:.08em}.project-body{padding:25px}.project-body small{color:#9b6229;font-weight:700;text-transform:uppercase;letter-spacing:.09em}.project-body h3{font:700 1.2rem 'Manrope',sans-serif;color:var(--ink);margin:8px 0}.project-body p{font-size:.9rem;color:#687683}

.form-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.7fr);gap:50px}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:21px}.field{display:grid;gap:7px}.field.full{grid-column:1/-1}.field label{font-weight:700;color:var(--ink);font-size:.87rem}.field input,.field select,.field textarea{width:100%;border:1px solid #ced7dd;background:#fff;border-radius:10px;padding:13px 14px;color:var(--ink);outline:none;transition:.2s}.field input:focus,.field select:focus,.field textarea:focus{border-color:#a6692c;box-shadow:0 0 0 3px rgba(217,154,78,.18)}.field textarea{min-height:150px;resize:vertical}.field-error{color:#ad302a;font-size:.78rem;min-height:1em}.checkbox{display:flex;gap:10px;align-items:flex-start}.checkbox input{width:18px;height:18px;margin-top:3px;accent-color:var(--accent)}.form-status{grid-column:1/-1;border-radius:9px;padding:12px 14px;display:none}.form-status.show{display:block}.form-status.error{background:#fff0ef;color:#9f2822}.form-status.success{background:#e8f6ed;color:#226c3c}.contact-info{background:var(--ink);color:var(--white);border-radius:var(--radius);padding:34px}.contact-info h2{font:700 1.5rem 'Manrope',sans-serif}.contact-info dl{margin-top:26px;display:grid;gap:22px}.contact-info dt{color:var(--accent-2);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;font-weight:700}.contact-info dd{color:#c4ced6;margin-top:4px}.map-placeholder{min-height:360px;background:repeating-linear-gradient(45deg,#e9edef,#e9edef 12px,#eef1f3 12px,#eef1f3 24px);display:grid;place-items:center;text-align:center;border-radius:var(--radius);color:#657581;padding:30px}

.site-footer{background:#040c16;color:#abb8c3;padding:75px 0 28px}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:50px}.footer-brand p{max-width:330px;margin-top:18px}.footer-title{color:var(--white);font:700 .9rem 'Manrope',sans-serif;margin-bottom:18px}.footer-links{list-style:none;display:grid;gap:10px}.footer-links a{font-size:.9rem}.footer-links a:hover{color:var(--accent-2)}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:55px;padding-top:24px;display:flex;justify-content:space-between;gap:20px;font-size:.82rem}.back-top{position:fixed;right:22px;bottom:22px;width:46px;height:46px;border:0;border-radius:50%;background:var(--accent);color:var(--ink);font-size:1.1rem;box-shadow:0 10px 30px rgba(0,0,0,.22);opacity:0;visibility:hidden;transform:translateY(10px);transition:.25s;z-index:900}.back-top.show{opacity:1;visibility:visible;transform:none}.reveal{opacity:0;transform:translateY(24px);transition:opacity .65s,transform .65s}.reveal.visible{opacity:1;transform:none}:focus-visible{outline:3px solid var(--accent-2);outline-offset:3px}

@media(max-width:1050px){.nav-cta{display:none}.nav ul{gap:14px}.nav a{font-size:.8rem}.grid-3,.portfolio-grid{grid-template-columns:repeat(2,1fr)}.process{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1.4fr repeat(2,1fr)}.footer-grid>div:last-child{grid-column:2}}
@media(max-width:800px){.menu-btn{display:block}.nav{position:fixed;inset:84px 0 auto;background:rgba(7,17,31,.98);border-top:1px solid var(--line);padding:10px 20px 28px;transform:translateY(-130%);opacity:0;visibility:hidden;transition:.3s}.nav.open{transform:none;opacity:1;visibility:visible}.nav ul{display:grid;gap:0}.nav a{display:block;padding:13px 5px;font-size:1rem;border-bottom:1px solid rgba(255,255,255,.08)}.nav a:after{display:none}.nav a.active{color:var(--accent-2)}.hero{min-height:720px;height:auto}.hero:before{background:linear-gradient(90deg,rgba(4,13,23,.96),rgba(4,13,23,.56)),linear-gradient(0deg,rgba(4,13,23,.6),transparent)}.hero-content{padding:170px 0 130px}.hero-note{left:20px;right:auto}.heading-row{display:block}.heading-row .section-intro{max-width:650px}.split{grid-template-columns:1fr}.visual-panel{min-height:440px;order:-1}.stats{grid-template-columns:repeat(2,1fr)}.form-layout{grid-template-columns:1fr}.footer-grid{grid-template-columns:repeat(2,1fr)}.footer-grid>div:last-child{grid-column:auto}}
@media(max-width:560px){.container{width:min(100% - 28px,var(--max))}.section{padding:66px 0}.grid-3,.portfolio-grid,.process{grid-template-columns:1fr}.service-feature{min-height:350px}.stats{grid-template-columns:1fr 1fr}.stat{padding:28px 12px}.contact-form{grid-template-columns:1fr}.field.full{grid-column:auto}.footer-grid{grid-template-columns:1fr;gap:32px}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:8px}.page-hero{min-height:500px;padding-bottom:65px}.hero h1{font-size:clamp(2.7rem,14vw,4rem)}.hero-actions{display:grid}.hero-actions .btn{width:100%}.visual-panel{min-height:340px}.visual-panel:after{font-size:5rem;left:-5px}.cta{border-radius:20px}.project-img{height:220px}}
@media(max-width:360px){.container{width:calc(100% - 24px)}.nav-wrap{gap:8px}.logo{font-size:.96rem}.logo-mark{width:36px;height:36px}.menu-btn{flex:none}.hero-content{padding-top:145px}.hero h1{font-size:2.32rem;letter-spacing:-.055em}.hero p{font-size:.94rem}.hero-note{display:none}.stats{grid-template-columns:1fr}.card,.quote-card{padding:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}

/* Production content and policy pages */
.example-label{display:inline-block;padding:4px 9px;background:#f5eadc;color:#82501d;border-radius:5px;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px}.example-notice{margin:-24px 0 32px}.project-img:after{content:"Illustrative example"}.text-link{color:#8b571f;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.form-trap{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.checkbox input{flex:none}.contact-form button:disabled{opacity:.65;cursor:wait}.contact-info{align-self:start}.contact-steps{margin:26px 0 0 20px;display:grid;gap:16px;color:#c4ced6}.contact-note{margin-top:28px;color:#9facb7;font-size:.86rem}.legal-hero{min-height:440px}.legal-content{max-width:820px}.policy-date{color:#6d7a86;margin-bottom:34px}.legal-content h2{font:700 clamp(1.25rem,2vw,1.65rem) 'Manrope',sans-serif;color:var(--ink);margin:34px 0 10px}.legal-content p{color:#536371}.legal-content p+p{margin-top:12px}.footer-grid{grid-template-columns:1.5fr repeat(2,1fr)}.footer-bottom a:hover{color:var(--accent-2)}
@media(max-width:1050px){.footer-grid{grid-template-columns:1.4fr repeat(2,1fr)}.footer-grid>div:last-child{grid-column:auto}}
@media(max-width:800px){.footer-grid{grid-template-columns:repeat(2,1fr)}.footer-brand{grid-column:1/-1}}
@media(max-width:560px){.footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:auto}.example-notice{margin:-20px 0 28px}}