/* Shared dimensions, two editions. Theme colors ease while each specimen appears. */
body{transition:background-color 1.15s ease,color 1.15s ease}
body>.header,body>.footer,.typeface-tabs,.typeface-tabs a{transition:background-color 1.15s ease,color 1.15s ease,border-color 1.15s ease}
body>.header .brand-logo,body>.footer .brand-logo{transition:filter 1.15s ease}
#breez-type-shell{padding-top:20px;overflow-anchor:none}
.typeface-tabs{display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--line);padding:0 0 16px;margin-bottom:20px}
.typeface-tabs a{display:flex;align-items:center;gap:10px;padding:12px 18px;min-height:46px;border:1px solid transparent;border-radius:9px;font-size:14px;font-weight:650;color:var(--muted)}
.typeface-tabs a>span{font-size:10px;letter-spacing:.07em;font-weight:500}
.typeface-tabs a>small{font-size:8px;padding:4px 6px;line-height:1;letter-spacing:.03em;border:1px solid var(--line);border-radius:20px;font-weight:500}
.typeface-tabs a[aria-selected=true]{color:var(--ink);border-color:var(--line);background:#fff}
.typeface-tabs a:hover{color:var(--ink)}
.ma-page{padding-top:0}
.ma-page:not([hidden]){animation:typeface-arrive .75s ease both}
.ma-hero-center{align-items:center}
.ma-hero-description{padding-top:0;max-width:430px}
.ma-hero-caption{display:flex;flex-direction:column;align-items:flex-start;gap:13px;padding:0;border:0;border-radius:0;background:none}
.ma-hero-tagline{font-size:clamp(28px,3vw,42px);line-height:1.45;letter-spacing:-.025em;white-space:normal;text-wrap:balance}
.ma-hero-version{display:flex;align-items:center;gap:12px;font-size:clamp(11px,1vw,13px);font-weight:500;letter-spacing:.08em;line-height:1.5;color:#e3ebff}
.ma-hero-version b{font-size:inherit;font-weight:600;color:#c8f18b;letter-spacing:.03em}
.ma-hero-description-copy{margin-top:15px}
.ma-download-link:disabled{width:100%;cursor:default;opacity:.65;text-align:left}
.ma-download-link:disabled:hover{background:var(--blue)}
.landing-choices{grid-template-columns:repeat(3,minmax(0,1fr))}
.landing-choice{padding:17px 13px;min-height:176px}
.landing-choice>b{font-size:clamp(19px,1.7vw,25px)}
.choice-top small{font-size:6.5px;letter-spacing:.015em}
.choice-typeface{background:#19202b;border-color:#19202b;color:#fff}
.choice-typeface:hover{background:#283345;border-color:#283345}
.choice-typeface .choice-top{color:#c8f18b}
.choice-typeface .choice-korean>span{opacity:.75}

body[data-typeface=gale]{--paper:#0d1016;--ink:#eef1f5;--blue:#b9f377;--muted:#a2adbd;--line:#303845;--white:#18202b;background:#0d1016;color:#eef1f5;color-scheme:dark}
body[data-typeface=gale]>.header{background:#0d1016!important;border-bottom-color:#303845!important}
body[data-typeface=gale] .brand-logo{filter:invert(1) hue-rotate(180deg);mix-blend-mode:screen}
body[data-typeface=gale] .typeface-tabs a[aria-selected=true]{background:#1a232e;border-color:#566342;color:#c8f18b}
body[data-typeface=gale] .typeface-tabs a[aria-selected=true]>small{border-color:#5b713e;color:#c8f18b}
body[data-typeface=gale] .header nav a.active{color:#c8f18b}
body[data-typeface=gale] .header .nav-coming{color:#b7a08d}
body[data-typeface=gale] .header .nav-coming small{background:#2d251f;border-color:#5a4131;color:#ddba9c}
body[data-typeface=gale] .footer{border-color:#303845;color:#a2adbd}
body[data-typeface=gale] .ma-hero{background:radial-gradient(ellipse at 10% 20%,#24394f 0,transparent 58%),linear-gradient(120deg,#111a26,#0c121c 65%,#17252e);box-shadow:inset 0 0 0 1px #ffffff12}
body[data-typeface=gale] .ma-hero:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;opacity:.3;background:repeating-linear-gradient(128deg,transparent 0,transparent 95px,#c8f18b12 96px,transparent 97px)}
body[data-typeface=gale] .ma-hero-top>span,body[data-typeface=gale] .ma-hero-version b{color:#c8f18b}
body[data-typeface=gale] .ma-wind-light{color:#9fb3d0}
/* Gale keeps the same smooth title morph, with faster wind and larger rotation arcs. */
#breez-gale-page{--gale-shape-scale:1.14}
#breez-gale-page .ma-wind-drift{animation-name:ma-gale-travel;animation-duration:calc(var(--drift-time)*.42)}
#breez-gale-page .ma-wind-turn{width:calc(var(--shape-size)*var(--gale-shape-scale));height:calc(var(--shape-size)*var(--gale-shape-scale));animation-name:ma-gale-turn;animation-duration:calc(var(--spin-time)*.45)}
#breez-gale-page .ma-wind-blob{animation-duration:4.8s}
#breez-gale-page .ma-wind-ring{border-width:2px}
.ma-gale-streak-line{display:block;width:var(--streak-width);height:1px;background:linear-gradient(90deg,transparent,#c8f18b33,#e5ffb9cc,transparent);transform:rotate(-6deg)}
body[data-typeface=gale] .ma-story-copy>p,body[data-typeface=gale] .ma-family-en,body[data-typeface=gale] .ma-reading-text,body[data-typeface=gale] .ma-faq details>p,body[data-typeface=gale] .ma-faq details>div{color:#aab6c5}
body[data-typeface=gale] .ma-story-copy .ma-large-copy{color:#eef1f5}
body[data-typeface=gale] .ma-button-blue,body[data-typeface=gale] .ma-download-link{color:#15200e}
body[data-typeface=gale] .ma-button-blue:hover{background:#a6de67}
body[data-typeface=gale] .ma-feature-art{background:#172635;color:#c8f18b}
body[data-typeface=gale] .ma-feature-art small{color:#9aaebd}
body[data-typeface=gale] .ma-feature-wind:before,body[data-typeface=gale] .ma-feature-wind:after,body[data-typeface=gale] .ma-feature-wind>i{border-color:#465960}
body[data-typeface=gale] .ma-feature-latin{background:#1d2a1e;color:#c8f18b}
body[data-typeface=gale] .ma-feature-mixed{background:#27252e;color:#e1d9ef}
body[data-typeface=gale] .ma-playground{background:#151d27;border-color:#303845}
body[data-typeface=gale] .ma-playground.ma-dark{background:#080d13}
body[data-typeface=gale] .ma-preview-controls,body[data-typeface=gale] .ma-preview-foot,body[data-typeface=gale] .ma-size-control{border-color:#303845}
body[data-typeface=gale] .ma-preview-controls label>span,body[data-typeface=gale] .ma-preview-foot{color:#a2adbd}
body[data-typeface=gale] select option{background:#151d27;color:#eef1f5}
body[data-typeface=gale] .ma-family-input{background:#19232b}
body[data-typeface=gale] .ma-type-poster{background:#c8f18b;color:#13210d}
body[data-typeface=gale] .ma-type-poster h3{font-weight:700}
body[data-typeface=gale] .ma-type-poster h3 em{color:#324d24}
body[data-typeface=gale] .ma-type-poster>div{border-color:#13210d44}
body[data-typeface=gale] .ma-type-editorial{background:#1b2736;color:#eef1f5}
body[data-typeface=gale] .ma-type-editorial>div{border-color:#48566b}
body[data-typeface=gale] .ma-download{background:#19232e}
body[data-typeface=gale] .ma-download-grid>article{background:#101821}
body[data-typeface=gale] .ma-download-label{color:#a2adbd}
body[data-typeface=gale] .ma-download-label>b{background:#21321b;border-color:#536b3e;color:#c8f18b}
body[data-typeface=gale] .ma-faq a{color:#c8f18b;text-decoration:underline;text-underline-offset:3px}
body[data-typeface=gale] .ma-faq pre{background:#1b2830;color:#c8f18b}

@keyframes typeface-arrive{from{opacity:.25;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@keyframes ma-gale-travel{0%{transform:translate3d(-5%,0,0);opacity:0}10%,86%{opacity:.5}100%{transform:translate3d(105%,0,0);opacity:0}}
@keyframes ma-gale-turn{0%{transform:translateY(-12px) rotate(0)}50%{transform:translateY(14px) rotate(180deg)}100%{transform:translateY(-12px) rotate(360deg)}}
@media(max-width:1100px){.landing-choice{padding:15px 11px}.landing-choice>b{font-size:18px}.choice-top small{font-size:5.5px}.choice-korean>span{font-size:9px}.choice-top{gap:5px}.coming-badge{font-size:6px;padding:3px 4px}}
@media(max-width:760px){.landing-choice>b{font-size:21px}.landing-choice{padding:16px 13px}.choice-top small{font-size:6.5px}.choice-korean>span{font-size:9px}.ma-hero-tagline{font-size:26px}}
@media(max-width:620px){
 #breez-type-shell{padding-top:12px}.typeface-tabs{gap:6px;padding-bottom:12px;margin-bottom:12px}.typeface-tabs a{flex:1;justify-content:center;gap:7px;padding:10px 8px;font-size:12px;min-height:42px}.typeface-tabs a>span{font-size:8px}.typeface-tabs a>small{font-size:6px;padding:3px 4px}
 .ma-hero-caption{gap:11px}.ma-hero-tagline{font-size:clamp(22px,6vw,30px)}.ma-hero-version,.ma-hero-version b{font-size:11px}.ma-hero-description-copy{margin-top:13px}
 #breez-gale-page{--gale-shape-scale:.86}
 .landing-choices{gap:8px}.landing-choice{padding:13px 10px;min-height:152px}.landing-choice>b{font-size:clamp(14px,3.8vw,21px)}.choice-top{align-items:flex-start;gap:7px;margin-bottom:19px}.choice-top small{font-size:5px;white-space:normal;line-height:1.4}.choice-top i{font-size:17px}.choice-korean{font-size:10px}.choice-korean>span{font-size:8px;line-height:1.5}.choice-logo .choice-top{flex-direction:column;gap:6px}.coming-badge{font-size:6px;padding:3px 4px}
 body[data-typeface=gale] .ma-feature-latin{flex-direction:column;gap:8px}
}
@media(max-width:380px){.typeface-tabs a>span{display:none}.landing-choice{padding:12px 9px}.landing-choice>b{font-size:13px}.choice-typeface>b{font-size:11.5px}.choice-korean{font-size:9px}.choice-korean>span{font-size:7px}}
@media(prefers-reduced-motion:reduce){body,body>.header,body>.footer,.typeface-tabs,.typeface-tabs a,body>.header .brand-logo,body>.footer .brand-logo{transition:none!important}.ma-page:not([hidden]){animation:none!important}}

/* Real Gale metrics are wider than the temporary Air specimen. */
.ma-font-support-note{font-size:11px;line-height:1.8;color:var(--muted);margin-top:14px}
@media(max-width:360px){#breez-gale-page .ma-hero h1{font-size:clamp(29px,10.3vw,36px)}}