:root{--bg:#F7F3EA;--ink:#11100E;--muted:#8C8176;--blue:#C6A15B;--soft:#EFE8DB;--line:rgba(42,33,27,.14);--title:Satoshi,sans-serif;--body:Manrope,sans-serif;--ease:cubic-bezier(.16,.84,.32,1)}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--body);background:var(--bg);color:var(--ink);overflow-x:hidden;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%}a{text-decoration:none;color:inherit}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}
.nav{position:fixed;top:0;left:0;right:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:22px clamp(22px,5vw,70px);transition:.3s var(--ease)}.nav.is-scrolled{background:rgba(250,250,247,.9);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);padding-top:14px;padding-bottom:14px}.brand{font-family:var(--title);font-weight:700;letter-spacing:.1em;color:white;display:flex;flex-direction:column;line-height:.92}.brand span:last-child{font-size:11px;letter-spacing:.2em;font-weight:500;margin-top:5px}.nav.is-scrolled .brand{color:var(--ink)}.nav-links{display:flex;align-items:center;gap:22px}.nav-links a,.nav-dropdown button{font:500 13px var(--body);color:rgba(255,255,255,.84);background:none;border:0;cursor:pointer}.nav.is-scrolled .nav-links a,.nav.is-scrolled .nav-dropdown button{color:var(--ink)}.nav-cta{border:1px solid rgba(255,255,255,.45);padding:10px 18px;border-radius:999px}.nav.is-scrolled .nav-cta{border-color:var(--ink)}
.nav-dropdown{position:relative}.nav-dropdown-menu{position:absolute;right:0;top:100%;width:min(760px,calc(100vw - 48px));margin-top:12px;padding:12px;background:rgba(250,250,247,.96);backdrop-filter:blur(18px);box-shadow:0 28px 80px rgba(0,0,0,.20);border:1px solid rgba(21,21,21,.08);border-radius:14px;display:grid;grid-template-columns:repeat(2,1fr);gap:10px;opacity:0;pointer-events:none;transform:translateY(-8px);transition:.25s var(--ease)}.nav-dropdown-menu:before{content:"";position:absolute;left:0;right:0;bottom:100%;height:14px}.nav-dropdown:hover .nav-dropdown-menu,.nav-dropdown:focus-within .nav-dropdown-menu,.nav-dropdown.is-open .nav-dropdown-menu{opacity:1;pointer-events:auto;transform:translateY(0)}.nav-service-link{color:var(--ink)!important;padding:0!important;border-radius:10px;overflow:hidden;background:white;border:1px solid var(--line);display:grid!important;grid-template-columns:112px 1fr;align-items:stretch;min-height:112px;transition:.25s var(--ease)}.nav-service-link:hover{background:white;transform:translateY(-2px);box-shadow:0 18px 46px rgba(0,0,0,.10)}.nav-service-link img{width:112px;height:100%;object-fit:cover}.nav-service-link span{display:flex;flex-direction:column;justify-content:center;gap:8px;padding:16px}.nav-service-link strong{font-family:var(--title);font-size:24px;font-weight:400;line-height:1;color:var(--ink)}.nav-service-link small{font-size:12px;line-height:1.5;color:var(--muted)}
.lang-switcher{display:flex;gap:8px;border-left:1px solid rgba(255,255,255,.25);padding-left:14px}.nav.is-scrolled .lang-switcher{border-left-color:var(--line)}.lang-btn{border:1px solid transparent;background:transparent;color:rgba(255,255,255,.66);font-size:17px;line-height:1;cursor:pointer;padding:6px;border-radius:999px;filter:saturate(.85);opacity:.68;transition:.2s var(--ease)}.nav.is-scrolled .lang-btn{color:rgba(21,21,21,.55)}.lang-btn:hover,.lang-btn.is-active{filter:saturate(1);opacity:1;border-color:rgba(255,255,255,.38)}.nav.is-scrolled .lang-btn.is-active{color:var(--ink);border-color:var(--line);background:rgba(21,21,21,.04)}
.menu-toggle{display:none;width:42px;height:42px;background:transparent;border:0;gap:6px;flex-direction:column;justify-content:center;align-items:center}.menu-toggle span{width:24px;height:2px;background:white}.nav.is-scrolled .menu-toggle span{background:var(--ink)}
.hero,.page-hero{position:relative;min-height:100svh;display:grid;place-items:center;text-align:center;color:white;overflow:hidden}.hero picture,.hero img,.page-hero picture,.page-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.56),rgba(0,0,0,.2),rgba(0,0,0,.7))}.hero-content,.page-hero-content{position:relative;z-index:2;padding:0 24px;max-width:1000px}.hero h1{font-family:var(--title);font-size:clamp(62px,13vw,160px);font-weight:300;line-height:.94;letter-spacing:-.02em}.hero h1 span{font-size:clamp(22px,4vw,48px);letter-spacing:.18em}.hero-content>p:last-of-type,.page-hero-content p:last-child{font-size:clamp(16px,2vw,22px);color:rgba(255,255,255,.82);margin-top:22px}.hero-actions{margin-top:34px;display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:15px 26px;font-weight:700;font-size:14px;transition:.25s var(--ease);margin:6px}.btn:hover{transform:translateY(-2px)}.btn-dark{background:var(--ink);color:white}.btn-light{background:white;color:var(--ink)}.btn-outline{border:1px solid rgba(255,255,255,.45);color:white}
.statement{padding:130px clamp(24px,8vw,120px);text-align:center}.statement p{font-size:clamp(28px,4.6vw,58px);font-weight:300;line-height:1.22;max-width:1100px;margin:auto}.section-head{text-align:center;max-width:760px;margin:0 auto 56px;padding:0 20px}.section-head h2{font-family:var(--title);font-size:clamp(42px,7vw,86px);font-weight:400;line-height:.95;margin:12px 0 18px}.section-head p:last-child{color:var(--muted);font-size:17px;line-height:1.7}
.visual-services{padding:0 clamp(22px,6vw,80px) 120px;display:flex;flex-direction:column;gap:18px;max-width:1280px;margin:0 auto}.visual-service{position:relative;display:block;overflow:hidden;border-radius:10px;background:#111;color:white;min-height:62vh}.visual-service picture,.visual-service img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.visual-service:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.18) 38%,rgba(0,0,0,.74));z-index:1}.visual-service img{transition:1s var(--ease)}.visual-service:hover img{transform:scale(1.035)}.visual-service div{position:absolute;left:clamp(24px,5vw,64px);right:24px;bottom:clamp(24px,5vw,56px);z-index:2}.visual-service span{display:block;margin-bottom:14px;font-size:12px;font-weight:800;letter-spacing:.22em;color:rgba(255,255,255,.72)}.visual-service h2{font-family:var(--title);font-size:clamp(48px,8vw,108px);font-weight:300;line-height:.92;letter-spacing:.01em}
.services-section{padding:120px clamp(22px,6vw,80px);background:var(--soft)}.services-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;max-width:1420px;margin:auto}.service-card{background:var(--bg);border:1px solid var(--line);padding:28px;border-radius:22px;min-height:360px;display:flex;flex-direction:column;gap:22px;transition:.35s var(--ease)}.service-card:hover{transform:translateY(-8px);box-shadow:0 24px 70px rgba(0,0,0,.08)}.service-card span{color:var(--blue);font-weight:700}.service-card h3{font-family:var(--title);font-size:34px;font-weight:400;line-height:1}.service-card p{color:var(--muted);font-size:14.5px;line-height:1.65}.service-list-mini{list-style:none;margin-top:auto;padding-top:18px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:9px}.service-list-mini li{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:rgba(21,21,21,.72);line-height:1.35}
.work-section{padding:120px clamp(22px,6vw,80px)}.design-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:1280px;margin:auto}.design-card{position:relative;min-height:430px;overflow:hidden;border-radius:10px;background:#111;cursor:zoom-in}.design-card img{width:100%;height:100%;min-height:430px;object-fit:cover;transition:.8s var(--ease)}.design-card:hover img{transform:scale(1.045)}.design-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.72));pointer-events:none}.design-card figcaption{position:absolute;left:18px;bottom:16px;z-index:2;color:white;font-size:12px;text-transform:uppercase;letter-spacing:.12em}
.faq{padding:120px clamp(24px,8vw,120px);max-width:960px;margin:auto}details{border-top:1px solid var(--line);padding:28px 0}details:last-child{border-bottom:1px solid var(--line)}summary{font-size:19px;cursor:pointer}details p{margin-top:16px;color:var(--muted);line-height:1.7}
.cta{position:relative;min-height:76vh;display:grid;place-items:center;text-align:center;color:white;overflow:hidden;padding:70px 24px}.cta.compact{background:var(--ink);min-height:auto}.cta picture,.cta img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.cta:before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.62)}.cta>div{position:relative;z-index:2;max-width:760px}.cta h2{font-family:var(--title);font-size:clamp(42px,8vw,92px);font-weight:300;line-height:1.02;margin:14px 0 22px}.cta p{color:rgba(255,255,255,.78);font-size:17px;line-height:1.7;margin-bottom:24px}
.footer{background:var(--ink);color:rgba(255,255,255,.62);padding:70px clamp(24px,6vw,80px) 30px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px;max-width:1280px;margin:auto;padding-bottom:36px;border-bottom:1px solid rgba(255,255,255,.1)}.footer strong{font-family:var(--title);color:white;letter-spacing:.04em}.footer span{display:block;color:white;margin-bottom:12px}.footer a{display:block;margin:10px 0;color:rgba(255,255,255,.62)}.copyright{text-align:center;margin-top:26px;font-size:12px;opacity:.55}
.sound-control{position:fixed;left:22px;bottom:22px;z-index:900;border:1px solid rgba(255,255,255,.16);background:rgba(21,21,21,.78);backdrop-filter:blur(14px);color:white;border-radius:999px;padding:5px;display:flex;align-items:center;gap:4px;box-shadow:0 12px 28px rgba(0,0,0,.16);transition:.25s var(--ease)}.sound-control:hover{transform:translateY(-2px);background:rgba(21,21,21,.9)}.sound-control:focus-within{background:rgba(21,21,21,.94);border-color:rgba(255,255,255,.32)}.sound-control.is-playing{background:rgba(250,250,247,.92);color:var(--ink);border-color:var(--line)}.sound-toggle{border:0;background:transparent;color:inherit;border-radius:999px;padding:4px;display:flex;align-items:center;cursor:pointer}.sound-copy,.sound-volume-label{display:none}.sound-icon{width:16px;height:14px;display:flex;align-items:flex-end;gap:3px}.sound-icon i{display:block;width:3px;height:6px;border-radius:999px;background:currentColor;opacity:.62}.sound-icon i:nth-child(2){height:11px}.sound-icon i:nth-child(3){height:8px}.sound-control.is-playing .sound-icon i{animation:soundBar 1.1s ease-in-out infinite}.sound-control.is-playing .sound-icon i:nth-child(2){animation-delay:.16s}.sound-control.is-playing .sound-icon i:nth-child(3){animation-delay:.32s}.sound-volume{display:flex;align-items:center;padding-right:3px}.sound-volume input{width:42px;accent-color:currentColor;cursor:pointer}.sound-volume input::-webkit-slider-runnable-track{height:2px;border-radius:999px;background:rgba(255,255,255,.34)}.sound-control.is-playing .sound-volume input::-webkit-slider-runnable-track{background:rgba(21,21,21,.18)}.sound-volume input::-webkit-slider-thumb{margin-top:-6px}@keyframes soundBar{0%,100%{height:5px;opacity:.55}50%{height:14px;opacity:1}}
.whatsapp-float{position:fixed;right:22px;bottom:22px;z-index:900;background:#25D366;color:white;border-radius:999px;padding:15px 19px;font-weight:800;box-shadow:0 16px 40px rgba(0,0,0,.2);display:flex;align-items:center;justify-content:center}.whatsapp-pulse{position:absolute;inset:0;border-radius:999px;background:#25D366;opacity:.45;animation:pulse 2.8s ease-out infinite}.whatsapp-float span:last-child{position:relative;z-index:1}@keyframes pulse{0%{transform:scale(1);opacity:.45}70%{transform:scale(1.8);opacity:0}100%{transform:scale(1.8);opacity:0}}
.page-hero{min-height:82svh}.page-hero h1{font-family:var(--title);font-size:clamp(58px,13vw,150px);font-weight:300}.service-intro{padding:100px clamp(24px,8vw,120px);text-align:center}.service-intro p{max-width:1000px;margin:auto;font-size:clamp(28px,4vw,54px);font-weight:300;line-height:1.25}.service-list{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:0 clamp(24px,6vw,80px) 120px;max-width:1340px;margin:auto}.service-list article{background:var(--soft);border:1px solid var(--line);border-radius:22px;padding:32px;min-height:210px}.service-list h3{font-family:var(--title);font-size:32px;font-weight:400;margin-bottom:18px}.service-list p{color:var(--muted);line-height:1.7}.next-services{padding:80px clamp(24px,6vw,80px);background:var(--soft);text-align:center}.next-services div{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:22px}.next-services a{border:1px solid var(--line);background:var(--bg);border-radius:999px;padding:12px 18px}
.lightbox{position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.94);display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;pointer-events:none;transition:.25s;padding:70px}.lightbox.is-open{opacity:1;visibility:visible;pointer-events:auto}.lightbox img{max-width:90vw;max-height:82vh;object-fit:contain;border-radius:10px}.lightbox-close,.lightbox-nav{display:none;position:absolute;background:rgba(255,255,255,.1);color:white;border:1px solid rgba(255,255,255,.25);border-radius:999px;cursor:pointer}.lightbox.is-open .lightbox-close,.lightbox.is-open .lightbox-nav{display:block}.lightbox-close{top:24px;right:28px;width:52px;height:52px;font-size:34px}.lightbox-nav{top:50%;width:54px;height:54px;font-size:26px}.lightbox-prev{left:28px}.lightbox-next{right:28px}#lightboxCaption{position:absolute;bottom:24px;color:white;text-transform:uppercase;letter-spacing:.12em;font-size:12px}body.no-scroll{overflow:hidden}
@media(max-width:1240px){.services-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:1100px){.services-grid{grid-template-columns:repeat(2,1fr)}.service-list{grid-template-columns:repeat(2,1fr)}.design-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:780px){.nav-links{position:fixed;inset:0;background:var(--ink);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:40px;transform:translateY(-100%);transition:.35s;gap:20px;overflow:auto}.nav-links.is-open{transform:translateY(0)}.nav-links a,.nav-dropdown button{color:white!important;font-size:24px}.nav-dropdown{width:100%}.nav-dropdown-menu{position:static;width:100%;opacity:0;pointer-events:none;transform:none;background:transparent;box-shadow:none;border:0;padding:0;margin-top:0;grid-template-columns:1fr;gap:8px;max-height:0;overflow:hidden}.nav-dropdown:hover .nav-dropdown-menu{opacity:0;pointer-events:none;max-height:0}.nav-dropdown:focus-within .nav-dropdown-menu,.nav-dropdown.is-open .nav-dropdown-menu{opacity:1;pointer-events:auto;max-height:520px;margin-top:12px}.nav-dropdown-menu:before{display:none}.nav-service-link{grid-template-columns:74px 1fr!important;min-height:74px;background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12)}.nav-service-link img{width:74px}.nav-service-link span{padding:10px 12px}.nav-service-link strong{font-size:18px;color:white}.nav-service-link small{display:none}.menu-toggle{display:flex;position:relative;z-index:1001}.services-grid,.service-list,.design-grid,.footer-grid{grid-template-columns:1fr}.visual-services{padding-bottom:82px}.visual-service{min-height:420px}.service-card{min-height:auto}.statement,.services-section,.work-section,.faq,.service-intro{padding-top:82px;padding-bottom:82px}.design-card,.design-card img{min-height:420px}.lightbox{padding:68px 16px 86px}.lightbox-nav{top:auto;bottom:18px}.lightbox-prev{left:22px}.lightbox-next{right:22px}.lang-switcher{border-left:0;padding-left:0}.lang-btn{font-size:22px;padding:4px}.sound-control{left:16px;bottom:16px}.sound-volume input{width:38px}.whatsapp-float{right:16px;bottom:16px}}

@font-face{font-family:Satoshi;src:url("fonts/Satoshi-Variable.ttf") format("truetype");font-weight:300 900;font-display:swap}
@font-face{font-family:Manrope;src:url("fonts/Manrope-VariableFont_wght.ttf") format("truetype");font-weight:300 800;font-display:swap}
@font-face{font-family:"Cormorant Garamond";src:url("fonts/CormorantGaramond-Italic-VariableFont_wght.ttf") format("truetype");font-style:italic;font-weight:300 700;font-display:swap}
@font-face{font-family:Montserrat;src:url("fonts/Montserrat-VariableFont_wght.ttf") format("truetype");font-weight:100 900;font-display:swap}

:root{
  --bg:#F7F3EA;
  --ink:#11100E;
  --muted:#8C8176;
  --blue:#C6A15B;
  --cacao:#2A211B;
  --gold:#C6A15B;
  --green:#1F7A4D;
  --rose:#D85A7F;
  --yellow:#F2B705;
  --violet:#5A3E85;
  --soft:#EFE8DB;
  --line:rgba(42,33,27,.14);
  --title:Satoshi,sans-serif;
  --body:Manrope,sans-serif;
  --quote:"Cormorant Garamond",serif;
  --campaign:Montserrat,sans-serif;
}

body{background:var(--bg);color:var(--ink)}
.eyebrow{color:var(--gold)}

.brand-logo{position:relative;display:block;width:clamp(138px,14vw,190px);height:44px;color:transparent}
.brand-logo span{display:none}
.brand-mark{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:left center;transition:opacity .25s var(--ease)}
.brand-mark-dark{opacity:0}
.nav.is-scrolled .brand-mark-light{opacity:0}
.nav.is-scrolled .brand-mark-dark{opacity:1}
.nav.is-scrolled{background:rgba(247,243,234,.92);border-bottom-color:var(--line)}
.nav-links a,.nav-dropdown button{font-weight:650;color:rgba(247,243,234,.86)}
.nav.is-scrolled .nav-links a,.nav.is-scrolled .nav-dropdown button{color:var(--ink)}
.nav-cta{border-color:rgba(247,243,234,.45)}
.nav.is-scrolled .nav-cta{border-color:var(--cacao);background:rgba(198,161,91,.12)}
.nav-dropdown-menu{background:rgba(247,243,234,.96);border-color:var(--line)}
.nav-service-link{background:#FBF8F0;border-color:var(--line)}
.nav-service-link:hover{box-shadow:0 18px 46px rgba(42,33,27,.12)}
.nav-service-link strong{font-family:var(--title);font-weight:850;color:var(--ink)}

.hero-overlay{background:linear-gradient(180deg,rgba(17,16,14,.66),rgba(42,33,27,.24),rgba(17,16,14,.80))}
.hero h1,.page-hero h1{font-family:var(--title);font-weight:850;letter-spacing:.02em}
.hero h1 span{font-family:var(--body);font-weight:420;letter-spacing:.22em}
.hero-content>p:last-of-type,.page-hero-content p:last-child{font-family:var(--quote);font-size:clamp(20px,2.4vw,30px);color:rgba(247,243,234,.9)}

.btn{font-weight:850}
.btn-dark{background:var(--ink);color:var(--bg)}
.btn-light{background:var(--bg);color:var(--ink)}
.btn-light:hover,.btn-dark:hover{background:var(--gold);color:var(--ink)}
.btn-outline{border-color:rgba(247,243,234,.48);color:var(--bg)}

.statement{background:var(--bg)}
.statement p{font-family:var(--body);font-weight:360}
.statement strong{font-family:var(--title);font-weight:850}
.section-head h2,.service-card h3,.service-list h3,.cta h2{font-family:var(--title);font-weight:850}
.visual-service:after{background:linear-gradient(180deg,rgba(17,16,14,.08),rgba(42,33,27,.20) 38%,rgba(17,16,14,.78))}
.visual-service span{color:var(--gold)}
.visual-service h2{font-family:var(--title);font-weight:850}

.services-section,.next-services{background:var(--soft)}
.service-card,.service-list article,.next-services a{background:#FBF8F0;border-color:var(--line)}
.service-card span{color:var(--gold)}
.service-list-mini li{color:rgba(42,33,27,.72)}
.work-section,.faq{background:var(--bg)}
.design-card{background:var(--ink)}

.cta:before{background:rgba(17,16,14,.66)}
.footer{background:var(--ink);color:rgba(247,243,234,.66)}
.footer strong{font-family:var(--title);font-weight:850;color:var(--bg)}
.footer span{color:var(--bg)}
.footer a{color:rgba(247,243,234,.66)}

.sound-control{background:rgba(17,16,14,.82)}
.sound-control.is-playing{background:rgba(247,243,234,.94);color:var(--ink);border-color:var(--line)}
.sound-skip{width:22px;height:22px;border:0;border-radius:999px;background:rgba(247,243,234,.08);color:inherit;font:600 18px/1 var(--body);display:grid;place-items:center;cursor:pointer;transition:.2s var(--ease)}
.sound-skip:hover{background:rgba(198,161,91,.28);transform:translateY(-1px)}
.sound-control.is-playing .sound-skip{background:rgba(17,16,14,.06)}
.sound-control.is-playing .sound-skip:hover{background:rgba(198,161,91,.22)}
.sound-control:after{content:attr(data-track);min-width:16px;height:16px;border-radius:999px;background:var(--gold);color:var(--ink);font:800 9px/16px var(--body);text-align:center;margin-right:2px}
.whatsapp-float{background:var(--green)}
.whatsapp-pulse{background:var(--green)}

@media(max-width:780px){
  .brand-logo{width:148px;height:42px;z-index:1001}
  .nav-links{background:var(--ink)}
  .nav-links a,.nav-dropdown button{color:var(--bg)!important}
  .nav-service-link{background:rgba(247,243,234,.06);border-color:rgba(247,243,234,.14)}
  .nav-service-link strong{color:var(--bg)}
}

footer .footer-grid>div:first-child:before{
  content:"";
  display:block;
  width:min(230px,72vw);
  height:118px;
  margin:0 0 18px;
  background:url("img/brand/bewegt-logo-full-ivory.png") left center/contain no-repeat;
}
footer .footer-grid>div:first-child strong{display:none}

/* Light editorial direction: white dominates, ivory warms the rhythm. */
:root{
  --bg:#FFFEFA;
  --soft:#F7F3EA;
  --line:rgba(42,33,27,.10);
}

body{background:var(--bg)}
.nav.is-scrolled{background:rgba(255,254,250,.94);box-shadow:0 10px 34px rgba(42,33,27,.05)}
.nav-dropdown-menu{background:rgba(255,254,250,.97)}
.nav-service-link{background:#fff;border-color:rgba(42,33,27,.10)}

.statement,.visual-services,.work-section,.faq,.service-intro{background:var(--bg)}
.statement{padding-top:clamp(92px,10vw,142px);padding-bottom:clamp(88px,10vw,136px)}
.statement p{color:var(--ink)}
.studio-story{
  display:grid;
  grid-template-columns:minmax(280px,.58fr) minmax(520px,1.18fr);
  align-items:center;
  gap:clamp(34px,5vw,72px);
  max-width:1420px;
  margin:0 auto;
}
.studio-story>p{
  text-align:left;
  max-width:560px;
  margin:0;
  font-size:clamp(23px,2.55vw,42px);
  line-height:1.22;
}
.studio-image{
  position:relative;
  min-height:clamp(430px,45vw,620px);
  border-radius:10px;
  overflow:hidden;
  background:var(--soft);
  box-shadow:0 24px 78px rgba(42,33,27,.10);
}
.studio-image:before{
  content:"";
  position:absolute;
  inset:16px;
  border:1px solid rgba(255,254,250,.42);
  z-index:2;
  pointer-events:none;
}
.studio-image picture,.studio-image img{
  width:100%;
  height:100%;
  min-height:inherit;
}
.studio-image img{
  object-fit:contain;
  object-position:center center;
  background:#F7F3EA;
}

.services-section,.next-services{background:linear-gradient(180deg,#FFFEFA 0%,#F7F3EA 100%)}
.service-card,.service-list article,.next-services a{
  background:#fff;
  border-color:rgba(42,33,27,.10);
  box-shadow:0 18px 54px rgba(42,33,27,.045);
}
.service-card:hover,.next-services a:hover{box-shadow:0 24px 70px rgba(42,33,27,.09)}

.section-head p:last-child,.service-card p,.service-list p,details p{color:rgba(42,33,27,.66)}
.service-list-mini li{color:rgba(42,33,27,.62)}
details{border-color:rgba(42,33,27,.12)}

.visual-services{padding-top:10px}
.visual-service{box-shadow:0 22px 70px rgba(42,33,27,.08)}
.design-card{box-shadow:0 18px 54px rgba(42,33,27,.08)}

.btn-light{background:#fff;color:var(--ink)}
.sound-control.is-playing{background:rgba(255,254,250,.94)}

@media(max-width:780px){
  .nav-links{background:rgba(255,254,250,.98)}
  .nav-links a,.nav-dropdown button{color:var(--ink)!important}
  .nav.is-open .brand-mark-light{opacity:0}
  .nav.is-open .brand-mark-dark{opacity:1}
  .nav.is-open .menu-toggle span{background:var(--ink)}
  .nav-service-link{background:#fff;border-color:rgba(42,33,27,.10)}
  .nav-service-link strong{color:var(--ink)}
  .studio-story{
    grid-template-columns:1fr;
    gap:34px;
  }
  .studio-story>p{
    text-align:left;
    max-width:100%;
    font-size:clamp(22px,8vw,34px);
  }
  .studio-image{min-height:340px}
  .studio-image img{object-fit:cover;object-position:center center}
}

/* Contact image composition: keep the subject visible on the right. */
.cta#contact{
  place-items:center start;
  text-align:left;
  padding-left:clamp(24px,8vw,120px);
  padding-right:clamp(24px,6vw,80px);
}
.cta#contact img{object-position:center center}
.cta#contact:before{
  background:linear-gradient(90deg,rgba(17,16,14,.78) 0%,rgba(17,16,14,.54) 34%,rgba(17,16,14,.16) 62%,rgba(17,16,14,.08) 100%);
}
.cta#contact>div{
  max-width:520px;
  margin:0;
}
.cta#contact h2{font-size:clamp(42px,7vw,86px)}
.cta#contact p:not(.eyebrow){max-width:460px}

@media(max-width:780px){
  .cta#contact{
    place-items:end start;
    min-height:78vh;
    padding:110px 22px 92px;
  }
  .cta#contact img{object-position:58% center}
  .cta#contact:before{
    background:linear-gradient(180deg,rgba(17,16,14,.16) 0%,rgba(17,16,14,.28) 42%,rgba(17,16,14,.82) 100%);
  }
  .cta#contact>div{max-width:92vw}
}

/* Mobile nav: keep language flags visible over the Hero, outside the menu panel. */
.nav{gap:18px}
.nav-links{margin-left:auto}
.lang-switcher{flex:0 0 auto}
.menu-toggle{flex:0 0 auto}
.menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(4px) rotate(45deg)}
.menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-4px) rotate(-45deg)}
.menu-toggle span{transition:transform .22s var(--ease),background-color .22s var(--ease)}

@media(max-width:780px){
  .nav{
    justify-content:flex-start;
    gap:8px;
    padding:16px 16px;
  }
  .brand-logo{
    order:1;
    width:138px;
    height:40px;
    margin-right:auto;
  }
  .nav-links{
    order:4;
    margin-left:0;
  }
  .lang-switcher{
    order:2;
    position:relative;
    z-index:1001;
    display:flex;
    align-items:center;
    gap:2px;
    padding:3px;
    border-left:0;
    border:1px solid rgba(247,243,234,.22);
    border-radius:999px;
    background:rgba(17,16,14,.34);
    backdrop-filter:blur(12px);
    box-shadow:0 10px 30px rgba(17,16,14,.12);
  }
  .nav.is-scrolled .lang-switcher,
  .nav.is-open .lang-switcher{
    border-color:rgba(42,33,27,.12);
    background:rgba(255,254,250,.86);
  }
  .lang-btn{
    width:28px;
    height:28px;
    padding:0;
    display:grid;
    place-items:center;
    font-size:16px;
    line-height:1;
  }
  .lang-btn.is-active{
    background:rgba(247,243,234,.16);
  }
  .nav.is-scrolled .lang-btn.is-active,
  .nav.is-open .lang-btn.is-active{
    background:rgba(198,161,91,.16);
  }
  .menu-toggle{
    order:3;
    width:38px;
    height:38px;
    z-index:1001;
  }
}

@media(max-width:380px){
  .nav{gap:6px;padding-left:12px;padding-right:12px}
  .brand-logo{width:124px}
  .lang-btn{width:25px;height:25px;font-size:15px}
  .menu-toggle{width:36px;height:36px}
}