.brand-page{background:#faf8f2;color:#20201e}.guide-header{max-width:1424px;margin:auto;padding:28px 45px;border-bottom:1px solid #deded4;display:flex;align-items:center;justify-content:space-between;gap:25px}.guide-header>span{font-size:9px;letter-spacing:1.6px;color:#707168}.guide-header>.text-link{font-size:12px}.brand-guide{max-width:1424px;margin:auto;padding:0 45px}.guide-intro{padding:80px 0 55px}.guide-intro h1{font-size:clamp(58px,6.7vw,102px);font-weight:750;line-height:1.05;letter-spacing:-5px;margin-top:25px}.guide-intro h1 em{font-family:var(--editorial);font-weight:450}.guide-intro-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:35px;margin-top:40px}.guide-intro-bottom>p{max-width:660px;color:#707168;font-size:16px;line-height:1.9}.guide-intro-bottom>p strong{color:#20201e;font-weight:700}.guide-intro-bottom>span{font-size:8px;line-height:2.2;letter-spacing:1px;white-space:nowrap;color:#707168}.guide-hero{margin:0;position:relative;border-radius:10px;overflow:hidden}.guide-hero>img{width:100%;height:460px;object-fit:cover}.guide-hero:after{content:'';position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#10201caa)}.guide-hero figcaption{position:absolute;left:35px;bottom:29px;right:35px;display:flex;justify-content:space-between;align-items:flex-end;z-index:1}.guide-hero figcaption img{width:210px}.guide-hero figcaption span{color:white;letter-spacing:2px;font-size:10px}.guide-section{padding:70px 0;border-bottom:1px solid #deded4}.guide-section-title{display:flex;gap:45px;align-items:flex-start;margin-bottom:37px}.guide-section-title>span{min-width:140px;font-size:10px;letter-spacing:1.5px;font-weight:650;color:#707168;padding-top:10px}.guide-section-title h2{font-size:45px;font-weight:700;letter-spacing:-1.8px;line-height:1.2}.guide-section-title h2 em{font:450 italic 1em/1.2 var(--editorial)}.guide-columns{display:grid;grid-template-columns:1fr 1fr;gap:45px;margin-left:185px}.guide-columns>p{font-size:14px;line-height:2;color:#707168}.voice-list{display:grid;gap:19px}.voice-list>div{display:grid;grid-template-columns:90px 1fr;gap:17px;font-size:12px;border-bottom:1px solid #deded4;padding-bottom:15px}.voice-list strong{font-weight:750}.voice-list span{color:#707168}.logo-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.logo-sample{min-height:240px;padding:50px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:45px;border-radius:7px}.logo-sample>img{width:280px}.logo-sample>span{font-size:8px;letter-spacing:1.4px}.logo-paper{background:#efede5;border:1px solid #deded4}.logo-dark{background:#232823;color:#faf8f2}.mark-explainer{grid-column:1/-1;padding:35px;display:flex;align-items:center;gap:40px;border:1px solid #deded4;border-radius:7px}.mark-explainer>img{width:120px;height:120px;flex:none}.mark-explainer h3{font-size:20px;letter-spacing:-.5px;margin-bottom:13px}.mark-explainer p{max-width:730px;font-size:12px;line-height:1.9;color:#707168;margin-top:8px}.guide-downloads{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.guide-downloads .button{font-size:11px;min-height:42px}.palette{display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden;border-radius:8px;border:1px solid #deded4}.palette article{background:var(--swatch);color:var(--swatch-ink);height:265px;padding:25px;display:flex;flex-direction:column}.palette strong{font-size:22px;font-weight:700;letter-spacing:-.6px}.palette code{font-family:var(--sans);font-size:12px;margin-top:10px}.palette span{font-size:8px;letter-spacing:1.1px;margin-top:auto}.guide-note{font-size:12px;line-height:1.9;color:#707168;max-width:800px;margin-top:22px}.type-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid #deded4;border-radius:8px;overflow:hidden}.type-grid>div{padding:35px}.type-grid>div+div{border-left:1px solid #deded4}.type-grid .eyebrow{font-size:8px}.type-sample{font-size:72px;line-height:1.1;letter-spacing:-3px;margin:30px 0}.sans-sample{font-weight:750}.serif-sample{font-family:var(--editorial);font-style:italic;font-weight:450}.type-grid>div>p:not(.type-sample){max-width:410px;font-size:12px;line-height:1.9;color:#707168;margin-bottom:20px}.type-grid .text-link{font-size:11px;color:#20201e}.guide-art-row{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:35px}.guide-art-row figure{margin:0}.guide-art-row img{width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:5px}.guide-art-row figcaption{font-size:8px;color:#707168;letter-spacing:1px;margin-top:13px}.application-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.brand-poster{background:#f04e30;color:#fffaf2;padding:35px;min-height:550px;display:flex;flex-direction:column;border-radius:7px}.brand-poster>img{width:180px;mix-blend-mode:screen;filter:grayscale(1) brightness(3)}.brand-poster>p{font-size:55px;font-weight:750;line-height:1.15;letter-spacing:-2.8px;margin:55px 0 35px}.brand-poster em{font-family:var(--editorial);font-weight:450}.brand-poster>span{font-size:9px;letter-spacing:1.6px;margin-top:auto}.brand-ticket{background:#e2ec9a;padding:35px;border-radius:7px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.brand-ticket:before,.brand-ticket:after{content:'';position:absolute;width:40px;height:40px;background:#faf8f2;border-radius:50%;top:65%;left:-20px}.brand-ticket:after{left:auto;right:-20px}.ticket-top{display:flex;justify-content:space-between;align-items:center;gap:20px}.ticket-top>span{font-size:9px;font-weight:650;letter-spacing:1.5px;line-height:1.9}.brand-ticket>p{font-size:47px;font-weight:650;line-height:1.2;letter-spacing:-2px;margin-top:15px}.brand-ticket>p em{font:450 italic .9em/1.3 var(--editorial)}.ticket-bottom{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px;border-top:1px dashed #66734688;padding-top:25px}.guide-finish{padding:85px 20px;text-align:center;display:flex;flex-direction:column;align-items:center}.guide-finish h2{font-size:75px;line-height:1.1;letter-spacing:-4px;font-weight:750;margin:28px 0 20px}.guide-finish h2 em{font-family:var(--editorial);font-weight:450}.guide-finish p{font-size:12px;color:#707168;margin-bottom:27px}
@media(max-width:1000px){.guide-header,.brand-guide{padding-inline:30px}.guide-header>span{font-size:8px}.guide-intro h1{font-size:78px}.guide-intro-bottom>span{display:none}.guide-section-title{gap:25px}.guide-section-title>span{min-width:105px}.guide-section-title h2{font-size:38px}.guide-columns{margin-left:130px;gap:25px}.guide-columns>p{font-size:13px}.logo-sample{padding:35px;min-height:210px}.palette article{padding:20px;height:225px}.palette strong{font-size:20px}.palette span{font-size:7px}.type-sample{font-size:61px}.type-grid>div{padding:25px}.application-grid{gap:20px}.brand-poster,.brand-ticket{padding:27px}.brand-poster>p{font-size:47px}.brand-ticket>p{font-size:39px}.guide-hero>img{height:380px}}
@media(max-width:650px){.guide-header,.brand-guide{padding-inline:20px}.guide-header{padding-block:22px}.guide-header>span{display:none}.guide-header>.text-link{font-size:11px}.guide-intro{padding:49px 0 35px}.guide-intro h1{font-size:57px;letter-spacing:-3px}.guide-intro .eyebrow{font-size:8px;letter-spacing:1.2px}.guide-intro-bottom{margin-top:25px}.guide-intro-bottom>p{font-size:13px}.guide-hero>img{height:325px;object-position:70% center}.guide-hero figcaption{left:20px;bottom:18px;right:20px;display:block}.guide-hero figcaption img{width:160px}.guide-hero figcaption>span{font-size:8px;display:block;margin-top:10px}.guide-section{padding:45px 0}.guide-section-title{display:block;margin-bottom:27px}.guide-section-title>span{font-size:8px;display:block;margin-bottom:18px}.guide-section-title h2{font-size:33px;letter-spacing:-1.2px}.guide-columns{grid-template-columns:1fr;margin-left:0;gap:23px}.guide-columns>p{font-size:13px}.voice-list>div{font-size:11px}.logo-grid{grid-template-columns:1fr;gap:15px}.logo-sample{min-height:200px;padding:30px}.logo-sample img{width:230px}.logo-sample>span{font-size:7px}.mark-explainer{padding:24px;display:block}.mark-explainer>img{width:83px;height:83px;margin-bottom:23px}.mark-explainer h3{font-size:18px}.mark-explainer p{font-size:11px}.guide-downloads{gap:8px}.guide-downloads .button{font-size:9px;padding:10px 13px}.palette{grid-template-columns:1fr 1fr}.palette article{height:200px}.palette strong{font-size:21px}.palette span{font-size:7px}.palette code{font-size:11px}.guide-note{font-size:11px}.type-grid{grid-template-columns:1fr}.type-grid>div{padding:28px}.type-grid>div+div{border-left:0;border-top:1px solid #deded4}.type-sample{font-size:67px;margin-top:23px}.guide-art-row{grid-template-columns:1fr 1fr;gap:23px 15px}.guide-art-row figcaption{font-size:7px;letter-spacing:.5px}.application-grid{grid-template-columns:1fr}.brand-poster{min-height:520px;padding:30px}.brand-poster>p{font-size:51px}.brand-ticket{min-height:430px;padding:30px}.brand-ticket>p{font-size:41px}.ticket-bottom{font-size:7px;gap:12px}.guide-finish{padding:60px 0}.guide-finish h2{font-size:55px;letter-spacing:-3px}.guide-finish p{font-size:10px}.guide-finish>img{width:60px;height:60px}}
@media(max-width:360px){.guide-intro h1{font-size:48px}.guide-section-title h2{font-size:29px}.guide-header>.brand>span{font-size:25px}.guide-header>.brand img{width:30px;height:30px}.guide-header>.text-link{font-size:10px}.palette article{padding:17px}.palette strong{font-size:18px}.palette span{font-size:6px}.brand-poster>p{font-size:44px}.brand-ticket>p{font-size:35px}.ticket-top>span{font-size:7px}.guide-finish h2{font-size:48px}}
.brand-poster>img{filter:none;mix-blend-mode:normal}
@media(max-width:650px){.type-grid,.application-grid{grid-template-columns:minmax(0,1fr)}.type-grid>div,.brand-poster,.brand-ticket{min-width:0}.type-sample{font-size:clamp(43px,14vw,67px)}}
@media(max-width:360px){.brand-poster>p{font-size:38px}.brand-ticket>p{font-size:32px}.ticket-bottom{letter-spacing:.4px}}