:root { --ink:#2e2e2b; --orange:#f87450; --brand-width:clamp(330px,35vw,475px); --left-offset:calc(var(--brand-width) * 0.625); }
* {box-sizing:border-box}
html {scroll-behavior:smooth}
body {margin:0;background:#fff;color:var(--ink);font-family:Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}
.page {width:min(100%,1420px);min-height:100svh;margin:auto;padding:clamp(27px,3.7vw,52px) clamp(25px,5.8vw,82px) 24px;display:flex;flex-direction:column}
.masthead{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}
.brand{display:block;width:var(--brand-width);max-width:72%;flex-shrink:0}
.brand img{display:block;width:100%;height:auto}
.top-actions{display:flex;align-items:center;gap:19px;padding-top:10px}
.languages{display:flex;gap:6px;align-items:center;margin-right:10px;font-size:11px;font-weight:500}
.languages button{font:inherit;cursor:pointer;border:0;background:transparent;color:#a4a49f;padding:6px 3px}
.languages button.selected{color:var(--ink);font-weight:700}
.languages span{color:#ddd}
.icon-link{width:20px;height:20px;color:var(--orange)}
.icon-link svg{display:block;width:100%;height:100%;fill:currentColor}
a:focus-visible,button:focus-visible{outline:2px solid var(--orange);outline-offset:5px}
/* The start of the text column corresponds to the start of the orange lock-up lettering. */
.main-grid{display:grid;grid-template-columns:var(--left-offset) minmax(0,1fr);column-gap:0;align-items:start;flex:1;margin-top:clamp(44px,6vh,75px)}
.left-illustration{display:flex;align-items:flex-start;justify-content:flex-start;padding:0 27px 0 0;overflow:visible}
/* SVG viewBox is cropped to Justine's unmodified bars; height mirrors the heading's block height. */
.left-illustration img{display:block;width:100%;height:var(--heading-height,180px);object-fit:contain;object-position:center top}
.editorial{width:100%;max-width:950px;padding-right:0}
.language-content[hidden]{display:none}
.headline-line{display:block;white-space:nowrap}
.language-content h1{font-family:Baskervville,'Times New Roman',serif;font-style:italic;font-weight:400;font-size:clamp(27px,2.65vw,41px);line-height:1.24;letter-spacing:-.028em;margin:0 0 1.24em}
/* Exact right boundary follows the second heading line; columns are equal-width. */
.body-columns{display:grid;width:min(100%,var(--body-measure,100%));grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:clamp(19px,2.4vw,36px)}
.body-columns p{margin:0;font-weight:200;line-height:1.46;letter-spacing:-.018em;font-size:clamp(14.5px,1.22vw,18px)}
.contact-line{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:clamp(42px,5vh,68px);font-size:clamp(12px,1.05vw,15px);color:var(--orange);font-weight:300}
.contact-line a{color:inherit;text-decoration:none}
.contact-line a:hover{text-decoration:underline;text-underline-offset:5px}
.contact-line .primary-contact{font-weight:700}
.legal{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:55px;padding-top:12px;font-size:10px;color:#999}
.legal a{color:inherit;text-decoration:none}
.legal a:hover{text-decoration:underline}
@media(max-width:850px){
  :root{--brand-width:clamp(290px,42vw,360px)}
  .page{padding:25px 28px 18px}
  .main-grid{margin-top:54px}
  .left-illustration{padding-right:16px}
  .headline-line{display:block;white-space:nowrap}
.language-content h1{font-size:clamp(25px,3.6vw,32px)}
  .body-columns{column-gap:19px}
  .body-columns p{font-size:14.5px;line-height:1.5}
  .contact-line{gap:14px;margin-top:37px;flex-wrap:wrap}
}
@media(max-width:610px){
  :root{--brand-width:clamp(215px,57vw,290px);--left-offset:clamp(65px,18vw,110px)}
  .page{padding:21px 22px 15px}
  .masthead{align-items:flex-start}
  .brand{max-width:65%}
  .top-actions{gap:8px;padding-top:4px}
  .languages{margin-right:0;font-size:10px}
  .icon-link{width:17px;height:17px}
  .main-grid{margin-top:45px}
  .left-illustration{padding-right:14px}
  .left-illustration img{height:min(200px,var(--heading-height,180px))}
  .headline-line{display:block;white-space:nowrap}
.language-content h1{font-size:clamp(23px,5.4vw,30px);line-height:1.28;margin-bottom:1.28em}
  .headline-line{white-space:normal}
  .body-columns{width:100%;grid-template-columns:minmax(0,1fr);gap:17px}
  .body-columns p{font-size:15px;line-height:1.5}
  .contact-line{gap:14px 22px;margin-top:32px;font-size:13px}
  .legal{flex-direction:column;align-items:flex-start;gap:6px;margin-top:45px;font-size:9px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}