:root{--navy:#262941;--navy2:#262941;--mist:#d7dfe5;--paper:#f9f5f2;--ink:#20232c;--muted:#777786;--line:rgba(52,57,77,.2);--serif:Georgia,'Times New Roman',serif;--sans:'DM Sans',Arial,sans-serif;--display:'Manrope','DM Sans',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:86px}body{margin:0;background:var(--paper);color:var(--navy);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}.section-shell{padding-left:7.1vw;padding-right:7.1vw}.site-header{height:78px;padding:0 7.1vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(245,244,240,.94);backdrop-filter:blur(14px);z-index:20}.wordmark{font-family:var(--display);font-weight:800;font-size:13px;letter-spacing:.08em}.wordmark span{font-size:8px;vertical-align:top;margin-left:3px}.main-nav{display:flex;align-items:center;gap:34px;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.main-nav a{transition:opacity .2s}.main-nav a:hover{opacity:.55}.nav-cta{border:1px solid var(--navy);padding:12px 16px}.nav-cta span{margin-left:15px}.menu-toggle{display:none;background:none;border:0}.hero{background:var(--navy);color:var(--paper);min-height:690px;padding-top:48px;padding-bottom:28px;display:flex;flex-direction:column;justify-content:space-between}.hero-kicker,.hero-bottom,.section-label,.eyebrow,.project-meta>span,.project-meta p,.asset-note,.site-footer,.contact-footer,.dialog-kicker,.dialog-scope h3{font-size:9px;letter-spacing:.13em;text-transform:uppercase}.hero-kicker{display:flex;align-items:center;gap:10px;color:#d7dfe5}.status-dot{width:7px;height:7px;background:#b5c8ae;border-radius:50%;box-shadow:0 0 0 4px rgba(181,200,174,.12)}.hero-main{display:grid;grid-template-columns:1.4fr .6fr;align-items:end;gap:5vw;padding:55px 0 60px}.hero h1{font-family:var(--display);font-size:clamp(64px,9.5vw,142px);line-height:.91;letter-spacing:-.085em;font-weight:500;margin:0}.hero h1 em,.work-heading h2 em,.contact-main h2 em{font-family:var(--serif);font-weight:400;letter-spacing:-.08em}.period,.contact-main h2 span{color:#a0a3ba}.hero-aside{max-width:275px;padding-bottom:8px}.monogram{font-family:var(--serif);font-size:94px;line-height:1;color:#d7dfe5;margin-bottom:32px}.monogram span{color:#a0a3ba}.hero-aside p{font-size:14px;line-height:1.8;color:#d3d7df;margin:0 0 30px}.text-link{font-size:11px;letter-spacing:.04em;border-bottom:1px solid rgba(245,244,240,.5);padding-bottom:10px;display:inline-flex;gap:32px}.hero-bottom{display:flex;justify-content:space-between;color:#aeb5c3}.intro{padding-top:100px;padding-bottom:100px}.section-label{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:16px;color:#777e8e}.intro-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:8vw;padding-top:70px;align-items:center}.intro-copy h2,.work-heading h2{font-family:var(--display);font-size:clamp(56px,7vw,98px);line-height:.94;letter-spacing:-.08em;font-weight:500;margin:0 0 35px}.intro-copy h2 span{font-family:var(--serif);font-style:italic;font-weight:400}.intro-text{max-width:590px;margin-left:9vw}.intro-text p{font-size:14px;line-height:1.9;color:#646b79}.intro-text .lead{font-size:18px;line-height:1.6;color:var(--navy)}.portrait-wrap{margin:0;max-width:390px;justify-self:end;width:100%}.portrait-wrap img{width:100%;height:460px;object-fit:cover;object-position:center 34%;filter:grayscale(100%);display:block}.portrait-wrap figcaption{font-size:8px;letter-spacing:.13em;margin-top:12px;color:#7a8190}.about-details{border-top:1px solid var(--line);margin-top:85px;padding-top:28px;display:grid;grid-template-columns:1.1fr .9fr;gap:8vw}.about-details h3{font-size:9px;letter-spacing:.14em;font-weight:600;margin:0 0 22px}.experience-item{display:flex;justify-content:space-between;gap:20px;padding:0 0 17px;margin-bottom:16px;border-bottom:1px solid rgba(52,57,77,.1)}.experience-item strong,.experience-item span{display:block}.experience-item strong{font-size:13px;font-weight:600;margin-bottom:5px}.experience-item span,.experience-item time{font-size:10px;color:#777e8b}.experience-item time{white-space:nowrap}.skills-block{display:grid;grid-template-columns:1fr 1fr;gap:26px 35px}.skills-block p{font-size:11px;line-height:2;color:#626978;margin:0}.skills-block>div:last-child{grid-column:1/-1}.work{background:#e8ebee;padding-top:100px;padding-bottom:105px}.work-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;padding:65px 0 48px}.work-heading h2{margin:0}.work-heading h2 em{font-style:italic}.work-heading>p{font-size:13px;line-height:1.8;color:#6b7280;max-width:270px;margin:0 0 8px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:54px 22px}.project-card{border:0;background:none;color:inherit;text-align:left;padding:0;cursor:pointer;min-width:0}.project-card.project-wide{grid-column:1/-1}.project-image{height:390px;overflow:hidden;position:relative;background:#d6d9dd;box-shadow:0 14px 32px rgba(38,41,65,.13);transition:transform .35s ease,box-shadow .35s ease}.project-wide .project-image{height:540px}.project-image img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1)}.project-card:hover .project-image img{transform:scale(1.035)}.project-card:hover .project-image,.project-card:focus-visible .project-image{transform:translateY(-4px);box-shadow:0 20px 38px rgba(38,41,65,.18)}.project-wide .project-image img{object-position:center 47%}.image-crop img{object-position:center 53%}.view-project{position:absolute;right:18px;bottom:18px;background:var(--paper);color:var(--navy);font-size:8px;letter-spacing:.12em;padding:12px 14px;opacity:0;transform:translateY(6px);transition:all .25s}.project-card:hover .view-project,.project-card:focus-visible .view-project{opacity:1;transform:translateY(0)}.project-meta{display:flex;justify-content:space-between;align-items:flex-start;padding-top:15px}.project-meta h3{font-family:var(--display);font-size:22px;letter-spacing:-.04em;font-weight:600;margin:0 0 5px}.project-meta p{font-size:8px;letter-spacing:.08em;color:#777e8b;margin:0}.project-meta>span{color:#7a8190}.placeholder{display:flex;flex-direction:column;justify-content:space-between;padding:28px;color:var(--paper)}.placeholder strong{font-family:var(--display);font-size:clamp(50px,7vw,100px);letter-spacing:-.09em;font-weight:700;line-height:.9}.placeholder strong span{font-size:.35em;letter-spacing:-.03em}.placeholder-top,.placeholder-bottom{font-size:8px;letter-spacing:.16em}.warriors-art{background:#25262a;color:#f1e9df}.warriors-art strong{color:#bc0d1f;font-style:italic;font-size:clamp(75px,10vw,140px)}.emas-art{background:#243b52;color:#e9edf0}.emas-art strong{font-size:clamp(45px,6vw,84px);letter-spacing:-.1em}.emas-art strong span{font-size:.22em;letter-spacing:.12em}.kc-art{background:#d8d5cd;color:#293448}.kc-art strong{font-size:clamp(62px,8vw,110px)}.kc-art strong span{font-size:.35em;letter-spacing:-.03em}.paretto-art{background:#b8b8b0;color:#242a36}.paretto-art strong{font-family:var(--serif);font-weight:400;font-size:clamp(65px,9vw,125px)}.paretto-art strong span{font-size:1em}.asset-note{color:#777e8b;margin:42px 0 0;letter-spacing:.06em;line-height:1.7}.asset-note span{font-weight:700;color:var(--navy);margin-right:10px}.contact{background:var(--navy);color:var(--paper);padding-top:35px;padding-bottom:28px}.section-label.light{color:#b6bdca;border-color:rgba(245,244,240,.25)}.contact-main{padding:75px 0 45px;max-width:850px}.eyebrow{color:#b6bdca;margin:0 0 28px}.contact-main h2{font-family:var(--display);font-size:clamp(68px,10vw,140px);line-height:.88;letter-spacing:-.09em;font-weight:500;margin:0}.contact-main h2 em{font-style:italic}.contact-description{font-size:13px;line-height:1.8;color:#d7dfe5;max-width:350px;margin:35px 0 0 36%}.contact-links{display:flex;gap:12px;max-width:670px;margin-left:36%;margin-bottom:80px}.contact-links a{padding:18px 20px;font-size:9px;letter-spacing:.12em;display:flex;justify-content:space-between;gap:35px;flex:1}.contact-primary{background:var(--paper);color:var(--navy)}.contact-secondary{border:1px solid rgba(245,244,240,.45);color:var(--paper)}.contact-links a span{font-size:15px}.contact-footer{border-top:1px solid rgba(245,244,240,.25);padding-top:18px;display:flex;justify-content:space-between;gap:20px;color:#c0c6d1;font-size:8px}.site-footer{padding:22px 7.1vw;display:flex;justify-content:space-between;align-items:center;color:#7b8190;font-size:8px}.site-footer .wordmark{color:var(--navy)}.whatsapp-float{position:fixed;right:24px;bottom:24px;width:54px;height:54px;border-radius:50%;background:#1fae68;display:grid;place-items:center;z-index:15;box-shadow:0 8px 24px rgba(0,0,0,.18);transition:transform .2s}.whatsapp-float:hover{transform:translateY(-3px)}.whatsapp-float svg{width:25px;height:25px;fill:#fff}.project-dialog{width:min(580px,calc(100% - 32px));border:0;padding:48px;background:var(--paper);color:var(--navy);box-shadow:0 20px 80px rgba(0,0,0,.25)}.project-dialog::backdrop{background:rgba(22,25,36,.7);backdrop-filter:blur(4px)}.dialog-close{position:absolute;right:18px;top:12px;border:0;background:none;font-size:32px;color:var(--navy);cursor:pointer}.dialog-kicker{color:#858b98}.project-dialog h2{font-family:var(--display);font-size:42px;letter-spacing:-.06em;margin:18px 0 6px}.dialog-category{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#858b98}.dialog-description{font-size:15px;line-height:1.8;margin:28px 0}.dialog-scope{border-top:1px solid var(--line);padding-top:20px}.dialog-scope h3{font-size:9px}.dialog-scope p,.dialog-note{font-size:12px;line-height:1.7;color:#747b88}.dialog-note{margin-top:24px}.menu-open{overflow:hidden}
@media(max-width:800px){.section-shell{padding-left:6vw;padding-right:6vw}.site-header{padding:0 6vw;height:68px}.main-nav{gap:18px}.hero{min-height:620px}.hero-main{grid-template-columns:1fr;gap:30px;padding:60px 0}.hero h1{font-size:clamp(65px,13vw,105px)}.hero-aside{max-width:390px;display:grid;grid-template-columns:70px 1fr;column-gap:20px;align-items:center}.monogram{font-size:70px;grid-row:span 2;margin:0}.hero-aside p{font-size:12px;margin-bottom:12px}.text-link{width:max-content}.intro-grid{gap:5vw}.portrait-wrap img{height:390px}.intro-text{margin-left:4vw}.project-image{height:320px}.project-wide .project-image{height:430px}.about-details{gap:5vw}.skills-block{gap:22px}.work-heading{align-items:start;flex-direction:column}.work-heading>p{max-width:420px}.contact-description,.contact-links{margin-left:25%}}
@media(max-width:600px){.site-header{height:64px}.menu-toggle{display:flex;flex-direction:column;gap:5px;padding:10px}.menu-toggle i{width:22px;height:1px;background:var(--navy);display:block}.main-nav{display:none;position:absolute;top:64px;left:0;right:0;background:var(--paper);padding:28px 6vw 34px;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--line)}.main-nav.open{display:flex}.nav-cta{margin-top:8px}.hero{min-height:650px;padding-top:30px}.hero-kicker{font-size:7px;letter-spacing:.09em}.hero-main{padding:70px 0 45px}.hero h1{font-size:clamp(60px,15vw,88px)}.hero-aside{grid-template-columns:55px 1fr}.monogram{font-size:58px}.hero-aside p{font-size:11px}.hero-bottom{font-size:7px;gap:15px}.hero-bottom span:last-child{text-align:right}.intro,.work{padding-top:70px;padding-bottom:70px}.section-label{font-size:7px;letter-spacing:.09em}.intro-grid{grid-template-columns:1fr;gap:35px;padding-top:48px}.intro-copy h2,.work-heading h2{font-size:65px;margin-bottom:24px}.intro-text{margin-left:0}.intro-text .lead{font-size:16px}.intro-text p{font-size:12px}.portrait-wrap{justify-self:start;max-width:none}.portrait-wrap img{height:420px;object-position:center 30%}.about-details{grid-template-columns:1fr;margin-top:55px;gap:35px}.experience-item{gap:10px}.experience-item strong{font-size:12px}.experience-item span,.experience-item time{font-size:9px}.skills-block{grid-template-columns:1fr 1fr;gap:25px}.skills-block>div:last-child{grid-column:auto}.work-heading{padding:48px 0 32px;gap:20px}.work-heading>p{font-size:12px}.project-grid{grid-template-columns:1fr;gap:36px}.project-card.project-wide{grid-column:auto}.project-image,.project-wide .project-image{height:360px}.project-meta h3{font-size:20px}.placeholder{padding:22px}.contact{padding-top:28px}.contact-main{padding:65px 0 35px}.contact-main h2{font-size:clamp(64px,15vw,95px)}.contact-description{margin:28px 0 0 12%;font-size:12px}.contact-links{margin:35px 0 60px;flex-direction:column}.contact-links a{padding:17px}.contact-footer{flex-wrap:wrap;font-size:7px;line-height:1.8}.site-footer{padding:20px 6vw;gap:12px;font-size:7px}.site-footer .wordmark{font-size:10px}.whatsapp-float{width:49px;height:49px;right:16px;bottom:16px}.project-dialog{padding:38px 26px}.project-dialog h2{font-size:34px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}

/* Gabriela Solis — approved brand palette */
:root{
  --navy:#262941;
  --navy2:#1f2237;
  --mist:#d7dfe5;
  --paper:#f9f5f2;
  --ink:#25283a;
  --muted:#777786;
  --line:rgba(38,41,65,.18);
  --lavender:#a0a3ba;
  --heaven:#d7dfe5;
  --rose:#b38a8d;
  --sans:'Manrope',Arial,sans-serif;
  --display:'Manrope',Arial,sans-serif;
}
body{font-family:var(--sans);background:var(--paper);color:var(--navy)}
.site-header{background:rgba(249,245,242,.94)}
.hero{background:var(--navy);color:var(--heaven)}
.hero-kicker,.hero-bottom{color:var(--heaven)}
.status-dot{background:var(--rose);box-shadow:0 0 0 4px rgba(179,138,141,.18)}
.hero h1 em,.intro-copy h2 span,.work-heading h2 em,.contact-main h2 em{color:var(--rose)}
.period,.contact-main h2 span{color:var(--lavender)}
.monogram{color:var(--lavender)}
.monogram span{color:var(--rose)}
.work{background:var(--heaven)}
.work:before{color:rgba(160,163,186,.12)}
.work-heading>p{border-left-color:var(--rose);background:var(--paper)}
.view-project{background:var(--lavender);color:var(--navy)}
.project-meta>span{background:var(--navy);color:var(--heaven)}
.dialog-kicker{color:var(--rose)}
.project-dialog{border-top-color:var(--rose)}
.contact{background:var(--navy)}
.contact:before{background:radial-gradient(circle,var(--lavender),rgba(160,163,186,.18) 55%,transparent 70%)}
.contact-main h2 em{color:var(--rose)}
.contact-main h2 span{color:var(--lavender)}
.contact-primary{background:var(--rose);color:var(--navy)}
.contact-primary:hover{background:var(--lavender)}
.whatsapp-float{background:var(--lavender);border-color:var(--navy)}
@media(hover:hover){
 .nav-cta:hover{background:var(--rose);border-color:var(--rose);color:var(--navy)}
 .contact-secondary:hover{background:var(--heaven);color:var(--navy)}
}


/* === Heaven background contrast rule ===
   On Heaven sections, all typography stays Navy.
   Lavender is the only accent; Rose is reserved for other backgrounds.
*/
.work,
.section-heaven,
.background-heaven {
  color: var(--navy);
}
.work .section-label,
.work .work-heading,
.work .work-heading h2,
.work .work-heading p,
.work .project-meta,
.work .project-meta h3,
.work .project-meta p,
.work .asset-note,
.section-heaven *,
.background-heaven * {
  color: var(--navy);
}
.work .work-heading h2 em,
.work .work-heading h2 span,
.work .section-label span,
.section-heaven .accent,
.background-heaven .accent {
  color: var(--lavender);
}
.work .work-heading > p {
  background: var(--paper);
  border-left-color: var(--lavender);
}
.work .project-meta > span,
.work .view-project {
  background: var(--lavender);
  color: var(--navy);
}
.work .project-card .project-image {
  border-color: rgba(38,41,65,.12);
}
.work:before {
  color: rgba(160,163,186,.13);
}

/* Approved deeper Navy sampled from Gabriela's reference screenshot */
:root{
  --navy:#262941;
  --navy2:#1f2237;
  --ink:#262941;
  --line:rgba(38,41,65,.18);
}


/* === Gabriela Solis: refined palette + translucent art direction === */
:root {
  --navy: #262941;
  --navy2: #1f2237;
  --heaven: #d7dfe5;
  --lavender: #a0a3ba;
  --rose: #b38a8d;
  --paper: #f9f5f2;
  --ink: #262941;
}

/* Navigation: stronger hierarchy and filled Deep Navy CTA */
.site-header .main-nav,
.site-header nav,
.main-nav a {
  font-weight: 600;
  color: var(--navy);
}
.site-header .nav-cta,
.nav-cta {
  background: var(--navy) !important;
  color: var(--heaven) !important;
  border: 1px solid var(--navy) !important;
  font-weight: 700 !important;
  letter-spacing: .045em;
  transition: background .25s ease, color .25s ease, transform .25s ease;
}
.site-header .nav-cta:hover,
.nav-cta:hover {
  background: var(--lavender) !important;
  border-color: var(--lavender) !important;
  color: var(--navy) !important;
  transform: translateY(-2px);
}

/* Heaven sections: all supporting text in Navy for readable contrast */
.work,
.work .section-label,
.work .section-label *,
.work .work-heading,
.work .work-heading h2,
.work .work-heading p,
.work .project-meta,
.work .project-meta h3,
.work .project-meta p,
.work .asset-note {
  color: var(--navy) !important;
}
.work .section-label span,
.work .work-heading h2 em,
.work .work-heading h2 span {
  color: var(--lavender) !important;
}
.work .section-label {
  opacity: 1;
  font-weight: 700;
}

/* Remove white callout rectangle; use the same Heaven surface with a subtle translucent lavender accent */
.work .work-heading > p {
  background: rgba(215, 223, 229, .72) !important;
  color: var(--navy) !important;
  border-left: 2px solid rgba(160, 163, 186, .9);
  padding: 16px 18px;
  box-shadow: 0 12px 35px rgba(38, 41, 65, .045);
  backdrop-filter: blur(8px);
}

/* Layered translucent color fields, rather than flat decorative blocks */
.work {
  background:
    radial-gradient(ellipse at 88% 18%, rgba(160,163,186,.22), transparent 34%),
    radial-gradient(ellipse at 8% 82%, rgba(179,138,141,.10), transparent 30%),
    var(--heaven);
}
.work:before {
  color: rgba(160,163,186,.11);
}
.hero {
  background:
    radial-gradient(ellipse at 82% 22%, rgba(160,163,186,.28), transparent 35%),
    radial-gradient(ellipse at 18% 88%, rgba(179,138,141,.16), transparent 32%),
    var(--navy);
}
.contact {
  background:
    radial-gradient(ellipse at 82% 18%, rgba(160,163,186,.25), transparent 34%),
    radial-gradient(ellipse at 12% 95%, rgba(179,138,141,.15), transparent 32%),
    var(--navy2);
}

/* Restrained glass-like surfaces for selected visual details */
.asset-note {
  background: rgba(249,245,242,.48);
  border: 1px solid rgba(38,41,65,.08);
  backdrop-filter: blur(10px);
}
.project-meta > span,
.view-project {
  background: rgba(160,163,186,.88);
  color: var(--navy);
  backdrop-filter: blur(8px);
}
.whatsapp-float {
  background: rgba(160,163,186,.94);
  border-color: rgba(38,41,65,.16);
  backdrop-filter: blur(10px);
}

/* Halo cancelled: keep surfaces clean, flat and crisp */
.hero::before,
.hero::after,
.contact::before,
.contact::after,
.work::after {
  content: none !important;
  display: none !important;
}
.hero,
.contact,
.work {
  background-image: none !important;
}

/* Heaven / Selected Work metadata: readable Deep Navy */
.work .section-label,
.work .section-label *,
.work .section-top,
.work .section-top *,
.work .eyebrow,
.work .eyebrow *,
.work .section-index,
.work .section-index *,
.work .section-date,
.work .section-date *,
.work .date-range,
.work .date-range *,
.work .section-meta,
.work .section-meta *,
.work .work-meta,
.work .work-meta * {
  color: #262941 !important;
  opacity: 1 !important;
}


/* === New content sections: services + creative collaborations === */
.services {
  background: var(--navy);
  color: var(--heaven);
  padding-top: 92px;
  padding-bottom: 100px;
}
.services .section-label { color: var(--heaven); border-color: rgba(215,223,229,.25); }
.services .section-label span { color: var(--heaven) !important; }
.services-heading {
  display: grid;
  grid-template-columns: 1.15fr .65fr;
  align-items: end;
  gap: 8vw;
  padding: 68px 0 55px;
}
.services-heading h2 {
  margin: 0;
  font-family: var(--display);
  font-size: clamp(52px, 7vw, 94px);
  line-height: .96;
  letter-spacing: -.075em;
  font-weight: 500;
}
.services-heading h2 em {
  font-family: var(--serif);
  font-weight: 400;
  color: var(--rose);
}
.services-heading > p {
  max-width: 360px;
  margin: 0 0 8px;
  color: var(--heaven);
  font-size: 14px;
  line-height: 1.85;
}
.service-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border-top: 1px solid rgba(215,223,229,.35);
  border-bottom: 1px solid rgba(215,223,229,.35);
}
.service-card {
  position: relative;
  min-height: 270px;
  padding: 24px 24px 28px;
  border-right: 1px solid rgba(179,138,141,.8);
}
.service-card:first-child { padding-left: 0; }
.service-card:last-child { border-right: 0; padding-right: 0; }
.service-number { color: var(--lavender); font-size: 9px; letter-spacing: .14em; }
.service-symbol {
  min-height: 68px;
  display: flex;
  align-items: center;
  color: var(--rose);
  font-family: var(--serif);
  font-size: 48px;
  line-height: 1;
}
.service-card h3 { margin: 0 0 13px; color: var(--heaven); font-size: 13px; font-weight: 700; }
.service-card p { max-width: 245px; color: rgba(215,223,229,.78); font-size: 11px; line-height: 1.75; margin: 0; }
.service-card .service-tagline { color: var(--rose); font-size: 12px; line-height: 1.5; margin-bottom: 10px; }
.collabs {
  display: grid;
  grid-template-columns: 1.2fr .8fr;
  gap: 8vw;
  padding-top: 95px;
  padding-bottom: 95px;
  background: var(--paper);
}
.collabs .section-label { color: var(--navy); }
.collabs-copy .eyebrow { margin: 58px 0 20px; color: var(--lavender); }
.collabs-copy h2 {
  margin: 0 0 26px;
  font-family: var(--display);
  font-size: clamp(48px, 6vw, 78px);
  line-height: .98;
  letter-spacing: -.075em;
  font-weight: 500;
}
.collabs-copy h2 em { font-family: var(--serif); font-weight: 400; color: var(--rose); }
.collabs-description { max-width: 520px; color: #646b79; font-size: 13px; line-height: 1.85; }
.collabs-link { margin-top: 18px; color: var(--navy); border-color: rgba(38,41,65,.45); }
.collabs-aside {
  align-self: end;
  padding: 36px 34px;
  background: var(--heaven);
  border-left: 2px solid var(--lavender);
}
.collabs-aside-label { color: var(--navy); font-size: 9px; letter-spacing: .14em; }
.collabs-aside ul { list-style: none; padding: 22px 0 18px; margin: 0; }
.collabs-aside li { padding: 11px 0; border-bottom: 1px solid rgba(38,41,65,.14); color: var(--navy); font-size: 14px; }
.collabs-aside p { color: var(--navy); opacity: .78; font-size: 11px; line-height: 1.8; margin: 12px 0 0; }
@media (max-width: 900px) {
  .main-nav { gap: 18px; }
  .service-card { padding-left: 17px; padding-right: 17px; }
}
@media (max-width: 700px) {
  .services { padding-top: 70px; padding-bottom: 72px; }
  .services-heading { grid-template-columns: 1fr; gap: 24px; padding: 48px 0 38px; }
  .services-heading h2 { font-size: 62px; }
  .service-grid { grid-template-columns: 1fr 1fr; }
  .service-card { min-height: 245px; padding: 20px 16px 24px; border-bottom: 1px solid rgba(215,223,229,.25); }
  .service-card:first-child { padding-left: 0; }
  .service-card:nth-child(2) { border-right: 0; padding-right: 0; }
  .service-card:nth-child(3) { padding-left: 0; border-bottom: 0; }
  .service-card:last-child { padding-right: 0; border-bottom: 0; }
  .collabs { grid-template-columns: 1fr; gap: 36px; padding-top: 70px; padding-bottom: 70px; }
  .collabs-copy .eyebrow { margin-top: 42px; }
  .collabs-copy h2 { font-size: 58px; }
  .collabs-aside { padding: 28px 24px; }
}
@media (max-width: 420px) {
  .service-grid { grid-template-columns: 1fr; }
  .service-card, .service-card:first-child, .service-card:nth-child(2), .service-card:nth-child(3), .service-card:last-child {
    min-height: 0; padding: 22px 0; border-right: 0; border-bottom: 1px solid rgba(215,223,229,.25);
  }
  .service-card:last-child { border-bottom: 0; }
  .service-symbol { min-height: 52px; }
}


/* === Original Gabriela Solis identity assets === */
.wordmark-image {
  display: inline-flex;
  align-items: center;
  width: 164px;
  max-width: 38vw;
}
.wordmark-image img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 34px;
  object-fit: contain;
}
.site-footer .wordmark-image {
  width: 145px;
}
.monogram-image {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 88px;
  height: 104px;
  margin-bottom: 28px;
  background: transparent;
  border-radius: 0;
  transform: none;
}
.monogram-image img {
  display: block;
  width: 56px;
  height: 90px;
  object-fit: contain;
}
.service-symbol.flower {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 66px;
  margin-bottom: 20px;
}
.service-symbol.flower img {
  display: block;
  width: 44px;
  height: 44px;
  object-fit: contain;
}
.service-symbol.flower-two img {
  width: 42px;
  height: 42px;
}
.portrait-wrap figcaption {
  align-items: center;
  gap: 12px;
}
.by-gabs-signature {
  display: block;
  width: 82px;
  height: auto;
  max-height: 42px;
  object-fit: contain;
  opacity: .88;
}
@media (max-width: 700px) {
  .wordmark-image { width: 138px; }
  .monogram-image { width: 70px; height: 82px; margin-bottom: 18px; }
  .monogram-image img { width: 46px; height: 76px; }
  .service-symbol.flower { height: 52px; margin-bottom: 14px; }
  .service-symbol.flower img { width: 36px; height: 36px; }
  .by-gabs-signature { width: 68px; }
}


/* === V7 refinements from visual review === */
.menu-brand {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  color: var(--navy);
  max-width: 42vw;
}
.menu-brand-g {
  font-family: var(--display);
  font-size: 31px;
  line-height: .8;
  font-weight: 500;
  letter-spacing: -.08em;
  color: var(--navy);
  text-transform: lowercase;
}
.menu-brand-name {
  font-family: var(--display);
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .08em;
  white-space: nowrap;
}
.menu-brand-reg {
  font-size: 8px;
  align-self: flex-start;
  margin-left: -8px;
}
.portrait-wrap figcaption {
  display: flex;
  flex-wrap: nowrap;
  overflow: visible;
}
.portrait-wrap .by-gabs-signature {
  display: inline-block;
  width: 118px !important;
  height: 59px !important;
  max-width: 38vw;
  max-height: none !important;
  object-fit: contain;
  object-position: left center;
  flex: 0 0 auto;
  overflow: visible;
}
.service-symbol.flower-gs img {
  width: 46px;
  height: 46px;
}
@media (max-width: 700px) {
  .menu-brand { gap: 7px; }
  .menu-brand-g { font-size: 27px; }
  .menu-brand-name { font-size: 10px; }
  .menu-brand-reg { font-size: 7px; margin-left: -6px; }
  .portrait-wrap .by-gabs-signature {
    width: 96px !important;
    height: 48px !important;
    max-width: 34vw;
  }
}


/* === V9 menu brand: GS monogram + readable name === */
.menu-brand {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 13px;
  text-decoration: none;
  color: var(--navy);
  max-width: none;
  white-space: nowrap;
}
.menu-brand .menu-brand-isotipo {
  display: block;
  width: 42px;
  height: 42px;
  max-width: none;
  object-fit: contain;
  flex: 0 0 42px;
}
.menu-brand .menu-brand-name {
  display: inline-block;
  font-family: var(--body, "Manrope"), sans-serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: .10em;
  line-height: 1;
  white-space: nowrap;
}
@media (max-width: 700px) {
  .menu-brand { gap: 9px; }
  .menu-brand .menu-brand-isotipo {
    width: 35px;
    height: 35px;
    flex-basis: 35px;
  }
  .menu-brand .menu-brand-name {
    font-size: 11px;
    letter-spacing: .08em;
  }
}


/* V10: wordmark-only menu */
.menu-brand { gap: 0; }
.menu-brand .menu-brand-name {
  font-weight: 700;
  font-size: 15px;
  letter-spacing: .09em;
}
@media (max-width: 700px) {
  .menu-brand .menu-brand-name {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .07em;
  }
}

/* Navy project buttons */
.project-card .project-link,
.project-card .project-button,
.project-card a.button,
.project-card .button,
.selected-work .project-link,
.selected-work .project-button,
.selected-work a.button {
  background: #262941;
  color: #f9f5f2;
  border: 1px solid #262941;
  border-radius: 999px;
  padding: 11px 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  font-weight: 600;
  transition: background .2s ease, color .2s ease, border-color .2s ease;
}
.project-card .project-link:hover,
.project-card .project-button:hover,
.project-card a.button:hover,
.project-card .button:hover,
.selected-work .project-link:hover,
.selected-work .project-button:hover,
.selected-work a.button:hover {
  background: transparent;
  color: #262941;
  border-color: #262941;
}


/* V11 refinements: hero, experience and selected work */
.hero h1 .hero-cream {
  color: #f9f5f2;
}
.hero h1 .hero-rose {
  color: #b38a8d;
  font-style: normal;
}
.hero h1 .period.hero-cream {
  color: #f9f5f2;
}
.hero .monogram-image img {
  filter: none;
}
.hero .text-link {
  color: #b38a8d;
  border-bottom-color: #b38a8d;
}
.hero .text-link span {
  color: #b38a8d;
}
.project-meta > span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 38px;
  height: 28px;
  padding: 0 11px;
  border-radius: 999px;
  background: #262941;
  color: #f9f5f2;
  font-size: 9px;
  letter-spacing: .08em;
  line-height: 1;
}
.experience-item strong {
  display: block;
}
@media (max-width: 700px) {
  .project-meta > span {
    min-width: 34px;
    height: 25px;
  }
}


/* V12: By gabs menu, italic hero emphasis, organic project ellipses */
.menu-brand .menu-brand-name {
  font-family: var(--serif);
  font-size: 23px;
  font-style: italic;
  font-weight: 400;
  letter-spacing: -.035em;
  text-transform: none;
  line-height: 1;
}
.hero h1 .hero-rose {
  font-family: var(--serif);
  font-style: italic;
  font-weight: 400;
  letter-spacing: -.08em;
}
.project-meta > span {
  min-width: 0;
  width: 46px;
  height: 31px;
  padding: 0;
  border-radius: 50%;
  background: #262941;
  color: #d7dfe5;
  border: 0;
  font-family: var(--body, "Manrope"), sans-serif;
  font-size: 9px;
  font-weight: 600;
  letter-spacing: .04em;
  transform: rotate(-7deg);
}
@media (max-width: 700px) {
  .menu-brand .menu-brand-name { font-size: 20px; }
  .project-meta > span {
    width: 40px;
    height: 28px;
  }
}


/* V13 refinements from project-card review */
.menu-brand .menu-brand-name {
  font-family: "Manrope", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 15px;
  letter-spacing: .025em;
  text-transform: none;
  line-height: 1;
}

/* Straight, horizontal Navy ellipses with Heaven numerals */
.project-meta > span {
  width: 46px;
  min-width: 46px;
  height: 31px;
  padding: 0;
  border-radius: 50%;
  background: #262941;
  color: #d7dfe5;
  border: 0;
  transform: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: "Manrope", sans-serif;
  font-size: 9px;
  font-weight: 600;
  letter-spacing: .04em;
  line-height: 1;
}

/* Keep VIEW PROJECT visible; hover changes to Heaven */
.view-project {
  opacity: 1;
  transform: translateY(0);
  background: #262941;
  color: #d7dfe5;
  border: 1px solid #262941;
  transition: background .2s ease, color .2s ease, border-color .2s ease;
}
.project-card:hover .view-project,
.project-card:focus-visible .view-project {
  opacity: 1;
  transform: translateY(0);
  background: #d7dfe5;
  color: #262941;
  border-color: #d7dfe5;
}

@media (max-width: 700px) {
  .menu-brand .menu-brand-name {
    font-size: 13px;
  }
  .project-meta > span {
    width: 42px;
    min-width: 42px;
    height: 29px;
  }
}


/* V14: registered mark beside By Gabs */
.menu-brand {
  display: inline-flex;
  align-items: flex-start;
  gap: 3px;
}
.menu-brand .menu-brand-registered {
  display: inline-block;
  font-family: "Manrope", sans-serif;
  font-size: 8px;
  font-weight: 700;
  line-height: 1;
  margin-top: 1px;
  color: inherit;
}


/* V15 experiment: layered Rose circles in the Hero */
.hero-aside {
  position: relative;
  isolation: isolate;
  z-index: 0;
}
.hero-aside::before {
  content: "";
  position: absolute;
  z-index: -2;
  width: clamp(280px, 32vw, 430px);
  aspect-ratio: 1;
  right: -105px;
  top: -118px;
  border-radius: 50%;
  background:
    radial-gradient(circle at 42% 38%,
      rgba(179,138,141,.46) 0%,
      rgba(179,138,141,.30) 34%,
      rgba(179,138,141,.16) 58%,
      rgba(179,138,141,.07) 72%,
      rgba(179,138,141,0) 78%);
  pointer-events: none;
}
.hero-aside::after {
  content: "";
  position: absolute;
  z-index: -1;
  width: clamp(210px, 24vw, 315px);
  aspect-ratio: 1;
  right: -47px;
  top: -58px;
  border-radius: 50%;
  border: 1px solid rgba(179,138,141,.34);
  box-shadow:
    0 0 0 24px rgba(179,138,141,.075),
    0 0 0 48px rgba(179,138,141,.045);
  pointer-events: none;
}
.hero .monogram-image {
  position: relative;
  z-index: 1;
}
.hero .monogram-image img {
  filter: none;
}
.hero-aside p,
.hero-aside .text-link {
  position: relative;
  z-index: 1;
}
@media (max-width: 700px) {
  .hero-aside::before {
    width: 245px;
    right: -48px;
    top: -85px;
  }
  .hero-aside::after {
    width: 185px;
    right: -18px;
    top: -42px;
    box-shadow:
      0 0 0 15px rgba(179,138,141,.075),
      0 0 0 30px rgba(179,138,141,.045);
  }
}

/* V16: V2-inspired large layered Rose circles, spanning almost full Hero height */
.hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
}
.hero::before {
  content: "" !important;
  display: block !important;
  position: absolute;
  width: clamp(650px, 70vw, 1050px);
  height: clamp(650px, 70vw, 1050px);
  right: clamp(-420px, -24vw, -180px);
  top: -155px;
  border-radius: 50%;
  background: rgba(179,138,141,.27);
  pointer-events: none;
  z-index: 0;
}
.hero::after {
  content: "" !important;
  display: block !important;
  position: absolute;
  width: clamp(390px, 42vw, 640px);
  height: clamp(390px, 42vw, 640px);
  right: clamp(-115px, 1vw, 80px);
  bottom: -125px;
  border-radius: 50%;
  background: rgba(179,138,141,.115);
  pointer-events: none;
  z-index: 0;
}
.hero > * { position: relative; z-index: 1; }
.hero-aside { position: relative; isolation: auto; z-index: 1; }
.hero-aside::before {
  content: "";
  display: block;
  position: absolute;
  width: clamp(235px, 24vw, 355px);
  height: clamp(235px, 24vw, 355px);
  top: -38px;
  right: -37px;
  border-radius: 50%;
  background: rgba(179,138,141,.12);
  z-index: -1;
  pointer-events: none;
}
.hero-aside::after {
  content: "";
  display: block;
  position: absolute;
  width: clamp(205px, 20vw, 300px);
  height: clamp(205px, 20vw, 300px);
  top: -10px;
  right: -10px;
  border-radius: 50%;
  border: 1px solid rgba(179,138,141,.5);
  background: rgba(38,41,65,.14);
  box-shadow: none;
  z-index: -1;
  pointer-events: none;
}
@media (max-width: 700px) {
  .hero::before {
    width: 620px;
    height: 620px;
    right: -380px;
    top: -100px;
  }
  .hero::after {
    width: 365px;
    height: 365px;
    right: -155px;
    bottom: 35px;
  }
  .hero-aside::before {
    width: 235px;
    height: 235px;
    right: -38px;
    top: -45px;
  }
  .hero-aside::after {
    width: 205px;
    height: 205px;
    right: -22px;
    top: -28px;
  }
}


/* V19: user's GS isotipo in a compact Navy emblem */
.hero .g-emblem {
  width: 104px;
  height: 104px;
  border-radius: 50%;
  background: #262941;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 28px;
  position: relative;
  z-index: 2;
  box-shadow: 0 0 0 1px rgba(249,245,242,.10);
}
.hero .g-emblem img {
  display: block;
  width: 48px;
  height: 76px;
  object-fit: contain;
}
.hero h1 .period.hero-rose {
  color: #b38a8d;
}
.hero h1 .hero-rose {
  text-transform: lowercase;
}
@media (max-width: 700px) {
  .hero .g-emblem {
    width: 82px;
    height: 82px;
    margin-bottom: 22px;
  }
  .hero .g-emblem img {
    width: 39px;
    height: 62px;
  }
}


/* V20: left-align the GS emblem with the intro copy */
.hero .g-emblem {
  margin-left: 0;
  margin-right: auto;
  transform: translateX(-2px);
}
.hero .g-emblem img {
  width: 39px;
  height: 62px;
}

/* Brighter Rose ring and subtle Navy gradient inside the smaller circle */
.hero-aside::after {
  border: 1.5px solid rgba(179,138,141,.88);
  background:
    radial-gradient(circle at 35% 28%,
      rgba(53,57,76,.92) 0%,
      rgba(38,41,65,.84) 48%,
      rgba(38,41,65,.42) 100%);
  box-shadow: 0 0 10px rgba(179,138,141,.10);
}

/* View my work: cream text, stronger weight and matching arrow */
.hero .text-link {
  color: #f9f5f2;
  border-bottom-color: #b38a8d;
  font-weight: 700;
}
.hero .text-link span {
  color: #f9f5f2;
  font-weight: 700;
}
.hero .text-link:hover {
  color: #b38a8d;
  border-bottom-color: #b38a8d;
}
.hero .text-link:hover span {
  color: #b38a8d;
}

@media (max-width: 700px) {
  .hero .g-emblem {
    margin-left: 0;
    margin-right: auto;
  }
  .hero .g-emblem img {
    width: 33px;
    height: 53px;
  }
}


/* V21: diagonal Navy-to-Rose gradient and left-aligned Hero copy */
.hero::before {
  background: linear-gradient(
    38deg,
    rgba(38,41,65,.96) 8%,
    rgba(83,67,83,.78) 48%,
    rgba(179,138,141,.62) 100%
  );
}
.hero::after {
  background: linear-gradient(
    38deg,
    rgba(38,41,65,.50) 4%,
    rgba(103,76,91,.34) 55%,
    rgba(179,138,141,.22) 100%
  );
}
.hero-aside::before {
  background: linear-gradient(
    38deg,
    rgba(38,41,65,.40) 0%,
    rgba(179,138,141,.24) 100%
  );
}
.hero-aside::after {
  background: linear-gradient(
    38deg,
    rgba(38,41,65,.92) 0%,
    rgba(65,53,76,.82) 48%,
    rgba(179,138,141,.32) 100%
  );
}

/* Bring the copy toward the left edge of the circular composition */
.hero-aside p,
.hero-aside .text-link {
  margin-left: clamp(-72px, -5vw, -36px);
  max-width: min(440px, calc(100% + 72px));
}
@media (max-width: 700px) {
  .hero-aside p,
  .hero-aside .text-link {
    margin-left: -18px;
    max-width: calc(100% + 18px);
  }
}


/* V22: move the entire Hero aside content toward the right-hand guide */
.hero .g-emblem,
.hero-aside p,
.hero-aside .text-link {
  transform: translateX(clamp(48px, 7.2vw, 122px));
}

/* Remove the Rose outline from the small Navy GS circle */
.hero-aside::after {
  border: 0 !important;
  box-shadow: none !important;
  background: linear-gradient(
    38deg,
    rgba(38,41,65,.98) 0%,
    rgba(53,57,76,.94) 58%,
    rgba(38,41,65,.90) 100%
  );
}

@media (max-width: 700px) {
  .hero .g-emblem,
  .hero-aside p,
  .hero-aside .text-link {
    transform: translateX(20px);
  }
}


/* V23: align GS circle with the left edge of its supporting copy */
.hero .g-emblem {
  margin-left: clamp(-72px, -5vw, -36px);
  margin-right: 0;
  transform: translateX(clamp(48px, 7.2vw, 122px));
}
.hero-aside p {
  margin-left: clamp(-72px, -5vw, -36px);
  max-width: 390px;
  transform: translateX(clamp(48px, 7.2vw, 122px));
}
.hero-aside .text-link {
  transform: translateX(clamp(48px, 7.2vw, 122px));
}
.hero .g-emblem img {
  width: 31px;
  height: 49px;
}

@media (max-width: 700px) {
  .hero .g-emblem,
  .hero-aside p {
    margin-left: -18px;
    transform: translateX(20px);
  }
  .hero-aside p {
    max-width: 300px;
  }
  .hero .g-emblem img {
    width: 27px;
    height: 43px;
  }
  .hero-aside .text-link {
    transform: translateX(20px);
  }
}

/* V31 — Hero headline: two matching square punctuation marks. */
.hero h1 .hero-square-period{
  display:inline-block;
  width:.092em;
  height:.092em;
  margin-left:.085em;
  background:currentColor;
  border-radius:0;
  vertical-align:baseline;
  transform:translateY(-.10em);
  font-size:1em;
  line-height:1;
}
.hero h1 .hero-square-period-end{
  color:#b38a8d;
}


/* V33 — Unified navy depth for all Selected Work project covers. */
.work .project-grid .project-image {
  box-shadow: 0 18px 36px rgba(38, 41, 65, 0.16);
}
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  .work .project-grid .project-card:hover .project-image,
  .work .project-grid .project-card:focus-visible .project-image {
    transform: translateY(-4px);
    box-shadow: 0 24px 44px rgba(38, 41, 65, 0.22);
  }
}
@media (prefers-reduced-motion: reduce) {
  .work .project-grid .project-image {
    transition: none;
  }
  .work .project-grid .project-card:hover .project-image,
  .work .project-grid .project-card:focus-visible .project-image {
    transform: none;
  }
}


/* V36 — Editorial cover rhythm: alternate Heaven and Navy as project cover families. */
.project-card.cover-heaven .project-image { background-color: #d7dfe5; }
.project-card.cover-navy .project-image { background-color: #262941; }

/* Slightly deeper, still soft, navy shadows across every Selected Work cover. */
.work .project-grid .project-image {
  box-shadow: 0 18px 36px rgba(38, 41, 65, 0.16);
}
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  .work .project-grid .project-card:hover .project-image,
  .work .project-grid .project-card:focus-visible .project-image {
    transform: translateY(-4px);
    box-shadow: 0 24px 44px rgba(38, 41, 65, 0.22);
  }
}


/* V38 — Mobile Hero layout and decorative layer correction.
   Desktop layout and all project-cover artwork remain unchanged. */
@media (max-width: 700px) {
  /* Keep the large decorative circles behind the Hero content. */
  .hero {
    position: relative;
    isolation: isolate;
  }
  .hero::before,
  .hero::after {
    z-index: 0 !important;
    pointer-events: none;
  }
  .hero > .hero-kicker,
  .hero > .hero-main,
  .hero > .hero-bottom {
    position: relative;
    z-index: 2;
  }
  .hero-main {
    position: relative;
    z-index: 2;
  }
  .hero-main h1 {
    position: relative;
    z-index: 3;
  }

  /* Give the emblem its own full-width grid column so it cannot overlap copy. */
  .hero-aside {
    display: grid !important;
    grid-template-columns: 82px minmax(0, 1fr) !important;
    grid-template-rows: auto auto;
    column-gap: 20px;
    row-gap: 10px;
    align-items: center;
    justify-items: start;
    width: 100%;
    max-width: 430px !important;
    position: relative;
    z-index: 2;
  }
  .hero .g-emblem {
    grid-column: 1;
    grid-row: 1 / span 2;
    width: 82px !important;
    height: 82px !important;
    min-width: 82px;
    margin: 0 !important;
    transform: none !important;
    align-self: center;
    justify-self: start;
    z-index: 3;
  }
  .hero .g-emblem img {
    width: 33px !important;
    height: 53px !important;
  }
  .hero-aside p {
    grid-column: 2;
    grid-row: 1;
    width: 100%;
    max-width: 300px !important;
    margin: 0 !important;
    transform: none !important;
    align-self: end;
    position: relative;
    z-index: 3;
  }
  .hero-aside .text-link {
    grid-column: 2;
    grid-row: 2;
    margin: 0 !important;
    transform: none !important;
    max-width: max-content;
    align-self: start;
    position: relative;
    z-index: 3;
  }
}


/* V42 — bilingual language switcher */
.language-switch{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  margin-left:4px;
  padding-left:17px;
  border-left:1px solid var(--line);
  color:#777786;
  font-family:"Manrope",sans-serif;
  font-size:10px;
  font-weight:600;
  letter-spacing:.08em;
  line-height:1;
  white-space:nowrap;
}
.language-switch button{
  appearance:none;
  border:0;
  background:transparent;
  color:inherit;
  padding:7px 2px;
  cursor:pointer;
  font:inherit;
  letter-spacing:inherit;
  transition:color .2s ease, opacity .2s ease;
}
.language-switch button[aria-pressed="true"]{
  color:var(--navy);
  font-weight:800;
  text-decoration:underline;
  text-decoration-color:var(--rose);
  text-decoration-thickness:2px;
  text-underline-offset:5px;
}
.language-switch button:hover{color:var(--rose)}
.language-switch span{opacity:.55}
@media(max-width:800px){
  .main-nav .language-switch{
    margin:12px 0 0;
    padding:10px 0 0;
    border-left:0;
    border-top:1px solid var(--line);
    align-self:flex-start;
  }
}
@media(max-width:600px){
  .case-study-page .site-header{
    height:auto;
    min-height:64px;
    flex-wrap:wrap;
    gap:10px;
    padding-top:12px;
    padding-bottom:12px;
  }
  .case-study-page .case-back{margin-left:auto;font-size:8px}
  .case-study-page .language-switch{
    flex-basis:100%;
    justify-content:flex-end;
    margin:0;
    padding:7px 0 0;
    border-left:0;
    border-top:1px solid var(--line);
  }
  html[lang="es"] .hero h1{
    font-size:clamp(49px,12.4vw,68px);
    letter-spacing:-.09em;
  }
}