/*======================================================================
MF-11

TYPOGRAPHY FOUNDATION
Version : 4.1
======================================================================*/

:root{

--ms-display:clamp(56px,8vw,80px);

--ms-h1:clamp(34px,5vw,56px);

--ms-h2:clamp(28px,4vw,44px);

--ms-h3:clamp(22px,3vw,32px);

--ms-h4:clamp(20px,2.5vw,26px);

--ms-h5:clamp(18px,2vw,22px);

--ms-h6:clamp(16px,1.6vw,18px);

--ms-body-xl:clamp(18px,1.6vw,20px);

--ms-body-lg:clamp(16px,1.4vw,18px);

--ms-body:clamp(15px,1.2vw,16px);

--ms-body-sm:clamp(13px,1vw,14px);

--ms-caption:clamp(11px,.8vw,12px);

}

.ms-text,

.ms-display,

.ms-h1,

.ms-h2,

.ms-h3,

.ms-h4,

.ms-h5,

.ms-h6,

.ms-body-xl,

.ms-body-lg,

.ms-body,

.ms-body-sm,

.ms-caption{

margin:0;

padding:0;

}

.ms-display{

font-family:var(--ms-font-heading);

font-size:var(--ms-display);

font-weight:var(--ms-fw-bold);

line-height:1.05;

letter-spacing:-0.03em;

color:var(--ms-white);

}

.ms-h1{

font-family:var(--ms-font-heading);

font-size:var(--ms-h1);

font-weight:var(--ms-fw-bold);

line-height:1.10;

letter-spacing:-0.02em;

color:var(--ms-white);

}

.ms-h2{

font-family:var(--ms-font-heading);

font-size:var(--ms-h2);

font-weight:var(--ms-fw-bold);

line-height:1.15;

letter-spacing:-0.02em;

color:var(--ms-white);

}

.ms-h3{

font-family:var(--ms-font-heading);

font-size:var(--ms-h3);

font-weight:var(--ms-fw-semibold);

line-height:1.25;

color:var(--ms-white);

}

.ms-h4{

font-family:var(--ms-font-heading);

font-size:var(--ms-h4);

font-weight:var(--ms-fw-semibold);

line-height:1.35;

color:var(--ms-white);

}

.ms-h5{

font-family:var(--ms-font-heading);

font-size:var(--ms-h5);

font-weight:var(--ms-fw-semibold);

line-height:1.45;

color:var(--ms-white);

}

.ms-h6{

font-family:var(--ms-font-heading);

font-size:var(--ms-h6);

font-weight:var(--ms-fw-semibold);

line-height:1.50;

color:var(--ms-white);

}

.ms-body-xl{

font-family:var(--ms-font-body);

font-size:var(--ms-body-xl);

font-weight:var(--ms-fw-regular);

line-height:1.85;

color:var(--ms-text);

}

.ms-body-lg{

font-family:var(--ms-font-body);

font-size:var(--ms-body-lg);

font-weight:var(--ms-fw-regular);

line-height:1.80;

color:var(--ms-text);

}

.ms-body{

font-family:var(--ms-font-body);

font-size:var(--ms-body);

font-weight:var(--ms-fw-regular);

line-height:1.75;

color:var(--ms-text);

}

.ms-body-sm{

font-family:var(--ms-font-body);

font-size:var(--ms-body-sm);

font-weight:var(--ms-fw-regular);

line-height:1.70;

color:var(--ms-text-soft);

}

.ms-caption{

font-family:var(--ms-font-body);

font-size:var(--ms-caption);

font-weight:var(--ms-fw-medium);

line-height:1.60;

letter-spacing:.08em;

text-transform:uppercase;

color:var(--ms-gold);

}

.ms-fw-regular{

font-weight:var(--ms-fw-regular);

}

.ms-fw-medium{

font-weight:var(--ms-fw-medium);

}

.ms-fw-semibold{

font-weight:var(--ms-fw-semibold);

}

.ms-fw-bold{

font-weight:var(--ms-fw-bold);

}

.ms-text-white{

color:var(--ms-white);

}

.ms-text-primary{

color:var(--ms-text);

}

.ms-text-soft{

color:var(--ms-text-soft);

}

.ms-text-gold{

color:var(--ms-gold);

}

.ms-text-muted{

opacity:.75;

}

.ms-text-left{

text-align:left;

}

.ms-text-center{

text-align:center;

}

.ms-text-right{

text-align:right;

}

.ms-text-justify{

text-align:justify;

}

.ms-uppercase{

text-transform:uppercase;

}

.ms-lowercase{

text-transform:lowercase;

}

.ms-capitalize{

text-transform:capitalize;

}

.ms-normalcase{

text-transform:none;

}

.ms-underline{

text-decoration:underline;

}

.ms-line-through{

text-decoration:line-through;

}

.ms-no-decoration{

text-decoration:none;

}

.ms-text-wrap{

white-space:normal;

}

.ms-text-nowrap{

white-space:nowrap;

}

.ms-break-word{

overflow-wrap:anywhere;

word-break:break-word;

}

.ms-truncate{

overflow:hidden;

white-space:nowrap;

text-overflow:ellipsis;

display:block;

max-width:100%;

}