*{box-sizing:border-box}body{margin:0;background:#f3f0eb;color:#20201e;font-family:Raleway,Arial,sans-serif}a{text-decoration:none;color:inherit}img{display:block;width:100%;height:100%;object-fit:cover}.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.nav{position:absolute;z-index:20;top:0;left:0;width:100%;padding:20px 3vw;display:grid;grid-template-columns:180px 1fr 100px;align-items:start}.brand,.footer-brand{width:120px;display:grid;justify-items:center;line-height:1}.brand img{width:55px;height:55px;object-fit:contain}.brand span,.footer-brand span{font-size:17px;letter-spacing:7px;margin-left:7px}.brand small,.footer-brand small{font-size:8px;letter-spacing:4px;margin-top:8px}.nav nav{display:flex;justify-content:center;gap:32px;padding-top:12px}.nav nav a,.lang{font-size:9px;letter-spacing:.6px}.nav nav a{padding-bottom:10px;border-bottom:1px solid transparent}.nav nav a.active,.nav nav a:hover{border-color:#111}.lang{justify-self:end;padding-top:11px;background:none;border:0;font-family:inherit}.hero{height:100vh;min-height:680px;position:relative;overflow:hidden}.hero>img{position:absolute;inset:0}.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.58),rgba(0,0,0,.04) 64%)}.hero-copy{position:absolute;left:5.2vw;bottom:72px;width:480px;color:#fff}.kicker{font-size:10px;letter-spacing:1.1px;font-weight:500;margin:0 0 14px}.hero h1,.approach h2,.selected h2,.values h2,.cta h2{font-weight:300;letter-spacing:-2px;line-height:1.02}.hero h1{font-size:clamp(48px,5vw,76px);margin:0 0 22px}.hero-copy>p:not(.kicker){font-size:14px;line-height:1.5;max-width:430px}.scroll{display:block;font-size:9px;margin-top:38px}.scroll:after{content:'';display:block;width:1px;height:42px;background:#fff;margin-top:10px}.approach{padding:46px 5.2vw 35px;display:grid;grid-template-columns:37% 63%;gap:38px}.copy{padding:10px 0}.approach h2{font-size:44px;margin:0 0 20px}.copy>p:not(.kicker){max-width:390px;font-size:13px;line-height:1.55}.copy a,.dark a{display:inline-flex;gap:35px;border-bottom:1px solid;padding-bottom:8px;margin-top:22px;font-size:9px;letter-spacing:.7px}.approach-img{height:330px}.selected{padding:10px 4vw 48px}.selected h2{font-size:40px;margin:0 0 28px}.client-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.client{height:170px;border:1px solid #d4cec6;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:15px;background:#f7f4ef}.client img{width:100%;height:88px;object-fit:contain;margin-bottom:12px}.client span{font-size:11px;line-height:1.25}.values{display:grid;grid-template-columns:1fr 1fr}.texture{min-height:230px;padding:48px 5.2vw;background:linear-gradient(rgba(238,232,223,.52),rgba(238,232,223,.52)),url('../assets/clients-values.png') center/cover}.values h2{font-size:42px;margin:0}.dark{background:#1f211f;color:#eee;padding:48px 10vw}.dark p{font-size:13px;line-height:1.55;max-width:410px}.cta{min-height:220px;padding:45px 5.2vw;display:flex;align-items:center;justify-content:space-between;color:#fff;background:linear-gradient(rgba(22,20,17,.52),rgba(22,20,17,.52)),url('../assets/studio-get-in-touch.png') center 55%/cover}.cta h2{font-size:42px;margin:0}.cta>a{border:1px solid #ddd;padding:18px 25px;font-size:10px;letter-spacing:.8px;display:flex;gap:35px}footer{padding:24px 3vw 30px;display:grid;grid-template-columns:180px 1fr 300px;align-items:end}.footer-brand img{width:42px;height:42px;object-fit:contain}.footer-brand span{font-size:13px;letter-spacing:5px}.footer-brand small{font-size:6px;letter-spacing:3px;margin-top:5px}.footer-nav{display:flex;justify-content:center;gap:24px}.footer-nav a,.social a,.social small{font-size:7px}.social{display:grid;grid-template-columns:1fr 1fr;gap:7px 22px;text-align:right}.social small{grid-column:1/3;color:#777}@media(max-width:850px){.nav{grid-template-columns:120px 1fr 70px}.nav nav{display:none}.hero-copy{left:25px;right:25px;width:auto}.approach{grid-template-columns:1fr;padding:40px 25px}.approach-img{height:280px}.client-grid{grid-template-columns:repeat(2,1fr)}.values{grid-template-columns:1fr}.dark{padding:40px 25px}.cta{padding:40px 25px;display:grid;gap:28px}.cta h2{font-size:34px}footer{grid-template-columns:1fr;gap:20px}.footer-nav{justify-content:flex-start;flex-wrap:wrap}.social{text-align:left}}

/* Unified Home-page header + footer */
.nav{position:absolute!important;z-index:50!important;top:0!important;left:0!important;width:100%!important;height:96px!important;padding:18px 3.1vw!important;display:grid!important;grid-template-columns:210px 1fr 120px!important;align-items:start!important;color:#fff!important;background:transparent!important}
.nav .brand,.footer-brand{position:relative;width:120px;display:grid;justify-items:center;line-height:1}
.nav .brand img{width:52px!important;height:52px!important;object-fit:contain!important;margin-bottom:3px!important}
.nav .brand span,.footer-brand span{font-size:17px;letter-spacing:7px;margin-left:7px}.nav .brand small,.footer-brand small{font-size:8px;letter-spacing:4px;margin-top:8px}
.nav nav{display:flex!important;justify-content:center!important;gap:43px!important;padding-top:11px!important}.nav nav a,.nav .lang{font-family:Raleway,Arial,sans-serif!important;font-size:10px!important;font-weight:500!important;letter-spacing:1.2px!important;color:#fff!important}.nav nav a{position:relative;padding-bottom:10px!important;border:0!important}.nav nav a:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:#fff;transform:scaleX(0);transition:.25s}.nav nav a:hover:after,.nav nav a.active:after{transform:scaleX(1)}.nav .lang{justify-self:end;padding-top:10px!important;background:none!important;border:0!important}
footer .social{display:flex!important;flex-direction:column!important;align-items:flex-end!important;gap:10px!important;text-align:right!important}footer .social-icons{display:flex;align-items:center;justify-content:flex-end;gap:12px}footer .social-icon{width:20px!important;height:20px!important;display:inline-flex!important;align-items:center;justify-content:center;color:#252624!important;transition:opacity .2s ease,transform .2s ease}footer .social-icon svg{width:100%;height:100%;display:block}footer .social-icon:hover{opacity:.6;transform:translateY(-1px)}footer .social small{font-size:8px!important;letter-spacing:.7px;color:#777;margin-top:0!important}
@media(max-width:900px){.nav{grid-template-columns:120px 1fr 75px!important;height:82px!important}.nav nav{gap:17px!important}.nav nav a{font-size:8px!important}footer .social{align-items:flex-start!important;text-align:left!important}footer .social-icons{justify-content:flex-start}}
@media(max-width:600px){.nav{height:72px!important;padding:14px 20px!important;grid-template-columns:90px 1fr 55px!important}.nav .brand img{width:30px!important;height:34px!important}.nav .brand span{font-size:12px!important;letter-spacing:4px!important}.nav .brand small{font-size:6px!important;letter-spacing:2.5px!important}.nav nav{display:none!important}.nav .lang{font-size:8px!important}}

.hero:before{content:'';position:absolute;z-index:1;left:0;right:0;top:0;height:120px;background:linear-gradient(rgba(0,0,0,.28),transparent);pointer-events:none}

/* Selected clients: logos only, no card background */
.selected .client{background:transparent!important;border-color:#d4cec6;padding:20px!important;}
.selected .client img{height:105px!important;margin-bottom:0!important;object-fit:contain!important;mix-blend-mode:normal;}


/* Selected Clients v7 — 37 supplied logos, original order (source numbering skips 33) */
.selected{padding-bottom:64px}
.selected .client-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:0;border-top:1px solid #d4cec6;border-left:1px solid #d4cec6}
.selected .client{height:155px;border:0!important;border-right:1px solid #d4cec6!important;border-bottom:1px solid #d4cec6!important;background:transparent!important;padding:22px!important;overflow:hidden}
.selected .client img{width:100%!important;height:100%!important;max-width:145px!important;max-height:92px!important;object-fit:contain!important;margin:0!important;mix-blend-mode:normal}
@media(max-width:1100px){.selected .client-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:700px){.selected{padding-left:25px;padding-right:25px}.selected .client-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.selected .client{height:140px;padding:18px!important}.selected .client img{max-width:130px!important;max-height:82px!important}}

/* v10 — quieter, smaller Selected Clients logos */
.selected .client img{
  max-width:105px!important;
  max-height:66px!important;
}
@media(max-width:1100px){
  .selected .client img{max-width:100px!important;max-height:63px!important;}
}
@media(max-width:700px){
  .selected .client img{max-width:92px!important;max-height:58px!important;}
}
/* Our Values now has a single paragraph; the Contact CTA remains in the section below */
.values .dark p{margin-bottom:0}

/* v11 — compact Selected Clients grid */
.selected .client-grid{
  grid-template-columns:repeat(9,minmax(0,1fr));
  max-width:1320px;
  margin-left:auto;
  margin-right:auto;
}
.selected .client{
  height:112px;
  padding:14px!important;
}
.selected .client img{
  max-width:102px!important;
  max-height:62px!important;
}
@media(max-width:1250px){
  .selected .client-grid{grid-template-columns:repeat(6,minmax(0,1fr));max-width:980px}
  .selected .client{height:108px}
}
@media(max-width:850px){
  .selected .client-grid{grid-template-columns:repeat(4,minmax(0,1fr));max-width:640px}
}
@media(max-width:560px){
  .selected .client-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:none}
  .selected .client{height:104px;padding:12px!important}
  .selected .client img{max-width:90px!important;max-height:56px!important}
}