@font-face{font-family:Inter;src:url(/style-guidelines-assets/fonts/InterVariable.woff2)format("woff2");font-style:normal;font-weight:100 900;font-display:swap}.sg-guide{--black:#000;--white:#fff;--aqua:#a9f4ef;--aqua-light:#d7fff9;--sky:#d9e5f7;--lilac:#e5d8f3;--blush:#f0d4d4;--aqua-ink:#214b47;--paper:#f4f4ef;--mid:#72726d;--line:#0000002e;--pad:clamp(22px, 4vw, 72px)}.sg-guide *{box-sizing:border-box}.sg-guide{scroll-behavior:smooth;isolation:isolate;background:var(--white);width:100%;min-height:100%;color:var(--black);font-feature-settings:"ss01" 1, "cv05" 1, "cv11" 1;text-rendering:geometricprecision;margin:0;font-family:Inter,Arial,sans-serif;position:relative;overflow:clip}.sg-guide a{color:inherit;text-decoration:none}.sg-guide img{max-width:100%;display:block}.sg-guide button,.sg-guide input,.sg-guide textarea,.sg-guide select{font:inherit}.sg-guide ::selection{background:var(--aqua);color:var(--black)}.sg-guide .sgb-site-header{height:82px;padding:0 var(--pad);border-bottom:1px solid var(--line);z-index:20;background:#fffffff5;grid-template-columns:1fr auto 1fr;align-items:center;display:grid;position:sticky;top:0}.sg-guide .sgb-site-header p,.sg-guide .sgb-site-header a,.sg-guide .sgb-hero-meta,.sg-guide .sgb-section-label,.sg-guide .sgb-eyebrow,.sg-guide .sgb-stage-note,.sg-guide .sgb-type-hero>div>p{letter-spacing:.09em;text-transform:uppercase;font-size:11px;font-weight:650}.sg-guide .sgb-site-header p{margin:0}.sg-guide .sgb-header-download{border-bottom:1px solid;justify-self:end;padding-bottom:3px}.sg-guide .sgb-header-download span{margin-left:10px}.sg-guide .sgb-header-logo{width:150px;height:auto}.sg-guide .sgb-hero{min-height:calc(100svh - 82px);padding:clamp(38px, 5vw, 86px) var(--pad) clamp(34px, 4vw, 72px);background:linear-gradient(110deg, var(--aqua) 0%, var(--sky) 42%, var(--lilac) 68%, var(--blush) 100%);color:var(--black);grid-template-rows:auto 1fr auto;display:grid;position:relative;overflow:hidden}.sg-guide .sgb-hero-meta{justify-content:space-between;display:flex}.sg-guide .sgb-hero h1{letter-spacing:-.075em;align-self:center;margin:clamp(46px,7vw,110px) 0;font-size:clamp(88px,13.8vw,252px);font-weight:820;line-height:.76}.sg-guide .sgb-hero-foot{border-top:1px solid var(--line);grid-template-columns:minmax(240px,600px) 1fr;align-items:end;gap:40px;padding-top:22px;display:grid}.sg-guide .sgb-hero-foot p{max-width:600px;margin:0;font-size:18px;line-height:1.45}.sg-guide .sgb-five-dots{align-items:center;gap:16px;display:inline-flex}.sg-guide .sgb-five-dots i{background:var(--black);border-radius:50%;width:24px;height:24px;display:block}.sg-guide .sgb-five-dots--white i{background:var(--white)}.sg-guide .sgb-hero .sgb-five-dots{justify-self:end}.sg-guide .sgb-contents{padding:38px var(--pad) 52px;background:var(--aqua);grid-template-columns:minmax(160px,.55fr) 1.45fr;gap:40px;display:grid}.sg-guide .sgb-contents>p{text-transform:uppercase;letter-spacing:.08em;margin:0;font-size:12px;font-weight:700}.sg-guide .sgb-contents>div{grid-template-columns:repeat(3,1fr);display:grid}.sg-guide .sgb-contents a{border-top:1px solid #00000059;gap:20px;padding:11px 0;font-size:15px;display:flex}.sg-guide .sgb-contents a span{color:var(--aqua-ink);padding-top:3px;font-size:10px}.sg-guide .sgb-contents a:hover{padding-left:8px}.sg-guide .sgb-section,.sg-guide .sgb-type-section,.sg-guide .sgb-layout-section,.sg-guide .sgb-downloads-section{padding:clamp(90px, 11vw, 180px) var(--pad)}.sg-guide .sgb-section-label{gap:22px;margin:0 0 clamp(70px,9vw,145px);display:flex}.sg-guide .sgb-section-label span{color:var(--mid)}.sg-guide .sgb-manifesto .sgb-section-label,.sg-guide .sgb-dots-rules .sgb-section-label,.sg-guide .sgb-type-section .sgb-section-label,.sg-guide .sgb-layout-section .sgb-section-label,.sg-guide .sgb-downloads-section .sgb-section-label{color:inherit}.sg-guide .sgb-manifesto .sgb-section-label span,.sg-guide .sgb-dots-rules .sgb-section-label span,.sg-guide .sgb-type-section .sgb-section-label span,.sg-guide .sgb-layout-section .sgb-section-label span,.sg-guide .sgb-downloads-section .sgb-section-label span{color:currentColor;opacity:.55}.sg-guide .sgb-manifesto{padding:clamp(90px, 12vw, 190px) var(--pad);color:var(--white);background:var(--black)}.sg-guide .sgb-manifesto h2{letter-spacing:-.065em;margin:0 0 70px;font-size:clamp(60px,9vw,164px);font-weight:760;line-height:.88}.sg-guide .sgb-manifesto-copy{max-width:1000px;margin:0 0 0 auto;font-size:clamp(22px,2.5vw,42px);line-height:1.25}.sg-guide .sgb-section-intro h3,.sg-guide .sgb-dots-statement h3,.sg-guide .sgb-type-hero h3,.sg-guide .sgb-downloads-head h3{letter-spacing:-.06em;margin:0;font-size:clamp(54px,7vw,126px);line-height:.9}.sg-guide .sgb-eyebrow{margin:0 0 30px}.sg-guide .sgb-foundation-grid{grid-template-columns:.9fr 1.1fr;gap:clamp(60px,9vw,170px);display:grid}.sg-guide .sgb-strategy-copy{padding-top:126px}.sg-guide .sgb-lead{letter-spacing:-.035em;margin:0 0 90px;font-size:clamp(25px,3vw,46px);line-height:1.18}.sg-guide .sgb-principle-list{grid-template-columns:1fr 1fr;display:grid}.sg-guide .sgb-principle-list article{border-top:1px solid var(--black);min-height:240px;padding:18px 22px 48px 0}.sg-guide .sgb-principle-list article:nth-child(odd){margin-right:22px}.sg-guide .sgb-principle-list span{font-size:10px;font-weight:650}.sg-guide .sgb-principle-list h4{letter-spacing:-.03em;margin:50px 0 14px;font-size:23px}.sg-guide .sgb-principle-list p{color:#3f3f3b;max-width:320px;margin:0;font-size:15px;line-height:1.55}.sg-guide .sgb-logo-section{background:var(--paper)}.sg-guide .sgb-two-col-head{grid-template-columns:1.2fr .8fr;align-items:end;gap:clamp(40px,8vw,150px);margin-bottom:clamp(70px,9vw,140px);display:grid}.sg-guide .sgb-two-col-head>p{max-width:570px;margin:0;font-size:18px;line-height:1.55}.sg-guide .sgb-logo-stage{grid-template-rows:auto 1fr;min-height:620px;margin-top:24px;padding:25px 30px;display:grid}.sg-guide .sgb-logo-stage--light{background:var(--white)}.sg-guide .sgb-logo-stage--dark{background:var(--black);color:var(--white)}.sg-guide .sgb-stage-note{justify-content:space-between;display:flex}.sg-guide .sgb-logo-stage>img{width:min(68%,820px);margin:auto}.sg-guide .sgb-submark-grid{grid-template-columns:1fr 1fr;gap:24px;margin-top:24px;display:grid}.sg-guide .sgb-submark-card{background:var(--white);grid-template-rows:auto 1fr auto;min-height:570px;padding:28px 30px;display:grid}.sg-guide .sgb-submark-card--black{color:var(--white);background:var(--black)}.sg-guide .sgb-submark-card>div{text-transform:uppercase;letter-spacing:.08em;justify-content:space-between;font-size:11px;font-weight:650;display:flex}.sg-guide .sgb-submark-card img{max-width:66%;max-height:180px;margin:auto}.sg-guide .sgb-submark-card p{max-width:460px;margin:0;font-size:15px;line-height:1.5}.sg-guide .sgb-spec-grid{border-top:1px solid var(--black);grid-template-columns:1fr 1fr;margin-top:100px;display:grid}.sg-guide .sgb-spec-grid>article{padding:30px 50px 0 0}.sg-guide .sgb-spec-grid>article+article{border-left:1px solid var(--black);padding-left:50px}.sg-guide .sgb-spec-grid>article>p:last-child{max-width:520px;font-size:15px;line-height:1.55}.sg-guide .sgb-clearspace-diagram{border:1px dashed var(--mid);background:#ffffff73;place-items:center;min-height:360px;margin:35px 0;display:grid;position:relative}.sg-guide .sgb-clearspace-diagram img{width:68%}.sg-guide .sgb-clearspace-diagram b{text-align:center;border-bottom:1px solid;width:8%;padding-bottom:6px;font-size:13px;position:absolute;top:13%;left:8%}.sg-guide .sgb-minimum-size{place-content:center;justify-items:center;gap:28px;min-height:360px;margin:35px 0;display:grid}.sg-guide .sgb-minimum-size img{width:160px}.sg-guide .sgb-minimum-size span{text-align:center;font-size:12px;line-height:1.55}.sg-guide .sgb-donts{margin-top:110px}.sg-guide .sgb-dont-grid{border-top:1px solid;grid-template-columns:repeat(4,1fr);display:grid}.sg-guide .sgb-dont-grid article{border-right:1px solid var(--line);padding:0 20px 24px 0}.sg-guide .sgb-dont-grid article+article{padding-left:20px}.sg-guide .sgb-dont-grid article:last-child{border-right:0}.sg-guide .sgb-wrong{place-items:center;height:220px;display:grid;overflow:hidden}.sg-guide .sgb-wrong img{width:76%}.sg-guide .sgb-wrong--stretch img{transform:scaleX(.55)}.sg-guide .sgb-wrong--aqua img{filter:invert(83%)sepia(24%)saturate(499%)hue-rotate(125deg)brightness(102%)}.sg-guide .sgb-wrong--shadow img{filter:drop-shadow(9px 9px 5px #00000073)}.sg-guide .sgb-wrong--count strong{letter-spacing:-.02em;border:1px solid;padding:14px 18px;font-size:17px}.sg-guide .sgb-dont-grid p{border-top:1px solid var(--line);margin:0;padding-top:15px;font-size:13px}.sg-guide .sgb-dots-rules{padding:clamp(90px, 11vw, 180px) var(--pad);background:var(--black);color:var(--white)}.sg-guide .sgb-dots-statement{grid-template-columns:1fr auto;align-items:end;margin-bottom:120px;display:grid}.sg-guide .sgb-dots-statement .sgb-five-dots{gap:19px;margin-bottom:10px}.sg-guide .sgb-dots-statement .sgb-five-dots i{width:34px;height:34px}.sg-guide .sgb-dot-anatomy{border:1px solid #ffffff4d;padding:90px 30px 36px}.sg-guide .sgb-dot-row-large{grid-template-columns:repeat(5,1fr);justify-items:center;max-width:960px;margin:0 auto 70px;display:grid}.sg-guide .sgb-dot-row-large i{aspect-ratio:1;background:var(--white);border-radius:50%;width:clamp(58px,7vw,120px)}.sg-guide .sgb-measurement{text-align:center;letter-spacing:.08em;text-transform:uppercase;border-top:1px solid #ffffff59;grid-template-columns:1fr 1.1fr 1fr;max-width:960px;margin:auto;padding-top:17px;font-size:11px;display:grid}.sg-guide .sgb-dot-rules-grid{grid-template-columns:repeat(4,1fr);margin-top:36px;display:grid}.sg-guide .sgb-dot-rules-grid p{border-top:1px solid #ffffff59;margin:0;padding:25px 30px 0 0;font-size:14px;line-height:1.5}.sg-guide .sgb-dot-rules-grid p+p{border-left:1px solid #ffffff59;padding-left:30px}.sg-guide .sgb-dot-rules-grid b{text-transform:uppercase;letter-spacing:.08em;margin-bottom:45px;font-size:11px;display:block}.sg-guide .sgb-gradient-system-title{border-top:1px solid;padding-top:20px}.sg-guide .sgb-gradient-system-title>span{text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:650}.sg-guide .sgb-gradient-system-title h4{letter-spacing:-.065em;margin:70px 0 20px;font-size:clamp(56px,8vw,144px);line-height:.84}.sg-guide .sgb-gradient-system-title p{margin:0;font-size:18px}.sg-guide .sgb-gradient-system-title--secondary{margin-top:clamp(130px,14vw,230px)}.sg-guide .sgb-swatches{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:100px;display:grid}.sg-guide .sgb-swatch{grid-template-rows:1fr auto;min-height:450px;padding:28px 30px;display:grid}.sg-guide .sgb-swatch>div{justify-content:space-between;font-size:12px;font-weight:650;display:flex}.sg-guide .sgb-swatch--black{background:var(--black);color:var(--white)}.sg-guide .sgb-swatch--white{background:var(--white);border:1px solid var(--line)}.sg-guide .sgb-swatch--aqua{background:var(--aqua)}.sg-guide .sgb-swatch--aqua-light{background:var(--aqua-light)}.sg-guide .sgb-swatch--sky{background:var(--sky)}.sg-guide .sgb-swatch--lilac{background:var(--lilac)}.sg-guide .sgb-swatch--blush{background:var(--blush)}.sg-guide .sgb-swatch--ink{background:var(--aqua-ink);color:var(--white)}.sg-guide .sgb-swatch--paper{background:var(--paper);border:1px solid var(--line)}.sg-guide .sgb-swatch dl{grid-template-columns:repeat(3,1fr);margin:0;display:grid}.sg-guide .sgb-swatch dl div{border-top:1px solid;padding-top:14px}.sg-guide .sgb-swatch dt{letter-spacing:.1em;opacity:.65;font-size:9px}.sg-guide .sgb-swatch dd{margin:11px 0 0;font-size:14px;font-weight:600}.sg-guide .sgb-gradient-spec{grid-template-columns:1.15fr .85fr;align-items:stretch;gap:clamp(45px,7vw,120px);margin-top:100px;display:grid}.sg-guide .sgb-gradient-field{letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;min-height:500px;padding:25px;font-size:11px;font-weight:650;display:flex;position:relative}.sg-guide .sgb-gradient-field--spectrum{background:linear-gradient(110deg, var(--aqua) 0%, var(--sky) 42%, var(--lilac) 68%, var(--blush) 100%)}.sg-guide .sgb-gradient-field--aqua{background:linear-gradient(135deg, var(--aqua) 0%, var(--aqua-light) 100%)}.sg-guide .sgb-gradient-stops{border-top:1px solid #00000073;justify-content:space-between;padding-top:15px;display:flex;position:absolute;bottom:25px;left:25px;right:25px}.sg-guide .sgb-gradient-stops--four b{flex:1}.sg-guide .sgb-gradient-stops--four b:nth-child(2),.sg-guide .sgb-gradient-stops--four b:nth-child(3){text-align:center}.sg-guide .sgb-gradient-stops--four b:last-child{text-align:right}.sg-guide .sgb-gradient-copy{align-self:center}.sg-guide .sgb-gradient-copy h4{letter-spacing:-.04em;margin:0 0 35px;font-size:clamp(28px,3vw,48px)}.sg-guide .sgb-gradient-copy>p:not(.sgb-eyebrow){max-width:520px;font-size:17px;line-height:1.6}.sg-guide .sgb-gradient-copy code{background:var(--paper);overflow-wrap:anywhere;margin-top:30px;padding:18px;font-size:12px;display:block}.sg-guide .sgb-gradient-data{border-top:1px solid;margin:0 0 35px}.sg-guide .sgb-gradient-data>div{border-bottom:1px solid var(--line);grid-template-columns:.45fr 1fr;padding:12px 0;display:grid}.sg-guide .sgb-gradient-data dt{text-transform:uppercase;letter-spacing:.08em;font-size:9px}.sg-guide .sgb-gradient-data dd{margin:0;font-size:13px;font-weight:600}.sg-guide .sgb-gradient-usage{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:80px;display:grid}.sg-guide .sgb-gradient-usage article{border-top:1px solid;padding-top:18px}.sg-guide .sgb-gradient-use-sample{height:260px;margin-bottom:22px;padding:20px}.sg-guide .sgb-gradient-use-sample b{font-size:11px}.sg-guide .sgb-gradient-use-sample--hero{background:linear-gradient(110deg, var(--aqua) 0%, var(--sky) 42%, var(--lilac) 68%, var(--blush) 100%)}.sg-guide .sgb-gradient-use-sample--signal{background:var(--white);border:1px solid var(--line);position:relative}.sg-guide .sgb-gradient-use-sample--signal:after{content:"";background:linear-gradient(135deg, var(--aqua) 0%, var(--aqua-light) 100%);height:35%;position:absolute;bottom:0;left:0;right:0}.sg-guide .sgb-gradient-use-sample--never{background:var(--paper);place-items:center;display:grid;position:relative}.sg-guide .sgb-gradient-use-sample--never:after{content:"";background:#dc2929;width:2px;height:85%;position:absolute;transform:rotate(45deg)}.sg-guide .sgb-gradient-use-sample--never .sgb-five-dots{gap:10px}.sg-guide .sgb-gradient-use-sample--never .sgb-five-dots i{width:20px;height:20px}.sg-guide .sgb-gradient-usage h5{margin:0 0 10px;font-size:20px}.sg-guide .sgb-gradient-usage p{max-width:380px;margin:0;font-size:14px;line-height:1.55}.sg-guide .sgb-contrast-table{border-top:1px solid;margin-top:100px}.sg-guide .sgb-contrast-table>div{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr 1fr;padding:18px 0;font-size:14px;display:grid}.sg-guide .sgb-contrast-table>div:first-child{text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:650}.sg-guide .sgb-type-section{background:var(--aqua)}.sg-guide .sgb-type-hero{grid-template-columns:1fr .7fr;align-items:end;gap:80px;display:grid}.sg-guide .sgb-type-hero h3{font-size:clamp(110px,18vw,330px);line-height:.68}.sg-guide .sgb-type-hero>p{max-width:570px;margin:0;font-size:20px;line-height:1.5}.sg-guide .sgb-type-specimen{border-top:1px solid;grid-template-columns:.85fr 1.15fr;align-items:end;margin-top:100px;padding-top:35px;display:grid;overflow:hidden}.sg-guide .sgb-type-specimen>span{letter-spacing:-.09em;font-size:clamp(210px,35vw,620px);font-weight:760;line-height:.72}.sg-guide .sgb-type-specimen>p{overflow-wrap:anywhere;font-size:clamp(17px,2.1vw,35px);line-height:1.6}.sg-guide .sgb-type-styles{margin-top:110px}.sg-guide .sgb-type-styles article{border-top:1px solid;grid-template-columns:.25fr 1fr .55fr;align-items:start;gap:40px;padding:25px 0 60px;display:grid}.sg-guide .sgb-type-styles article>span{text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:650}.sg-guide .sgb-type-styles h4{margin:0}.sg-guide .sgb-type-styles p{margin:0;font-size:13px;line-height:1.5}.sg-guide .sgb-type-styles article:first-child h4{letter-spacing:-.06em;font-size:clamp(65px,8vw,144px);font-weight:800;line-height:.84}.sg-guide .sgb-type-styles article:nth-child(2) h4{letter-spacing:-.045em;font-size:clamp(44px,5vw,86px);line-height:.96}.sg-guide .sgb-type-styles article:nth-child(3) h4{letter-spacing:-.03em;max-width:800px;font-size:clamp(26px,3vw,48px);font-weight:400;line-height:1.27}.sg-guide .sgb-type-styles article:nth-child(4) h4{letter-spacing:.08em;font-size:14px}.sg-guide .sgb-voice-principles{border-top:1px solid;grid-template-columns:repeat(4,1fr);display:grid}.sg-guide .sgb-voice-principles article{min-height:300px;padding:18px 30px 60px 0}.sg-guide .sgb-voice-principles article+article{border-left:1px solid var(--line);padding-left:30px}.sg-guide .sgb-voice-principles span{font-size:10px}.sg-guide .sgb-voice-principles h4{letter-spacing:-.03em;margin:70px 0 15px;font-size:30px}.sg-guide .sgb-voice-principles p{margin:0;font-size:14px;line-height:1.55}.sg-guide .sgb-voice-examples{grid-template-columns:1fr 1fr;margin-top:90px;display:grid}.sg-guide .sgb-voice-examples article{grid-template-rows:auto 1fr;min-height:380px;padding:30px;display:grid}.sg-guide .sgb-voice-examples span{text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:650}.sg-guide .sgb-voice-examples p{letter-spacing:-.035em;margin:auto 0;font-size:clamp(25px,3vw,48px);line-height:1.2}.sg-guide .sgb-voice-do{background:var(--black);color:var(--white)}.sg-guide .sgb-voice-dont{background:var(--paper);color:#7b7b75}.sg-guide .sgb-voice-dont p{text-decoration:line-through;text-decoration-thickness:2px}.sg-guide .sgb-copy-patterns{margin-top:110px}.sg-guide .sgb-copy-patterns>div{border-top:1px solid}.sg-guide .sgb-copy-patterns span{letter-spacing:-.035em;border-bottom:1px solid var(--line);padding:20px 0;font-size:clamp(23px,3vw,48px);display:block}.sg-guide .sgb-layout-section{background:var(--black);color:var(--white)}.sg-guide .sgb-grid-demo{grid-template-columns:repeat(12,1fr);gap:24px;min-height:650px;display:grid;position:relative}.sg-guide .sgb-grid-demo>span{background:var(--aqua);opacity:.75}.sg-guide .sgb-grid-demo>div{color:var(--black);text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:650;line-height:1.5;position:absolute;bottom:30px;left:30px}.sg-guide .sgb-layout-rules{grid-template-columns:1fr 1fr;margin-top:90px;display:grid}.sg-guide .sgb-layout-rules article{border-top:1px solid #fff6;grid-template-columns:.2fr 1fr;gap:30px;min-height:180px;padding:20px 40px 40px 0;display:grid}.sg-guide .sgb-layout-rules article:nth-child(2n){border-left:1px solid #fff6;padding-left:40px}.sg-guide .sgb-layout-rules span{font-size:10px}.sg-guide .sgb-layout-rules p{margin:0;font-size:17px;line-height:1.55}.sg-guide .sgb-layout-rules b{margin-bottom:12px;font-size:22px;display:block}.sg-guide .sgb-application-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.sg-guide .sgb-mock{border:1px solid var(--line);min-height:650px;padding:34px;overflow:hidden}.sg-guide .sgb-mock-header{justify-content:space-between;align-items:start;display:flex}.sg-guide .sgb-mock-header img{width:120px}.sg-guide .sgb-mock-header span,.sg-guide .sgb-mock--social>span,.sg-guide .sgb-mock--proposal>div{text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:650}.sg-guide .sgb-mock--deck{background:var(--white);grid-template-rows:auto 1fr auto;display:grid}.sg-guide .sgb-mock--deck h4{letter-spacing:-.055em;align-self:center;font-size:clamp(47px,5vw,86px);line-height:.94}.sg-guide .sgb-mock--deck>div:last-child{text-transform:uppercase;letter-spacing:.08em;justify-content:space-between;align-items:end;font-size:11px;display:flex}.sg-guide .sgb-mock .sgb-five-dots{gap:8px}.sg-guide .sgb-mock .sgb-five-dots i{width:13px;height:13px}.sg-guide .sgb-mock--social{background:var(--aqua);grid-template-rows:auto 1fr auto;display:grid}.sg-guide .sgb-mock--social h4{letter-spacing:-.07em;align-self:center;margin:0;font-size:clamp(62px,7vw,118px);line-height:.76}.sg-guide .sgb-mock--proposal{background:var(--black);color:var(--white);grid-template-rows:auto 1fr auto auto;display:grid}.sg-guide .sgb-mock--proposal>div{justify-content:space-between;display:flex}.sg-guide .sgb-mock--proposal h4{letter-spacing:-.06em;align-self:center;margin:0;font-size:clamp(60px,6vw,105px);line-height:.85}.sg-guide .sgb-mock--proposal>p{max-width:420px;font-size:17px;line-height:1.5}.sg-guide .sgb-aqua-block{background:var(--aqua);color:var(--black);text-transform:uppercase;letter-spacing:.08em;margin:0 -34px -34px;padding:24px;font-size:11px;display:block}.sg-guide .sgb-mock--web{grid-template-rows:auto auto 1fr auto;padding:0;display:grid}.sg-guide .sgb-browser-bar{background:var(--paper);border-bottom:1px solid var(--line);align-items:center;gap:6px;height:32px;padding:0 12px;display:flex}.sg-guide .sgb-browser-bar i{background:var(--black);border-radius:50%;width:7px;height:7px}.sg-guide .sgb-web-nav{border-bottom:1px solid var(--line);text-transform:uppercase;justify-content:space-between;align-items:center;padding:22px 25px;font-size:9px;display:flex}.sg-guide .sgb-web-nav img{width:90px}.sg-guide .sgb-mock--web h4{letter-spacing:-.055em;align-self:center;margin:50px 25px;font-size:clamp(38px,4vw,72px);line-height:.9}.sg-guide .sgb-mock--web h4 em{background:var(--aqua);font-style:normal}.sg-guide .sgb-web-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:end;padding:25px;display:flex}.sg-guide .sgb-web-footer p{max-width:290px;margin:0;font-size:11px;line-height:1.5}.sg-guide .sgb-downloads-section{background:var(--black);color:var(--white)}.sg-guide .sgb-downloads-head{grid-template-columns:1fr auto;align-items:end;gap:50px;margin-bottom:130px;display:grid}.sg-guide .sgb-downloads-actions{border-top:1px solid;min-width:360px}.sg-guide .sgb-downloads-actions a{border-bottom:1px solid;justify-content:space-between;gap:30px;padding:20px 0;font-size:13px;font-weight:650;display:flex}.sg-guide .sgb-downloads-actions a:hover{color:var(--aqua)}.sg-guide .sgb-download-group{margin-top:100px}.sg-guide .sgb-download-group-head{grid-template-columns:.75fr 1.25fr;align-items:end;padding-bottom:20px;display:grid}.sg-guide .sgb-download-group-head h4{margin:0;font-size:30px}.sg-guide .sgb-download-group-head p{margin:0;font-size:14px}.sg-guide .sgb-download-group-head a{border-bottom:1px solid;justify-self:end;padding-bottom:3px;font-size:13px}.sg-guide .sgb-download-list{border-top:1px solid #ffffff73}.sg-guide .sgb-download-row{border-bottom:1px solid #ffffff38;grid-template-columns:1fr auto;padding:21px 0;font-size:14px;display:grid}.sg-guide .sgb-download-row>span:last-child{letter-spacing:.08em;font-size:11px}.sg-guide .sgb-download-row b{margin-left:18px}.sg-guide .sgb-download-row:hover{background:var(--aqua);color:var(--black);padding-left:15px;padding-right:15px}.sg-guide .sgb-three-downloads{border-top:1px solid #ffffff73;grid-template-columns:repeat(3,1fr);display:grid}.sg-guide .sgb-three-downloads a{border-bottom:1px solid #ffffff40;border-right:1px solid #ffffff40;grid-template-rows:1fr auto;min-height:180px;padding:25px 25px 25px 0;display:grid}.sg-guide .sgb-three-downloads a:nth-child(3n+2),.sg-guide .sgb-three-downloads a:nth-child(3n+3){padding-left:25px}.sg-guide .sgb-three-downloads a:nth-child(3n){border-right:0}.sg-guide .sgb-three-downloads span{font-size:20px}.sg-guide .sgb-three-downloads b{letter-spacing:.08em;font-size:10px}.sg-guide .sgb-three-downloads a:hover{background:var(--aqua);color:var(--black)}.sg-guide .sgb-master-note{color:#bcbcb5;max-width:750px;margin:90px 0 0 auto;font-size:14px;line-height:1.6}.sg-guide .sgb-master-note b{color:var(--white)}.sg-guide .sgb-guide-footer{min-height:320px;padding:55px var(--pad);background:var(--aqua);grid-template-columns:1fr auto 1fr;align-items:end;display:grid}.sg-guide .sgb-guide-footer img{width:210px}.sg-guide .sgb-guide-footer p{text-align:center;text-transform:uppercase;letter-spacing:.08em;margin:0;font-size:11px;line-height:1.6}.sg-guide .sgb-guide-footer a{border-bottom:1px solid;justify-self:end;padding-bottom:3px;font-size:12px;font-weight:650}@media (prefers-reduced-motion:no-preference){.sg-guide a{transition:background-color .2s,color .2s,padding .2s}}@media (max-width:960px){.sg-guide .sgb-foundation-grid,.sg-guide .sgb-two-col-head,.sg-guide .sgb-gradient-spec,.sg-guide .sgb-type-hero,.sg-guide .sgb-type-specimen{grid-template-columns:1fr}.sg-guide .sgb-strategy-copy{padding-top:0}.sg-guide .sgb-two-col-head{align-items:start}.sg-guide .sgb-swatches,.sg-guide .sgb-application-grid,.sg-guide .sgb-gradient-usage{grid-template-columns:1fr}.sg-guide .sgb-voice-principles,.sg-guide .sgb-dot-rules-grid,.sg-guide .sgb-dont-grid{grid-template-columns:1fr 1fr}.sg-guide .sgb-downloads-head{grid-template-columns:1fr;align-items:start}.sg-guide .sgb-type-hero h3{font-size:clamp(130px,28vw,270px)}}@media (max-width:720px){.sg-guide .sgb-site-header{grid-template-columns:1fr auto;height:70px}.sg-guide .sgb-site-header p{display:none}.sg-guide .sgb-header-logo{width:120px}.sg-guide .sgb-hero{min-height:calc(100svh - 70px)}.sg-guide .sgb-hero h1{font-size:clamp(72px,26vw,132px)}.sg-guide .sgb-hero-foot{grid-template-columns:1fr}.sg-guide .sgb-hero .sgb-five-dots{justify-self:start}.sg-guide .sgb-five-dots{gap:10px}.sg-guide .sgb-five-dots i{width:18px;height:18px}.sg-guide .sgb-contents{grid-template-columns:1fr}.sg-guide .sgb-contents>div{grid-template-columns:1fr 1fr}.sg-guide .sgb-manifesto h2{font-size:clamp(52px,15vw,88px)}.sg-guide .sgb-section-label{margin-bottom:70px}.sg-guide .sgb-principle-list,.sg-guide .sgb-submark-grid,.sg-guide .sgb-spec-grid,.sg-guide .sgb-voice-examples,.sg-guide .sgb-layout-rules{grid-template-columns:1fr}.sg-guide .sgb-principle-list article:nth-child(odd){margin-right:0}.sg-guide .sgb-logo-stage{min-height:380px}.sg-guide .sgb-logo-stage>img{width:90%}.sg-guide .sgb-submark-card{min-height:430px}.sg-guide .sgb-spec-grid>article+article{border-top:1px solid;border-left:0;padding-left:0}.sg-guide .sgb-dont-grid{grid-template-columns:1fr}.sg-guide .sgb-wrong{height:160px}.sg-guide .sgb-dots-statement{grid-template-columns:1fr;gap:60px}.sg-guide .sgb-dot-anatomy{padding:55px 12px 25px}.sg-guide .sgb-dot-row-large i{width:42px}.sg-guide .sgb-dot-rules-grid,.sg-guide .sgb-voice-principles{grid-template-columns:1fr}.sg-guide .sgb-dot-rules-grid p+p,.sg-guide .sgb-voice-principles article+article{border-left:0;padding-left:0}.sg-guide .sgb-swatch,.sg-guide .sgb-gradient-field{min-height:340px}.sg-guide .sgb-type-hero h3{font-size:32vw}.sg-guide .sgb-type-specimen>span{font-size:62vw}.sg-guide .sgb-type-styles article{grid-template-columns:1fr}.sg-guide .sgb-layout-rules article:nth-child(2n){border-left:0;padding-left:0}.sg-guide .sgb-grid-demo{gap:8px;min-height:400px}.sg-guide .sgb-mock{min-height:520px}.sg-guide .sgb-download-group-head{grid-template-columns:1fr;gap:18px}.sg-guide .sgb-download-group-head a{justify-self:start}.sg-guide .sgb-three-downloads{grid-template-columns:1fr}.sg-guide .sgb-three-downloads a,.sg-guide .sgb-three-downloads a:nth-child(3n+2),.sg-guide .sgb-three-downloads a:nth-child(3n+3){border-right:0;min-height:120px;padding:22px 0}.sg-guide .sgb-guide-footer{grid-template-columns:1fr;align-items:start;gap:70px}.sg-guide .sgb-guide-footer p{text-align:left}.sg-guide .sgb-guide-footer a{justify-self:start}}