.brand-es{--accent:#315cff;--es-silver:#edf0f3;--es-night:#111318;--es-line:rgba(10,10,10,.18)}
.es-reference-page h2[id]{scroll-margin-top:calc(var(--header) + 24px)}
.es-pad{padding:clamp(78px,9vw,144px) var(--gutter)}
.es-hero{height:100svh;min-height:720px;padding-top:var(--header);display:grid;grid-template-columns:minmax(480px,1.12fr) minmax(420px,.88fr);background:var(--es-silver)}
.es-hero-copy{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:clamp(24px,4vh,44px);padding:clamp(70px,8vw,126px) var(--gutter)}
.es-hero-copy::before{content:"";position:absolute;left:var(--gutter);top:clamp(90px,13vh,150px);width:72px;height:5px;background:var(--accent)}
.es-wordmark{width:min(100%,430px);height:clamp(128px,16vw,196px);margin:0;overflow:hidden}
.es-wordmark img{object-fit:contain;filter:invert(1);transform:scale(1.12)}
.es-hero-lead{max-width:650px;margin:0;font-size:clamp(18px,1.5vw,24px);font-weight:600;line-height:1.5}
.es-hero-image{position:relative;height:calc(100svh - var(--header));min-height:656px;overflow:hidden;background:#a8c6d7}
.es-hero-image img{object-position:center 34%;animation:es-hero-in .9s cubic-bezier(.2,.72,.2,1) both}
.es-hero-image figcaption,.es-origin-image figcaption,.es-fit-proof-image figcaption{position:absolute;left:18px;bottom:16px;color:#fff;font-size:9px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;text-shadow:0 1px 8px rgba(0,0,0,.65)}
.es-origin{display:grid;grid-template-columns:minmax(0,.9fr) minmax(400px,1.1fr);gap:clamp(46px,8vw,132px);align-items:center;background:var(--canvas)}
.es-origin-copy h2,.es-heading h2,.es-materials-intro h2,.es-fit-proof-copy h2,.es-circuit-heading h2{margin:20px 0 30px;font-size:clamp(46px,5.8vw,90px);font-weight:700;line-height:.94;letter-spacing:-.05em}
.es-origin-copy>p:last-child,.es-heading>p:last-child,.es-materials-intro>p:last-child,.es-fit-proof-copy>p:not(.section-index),.es-circuit-copy p{max-width:680px;margin:0;font-size:clamp(17px,1.35vw,21px);line-height:1.6}
.es-origin-links{display:flex;flex-wrap:wrap;gap:18px 28px;margin-top:32px}
.es-origin-image{position:relative;aspect-ratio:4/5;overflow:hidden;background:#bdd9e7}
.es-origin-image img{object-position:center 36%;scale:1.035}
.es-wardrobe{background:var(--es-silver)}
.es-heading{display:grid;grid-template-columns:.24fr 1fr .62fr;gap:clamp(26px,5vw,76px);align-items:end;padding-bottom:clamp(62px,7vw,108px)}
.es-heading h2{margin:0;max-width:900px}.es-heading>p:last-child{align-self:end}
.es-lookbook{padding-top:0;display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(34px,5vw,82px) clamp(16px,2vw,30px);align-items:start}
.es-look figure{overflow:hidden;background:#a9c4d2}.es-look figure img{transition:transform .65s cubic-bezier(.2,.72,.2,1)}.es-look:hover figure img{transform:scale(1.025)}
.es-look>div{display:grid;grid-template-columns:auto 1fr;column-gap:18px;padding-top:18px}.es-look span{grid-row:1/4;padding-top:7px;font-size:9px;font-weight:700;letter-spacing:.13em;color:var(--accent)}
.es-look h3{margin:0;font-size:clamp(28px,3vw,46px);line-height:1.05;letter-spacing:-.04em}.es-look p{max-width:540px;margin:12px 0 0;font-size:clamp(15px,1.15vw,18px);line-height:1.55}
.es-look-swim{grid-column:1/8}.es-look-swim figure{aspect-ratio:5/4}.es-look-swim figure img{object-position:center 41%}
.es-look-resort{grid-column:8/13;margin-top:9vw}.es-look-resort figure{aspect-ratio:4/5}.es-look-resort figure img{object-position:center 34%}
.es-look-city{grid-column:3/8;margin-top:-4vw}.es-look-city figure{aspect-ratio:3/4}.es-look-city figure img{object-position:center 37%}
.es-materials{display:grid;grid-template-columns:minmax(320px,.82fr) minmax(420px,1.18fr);gap:clamp(52px,9vw,150px);background:var(--canvas)}
.es-materials-intro{align-self:start;position:sticky;top:calc(var(--header) + 54px)}
.es-material-list{border-top:1px solid var(--es-line)}
.es-material-list article{display:grid;grid-template-columns:42px minmax(190px,.75fr) 1fr;gap:clamp(16px,3vw,48px);align-items:start;padding:clamp(26px,3vw,46px) 0;border-bottom:1px solid var(--es-line);transition:padding .2s ease,background .2s ease}
.es-material-list article:hover{padding-left:14px;padding-right:14px;background:rgba(49,92,255,.06)}
.es-material-list span{padding-top:7px;font-size:9px;font-weight:700;letter-spacing:.12em;color:var(--accent)}
.es-material-list h3{margin:0;font-size:clamp(22px,2.2vw,34px);line-height:1.08;letter-spacing:-.035em}
.es-material-list p{margin:0;font-size:clamp(15px,1.1vw,18px);line-height:1.55}
.es-fit-proof{display:grid;grid-template-columns:1.18fr .82fr;min-height:86svh;background:var(--es-night);color:#fff}
.es-fit-proof-image{position:relative;min-height:86svh;overflow:hidden;background:#1598ce}.es-fit-proof-image img{object-position:center 42%}
.es-fit-proof-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(68px,8vw,126px) var(--gutter)}
.es-fit-proof-copy .section-index{color:#8da5ff}.es-fit-proof-copy .text-link{align-self:flex-start;margin-top:34px}
.es-circuit{display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(46px,9vw,150px);background:var(--es-silver);border-top:6px solid var(--accent)}
.es-circuit-heading h2{margin-bottom:0}.es-circuit-copy{align-self:end}.es-circuit-copy p+p{margin-top:26px}.es-circuit-copy .text-link{display:inline-block;margin-top:34px}
.es-shop-bridge{background:var(--canvas);border-color:var(--es-line)}
@keyframes es-hero-in{from{transform:scale(1.035);opacity:.72}to{transform:scale(1);opacity:1}}
@media(max-width:960px){
  .brand-es .mobile-menu{background:var(--canvas);border-top:5px solid var(--accent)}
  .es-hero{grid-template-columns:1fr;height:auto;min-height:0}.es-hero-copy{padding:66px var(--gutter) 54px;gap:24px}.es-hero-copy::before{top:42px;width:54px;height:4px}.es-wordmark{width:min(82vw,340px);height:132px}.es-hero-image{height:auto;min-height:0;aspect-ratio:3/2}.es-hero-image img{object-position:center 36%}
  .es-origin{grid-template-columns:1fr;gap:46px}.es-origin-copy h2,.es-heading h2,.es-materials-intro h2,.es-fit-proof-copy h2,.es-circuit-heading h2{font-size:clamp(44px,11.5vw,70px)}.es-origin-image{aspect-ratio:3/2}.es-origin-image img{object-position:center 38%}
  .es-heading{grid-template-columns:1fr;gap:22px}.es-lookbook{display:grid;grid-template-columns:1fr;gap:66px}.es-look-swim,.es-look-resort,.es-look-city{grid-column:1;margin-top:0}.es-look figure{aspect-ratio:3/2}.es-look-resort figure img{object-position:center 34%}.es-look-city figure img{object-position:center 34%}
  .es-materials{grid-template-columns:1fr;gap:50px}.es-materials-intro{position:static}.es-material-list article{grid-template-columns:34px minmax(180px,.8fr) 1fr}
  .es-fit-proof{grid-template-columns:1fr;min-height:0}.es-fit-proof-image{min-height:0;aspect-ratio:3/2}.es-fit-proof-copy{padding:70px var(--gutter) 82px}
  .es-circuit{grid-template-columns:1fr;gap:42px}
}
@media(max-width:620px){
  .es-hero-copy{padding-top:58px}.es-wordmark{width:265px;height:112px}.es-hero-lead{font-size:17px}.es-hero-image{aspect-ratio:3/2}.es-hero-image img{object-position:center 15%}
  .es-origin-image{aspect-ratio:4/5}.es-origin-image img{object-position:center 35%}
  .es-look figure{aspect-ratio:4/5}.es-look-swim figure{aspect-ratio:4/3}.es-look>div{grid-template-columns:1fr}.es-look span{grid-row:auto;padding:0 0 8px}.es-look h3{font-size:32px}.es-look p{font-size:15px}
  .es-material-list article{grid-template-columns:28px 1fr;gap:10px 14px}.es-material-list h3{font-size:24px}.es-material-list p{grid-column:2}
  .es-fit-proof-image{aspect-ratio:4/3}.es-fit-proof-image img{object-position:center 42%}
}
@media(prefers-reduced-motion:reduce){.es-hero-image img{animation:none}.es-look figure img,.es-material-list article{transition:none}}
