/* An image-led banner, with a quiet signature and a coloured wave into the page. */
.studio-header.luxury-header.refined-header{height:116px;grid-template-rows:116px;grid-template-columns:minmax(0,1fr) 210px minmax(0,1fr);padding:0 3.8%;gap:24px;max-width:1920px}
.refined-header .header-ribbon{display:none}
.refined-header .studio-brand{top:24px;height:126px;width:190px;gap:5px}
.refined-header .studio-brand .studio-symbol{width:57px}
.refined-header .studio-brand-name{font-size:15px}
.refined-header .studio-wordmark{font-size:7px}
.refined-header .studio-header-start,.refined-header .studio-header-end{padding:0;gap:clamp(16px,2.2vw,38px);justify-content:space-between}
.refined-header .studio-header-end{gap:clamp(12px,1.9vw,32px)}
.refined-header .header-link,.refined-header .studio-menu-toggle{font-size:13px}
.refined-header .header-collaborate{font-family:inherit;cursor:pointer;font-size:12px;padding:0 16px;gap:9px;border:0}
.refined-header .mobile-menu-label{display:none}
.refined-header .studio-menu-lines{width:18px}
.refined-header .studio-menu-lines i{width:18px}
.refined-header .studio-menu-lines i:last-child{width:12px}
.race-hero{position:relative;isolation:isolate;margin:0 auto;width:calc(100% - 48px);max-width:1800px;height:clamp(370px,39vw,660px);border-radius:54px 54px 0 0;overflow:hidden;background:#292a35;color:#fff}
.race-picture,.race-picture img{position:absolute;inset:0;width:100%;height:100%;display:block}
.race-picture{z-index:-2}
.race-picture img{object-fit:cover;object-position:center 75%}
.race-hero:after{content:'';position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 82% 78%,#16122688,transparent 40%),radial-gradient(ellipse at 0 100%,#6052ab55,transparent 44%);pointer-events:none}
.race-notch{position:absolute;top:-1px;left:50%;transform:translateX(-50%);width:300px;height:65px}
.race-jewel{position:absolute;top:43px;left:50%;width:16px;height:16px;border:4px solid white;background:#8a8b92;transform:translateX(-50%) rotate(45deg);border-radius:3px;box-shadow:0 0 0 3px #ffffff38}
.race-copy{position:absolute;right:6%;bottom:34%;width:max-content;max-width:36%;text-shadow:0 2px 16px #12121a80}
.race-copy h1{font-size:clamp(23px,2.3vw,38px);font-weight:750;line-height:1.65;letter-spacing:-.7px;margin:0;color:#fff}
.race-copy h1 span{color:inherit}
.race-byline{margin:6px 0 0;font-size:11px;line-height:1.8;color:#f2eff5;font-weight:400}
.race-wave{position:absolute;left:-1px;bottom:-2px;display:block;width:calc(100% + 2px);height:38%;pointer-events:none}
.drawer-consultation{background:white;color:#1c1d20;border:0;border-radius:15px;padding:14px 22px;font:inherit;font-size:14px;cursor:pointer;display:flex;justify-content:space-between;gap:30px;margin-top:28px;min-height:50px}
.drawer-consultation span{font:24px Arial}
.refined-header~main .showcase-hero{min-height:0;padding-top:55px;padding-bottom:65px}
.showcase-hero #studio-title{font-size:clamp(28px,2.8vw,44px);font-weight:750;line-height:1.65;letter-spacing:-.8px;margin:18px 0}
.showcase-hero #studio-title span{color:#555760}
.showcase-hero .hero-actions .button{font-family:inherit;cursor:pointer}
#automation{scroll-margin-top:30px}
@media(max-width:1150px) and (min-width:761px){
  .studio-header.luxury-header.refined-header{padding-inline:28px;grid-template-columns:minmax(0,1fr) 165px minmax(0,1fr);gap:15px}
  .refined-header .studio-header-start,.refined-header .studio-header-end{gap:13px}
  .refined-header .header-link,.refined-header .studio-menu-toggle{font-size:11px;gap:6px}
  .refined-header .header-link svg{display:none}
  .refined-header .header-collaborate{font-size:11px;padding:0 10px}
  .refined-header .header-collaborate .icon{display:none}
}
@media(max-width:760px){
  .studio-header.luxury-header.refined-header{height:82px;grid-template-rows:82px;grid-template-columns:minmax(0,1fr) 115px minmax(0,1fr);padding:0 12px;gap:6px;border:0}
  .refined-header .studio-header-end{display:none}
  .refined-header .studio-header-start{justify-content:start;padding:0 8px 0 0}
  .refined-header .studio-brand{top:16px;width:116px;height:86px;gap:3px}
  .refined-header .studio-brand .studio-symbol{width:37px}
  .refined-header .studio-brand-name{font-size:10px}
  .refined-header .studio-wordmark{font-size:5px}
  .refined-header .desktop-menu-label{display:none}
  .refined-header .mobile-menu-label{display:inline}
  .refined-header .header-link{display:none}
  .refined-header .header-mobile-contact{display:flex;align-items:center;justify-content:center;gap:2px;cursor:pointer;white-space:nowrap;width:auto;height:44px;min-width:92px;padding:0 9px;font:600 10px/1.5 var(--font-persian);border:0;border-radius:16px;background:#f5f4f8;color:#1c1d20}
  .refined-header .header-mobile-contact .icon{width:12px;height:12px;stroke:currentColor;stroke-width:1.6}
  .race-hero{width:calc(100% - 24px);height:auto;aspect-ratio:1.76;border-radius:26px 26px 0 0}
  .race-picture img{object-position:center}
  .race-notch{width:155px;height:27px}
  .race-jewel{top:17px;width:10px;height:10px;border-width:3px;box-shadow:none}
  .race-hero:after{background:radial-gradient(ellipse at 85% 32%,#17132155,transparent 52%),radial-gradient(ellipse at 0 100%,#7752ac77,transparent 60%)}
  .race-copy{right:17px;top:43px;bottom:auto;max-width:46%}
  .race-copy h1{font-size:clamp(15px,4.25vw,22px);line-height:1.65;letter-spacing:-.3px;font-weight:700}
  .race-byline{font-size:8px;margin-top:4px}
  .race-wave{height:35%}
  .refined-header~main .showcase-hero{padding-top:30px;padding-bottom:38px;gap:25px}
  .showcase-hero .hero-copy{max-width:470px;width:100%;margin-inline:auto;text-align:center}
  .showcase-hero .availability{justify-content:center;font-size:10px;margin-bottom:14px}
  .showcase-hero #studio-title{font-size:clamp(23px,6.1vw,32px);line-height:1.7;letter-spacing:-.6px;margin:12px 0}
  .showcase-hero .hero-description{font-size:13px;line-height:2.05;margin:0 auto 20px;max-width:370px}
  .showcase-hero .hero-actions{justify-content:center;gap:22px}
  .showcase-hero .hero-actions .button{font-size:12px;min-height:44px;padding:12px 16px;gap:14px}
  .showcase-hero .hero-actions .text-link{font-size:12px}
  .showcase-hero .hero-signature{display:none}
  .drawer-consultation{font-size:13px;padding:12px 18px;margin-top:18px}
}
@media(max-width:350px){
  .studio-header.luxury-header.refined-header{grid-template-columns:minmax(0,1fr) 105px minmax(0,1fr);padding-inline:9px;gap:2px}
  .refined-header .header-mobile-contact{min-width:83px;font-size:9px;padding-inline:7px}
  .refined-header .header-mobile-contact .icon{display:none}
  .race-copy{top:37px;right:14px}
}