/* Optical finishing: support fine type with local surfaces, light and spacing. */
.site-header{background:linear-gradient(120deg,#10222b,#0b1720 62%);border-bottom-color:#8fb7b52e;box-shadow:inset 0 1px 0 #d0f5e50a}
.brand{gap:12px}
.brand-name{width:54px;max-width:none;padding:5px 8px;border:1px solid #acd7d231;border-radius:3px;background:linear-gradient(135deg,#d8fff315,#a0d8dd06);box-shadow:inset 0 1px 0 #effff515;color:#e6f5ed;font-size:10px;letter-spacing:1.5px;line-height:1.45;text-shadow:0 1px 3px #0009}
.site-header nav{gap:14px}
.site-header nav a{padding:8px 12px;border:1px solid #b5d8cf24;border-radius:7px;background:linear-gradient(135deg,#b9e7db0d,#a0d4db04);box-shadow:inset 0 1px 0 #effff50a;color:#edf6ef;font-size:12px;letter-spacing:.03em;text-shadow:0 1px 3px #0008}
.site-header nav a:hover{border-color:#a4d6d166;background-color:#bfded90d;color:#d4fffa}
.world-labels p{position:relative;isolation:isolate;gap:5px}
.world-labels p::before{content:'';position:absolute;inset:-12px -16px;z-index:-1;background:radial-gradient(ellipse,#041522aa,transparent 72%);filter:blur(7px)}
.world-labels p:last-child::before{background:radial-gradient(ellipse,#fff5e7dc,transparent 72%)}
.world-labels strong{line-height:1.2;text-shadow:0 2px 15px #041522b3}
.world-labels p:last-child strong{color:#21463f;text-shadow:0 1px 7px #fff9e5}
.world-labels span{align-self:flex-start;white-space:nowrap;padding:5px 9px 4px;border:1px solid #a5d9de40;border-radius:3px;background:linear-gradient(120deg,#061a2de8,#153642ba);box-shadow:inset 0 1px 0 #dffffc1f,0 3px 12px #00111c18;backdrop-filter:blur(7px);color:#e0f6f3;font-size:11px;line-height:1.4;letter-spacing:1.6px;text-shadow:0 1px 3px #000b}
.world-labels p:last-child span{align-self:flex-end;border-color:#fff7e6bb;background:linear-gradient(120deg,#fff3dfeb,#eaddc9d6);box-shadow:inset 0 1px 0 #ffffffa6,0 3px 12px #5f533516;color:#274b41;text-shadow:none}
.eyebrow{font-size:11px;line-height:1.75;letter-spacing:1.6px}
.hero-copy .eyebrow{display:inline-block;max-width:100%;padding:5px 9px;border-left:1px solid #b3e7df88;background:linear-gradient(90deg,#082331d6,#0d253950);font-size:10px;line-height:1.75;letter-spacing:1.3px;color:#d5eeea}
.hero-meta{font-size:10px;letter-spacing:1px;line-height:1.9;color:#c3dfd7}
.hero-art-label{padding:5px 8px;border-left:1px solid #b9e6e26b;border-radius:0 3px 3px 0;background:linear-gradient(90deg,#071c2bd9,#122d3c93);backdrop-filter:blur(5px);font-size:10px;line-height:1.5;letter-spacing:1.2px;color:#d7eeea;text-shadow:0 1px 3px #0009}
.hero-side-note{padding:11px 14px;border-right:1px solid #809a8266;background:linear-gradient(90deg,#f8eedc00,#f5eadac9);color:#2c4b40;font-size:11px;letter-spacing:1.6px;line-height:1.7;text-shadow:0 1px 5px #fff5e9}
.image-label{max-width:calc(100% - 30px);padding:7px 10px;border:1px solid #a6d2c63d;border-radius:3px;background:linear-gradient(120deg,#091c28ed,#18343dde);backdrop-filter:blur(6px);box-shadow:inset 0 1px 0 #e0fff01a;font-size:11px;line-height:1.5;letter-spacing:1.2px;color:#e5f4ed}
.look-subtitle{font-size:12px;line-height:1.8;color:#c9dcd1}
.image-note{padding:12px 15px;border-left:1px solid #7aa39e80;background:linear-gradient(90deg,#42656b26,transparent);font-size:12px;line-height:1.95;color:#ccded5}
.text-link>span{display:inline-grid;place-items:center;flex-shrink:0;width:25px;height:25px;border:1px solid #87aaa35e;border-radius:50%;font-size:16px;line-height:1}
.body-selector small{font-size:10px;line-height:1.6;letter-spacing:1.2px;color:#4a685d}
.body-selector [aria-pressed=true] small{color:#c8dfd8}
.body-detail .body-overview>p:not(.eyebrow){font-size:13px;line-height:1.95}
.women-note{border-radius:0 9px 9px 0;background:linear-gradient(110deg,#dce3d0,#e8e4d4);color:#2e4b3d}
.size-heading>span{padding:3px 8px;border:1px solid #bbc4b4;border-radius:4px;background:#fbf7ed70;color:#405e4d;font-size:11px;line-height:1.6}
.size-instruction{font-size:12px;line-height:1.9;color:#405e4e}
.size-guide table{border-collapse:separate;border-spacing:0;overflow:hidden;border:1px solid #b7c2b2;border-radius:10px;background:#fff9ef59;font-variant-numeric:tabular-nums}
.size-guide thead th{padding-block:12px;background:linear-gradient(#ece7d8,#e1ddce);box-shadow:inset 0 1px 0 #fff9;color:#3c594a;font-size:11px;line-height:1.6}
.size-guide tbody th,.size-guide tbody td{border-bottom:1px solid #cbd0bf;letter-spacing:.01em}
.size-guide tbody th{background:transparent}
.size-guide tbody tr:last-child>*{border-bottom:0}
.size-guide tr[data-selected=true]{background:#d0dfd1}
.measurement-note{margin-top:16px;padding:12px 14px;border-left:1px solid #77917e;background:linear-gradient(90deg,#dce3d059,transparent);font-size:12px;line-height:1.95;color:#405d4b}
.selection-summary{padding:17px 0;border-top-color:#8da28f;border-bottom:1px solid #bfc8b6;background:linear-gradient(90deg,#d9e3d33d,transparent)}
.selection-summary>span{font-size:12px;color:#48634f}
.selection-summary>strong{font-size:13px;color:#23453a}
.reset-size{font-size:12px}
.identity-mark small{font-size:10px;line-height:1.6;letter-spacing:1.6px}
.step-number{display:grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid #7ca8a45c;border-radius:50%;background:radial-gradient(circle at 30% 20%,#b5e9e01a,#1b454c0d);box-shadow:inset 0 1px 0 #d8fff01a;font-size:12px;line-height:1;letter-spacing:1px;color:#c2e8df}
.process-list p{font-size:13px;line-height:2;color:#d2e1d8}
.faq-list details[open]{background:linear-gradient(110deg,#fffdf559,#ffffff0d)}
.faq-list summary{line-height:1.9}
.faq-list summary>span{display:grid;place-items:center;flex-shrink:0;width:29px;height:29px;border:1px solid #9eaf996b;border-radius:50%;background:#fffcf238;color:#45654f;font-size:20px;line-height:1}
.faq-answer{font-size:13px;line-height:2.05;color:#35523f}
.site-footer>p{font-size:10px;line-height:1.8;letter-spacing:1.2px;color:#c5dbd1}
.site-footer .text-link{font-size:11px}
.mobile-bar{background:linear-gradient(120deg,#152f38,#0d202a);border-top-color:#9bcac15c;box-shadow:inset 0 1px 0 #dcfff00d,0 -7px 22px #0003}
.mobile-bar small{font-size:9.5px;line-height:1.6;letter-spacing:1px;color:#c4ddd4}
.mobile-bar strong{font-size:11px;line-height:1.65;color:#f0f7ee}
@media(max-width:1000px){
  .hero-copy .eyebrow{letter-spacing:1px}
  .hero-description{font-size:13px}
  .hero-side-note{font-size:10px;padding:9px 11px}
}
@media(min-width:761px) and (max-width:1000px){
  .lookbook .section-heading{gap:28px}
  .lookbook .section-heading>div{flex:1;min-width:0}
  .lookbook .section-lead{flex:0 0 31%;max-width:31%}
  .lookbook .section-heading .mobile-only{display:block}
}
@media(max-width:760px){
  .site-header{padding-inline:16px;gap:12px}
  .brand{gap:10px}
  .brand-name{width:50px;padding:5px 7px;font-size:10px;letter-spacing:1.3px}
  .site-header nav{gap:10px}
  .site-header nav a{padding-inline:11px;font-size:12px}
  .world-labels{top:20px;inset-inline:20px}
  .world-labels span{font-size:11px;letter-spacing:1.4px;padding:5px 8px 4px}
  .hero-copy .eyebrow{padding:0;border:0;background:transparent;color:#41685b;font-size:10px;letter-spacing:1.3px}
  .hero-meta{color:#466653;font-size:10px;letter-spacing:.7px}
  .hero-art-label{left:18px;bottom:19px;font-size:10px}
  .look-title{font-size:15px;line-height:1.65}
  .look-subtitle{font-size:12px;line-height:1.8}
  .look-card figcaption{gap:12px 18px}
  .look-card .text-link{font-size:12px}
  .image-note{font-size:12px}
  .identity-copy>p:not(.eyebrow){font-size:13px;line-height:2.05}
  .identity-mark{width:192px}
  .body-selector small{font-size:10px;letter-spacing:1px}
  .size-guide tbody td,.size-guide tbody th{padding-block:5px}
  .size-instruction,.measurement-note{font-size:12px}
  .selection-summary>strong{font-size:13px}
  .process-list p{font-size:13px}
  .faq-answer{padding-right:12px;font-size:13px}
  .site-footer{padding-bottom:120px}
  .site-footer>p{font-size:10px;letter-spacing:1px}
}
@media(max-width:350px){
  .site-header{padding-inline:14px;gap:10px}
  .brand{gap:8px}
  .brand-name{width:47px;padding-inline:6px;letter-spacing:1px}
  .site-header nav a{padding-inline:9px;font-size:12px;letter-spacing:0}
  .body-selector small{font-size:10px;letter-spacing:.5px}
  .mobile-bar strong{font-size:11px}
}