.brand .brand-sg{display:grid;gap:var(--space-8);color:var(--text-primary)}.brand .brand-sg__hero{display:grid;gap:var(--space-3)}.brand .brand-sg__eyebrow{margin:0;font-family:var(--font-body);font-size:var(--text-eyebrow);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--accent)}.brand .brand-sg__title{margin:0;font-family:var(--font-display);font-size:var(--text-display);font-variation-settings:var(--frax-heading);line-height:var(--lh-display);letter-spacing:var(--tracking-display)}.brand .brand-sg__lede{margin:0;font-size:var(--text-body);color:var(--text-secondary);max-inline-size:var(--measure-prose);line-height:var(--lh-body)}.brand .brand-sg__unit-row{display:flex;justify-content:flex-start}.brand .brand-sg__section-title{font-family:var(--font-display);font-size:var(--text-h2);font-variation-settings:var(--frax-heading);line-height:var(--lh-heading);margin:0 0 var(--space-5)}.brand .brand-sg__howto-grid{display:grid;gap:var(--space-6);grid-template-columns:1fr}@media(min-width:768px){.brand .brand-sg__howto-grid{grid-template-columns:minmax(220px,1fr) 1.5fr;gap:var(--space-8);align-items:start}}.brand .brand-sg__figure{margin:0;display:grid;place-items:center;padding:clamp(1.25rem,.5rem + 2vw,2rem);background:linear-gradient(180deg,color-mix(in oklch,var(--surface-base) 70%,transparent) 0%,var(--surface-base) 100%),var(--surface-base);border:1px solid color-mix(in oklch,var(--text-primary) 6%,transparent);border-radius:var(--radius-md, 10px);position:relative;isolation:isolate}.brand .brand-sg__figure:before{content:"";position:absolute;top:12px;right:12px;bottom:12px;left:12px;border:1px dashed color-mix(in oklch,var(--text-primary) 10%,transparent);border-radius:8px;pointer-events:none}.brand .brand-sg__diagram{inline-size:100%;max-inline-size:280px;block-size:auto;color:var(--text-primary);position:relative;z-index:1}.brand .brand-sg__diagram-body>path,.brand .brand-sg__diagram-body>circle{fill:color-mix(in oklch,var(--accent-muted) 70%,var(--surface-base));fill-opacity:.45}.brand .brand-sg__steps{list-style:none;margin:0;padding:0;display:grid;gap:0}.brand .brand-sg__step{display:grid;grid-template-columns:auto 1fr;gap:var(--space-4);align-items:start;padding-block:var(--space-4);border-block-start:1px solid var(--line)}.brand .brand-sg__step:first-child{border-block-start:0;padding-block-start:0}.brand .brand-sg__step:last-child{border-block-end:1px solid var(--line)}.brand .brand-sg__step-num{font-family:var(--font-display);font-size:var(--text-h3);font-variation-settings:var(--frax-heading);color:var(--text-muted);min-inline-size:2.2ch;font-variant-numeric:tabular-nums}.brand .brand-sg__step-title{margin:0 0 var(--space-1);font-size:var(--text-body);font-weight:var(--inter-wght-semibold);color:var(--text-primary)}.brand .brand-sg__step-body{margin:0;font-size:var(--text-body);color:var(--text-secondary);line-height:var(--lh-body);max-inline-size:48ch}.brand .brand-sg__intl-table{inline-size:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}.brand .brand-sg__intl-table th,.brand .brand-sg__intl-table td{text-align:start;padding:var(--space-3) var(--space-4);font-size:var(--text-small);border-block-start:1px solid var(--line)}.brand .brand-sg__intl-table tr:first-child th,.brand .brand-sg__intl-table tr:first-child td{border-block-start:0}.brand .brand-sg__intl-table th{color:var(--text-muted);font-family:var(--font-body);font-size:var(--text-eyebrow);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase}.brand .brand-sg__unsure{display:grid;grid-template-columns:1fr auto;gap:var(--space-5);align-items:center;padding:clamp(1.5rem,1.2rem + 1vw,2.25rem);background-color:color-mix(in oklch,var(--accent-muted) 30%,var(--surface-base));border:1px solid color-mix(in oklch,var(--accent) 18%,transparent);border-radius:var(--radius-lg, 14px)}@media(max-width:640px){.brand .brand-sg__unsure{grid-template-columns:1fr}}.brand .brand-sg__unsure-text{display:grid;gap:var(--space-2);min-inline-size:0}.brand .brand-sg__unsure-cta{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-body);font-size:var(--text-small);font-weight:var(--inter-wght-medium);letter-spacing:var(--tracking-button);text-transform:uppercase;background-color:var(--text-primary);color:var(--surface-base);padding:12px 22px;border-radius:var(--radius-pill);text-decoration:none;white-space:nowrap;transition:background-color var(--dur-sm) var(--ease-out-expo),transform var(--dur-sm) var(--ease-out-expo)}.brand .brand-sg__unsure-cta:hover{background-color:var(--accent);transform:translateY(-1px)}.brand .brand-sg__unsure-title{margin:0;font-family:var(--font-display);font-size:var(--text-h3);font-variation-settings:var(--frax-subhead)}.brand .brand-sg__unsure-body{margin:0;font-size:var(--text-body);color:var(--text-secondary);max-inline-size:58ch;line-height:var(--lh-body)}.brand-modal__body .brand-sg{gap:var(--space-6)}.brand-modal__body .brand-sg__section-title{font-size:var(--text-h3);font-variation-settings:var(--frax-subhead)}.brand-modal__body .brand-sg__figure{padding:var(--space-4)}.brand-modal__body .brand-sg__diagram{max-inline-size:200px}.brand .brand-sg__modal-footer{padding-block-start:var(--space-4);border-block-start:1px solid var(--line)}.brand-sg__cta-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);align-items:stretch}.brand-sg__cta-row.is-solo{grid-template-columns:1fr}@media(max-width:720px){.brand-sg__cta-row{grid-template-columns:1fr}}.brand-sg__cta-row>.brand-sg__profile,.brand-sg__cta-row>.brand-sg__fit-callout{block-size:100%;margin:0}.brand-sg__profile[hidden]{display:none!important}.brand .brand-sg__card{position:relative;display:grid;gap:var(--space-6);padding:clamp(1.5rem,1.2rem + 1vw,2.5rem);background-color:var(--surface-raised);border:1px solid color-mix(in oklch,var(--text-primary) 8%,transparent);border-radius:var(--radius-lg, 14px);box-shadow:0 1px color-mix(in oklch,var(--text-primary) 4%,transparent)}.brand .brand-sg__card-head--toggle{display:grid;grid-template-columns:1fr auto;align-items:end;gap:var(--space-4)}@media(max-width:640px){.brand .brand-sg__card-head--toggle{grid-template-columns:1fr;align-items:start}}.brand .brand-sg__card-head--toggle .brand-sg__card-head-text,.brand .brand-sg__card-head{display:grid;gap:var(--space-2)}.brand .brand-sg__card-eyebrow{font-family:var(--font-body);font-size:var(--text-eyebrow);font-weight:var(--inter-wght-semibold);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--accent)}.brand .brand-sg__card-sub{margin:0;font-size:var(--text-body);color:var(--text-secondary);line-height:var(--lh-body);max-inline-size:60ch}.brand .brand-sg__card .brand-sg__section-title{margin:0}.brand .brand-sg__profile{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"badge text" "actions actions";column-gap:clamp(var(--space-4),1.5vw,var(--space-5));row-gap:var(--space-4);align-items:center;padding:clamp(1.25rem,1rem + 1vw,1.75rem) clamp(1.5rem,1.2rem + 1vw,2rem);background:radial-gradient(140% 180% at 0% 0%,color-mix(in oklch,var(--accent) 16%,transparent),transparent 60%),color-mix(in oklch,var(--accent-muted) 30%,var(--surface-base));border:1px solid color-mix(in oklch,var(--accent) 22%,transparent);border-radius:var(--radius-lg, 14px)}.brand .brand-sg__profile-badge{grid-area:badge}.brand .brand-sg__profile-text{grid-area:text}.brand .brand-sg__profile-actions{grid-area:actions}.brand .brand-sg__profile-badge{inline-size:72px;block-size:72px;display:grid;place-items:center;border-radius:50%;background-color:var(--text-primary);color:var(--surface-base);font-family:var(--font-display);font-variation-settings:var(--frax-heading);font-size:clamp(1.75rem,1.4rem + 1vw,2.5rem);line-height:1;letter-spacing:-.02em;box-shadow:0 6px 20px color-mix(in oklch,var(--text-primary) 24%,transparent)}.brand .brand-sg__profile-text{display:grid;gap:4px;min-inline-size:0}.brand .brand-sg__profile-eyebrow{font-family:var(--font-body);font-size:var(--text-eyebrow);font-weight:var(--inter-wght-semibold);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--accent)}.brand .brand-sg__profile-headline{margin:0;font-family:var(--font-display);font-variation-settings:var(--frax-subhead);font-size:var(--text-h3);line-height:1.15;color:var(--text-primary)}.brand .brand-sg__profile-headline strong{font-weight:inherit;margin-inline-start:4px}.brand .brand-sg__profile-meta{margin:0;font-size:var(--text-small);color:var(--text-secondary);line-height:var(--lh-body)}.brand .brand-sg__profile-actions{display:flex;gap:var(--space-2);flex-wrap:wrap;align-items:center}.brand .brand-sg__profile-btn{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-body);font-size:11px;font-weight:var(--inter-wght-medium);letter-spacing:var(--tracking-button);text-transform:uppercase;padding:10px 16px;border-radius:var(--radius-pill);cursor:pointer;text-decoration:none;border:1px solid var(--text-primary);transition:background-color var(--dur-sm) var(--ease-out-expo),color var(--dur-sm) var(--ease-out-expo),transform var(--dur-sm) var(--ease-out-expo)}.brand .brand-sg__profile-btn--ghost{background:transparent;color:var(--text-primary)}.brand .brand-sg__profile-btn--ghost:hover{background-color:var(--text-primary);color:var(--surface-base)}.brand .brand-sg__profile-btn--primary{background-color:var(--text-primary);color:var(--surface-base);border-color:var(--text-primary)}.brand .brand-sg__profile-btn--primary:hover{background-color:var(--accent);border-color:var(--accent);transform:translateY(-1px)}.brand .brand-sg__fit-callout{display:grid;grid-template-columns:1fr;grid-template-areas:"text" "btn";gap:var(--space-4);align-content:space-between;padding:clamp(1.25rem,1rem + 1vw,1.75rem) clamp(1.5rem,1.2rem + 1vw,2rem);background-color:var(--surface-inverse);color:var(--text-inverse);border-radius:var(--radius-lg, 14px);text-decoration:none}@media(min-width:880px){.brand .brand-sg__cta-row:has(.brand-sg__profile[hidden]) .brand-sg__fit-callout{grid-template-columns:1fr auto;grid-template-areas:"text btn";align-items:center}}.brand .brand-sg__fit-callout-text{grid-area:text;display:flex;flex-direction:column;gap:4px;max-inline-size:56ch}.brand .brand-sg__fit-callout-btn{grid-area:btn;justify-self:start}.brand .brand-sg__fit-callout-eyebrow{font-family:var(--font-body);font-size:11px;font-weight:var(--inter-wght-semibold);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:color-mix(in oklch,var(--text-inverse) 70%,transparent)}.brand .brand-sg__fit-callout-body{margin:0;font-family:var(--font-display);font-variation-settings:var(--frax-heading);font-size:var(--text-h3);letter-spacing:var(--tracking-heading);color:var(--text-inverse)}.brand .brand-sg__fit-callout-btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-body);font-size:var(--text-small);font-weight:var(--inter-wght-medium);letter-spacing:var(--tracking-button);text-transform:uppercase;background-color:var(--surface-base);color:var(--text-primary);border:0;padding:12px 22px;border-radius:var(--radius-pill);cursor:pointer;transition:background-color var(--dur-sm) var(--ease-out-expo),color var(--dur-sm) var(--ease-out-expo),transform var(--dur-sm) var(--ease-out-expo)}.brand .brand-sg__fit-callout-btn:hover{background-color:var(--accent);color:var(--surface-base);transform:translateY(-1px)}.brand .brand-sg__diagram-markers>[data-brand-measurement-key]{cursor:pointer;transition:filter var(--dur-sm) var(--ease-out-expo)}.brand .brand-sg__diagram-markers>[data-brand-measurement-key]:hover,.brand .brand-sg__diagram-markers>[data-brand-measurement-key].is-active{filter:drop-shadow(0 2px 6px rgba(172,86,54,.5))}.brand .brand-sg__diagram-markers>[data-brand-measurement-key].is-active circle{fill:var(--accent);stroke:var(--accent)}.brand .brand-sg__diagram-markers>[data-brand-measurement-key].is-active text{fill:var(--surface-base)}.brand .brand-sg__diagram-rules line.is-active{stroke:var(--accent);stroke-opacity:1;stroke-width:1.5}.brand .brand-measurements__table th[data-brand-col].is-active,.brand .brand-measurements__table td[data-brand-cell].is-active{background-color:color-mix(in oklch,var(--accent) 14%,transparent);color:var(--accent);font-weight:var(--inter-wght-semibold)}.brand .brand-sg__step.is-active{background-color:color-mix(in oklch,var(--accent) 8%,transparent);border-radius:var(--radius-sm)}.brand .brand-measurements__table tr[data-brand-row].is-recommended{background-color:color-mix(in oklch,var(--accent) 14%,transparent)}.brand .brand-measurements__table tr[data-brand-row].is-recommended .brand-measurements__size:after{content:" \b7  " attr(data-pill-text);color:var(--accent);font-size:11px;letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;font-weight:var(--inter-wght-semibold)}.brand .brand-sg__chart-card{background:radial-gradient(120% 120% at 100% 0%,color-mix(in oklch,var(--accent) 6%,transparent),transparent 55%),var(--surface-raised)}.brand .brand-sg__chart-table-wrap{inline-size:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.brand .brand-sg__chart-table{inline-size:100%;border-collapse:separate;border-spacing:0;font-variant-numeric:tabular-nums}.brand .brand-sg__chart-table th,.brand .brand-sg__chart-table td{text-align:start;padding:var(--space-3) var(--space-4);font-size:var(--text-body);border-block-end:1px solid color-mix(in oklch,var(--text-primary) 6%,transparent)}.brand .brand-sg__chart-table thead th{font-family:var(--font-body);font-size:var(--text-eyebrow);font-weight:var(--inter-wght-semibold);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--text-muted);border-block-end:1px solid color-mix(in oklch,var(--text-primary) 12%,transparent)}.brand .brand-sg__chart-table tbody th{font-family:var(--font-display);font-variation-settings:var(--frax-subhead);font-size:var(--text-h3);color:var(--text-primary);inline-size:96px}.brand .brand-sg__chart-table tbody tr:last-child th,.brand .brand-sg__chart-table tbody tr:last-child td{border-block-end:0}.brand .brand-sg__chart-table tbody tr:hover{background-color:color-mix(in oklch,var(--accent) 6%,transparent)}.brand .brand-sg__chart-table tr[data-brand-row].is-recommended{background-color:color-mix(in oklch,var(--accent) 12%,transparent)}.brand .brand-sg__chart-table tr[data-brand-row].is-recommended th[scope=row]:after{content:" \b7  " attr(data-pill-text);display:inline-block;margin-inline-start:6px;font-family:var(--font-body);font-size:10px;font-weight:var(--inter-wght-semibold);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--accent)}.brand .brand-sg__fit-notes{display:grid;gap:var(--space-2);padding:var(--space-5) var(--space-6);background-color:color-mix(in oklch,var(--surface-muted) 60%,var(--surface-base));border-inline-start:3px solid var(--accent);border-radius:0 var(--radius-md, 10px) var(--radius-md, 10px) 0}.brand .brand-sg__fit-notes-eyebrow{font-family:var(--font-body);font-size:var(--text-eyebrow);font-weight:var(--inter-wght-semibold);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--text-muted)}.brand .brand-sg__fit-notes-body{margin:0;font-size:var(--text-body);color:var(--text-primary);line-height:var(--lh-body);max-inline-size:64ch}.brand-size-guide-page .brand-sg{gap:clamp(2rem,1.5rem + 2vw,3.5rem)}.brand-size-guide-page .brand-sg__chart-card,.brand-size-guide-page .brand-sg__fit-notes{margin-block-start:clamp(2rem,1.5rem + 2vw,3rem)}
/*# sourceMappingURL=/cdn/shop/t/3/assets/brand-size-guide.css.map */