:root{--paper:#f2efe7;--ink:#11120f;--line:rgba(17,18,15,.28)}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--paper);color:var(--ink)}
body{font-family:Arial,Helvetica,sans-serif}
a{color:inherit;text-decoration:none}
.landing{min-height:100svh;display:grid;grid-template-rows:auto 1fr auto;padding:28px 32px 22px;overflow:hidden}
.landing-top,.landing-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;text-transform:uppercase;letter-spacing:.22em;font-size:12px;font-weight:600}
.landing-name{font-size:18px;letter-spacing:.26em}
.landing-role{font-size:10px;color:rgba(17,18,15,.65)}
.landing-choices{display:grid;grid-template-columns:1fr 1px 1fr;align-items:center;min-height:0;padding:34px 0 26px}
.landing-divider{width:1px;height:72%;background:var(--line);justify-self:center}
.landing-choice{display:grid;place-items:center;text-align:center;min-width:0;position:relative;padding:24px 4vw;isolation:isolate}
.landing-choice:before{content:"";position:absolute;inset:8% 5%;background:var(--choice-image) center/cover no-repeat;opacity:0;transform:scale(.96);transition:opacity .45s ease,transform .7s cubic-bezier(.2,.7,.2,1);z-index:-1}
.landing-choice:hover:before,.landing-choice:focus-visible:before{opacity:.07;transform:scale(1)}
.landing-word{margin:0;display:inline-block;max-width:100%;padding:.08em 0 .06em;font-family:Impact,"Arial Black",Arial,Helvetica,sans-serif;font-size:clamp(104px,15vw,280px);line-height:.92;font-weight:900;letter-spacing:-.045em;text-transform:uppercase;background-image:var(--choice-image);background-position:center;background-size:cover;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;transition:transform .55s cubic-bezier(.2,.7,.2,1),filter .45s ease;filter:saturate(.92) contrast(1.08)}
.landing-video .landing-word{background-position:50% 48%}
.landing-photo .landing-word{background-position:52% 50%}
.landing-choice:hover .landing-word,.landing-choice:focus-visible .landing-word{transform:scale(1.018);filter:saturate(1) contrast(1.08)}
.landing-meta{margin-top:38px;display:grid;gap:8px;text-transform:uppercase;letter-spacing:.25em;font-size:10px;line-height:1.35}
.landing-arrow{display:inline-block;margin-top:15px;font-size:34px;line-height:1;font-weight:300;transition:transform .35s ease}
.landing-choice:hover .landing-arrow,.landing-choice:focus-visible .landing-arrow{transform:translateX(8px)}
.landing-bottom{font-size:9px;color:rgba(17,18,15,.65)}
.landing-mark{font-size:16px;letter-spacing:.08em;color:var(--ink)}
.landing-choice:focus-visible{outline:1px solid var(--ink);outline-offset:6px}
@supports not ((background-clip:text) or (-webkit-background-clip:text)){.landing-word{color:var(--ink);-webkit-text-fill-color:var(--ink);background:none}}
@media(max-width:760px){
 .landing{padding:22px 18px 18px;min-height:100svh}
 .landing-top{align-items:flex-start}.landing-name{font-size:14px}.landing-role{max-width:120px;text-align:right;line-height:1.5}
 .landing-choices{grid-template-columns:1fr;grid-template-rows:1fr 1px 1fr;padding:20px 0 14px}
 .landing-divider{width:72%;height:1px}
 .landing-choice{padding:20px 8px}
 .landing-word{font-size:clamp(82px,27vw,142px);line-height:.94;padding:.07em 0 .05em}
 .landing-meta{margin-top:20px;font-size:8px;gap:5px}
 .landing-arrow{font-size:28px;margin-top:7px}
 .landing-bottom{font-size:8px}.landing-bottom span:last-child{text-align:right}
}
@media(max-width:390px){.landing-word{font-size:26vw}.landing-role{display:none}.landing-bottom span:last-child{display:none}}
@media(prefers-reduced-motion:reduce){.landing-choice:before,.landing-word,.landing-arrow{transition:none}}

/* v2.17.3 — match approved landing preview proportions */
@media(min-width:761px){
  .landing-choices{padding:16px 0 10px}
  .landing-choice{padding:12px 2vw;overflow:visible}
  .landing-word{
    font-family:"Arial Black",Arial,Helvetica,sans-serif;
    font-size:clamp(190px,19.2vw,390px);
    line-height:1.08;
    font-weight:900;
    letter-spacing:-.075em;
    padding:.16em .025em .11em;
    overflow:visible;
    transform:scaleX(1.08);
    transform-origin:center;
    max-width:none;
    white-space:nowrap;
  }
  .landing-choice:hover .landing-word,.landing-choice:focus-visible .landing-word{transform:scaleX(1.08) scale(1.012)}
  .landing-meta{margin-top:18px;font-size:11px;gap:9px;letter-spacing:.23em}
  .landing-arrow{margin-top:16px;font-size:38px}
}
@media(min-width:1600px){
  .landing-word{font-size:clamp(300px,20vw,410px)}
}
@media(max-width:760px){
  .landing-word{
    font-family:"Arial Black",Arial,Helvetica,sans-serif;
    font-size:clamp(98px,31vw,170px);
    line-height:1.08;
    font-weight:900;
    letter-spacing:-.07em;
    padding:.14em .02em .10em;
    overflow:visible;
    white-space:nowrap;
    transform:scaleX(1.04);
    transform-origin:center;
  }
  .landing-choice:hover .landing-word,.landing-choice:focus-visible .landing-word{transform:scaleX(1.04)}
}


/* v2.17.4 — force approved preview proportions + centered imagery */
.landing-choice::before{display:none!important}
@media(min-width:761px){
  .landing-choices{padding:10px 0 6px}
  .landing-choice{padding:0 1.5vw;overflow:visible}
  .landing-word{
    display:block;
    max-width:none;
    white-space:nowrap;
    overflow:visible;
    font-family:"Arial Black",Arial,Helvetica,sans-serif;
    font-size:clamp(220px,17.5vw,360px);
    line-height:1.12;
    font-weight:900;
    letter-spacing:-.075em;
    padding:.22em .035em .16em;
    transform:scaleX(1.16);
    transform-origin:center center;
    background-position:50% 50%!important;
    background-size:cover;
  }
  .landing-choice:hover .landing-word,
  .landing-choice:focus-visible .landing-word{
    transform:scaleX(1.16) scale(1.012);
    background-position:50% 50%!important;
  }
  .landing-meta{margin-top:8px;font-size:11px;gap:9px}
  .landing-arrow{margin-top:14px;font-size:38px}
}
@media(min-width:1700px){
  .landing-word{font-size:clamp(300px,18.2vw,390px)}
}
@media(max-width:760px){
  .landing-word{
    font-family:"Arial Black",Arial,Helvetica,sans-serif;
    font-size:clamp(110px,33vw,178px);
    line-height:1.12;
    padding:.20em .025em .14em;
    transform:scaleX(1.10);
    transform-origin:center center;
    background-position:50% 50%!important;
  }
  .landing-choice:hover .landing-word,
  .landing-choice:focus-visible .landing-word{transform:scaleX(1.10)}
}

/* v2.17.5 — desktop sizing calibrated for browser zoom 100% */
@media(min-width:761px){
  .landing-choice{
    width:100%;
    min-width:0;
    overflow:visible;
  }
  .landing-word{
    font-size:clamp(180px,13vw,285px);
    line-height:1.08;
    letter-spacing:-.065em;
    padding:.18em .025em .13em;
    transform:scaleX(1.04);
    transform-origin:center center;
    max-width:43vw;
    white-space:nowrap;
    background-position:center center!important;
    background-size:cover;
  }
  .landing-choice:hover .landing-word,
  .landing-choice:focus-visible .landing-word{
    transform:scaleX(1.04) scale(1.01);
    background-position:center center!important;
  }
  .landing-meta{margin-top:14px}
}
@media(min-width:2200px){
  .landing-word{font-size:285px}
}

/* v2.17.6 — keep desktop proportions consistent across Retina display widths */
@media(min-width:761px){
  .landing-word{
    font-size:clamp(120px,11.1vw,285px);
    max-width:none;
  }
}

/* v2.17.7 — dedicated mobile landing layout */
@media(max-width:760px){
  .landing{
    overflow-x:hidden;
    padding:20px 18px 16px;
  }
  .landing-choices{
    grid-template-columns:1fr;
    grid-template-rows:minmax(0,1fr) 1px minmax(0,1fr);
    padding:10px 0 8px;
  }
  .landing-divider{
    width:72%;
    height:1px;
  }
  .landing-choice{
    width:100%;
    min-width:0;
    overflow:hidden;
    padding:18px 0;
  }
  .landing-word{
    display:block;
    width:auto;
    max-width:100%;
    margin-inline:auto;
    font-size:clamp(78px,25vw,118px);
    line-height:1.04;
    letter-spacing:-.065em;
    padding:.16em 0 .12em;
    transform:none;
    transform-origin:center center;
    white-space:nowrap;
    background-position:center center!important;
    background-size:cover;
  }
  .landing-choice:hover .landing-word,
  .landing-choice:focus-visible .landing-word{
    transform:none;
    background-position:center center!important;
  }
  .landing-meta{
    margin-top:18px;
    font-size:8px;
    gap:6px;
    letter-spacing:.23em;
  }
  .landing-arrow{
    margin-top:9px;
    font-size:30px;
  }
}
@media(max-width:390px){
  .landing-word{font-size:24vw}
}

/* v2.17.8 — tiny mobile safety margin so glyphs never clip at viewport edge */
@media(max-width:760px){
  .landing-word{
    font-size:clamp(76px,23vw,108px);
    width:100%;
    text-align:center;
    letter-spacing:-.065em;
  }
}
@media(max-width:390px){
  .landing-word{font-size:22.5vw}
}