@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url("../assets/fonts/inter-400.ttf") format("truetype")}
@font-face{font-family:Manrope;font-style:normal;font-weight:800;font-display:swap;src:url("../assets/fonts/manrope-800.ttf") format("truetype")}
@font-face{font-family:Manrope;font-style:normal;font-weight:400;font-display:swap;src:url("../assets/fonts/manrope-400.ttf") format("truetype")}
@font-face{font-family:Manrope;font-style:normal;font-weight:600;font-display:swap;src:url("../assets/fonts/manrope-600.ttf") format("truetype")}
@font-face{font-family:Manrope;font-style:normal;font-weight:700;font-display:swap;src:url("../assets/fonts/manrope-700.ttf") format("truetype")}
:root{--black:#0a0a0a;--black-01:#111111;--black-70:rgba(10,10,10,.7);--white:#ffffff;--white-01:#f7f7f7;--white-02:#f3f3f3;--grey-06:#8c8c8c;--black-06:#3c3c3c;--grey:#e5e5e5;--grey-01:#cccccc;--hrey-05:#929292;--grey-02:#b3b3b3;--grey-03:#9b9b9b;--grey-04:#959595;--grey-07:#707070;--black-02:#1a1a1a;--black-03:#1e1e1e;--black-04:#2a2a2a;--ink:var(--black);--muted:#727272;--line:#e3e3e3;--container:1280px;--gutter:clamp(24px,5.7vw,82px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:71px}body{margin:0;color:var(--ink);background:#fff;font-family:Manrope,Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea{touch-action:manipulation}button{cursor:pointer}img{max-width:100%;display:block}.container{width:calc(100% - var(--gutter)*2);max-width:var(--container);margin-inline:auto}p{font-size:15px;line-height:1.75;margin:0}h1,h2,h3,h4{margin:0}h2{font-size:clamp(32px,4vw,56px);line-height:1.02;letter-spacing:-1.5px}h3{font-size:22px;line-height:1.3}h4{font-size:12px;text-transform:uppercase;letter-spacing:1px}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #888;outline-offset:5px}.skip-link{position:fixed;z-index:20;top:8px;left:8px;background:white;color:black;padding:12px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.dark{background:var(--ink);color:#fff}.eyebrow{text-transform:uppercase;font-size:10px;line-height:1.5;letter-spacing:1px;color:#888;display:flex;align-items:center;gap:12px}.eyebrow:before{content:"";width:24px;height:1px;background:currentColor;opacity:.45;flex:none}.button{display:inline-flex;justify-content:center;align-items:center;min-height:44px;padding:0 32px;background:#fff;border:1px solid #fff;color:#090909;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;transition:background .2s,color .2s}.button:hover{background:#ddd;border-color:#ddd}.button-outline{background:transparent;border-color:#303030;color:#a0a0a0}.button-outline:hover{background:#222;color:#fff;border-color:#555}.button-dark{background:#090909;color:#fff;border-color:#090909}.button-dark:hover{background:#333;border-color:#333}.site-header{position:sticky;top:0;z-index:100;background:var(--black);color:#fff;border-bottom:1px solid var(--black-03)}.header-inner{height:71px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:inline-flex;align-items:center;gap:12px;font-size:12px;text-transform:uppercase;font-weight:700;letter-spacing:.1em;color:var(--white);white-space:nowrap}.brand-mark{display:block;width:32px;height:32px;flex:none}nav{display:flex;gap:48px}nav a{font-size:11px;font-weight:600;color:var(--grey-04);text-transform:uppercase;letter-spacing:.08em}nav a:hover{color:#fff}.header-cta{width:133px;height:35px;min-height:35px;flex:none;padding:0 24px;background:var(--white);border-color:var(--white);color:var(--black);font-size:11px;font-weight:700;letter-spacing:.08em;white-space:nowrap}.menu-toggle{display:none}.hero{background:var(--ink);color:#fff}.hero-visual{position:relative;isolation:isolate;height:clamp(480px,43.15vw,680px);overflow:hidden}.hero-image{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center 45%;z-index:-1}.hero-content{padding-top:48px}.hero .eyebrow{color:var(--grey-04);font-size:10px;letter-spacing:.14em}.hero .eyebrow:before{width:24px;height:1px;background:var(--grey-07);opacity:1}.hero h1{font-size:92px;line-height:.92;letter-spacing:-2.5px;font-weight:800;margin:36px 0 34px}.hero-actions{display:flex;gap:12px}.hero-actions .button{width:141px;height:43px;min-height:43px;flex:none;padding:0;font-size:11px;font-weight:700;letter-spacing:.08em;background:var(--white);border:1px solid var(--white);color:var(--black)}.hero-actions .button-outline{background:transparent;border-color:var(--black-04);color:var(--grey-03)}.hero-summary{border-top:1px solid var(--black-02)}.summary-inner{display:flex;justify-content:space-between;align-items:center;gap:60px;padding-block:46px}.summary-inner>p{max-width:690px;color:var(--grey-03);font-family:Inter,Arial,sans-serif;font-size:14px;font-weight:400;line-height:1.7}.signature{text-align:right;flex:none}.signature strong{display:block;text-transform:uppercase;font-size:24px;font-weight:800;color:var(--white);letter-spacing:-.6px}.signature span{display:block;color:var(--grey-07);font-size:10px;font-weight:400;letter-spacing:.1em;text-transform:uppercase;margin-top:8px}.section-label{min-height:70px;display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid var(--line)}.section-label>span{font-size:10px;text-transform:uppercase}.section-body{padding-block:80px}.section-body>p{margin-top:28px}.about-grid{display:grid;grid-template-columns:1fr 1fr;margin-top:48px}.about-grid article{padding:28px 20px 28px 0;border-top:1px solid var(--line)}.about-grid article:nth-child(even){padding-left:24px;border-left:1px solid var(--line)}.about-grid h3{font-size:14px}.about-grid p{font-size:13px;margin-top:8px}.section-heading{display:grid;grid-template-columns:1.5fr 1fr;gap:100px;align-items:end;padding-block:80px}.section-heading p{max-width:380px}.services-grid{display:grid;grid-template-columns:1fr 1fr}.services-grid article{padding:60px 40px 60px 0}.services-grid article:nth-child(even){border-left:1px solid #202020;padding-left:60px}.services-grid h3{margin:24px 0 12px}.services-grid p{font-size:14px;color:#999}.service-icon{display:grid;place-items:center;width:40px;height:40px;background:#202020;font-size:25px}.verticals-banner{padding:150px 0 55px;background:linear-gradient(#0007,#000c),url('../assets/X2.jpg') center 48%/cover}.verticals-banner h2{margin-top:20px}.verticals-description{padding-block:40px;color:#999}.verticals-grid{display:grid;grid-template-columns:repeat(3,1fr);list-style:none;margin:0;padding:0}.verticals-grid li{padding:30px 20px;border-top:1px solid #222;font-size:14px}.verticals-grid li:before{content:'▪';margin-right:15px}.timeline article{display:grid;grid-template-columns:160px 1fr;gap:40px;padding:45px 0;border-top:1px solid var(--line)}.timeline h3{font-size:23px}.date,.company{text-transform:uppercase;color:#888;font-size:11px;letter-spacing:.7px}.company{margin:8px 0 12px}.timeline article div>p:last-child{font-size:14px}.achievements .section-label{border-color:#222}.stats{display:grid;grid-template-columns:repeat(4,1fr);margin:64px 0 0}.stats>div{padding:32px;border-top:1px solid #222;border-right:1px solid #222}.stats>div:last-child{border-right:0}.stats dt{font-size:clamp(28px,3.6vw,52px);font-weight:700;letter-spacing:-1.3px;white-space:nowrap}.stats dd{margin:16px 0 0;color:#999;font-size:13px;line-height:1.6}.case-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:35px;padding-block:40px 60px;border-top:1px solid var(--line)}.case-grid h3{font-size:22px}.case-grid h4{margin-bottom:30px}.case-grid p{font-size:14px}.contact-banner{text-align:center;padding-block:120px;background:linear-gradient(#000a,#000c),url('../assets/X3.jpg') center/cover}.contact-banner p{max-width:630px;margin:24px auto 32px;color:#aaa}.contact-layout{display:grid;grid-template-columns:1.6fr 1fr;gap:70px;padding-block:80px}.contact-layout h2{font-size:32px;letter-spacing:-.8px;margin:16px 0 28px}.contact-layout aside{border-left:1px solid var(--line);padding-left:70px}.contact-layout aside>p{font-size:14px}form{display:flex;flex-direction:column}form>label{font-size:11px;letter-spacing:.5px;color:#777;margin:20px 0 8px}form>label:first-child{margin-top:0}input,textarea{width:100%;min-height:44px;background:#f7f7f7;border:1px solid #e5e5e5;border-radius:0;padding:12px 16px;font-size:13px;color:#111}textarea{resize:vertical;min-height:140px}form .consent{display:flex;gap:8px;align-items:center;font-size:12px;letter-spacing:0;color:#222;margin:26px 0 22px}.consent input{width:14px;min-height:14px;margin:0;accent-color:#111}.legal-text{text-decoration:underline}form button{align-self:start}.contact-details{margin:30px 0 0}.contact-details>div{padding:24px 0;border-bottom:1px solid var(--line)}.contact-details>div:last-child{border-bottom:0}.contact-details dt{text-transform:uppercase;color:#888;font-size:10px;letter-spacing:1px;margin-bottom:8px}.contact-details dd{margin:0;font-size:14px;line-height:1.7;font-weight:600}.contact-details a:hover{text-decoration:underline}.footer-top{display:flex;align-items:center;justify-content:space-between;padding-block:35px;border-bottom:1px solid #222}.footer-legal{display:flex;gap:32px;color:#777;font-size:10px;text-transform:uppercase}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-block:28px}.footer-bottom p{font-size:10px;color:#888}
@media(min-width:1600px){.hero-image{object-position:center 46%}.hero-content{padding-top:60px}}
@media(max-width:1100px){nav{gap:24px}.header-inner{gap:20px}.hero h1{font-size:6.7vw}.hero-visual{height:46vw;min-height:460px}.section-heading{gap:50px}.signature strong{font-size:24px}.summary-inner{gap:35px}.stats>div{padding:24px 15px}.contact-layout{gap:40px}.contact-layout aside{padding-left:40px}}
@media(max-width:760px){html{scroll-padding-top:72px}.header-inner{height:72px;flex-wrap:wrap;position:relative}.brand{font-size:12px;gap:10px}.header-cta{display:none}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;width:44px;height:44px;border:1px solid #333;background:none;padding:11px}.menu-toggle span{height:1px;background:#fff;width:100%}nav{display:none;position:absolute;top:71px;left:calc(var(--gutter)*-1);right:calc(var(--gutter)*-1);z-index:10;background:#0a0a0a;padding:24px var(--gutter);flex-direction:column;gap:0;border-bottom:1px solid #333}nav.is-open{display:flex}nav a{padding:15px 0;font-size:11px}.hero-visual{height:760px;min-height:0}.hero-image{object-fit:cover;object-position:69% bottom;height:440px;top:auto;bottom:0}.hero-visual:after{content:'';position:absolute;inset:300px 0 auto;height:140px;background:linear-gradient(#0a0a0a,transparent);z-index:-1}.hero-content{padding-top:35px}.hero .eyebrow{font-size:10px;max-width:310px;line-height:1.7;gap:10px}.hero h1{font-size:clamp(40px,10vw,72px);letter-spacing:-1.6px;line-height:.92;margin:25px 0}.summary-inner{padding-block:32px;display:block}.summary-inner>p{font-size:14px}.signature{margin-top:28px;text-align:left}.signature strong{font-size:24px}.section-label{min-height:64px}.section-label>span{font-size:8px}.eyebrow{font-size:9px}.section-body,.section-heading{padding-block:48px}.section-heading{grid-template-columns:1fr;gap:24px}h2{letter-spacing:-1px}.about-grid{grid-template-columns:1fr;margin-top:30px}.about-grid article:nth-child(even){padding-left:0;border-left:0}.services-grid{grid-template-columns:1fr}.services-grid article{padding:35px 0;border-bottom:1px solid #222}.services-grid article:nth-child(even){border-left:0;padding-left:0}.services-grid h3{font-size:22px}.verticals-banner{padding-top:100px}.verticals-grid{grid-template-columns:1fr 1fr}.verticals-grid li{font-size:12px;padding:22px 8px}.timeline article{grid-template-columns:1fr;gap:14px;padding-block:30px}.timeline h3{font-size:21px}.stats{grid-template-columns:1fr 1fr;margin-top:32px}.stats dt{font-size:36px}.stats>div:nth-child(2){border-right:0}.stats>div{padding:24px 14px}.case-grid{grid-template-columns:1fr;gap:30px;padding-block:30px 45px}.case-grid h4{margin-bottom:10px}.contact-banner{padding-block:80px}.contact-banner p{font-size:14px}.contact-layout{grid-template-columns:1fr;gap:48px;padding-block:48px}.contact-layout aside{padding:40px 0 0;border-left:0;border-top:1px solid var(--line)}.contact-layout h2{font-size:28px}.footer-top{align-items:start;gap:28px;flex-direction:column}.footer-bottom{flex-direction:column;gap:8px}}
/* AboutSection: Figma web / 97:80. hrey-05 preserves the Figma variable name. */
#about{background:var(--white)}
#about .container{width:calc(100% - 160px);max-width:1280px}
#about .section-label{position:relative;min-height:70px;padding-block:28px;border-bottom:0}
#about .section-label:after{content:'';position:absolute;bottom:0;left:calc((100vw - 100%)/-2);width:100vw;height:1px;background:var(--grey)}
#about .eyebrow{font-size:10px;font-weight:700;letter-spacing:.12em;color:var(--hrey-05);gap:12px;line-height:14px}
#about .eyebrow:before{width:20px;height:1px;background:var(--grey-01);opacity:1}
#about .section-label>span{font-size:10px;font-weight:400;letter-spacing:.08em;color:var(--black-06);line-height:14px}
#about .section-body{padding-block:80px}
#about h2{font-size:56px;font-weight:800;line-height:1;letter-spacing:0;color:var(--black)}
#about .section-body>p{margin-top:24px;font-family:Inter,Arial,sans-serif;font-size:15px;font-weight:400;line-height:1.75;letter-spacing:0;color:var(--black-06)}
#about .about-grid{margin-top:56px;border-top:1px solid var(--grey);grid-template-columns:repeat(2,minmax(0,1fr))}
#about .about-grid article{min-height:118px;padding:28px 24px 28px 0;border:0}
#about .about-grid article:nth-child(odd){border-right:1px solid var(--grey)}
#about .about-grid article:nth-child(even){padding:28px 0 28px 24px;border-left:0}
#about .about-grid article:nth-child(-n+2){border-bottom:1px solid var(--grey)}
#about .about-grid h3{font-size:13px;font-weight:800;line-height:18px;letter-spacing:.01em;color:var(--black)}
#about .about-grid h3:before{content:'';display:block;width:8px;height:8px;margin-bottom:8px;border-radius:50%;background:var(--black)}
#about .about-grid p{margin-top:8px;font-family:Inter,Arial,sans-serif;font-size:12px;font-weight:400;line-height:1.65;letter-spacing:0;color:var(--black-06)}
@media(max-width:760px){
  #about .container{width:calc(100% - var(--gutter)*2)}
  #about .section-label{padding-block:24px;gap:12px}
  #about .section-body{padding-block:48px}
  #about h2{font-size:clamp(30px,6.5vw,48px)}
  #about .about-grid{grid-template-columns:1fr;margin-top:40px}
  #about .about-grid article:nth-child(n){padding:28px 0;border:0;border-bottom:1px solid var(--grey)}
  #about .about-grid article:last-child{border-bottom:0}
}
/* ServicesSection: Figma web / 97:110, desktop reference 1440px. */
#services{background:var(--white)}
#services>.section-label{width:100%;max-width:none;height:70px;min-height:70px;padding:28px max(80px,calc((100% - 1280px)/2));border-block:1px solid var(--grey)}
#services .eyebrow{font-size:10px;font-weight:700;line-height:normal;letter-spacing:.12em;color:var(--hrey-05);gap:12px}
#services .eyebrow:before{width:20px;height:1px;background:var(--grey-01);opacity:1}
#services>.section-heading{width:calc(100% - 160px);max-width:1280px;display:flex;justify-content:space-between;align-items:flex-end;gap:40px;padding-block:72px}
#services h2{width:700px;flex:none;font-size:80px;font-weight:800;line-height:.93;letter-spacing:0;color:var(--black)}
#services .section-heading>p{width:400px;max-width:400px;margin-bottom:6px;font-family:Inter,Arial,sans-serif;font-size:14px;font-weight:400;line-height:1.75;letter-spacing:0;color:var(--black-06)}
#services .services-grid{width:100%;max-width:none;grid-template-columns:repeat(2,minmax(0,1fr));margin:0}
#services .services-grid article{min-height:275px;padding:56px 56px 33px 80px;background:var(--black);border:0}
#services .services-grid article:nth-child(even){padding:56px 80px 33px 56px;border-left:1px solid var(--black-02)}
#services .services-grid article:nth-child(-n+2){border-bottom:1px solid var(--black-02)}
#services .service-icon{display:block;width:44px;height:44px;background:var(--black-02)}
#services .services-grid h3{margin:28px 0 12px;font-size:24px;font-weight:800;line-height:33px;letter-spacing:0;color:var(--white)}
#services .services-grid p{font-family:Inter,Arial,sans-serif;font-size:13px;font-weight:400;line-height:1.75;letter-spacing:0;color:var(--grey-03)}
@media(min-width:1440px){#services .services-grid article{height:275px}}
@media(min-width:761px) and (max-width:1350px){
  #services h2{width:auto;flex:1;font-size:clamp(48px,5.55vw,70px)}
  #services .section-heading>p{width:34%;flex:none}
  #services .services-grid article{padding:40px 32px 40px 48px}
  #services .services-grid article:nth-child(even){padding:40px 48px 40px 32px}
}
@media(max-width:760px){
  #services>.section-label{padding:24px var(--gutter)}
  #services>.section-heading{width:calc(100% - var(--gutter)*2);display:flex;flex-direction:column;align-items:start;gap:24px;padding-block:48px}
  #services h2{width:auto;font-size:clamp(38px,8vw,60px)}
  #services .section-heading>p{width:100%;max-width:none;margin:0}
  #services .services-grid{grid-template-columns:1fr}
  #services .services-grid article:nth-child(n){height:auto;min-height:275px;padding:40px var(--gutter);border:0;border-bottom:1px solid var(--black-02)}
  #services .services-grid article:last-child{border-bottom:0}
}
/* IndustriesSection: Figma web / 97:154. */
.verticals{background:var(--black)}
.verticals-banner{height:400px;padding:0;position:relative;background-color:var(--black-01);background-image:linear-gradient(var(--black-70),var(--black-70)),url('../assets/X2.jpg');background-size:cover;background-position:center}
.verticals-banner>.container{position:absolute;left:max(80px,calc((100% - 1280px)/2));bottom:56px;width:calc(100% - 160px);max-width:1200px;margin:0}
.verticals .eyebrow{font-size:10px;font-weight:700;line-height:normal;letter-spacing:.12em;color:var(--grey-04);gap:12px}
.verticals .eyebrow:before{width:20px;height:1px;background:var(--grey-07);opacity:1}
.verticals-banner h2{margin-top:16px;font-size:72px;font-weight:800;line-height:.95;letter-spacing:0;color:var(--white)}
.verticals-description{padding:40px max(80px,calc((100% - 1280px)/2));border-top:1px solid var(--black-02);font-family:Inter,Arial,sans-serif;font-size:14px;font-weight:400;line-height:1.75;letter-spacing:0;color:var(--grey-04)}
.verticals-grid{grid-template-columns:repeat(3,minmax(0,1fr));border:0;border-top:1px solid var(--black-02)}
.verticals-grid li{height:103px;padding:35px 80px;display:flex;align-items:center;gap:16px;border:0;font-size:15px;font-weight:700;line-height:20px;letter-spacing:.01em;color:var(--white)}
.verticals-grid li:before{content:none}
.verticals-grid li:not(:nth-child(3n)){border-right:1px solid var(--black-02)}
.verticals-grid li:nth-child(-n+3){border-bottom:1px solid var(--black-02)}
.verticals-grid img{width:32px;height:32px;flex:none;background:var(--black-02)}
@media(min-width:761px) and (max-width:1250px){.verticals-grid li{padding-inline:32px}.verticals-banner h2{font-size:clamp(48px,5vw,64px)}}
@media(max-width:760px){
  .verticals-banner{height:340px}
  .verticals-banner>.container{left:var(--gutter);bottom:40px;width:calc(100% - var(--gutter)*2)}
  .verticals-banner h2{font-size:clamp(38px,8vw,56px)}
  .verticals-description{padding:32px var(--gutter)}
  .verticals-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .verticals-grid li:nth-child(n){height:auto;min-height:104px;padding:24px 16px;gap:12px;border:0;font-size:13px}
  .verticals-grid li:nth-child(odd){border-right:1px solid var(--black-02)}
  .verticals-grid li:nth-child(-n+4){border-bottom:1px solid var(--black-02)}
}
@media(max-width:360px){.verticals-grid{grid-template-columns:1fr}.verticals-grid li:nth-child(n){border-right:0;border-bottom:1px solid var(--black-02)}.verticals-grid li:last-child{border-bottom:0}}
/* ExperienceSection: Figma web / 97:199. */
#experience{background:var(--white)}
#experience>.section-label{width:100%;max-width:none;height:70px;min-height:70px;padding:28px max(80px,calc((100% - 1280px)/2));border-bottom:1px solid var(--grey)}
#experience .eyebrow{font-size:10px;font-weight:700;line-height:normal;letter-spacing:.12em;color:var(--hrey-05);gap:12px}
#experience .eyebrow:before{width:20px;height:1px;background:var(--grey-01);opacity:1}
#experience>.section-heading{width:100%;max-width:none;display:flex;justify-content:space-between;align-items:flex-end;gap:40px;padding:72px max(80px,calc((100% - 1280px)/2));border-bottom:1px solid var(--grey)}
#experience h2{width:711px;flex:none;font-size:80px;font-weight:800;line-height:.93;letter-spacing:0;color:var(--black)}
#experience .section-heading>p{width:360px;max-width:360px;min-height:148px;font-family:Inter,Arial,sans-serif;font-size:14px;font-weight:400;line-height:1.75;letter-spacing:0;color:var(--black-06)}
#experience .timeline{width:100%;max-width:none;margin:0}
#experience .timeline article{display:grid;grid-template-columns:240px minmax(0,1fr);gap:0;min-height:184px;padding:0;border-top:0;border-bottom:1px solid var(--grey)}
#experience .timeline article:nth-child(4){min-height:207px}
#experience .timeline .date{position:relative;align-self:start;padding:48px 48px 48px 80px;font-family:Manrope,Arial,sans-serif;font-size:13px;font-weight:700;line-height:18px;letter-spacing:.02em;color:var(--hrey-05);white-space:nowrap;text-transform:none}
#experience .timeline .date:after{content:'';position:absolute;top:0;right:0;width:1px;height:114px;background:var(--grey)}
#experience .timeline article>div{padding:48px 80px 48px 48px;display:flex;flex-direction:column;gap:10px}
#experience .timeline h3{font-size:22px;font-weight:800;line-height:30px;letter-spacing:0;color:var(--black)}
#experience .timeline .company{margin:0;font-family:Manrope,Arial,sans-serif;font-size:11px;font-weight:700;line-height:15px;letter-spacing:.06em;text-transform:uppercase;color:var(--hrey-05)}
#experience .timeline article>div>p:last-child{font-family:Inter,Arial,sans-serif;font-size:13px;font-weight:400;line-height:1.75;letter-spacing:0;color:var(--black-06)}
@media(min-width:761px) and (max-width:1350px){
  #experience h2{width:auto;flex:1;font-size:clamp(48px,5.55vw,74px)}
  #experience .section-heading>p{width:32%;min-height:0;flex:none}
}
@media(max-width:760px){
  #experience>.section-label{padding:24px var(--gutter)}
  #experience>.section-heading{flex-direction:column;align-items:start;padding:48px var(--gutter);gap:24px}
  #experience h2{width:auto;font-size:clamp(38px,8vw,60px)}
  #experience .section-heading>p{width:100%;max-width:none;min-height:0}
  #experience .timeline article{grid-template-columns:1fr}
  #experience .timeline .date{padding:30px var(--gutter) 0}
  #experience .timeline .date:after{content:none}
  #experience .timeline article>div{padding:16px var(--gutter) 30px}
}
/* Key Achievements: independent dark section, desktop reference 1440px. */
.achievements{background:var(--black)}
.achievements>.section-label{width:100%;max-width:none;height:70px;min-height:70px;padding:28px 48px 28px 80px;border-bottom:1px solid var(--black-02)}
.achievements .eyebrow{font-size:10px;font-weight:700;line-height:normal;letter-spacing:.12em;color:var(--grey-07);gap:12px}
.achievements .eyebrow:before{width:20px;height:1px;background:var(--grey-07);opacity:1}
.achievements>.section-body{width:100%;max-width:none;padding:72px 48px 72px 80px;border-bottom:1px solid var(--black-02)}
.achievements h2{font-size:80px;font-weight:800;line-height:.93;letter-spacing:0;color:var(--white)}
.achievements .stats{min-height:258px;margin:0;padding:0 80px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.achievements .stats>div{padding:64px 0;display:flex;flex-direction:column;align-items:center;gap:16px;border-top:0;border-right:1px solid var(--black-02)}
.achievements .stats>div:last-child{border-right:0}
.achievements .stats dt{width:260px;font-size:72px;font-weight:800;line-height:1;letter-spacing:0;color:var(--white)}
.achievements .stats dd{width:260px;margin:0;font-family:Inter,Arial,sans-serif;font-size:13px;font-weight:400;line-height:1.65;letter-spacing:0;color:var(--grey-04)}
@media(min-width:761px) and (max-width:1300px){
  .achievements .stats dt,.achievements .stats dd{width:calc(100% - 32px)}
  .achievements .stats dt{font-size:clamp(34px,5vw,64px)}
}
@media(max-width:760px){
  .achievements>.section-label{padding:24px var(--gutter)}
  .achievements>.section-body{padding:48px var(--gutter)}
  .achievements h2{font-size:clamp(38px,8vw,60px)}
  .achievements .stats{padding:0 var(--gutter);grid-template-columns:repeat(2,minmax(0,1fr))}
  .achievements .stats>div{padding:32px 0}
  .achievements .stats>div:nth-child(2){border-right:0}
  .achievements .stats>div:nth-child(-n+2){border-bottom:1px solid var(--black-02)}
  .achievements .stats dt,.achievements .stats dd{width:calc(100% - 24px)}
  .achievements .stats dt{font-size:clamp(30px,7.5vw,48px)}
}
/* Selected Case: Figma web / 97:380. Column headings occupy a separate grid row. */
#selected-case{background:var(--white)}
#selected-case>.section-label{width:100%;max-width:none;height:70px;min-height:70px;padding:28px 80px;border-bottom:1px solid var(--grey)}
#selected-case .eyebrow{font-size:10px;font-weight:700;line-height:normal;letter-spacing:.12em;color:var(--hrey-05);gap:12px}
#selected-case .eyebrow:before{width:20px;height:1px;background:var(--grey-01);opacity:1}
#selected-case>.section-heading{width:100%;max-width:none;display:flex;justify-content:space-between;align-items:flex-end;gap:40px;padding:72px 80px;border-bottom:1px solid var(--grey)}
#selected-case h2{width:752px;flex:none;font-size:80px;font-weight:800;line-height:.93;letter-spacing:0;color:var(--black)}
#selected-case .section-heading>p{width:360px;max-width:360px;min-height:148px;font-family:Inter,Arial,sans-serif;font-size:14px;font-weight:400;line-height:1.75;color:var(--black-06)}
#selected-case .case-grid{width:100%;max-width:none;margin:0;padding:0;display:grid;grid-template-columns:377px repeat(3,minmax(0,1fr));grid-template-rows:73px minmax(184px,auto);gap:0;border-top:0;border-bottom:1px solid var(--grey)}
#selected-case .case-grid>div:first-child{grid-column:1;grid-row:2;padding:30px 48px 48px 80px;border-top:1px solid var(--grey);border-right:1px solid var(--grey);display:flex;flex-direction:column;gap:10px}
#selected-case .case-grid>div:first-child:before{content:'';width:8px;height:8px;flex:none;border-radius:50%;background:var(--black)}
#selected-case .case-grid h3{font-size:22px;font-weight:800;line-height:30px;color:var(--black);white-space:nowrap}
#selected-case .case-grid .company{margin:0;font-size:11px;font-weight:700;line-height:15px;letter-spacing:.06em;color:var(--grey-07)}
#selected-case .case-grid>div:not(:first-child){display:contents}
#selected-case .case-grid h4{grid-row:1;margin:0;padding:24px 48px 24px 80px;border-right:0;font-size:18px;font-weight:800;line-height:25px;letter-spacing:0;color:var(--black)}
#selected-case .case-grid>div:not(:first-child)>p{grid-row:2;margin:0;padding:48px 48px 48px 80px;border-top:1px solid var(--grey);border-right:0}
#selected-case .case-grid>div:nth-child(2)>*{grid-column:2}
#selected-case .case-grid>div:nth-child(3)>*{grid-column:3}
#selected-case .case-grid>div:nth-child(4)>*{grid-column:4;border-right:0}
#selected-case .case-grid p:not(.company){font-family:Inter,Arial,sans-serif;font-size:13px;font-weight:400;line-height:1.75;color:var(--black-06)}
#selected-case .case-grid strong{font-weight:700}
@media(min-width:761px) and (max-width:1350px){
  #selected-case h2{width:auto;flex:1;font-size:clamp(44px,5.55vw,74px)}
  #selected-case .section-heading>p{width:30%;min-height:0;flex:none}
  #selected-case .case-grid{grid-template-columns:28% repeat(3,minmax(0,1fr))}
  #selected-case .case-grid>div:first-child{padding:30px 24px}
  #selected-case .case-grid h4{padding:24px}
  #selected-case .case-grid>div:not(:first-child)>p{padding:48px 24px}
}
@media(max-width:760px){
  #selected-case .case-grid h3{white-space:normal}
  #selected-case>.section-label{padding:24px var(--gutter)}
  #selected-case>.section-heading{flex-direction:column;align-items:start;padding:48px var(--gutter);gap:24px}
  #selected-case h2{width:auto;font-size:clamp(38px,8vw,60px)}
  #selected-case .section-heading>p{width:100%;max-width:none;min-height:0}
  #selected-case .case-grid{display:block}
  #selected-case .case-grid>div:first-child{padding:30px var(--gutter);border-right:0;border-top:0}
  #selected-case .case-grid>div:not(:first-child){display:block;padding:24px var(--gutter);border-top:1px solid var(--grey)}
  #selected-case .case-grid h4{padding:0;margin-bottom:12px;border-right:0}
  #selected-case .case-grid>div:not(:first-child)>p{padding:0;border:0}
}
/* Project invitation image block: desktop reference 1440 × 560px. */
.contact-banner .button{width:192px;height:52px;min-height:52px;padding:0;background:var(--white);border:1px solid var(--white);color:var(--black);font-family:Manrope,Arial,sans-serif;font-size:12px;font-weight:700;letter-spacing:.1em}
.contact-banner{min-height:560px;padding:80px 0;display:flex;align-items:center;justify-content:center}
.contact-banner h2{font-family:Manrope,Arial,sans-serif;font-size:72px;font-weight:800;line-height:.95;letter-spacing:0;color:var(--white)}
.contact-banner p{font-family:Inter,Arial,sans-serif;font-size:15px;font-weight:400;line-height:1.75;letter-spacing:0;color:var(--grey-03)}
@media(max-width:760px){.contact-banner{min-height:560px;padding:64px 0}.contact-banner h2{font-size:clamp(38px,8vw,60px)}}
/* Consultation: 880px / 560px columns at the 1440px reference width. */
.contact-layout{width:100%;max-width:none;min-height:898px;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,11fr) minmax(0,7fr);gap:0}
.contact-layout>div{padding:80px 70px 80px 80px}
.contact-layout aside{padding:80px 80px 80px 56px;border-left:1px solid var(--grey)}
.contact-layout>div>.eyebrow{font-family:Manrope,Arial,sans-serif;font-size:10px;font-weight:700;letter-spacing:.12em;color:var(--hrey-05)}
.contact-layout>div>.eyebrow:before{height:1px;background:var(--grey-01);opacity:1}
.contact-layout>div>h2{font-family:Manrope,Arial,sans-serif;font-size:40px;font-weight:800;line-height:1.05;letter-spacing:0;color:var(--black)}
@media(max-width:1000px) and (min-width:761px){.contact-layout>div{padding:56px 40px}.contact-layout aside{padding:56px 40px}}
@media(max-width:760px){
  .contact-layout{grid-template-columns:1fr;min-height:0}
  .contact-layout>div{padding:48px var(--gutter)}
  .contact-layout aside{padding:48px var(--gutter);border-left:0;border-top:1px solid var(--grey)}
  .contact-layout>div>h2{font-size:clamp(32px,7vw,40px)}
}
/* Consultation field typography and surfaces. */
#consultation-form{width:730px;max-width:100%}
#consultation-form>label:not(.consent){font-family:Manrope,Arial,sans-serif;font-size:10px;font-weight:700;letter-spacing:.1em;color:var(--hrey-05);line-height:14px;text-transform:uppercase;margin-bottom:6px}
#consultation-form>input,#consultation-form>textarea{width:100%;background:var(--white-01);border:1px solid var(--grey);padding-inline:16px;font-family:Inter,Arial,sans-serif;font-size:14px;font-weight:400}
#consultation-form>input{height:49px;min-height:49px;padding-block:0}
#consultation-form>input::placeholder,#consultation-form>textarea::placeholder{font-family:Inter,Arial,sans-serif;font-size:14px;font-weight:400;color:var(--grey-06);opacity:1}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

#consultation-form>button{width:200px;height:52px;min-height:52px;padding:0;background:var(--black);border:1px solid var(--black);color:var(--white);font-family:Manrope,Arial,sans-serif;font-size:12px;font-weight:700;letter-spacing:.1em}
.contact-layout aside>.eyebrow{font-family:Manrope,Arial,sans-serif;font-size:10px;font-weight:700;letter-spacing:.12em;color:var(--hrey-05)}
.contact-layout aside>.eyebrow:before{height:1px;background:var(--grey-01);opacity:1}
.contact-layout aside>h2{font-family:Manrope,Arial,sans-serif;font-size:40px;font-weight:800;line-height:1.05;letter-spacing:0;color:var(--black)}
@media(max-width:760px){.contact-layout aside>h2{font-size:clamp(32px,7vw,40px)}}
.contact-layout aside>h2{margin:16px 0}
.contact-layout aside>p:not(.eyebrow){font-family:Inter,Arial,sans-serif;font-size:14px;font-weight:400;line-height:1.75;letter-spacing:0;color:var(--black-06)}
.contact-details{margin-top:32px}
.contact-details>div{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:20px;row-gap:6px;padding:32px 0;border-top:1px solid var(--grey);border-bottom:0;align-content:center}
.contact-details .contact-icon{grid-column:1;grid-row:1 / 3;width:44px;height:44px;align-self:center}
.contact-details dt{grid-column:2;margin:0;font-family:Manrope,Arial,sans-serif;font-size:10px;font-weight:400;line-height:14px;letter-spacing:.08em;color:var(--hrey-05)}
.contact-details dd{grid-column:2;margin:0;font-family:Manrope,Arial,sans-serif;font-size:16px;font-weight:700;line-height:1.4;letter-spacing:0;color:var(--black);overflow-wrap:anywhere}
.contact-details>div:nth-child(3) dd{text-decoration:underline;text-underline-offset:2px}
/* Footer: desktop reference height 191px. */
footer.dark{min-height:191px;background:var(--black);border-top:1px solid var(--black-02)}
footer .container{width:calc(100% - 160px);max-width:1280px}
footer .footer-top{position:relative;min-height:104px;padding-block:35px;border-bottom:0}
footer .footer-top:after{content:'';position:absolute;bottom:0;left:calc((100vw - 100%)/-2);width:100vw;height:1px;background:var(--black-02)}
footer .brand{font-family:Manrope,Arial,sans-serif;font-size:12px;font-weight:700;letter-spacing:.1em;color:var(--white)}
footer .footer-legal{font-family:Manrope,Arial,sans-serif;font-size:11px;font-weight:400;letter-spacing:.06em;color:var(--grey-07)}
footer .footer-legal>span:hover,footer .footer-legal>a:hover{ text-decoration:underline;text-underline-offset:3px}
footer .footer-bottom{min-height:86px;padding-block:28px}
footer .footer-bottom p{font-family:Inter,Arial,sans-serif;font-size:12px;font-weight:400;color:var(--grey-02)}
@media(max-width:760px){footer .container{width:calc(100% - var(--gutter)*2)}footer.dark{height:auto}footer .footer-top,footer .footer-bottom{min-height:0}}
/* Consent hover and keyboard focus. */
#consultation-form .consent input{appearance:none;position:relative;flex:none;width:14px;height:14px;min-height:14px;padding:0;border:1px solid var(--grey-02);background:var(--white);cursor:pointer;transition:background-color .15s ease,border-color .15s ease}
#consultation-form .consent input:hover{background:var(--white-02)}
#consultation-form .consent input:checked{background:var(--black);border-color:var(--black)}
#consultation-form .consent input:checked:after{content:'';position:absolute;left:4px;top:1px;width:3px;height:7px;border:solid var(--white);border-width:0 2px 2px 0;transform:rotate(45deg)}
#consultation-form .consent input:checked:hover{background:var(--black-06);border-color:var(--black-06)}
#consultation-form .consent input:focus-visible{outline:2px solid var(--grey-04);outline-offset:3px}
#consultation-form .legal-text{color:var(--black-06);text-underline-offset:2px;transition:color .15s ease,background-color .15s ease}
#consultation-form .legal-text:hover{color:var(--black);text-decoration-thickness:2px}
#primary-navigation a.is-current{color:var(--white)}
/* Consultation input hover and focus states. */
#consultation-form>input,#consultation-form>textarea{transition:border-color .15s ease,background-color .15s ease}
#consultation-form>input:hover,#consultation-form>textarea:hover{border-color:var(--grey-02);background:var(--white-02)}
#consultation-form>input:focus,#consultation-form>textarea:focus{border-color:var(--grey-04);background:var(--white-01);outline:none}
@media(prefers-reduced-motion:reduce){#consultation-form>input,#consultation-form>textarea{transition:none}}

.form-trap{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
#form-status{margin-top:16px;font-family:Inter,Arial,sans-serif;font-size:13px;line-height:1.65;color:var(--black-06)}
#form-status:empty{display:none}
#consultation-form>button:disabled{opacity:.55;cursor:wait}
.legal-page{max-width:900px;padding-block:72px}
.legal-page h1{font-family:Manrope,Arial,sans-serif;font-size:clamp(38px,5vw,64px);font-weight:800;line-height:1.05;margin:20px 0 28px}
.legal-page h2{font-size:26px;line-height:1.2;letter-spacing:0;margin:40px 0 16px}
.legal-page p{font-family:Inter,Arial,sans-serif;font-size:15px;line-height:1.75;color:var(--black-06);margin-bottom:16px}
.legal-page a{text-decoration:underline;text-underline-offset:3px}
.legal-page .draft-note{border-left:3px solid var(--grey-02);padding:12px 16px;background:var(--white-02)}
.legal-page .legal-updated{font-size:12px;color:var(--grey-07)}
html[lang=de] .header-cta{width:auto;min-width:133px;padding-inline:24px}
.language-switch{display:flex;align-items:center;gap:8px;flex:none;font-family:Manrope,Arial,sans-serif;font-size:11px;font-weight:600;letter-spacing:.08em;color:var(--grey-07)}
.language-switch a{color:var(--grey-04);padding-block:12px}
.language-switch a:hover,.language-switch a[aria-current=page]{color:var(--white)}
html[lang=de] #services .services-grid article{height:auto;min-height:275px}
html[lang=de] #selected-case .case-grid h3{white-space:normal}
html[lang=de] .hero h1{font-size:clamp(58px,6.1vw,88px)}
html[lang=de] #experience h2{width:760px}
html[lang=de] #services h2{width:740px}
html[lang=de] .verticals-grid li{padding-inline:48px}
html[lang=de] .contact-details dd{overflow-wrap:normal;hyphens:auto}
@media(max-width:1350px){.header-inner{gap:18px}#primary-navigation{gap:24px}html[lang=de] #experience h2,html[lang=de] #services h2{width:auto}}
@media(max-width:760px){.header-inner{flex-wrap:nowrap;gap:12px}.menu-toggle{order:3;flex:none}.language-switch{margin-left:auto}html[lang=de] .hero h1{font-size:clamp(40px,10vw,72px)}html[lang=de] .verticals-grid li{padding-inline:16px}}
/* Button states follow component rules so their specificity wins. */
.button{transition:background-color .15s ease,border-color .15s ease,color .15s ease}
@media(hover:hover){
  .button:hover,.header-cta:hover,.hero-actions .button:hover,.contact-banner .button:hover{background:var(--grey);border-color:var(--grey);color:var(--black)}
  .hero-actions .button-outline:hover{background:var(--black-02);border-color:var(--grey-03);color:var(--white)}
  #consultation-form>button:hover{background:var(--black-04);border-color:var(--black-04);color:var(--white)}
  .menu-toggle:hover{background:var(--black-02);border-color:var(--grey-07)}
}
.button:active,.header-cta:active,.hero-actions .button:active,.contact-banner .button:active{background:var(--grey-01);border-color:var(--grey-01);color:var(--black)}
.hero-actions .button-outline:active{background:var(--black-04);border-color:var(--grey-04);color:var(--white)}
#consultation-form>button:active{background:var(--black-06);border-color:var(--black-06);color:var(--white)}
.menu-toggle:active{background:var(--black-04);border-color:var(--grey-04)}
.button:focus-visible,.menu-toggle:focus-visible{outline:2px solid var(--grey-03);outline-offset:4px}
@media(prefers-reduced-motion:reduce){.button{transition:none}}

/* Prevent intrinsic form and long legal titles from widening mobile pages. */
.contact-layout>div,.contact-layout aside{min-width:0}
.legal-page h1{overflow-wrap:anywhere}
@media(max-width:760px){.contact-layout{grid-template-columns:minmax(0,1fr)}#consultation-form{width:100%}}

@media(max-width:760px){html[lang=de] h2,html[lang=de] .verticals-grid span{overflow-wrap:anywhere;hyphens:auto}html[lang=de] .verticals-grid span{min-width:0}}

.header-actions{display:flex;align-items:center;gap:20px;flex:none}
@media(max-width:760px){.header-actions{margin-left:auto}.header-actions .language-switch{margin-left:0}}

/* Inset divider between the industries description and icon grid. */
.verticals-grid {
  position: relative;
  border-top: 0;
}
.verticals-grid::before {
  content: "";
  position: absolute;
  top: 0;
  left: var(--gutter);
  right: var(--gutter);
  height: 1px;
  background: var(--black-02);
  pointer-events: none;
}

/* Full-width horizontal divider; no outer vertical grid borders. */
.verticals-grid {
  border-top: 1px solid var(--black-02);
}
.verticals-grid::before {
  content: none;
}

.mobile-language-switch { display: none; }

@media (max-width: 760px) {
  .header-actions { display: none; }
  nav .mobile-language-switch {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 12px;
    padding-top: 20px;
    border-top: 1px solid var(--black-03);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .08em;
    color: var(--grey-07);
  }
  nav .mobile-language-switch a {
    padding: 10px 0;
    color: var(--grey-04);
  }
  nav .mobile-language-switch a:hover,
  nav .mobile-language-switch a[aria-current="page"] { color: var(--white); }
  .hero-image {
    height: 560px;
    object-position: 69% bottom;
  }
  .hero-visual::after {
    inset: 240px 0 auto;
    height: 170px;
  }
}

@media (max-width: 760px) {
  nav .mobile-language-switch { width: 100%; }
  nav .mobile-language-switch .mobile-menu-cta {
    width: auto;
    min-height: 35px;
    margin-left: auto;
    padding: 0 18px;
    background: var(--white);
    border: 1px solid var(--white);
    color: var(--black);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .08em;
    white-space: nowrap;
  }
  .hero-image {
    -webkit-mask-image: linear-gradient(to bottom, transparent 0%, #000 32%, #000 100%);
    mask-image: linear-gradient(to bottom, transparent 0%, #000 32%, #000 100%);
  }
  .hero-visual::after { display: none; }
}

/* Compact direct-contact list on phones. */
@media (max-width: 760px) {
  .contact-details { margin-top: 24px; }
  .contact-details > div {
    grid-template-columns: 36px minmax(0, 1fr);
    column-gap: 14px;
    row-gap: 3px;
    padding: 20px 0;
  }
  .contact-details .contact-icon {
    width: 36px;
    height: 36px;
  }
  .contact-details dt {
    font-size: 9px;
    line-height: 12px;
  }
  .contact-details dd {
    font-size: 14px;
    line-height: 1.35;
  }
}

/* Mobile navigation: two clean burger lines and stable CTA contrast. */
@media (max-width: 760px) {
  .menu-toggle,
  .menu-toggle:hover,
  .menu-toggle:active {
    border: 0;
    background: transparent;
  }
  #primary-navigation .mobile-language-switch .mobile-menu-cta,
  #primary-navigation .mobile-language-switch .mobile-menu-cta:hover,
  #primary-navigation .mobile-language-switch .mobile-menu-cta:active,
  #primary-navigation .mobile-language-switch .mobile-menu-cta.is-current {
    background: var(--white);
    border-color: var(--white);
    color: var(--black);
  }
}

/* Tablet portrait: use the burger navigation without changing page layout. */
@media (min-width: 761px) and (max-width: 1024px) {
  .header-inner {
    position: relative;
    flex-wrap: nowrap;
  }
  .header-actions { display: none; }
  .menu-toggle {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 6px;
    width: 44px;
    height: 44px;
    margin-left: auto;
    padding: 11px;
    border: 0;
    background: transparent;
  }
  .menu-toggle:hover,
  .menu-toggle:active {
    border: 0;
    background: transparent;
  }
  .menu-toggle span {
    width: 100%;
    height: 1px;
    background: var(--white);
  }
  #primary-navigation {
    display: none;
    position: absolute;
    top: 71px;
    left: calc(var(--gutter) * -1);
    right: calc(var(--gutter) * -1);
    z-index: 10;
    flex-direction: column;
    gap: 0;
    padding: 24px var(--gutter);
    background: var(--black);
    border-bottom: 1px solid var(--black-03);
  }
  #primary-navigation.is-open { display: flex; }
  #primary-navigation > a {
    padding: 15px 0;
    font-size: 11px;
  }
  #primary-navigation .mobile-language-switch {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    margin-top: 12px;
    padding-top: 20px;
    border-top: 1px solid var(--black-03);
    color: var(--grey-07);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .08em;
  }
  #primary-navigation .mobile-language-switch > a:not(.mobile-menu-cta) {
    padding: 10px 0;
    color: var(--grey-04);
  }
  #primary-navigation .mobile-language-switch > a[aria-current="page"] {
    color: var(--white);
  }
  #primary-navigation .mobile-language-switch .mobile-menu-cta,
  #primary-navigation .mobile-language-switch .mobile-menu-cta:hover,
  #primary-navigation .mobile-language-switch .mobile-menu-cta:active,
  #primary-navigation .mobile-language-switch .mobile-menu-cta.is-current {
    width: auto;
    min-height: 35px;
    margin-left: auto;
    padding: 0 18px;
    background: var(--white);
    border: 1px solid var(--white);
    color: var(--black);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .08em;
    white-space: nowrap;
  }
}