*{box-sizing:border-box}body{margin:0;font-family:var(--lts-font);color:var(--lts-text);background:var(--lts-paper);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{max-width:100%;height:auto;display:block}header{display:flex;justify-content:space-between;align-items:center;gap:30px;background:var(--lts-ink);padding:35px 7vw;color:#adc2e2}header>a:last-child{font-size:10px}header img{width:300px}.guide-hero{padding:80px 7vw;background:var(--lts-ink);color:#e9eff8}.eyebrow{font:8px var(--lts-mono);letter-spacing:1.8px;color:#8ca7d1}.guide-hero h1{font-size:clamp(46px,6vw,80px);font-weight:400;letter-spacing:-3px;line-height:1.1;margin:30px 0}.guide-hero>p:last-of-type{max-width:500px;font-size:13px;line-height:2;color:#97aac7}.download{display:inline-flex;align-items:center;gap:40px;font-size:11px;padding:17px 20px;background:#dce7f7;color:#344f7e;margin-top:25px}main>section:not(.guide-hero){padding:65px 7vw;border-bottom:1px solid #dce2eb}.section-title{display:flex;align-items:baseline;gap:23px}.section-title>span{font:9px var(--lts-mono);color:#7d96b9}h2{font-weight:400;font-size:34px;letter-spacing:-1px;margin:0}.intro{max-width:700px;font-size:12px;line-height:2;color:#7a879a;margin:25px 0 35px}.logo-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.logo-sample{min-height:220px;display:flex;align-items:center;justify-content:center;position:relative;padding:40px}.logo-sample>img{width:100%}.logo-sample>span,.motion-grid>div>span{position:absolute;bottom:17px;left:20px;font:7px var(--lts-mono);letter-spacing:1.1px;color:#8193ae}.paper{background:#fff;border:1px solid #e1e6ef}.dark{background:var(--lts-ink)}.rules{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:35px}.rules p{font-size:11px;color:#8290a3;line-height:1.9}.rules strong{display:block;font-size:12px;color:#425775;margin-bottom:12px}.system-grid{display:grid;grid-template-columns:1fr 2.1fr;gap:30px;margin-top:35px}.symbol-card{padding:30px;background:#e7ecf3;border:1px solid #dce3ee}.symbol-card p{font:8px var(--lts-mono);letter-spacing:2px;color:#607b9f;margin-top:25px}.symbol-card>span{display:block;font-size:11px;line-height:1.9;color:#7a8ba2;margin-top:12px;max-width:260px}.palette{display:grid;grid-template-columns:repeat(5,1fr);min-height:270px}.palette>div{display:flex;flex-direction:column;justify-content:end;padding:20px 13px;background:var(--swatch);color:var(--label)}.palette strong{font-size:12px;font-weight:500}.palette span{font:8px var(--lts-mono);margin-top:9px}.type-sample{display:grid;grid-template-columns:1.5fr 1fr;gap:50px;padding-top:40px;margin-top:40px;border-top:1px solid #dce2eb}.type-sample span{font:8px var(--lts-mono);letter-spacing:1px;color:#7e92b2}.type-sample h3{font-size:clamp(28px,3vw,40px);font-weight:400;letter-spacing:-1.2px;margin:22px 0}.type-sample p{font-size:11px;color:#8390a1;line-height:1.9;max-width:450px}.type-detail{padding-top:5px}.type-detail p{font:11px/2.7 var(--lts-mono);margin-top:24px}.motion-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:20px}.motion-grid>div{position:relative;min-height:290px;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:40px}.motion-wordmark>img{width:100%}.motion-wordmark>button{position:absolute;bottom:50px;right:20px;font-size:9px;padding:8px 13px;border:1px solid #7c96c333;background:transparent;color:#a7bde0}.motion-sphere>img{width:330px;margin:-45px;max-width:none}.motion-note{font-size:10px;color:#8b96a5;line-height:2;margin-top:25px}.file-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#dce2eb;border:1px solid #dce2eb;margin-top:35px}.file-grid>a{position:relative;display:block;background:#f8f9fa;padding:25px 55px 25px 25px}.file-grid span{display:block;font-size:12px;color:#4b617f}.file-grid small{font:8px var(--lts-mono);display:block;color:#97a4b8;margin-top:9px}.file-grid b{position:absolute;right:25px;top:32px;color:#7f98bd;font-weight:400}.file-grid a:hover{background:white}footer{display:flex;justify-content:space-between;align-items:center;gap:30px;background:#101a2b;padding:40px 7vw;color:#6f85a7;font-size:10px}footer img{width:300px}a:focus-visible,button:focus-visible{outline:2px solid #668ccf;outline-offset:4px}@media(max-width:800px){.system-grid{grid-template-columns:1fr}.symbol-card{display:flex;align-items:center;gap:30px}.symbol-card p{margin:0}.symbol-card>span{margin:0}.palette{min-height:220px}.rules{gap:25px}.type-sample{grid-template-columns:1fr}.motion-grid{grid-template-columns:1fr}.motion-grid>div{min-height:230px}}@media(max-width:550px){header{padding:25px 24px}header img{width:200px}header>a:last-child{font-size:8px}main>section:not(.guide-hero){padding:45px 24px}.guide-hero{padding:50px 24px}.guide-hero h1{font-size:48px;letter-spacing:-2px}h2{font-size:28px}.logo-grid{grid-template-columns:1fr}.logo-sample{min-height:160px;padding:30px}.rules{grid-template-columns:1fr;gap:5px}.symbol-card{padding:23px;flex-wrap:wrap}.symbol-card img{width:80px}.palette{grid-template-columns:repeat(5,minmax(0,1fr));min-height:170px}.palette>div{padding:15px 6px}.palette strong{font-size:10px}.palette span{font-size:6px}.file-grid{grid-template-columns:1fr}.type-sample{gap:25px}footer{padding:30px 24px;flex-direction:column;align-items:start}footer img{width:250px}.section-title{gap:14px}.section-title>span{font-size:8px}}
.brand-icon-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1px;border:1px solid #dce2eb;background:#dce2eb;margin-top:35px}.brand-icon-grid>div{background:#f8f9fa;display:flex;align-items:center;flex-direction:column;padding:27px 10px;gap:15px;color:#6987b1}.brand-icon-grid svg{width:34px;height:34px}.brand-icon-grid span{font-size:10px;color:#7c8fa8}@media(max-width:800px){.brand-icon-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:550px){.brand-icon-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.brand-icon-grid span{font-size:9px}.brand-icon-grid>div{padding:23px 8px}}