.brandbook-body{font-family:"Sora",sans-serif;font-weight:300}
.book-label,.book-nav,.book-cover-copy>p,.book-section aside span,.book-words,.foundation-grid>article>span,.book-values h3,.book-values article>span,.book-audience article>span{font-family:"Oxanium",sans-serif}
.book-cover h1,.book-section article h2,.palette h2,.voice>h2,.motion-copy h2,.image-rules h2,.book-final h2{font-family:"Sora",sans-serif}
.book-cover h1{font-size:clamp(4rem,8.5vw,8.6rem)}
.manifesto h2{font-size:clamp(3.2rem,6vw,6.8rem)}

.brand-foundation{background:#f0eee9;color:#111;padding:clamp(6rem,11vw,11rem) clamp(1.4rem,7vw,7rem)}
.foundation-head{display:grid;grid-template-columns:.35fr 1fr;gap:6vw;align-items:start}
.foundation-head h2{font:500 clamp(3rem,6vw,6.4rem)/.98 "Sora",sans-serif;letter-spacing:-.06em;margin:0}
.foundation-head h2 em{font-style:normal;color:#ff5a1f}
.foundation-grid{display:grid;grid-template-columns:1fr 1fr;margin-top:7rem;border-top:1px solid #c9c5be}
.foundation-grid article{padding:3rem 4rem 2rem 0;border-right:1px solid #c9c5be}
.foundation-grid article+article{padding-left:4rem;border-right:0}
.foundation-grid>article>span{font-size:.65rem;letter-spacing:.17em;color:#ff5a1f}
.foundation-grid h3{font:500 clamp(1.8rem,3vw,3.2rem)/1.1 "Sora",sans-serif;letter-spacing:-.045em;margin:2.5rem 0 1.5rem;max-width:20ch}
.foundation-grid p{color:#666;line-height:1.75;max-width:54ch}

.book-values{background:#090909;color:#f2efe9;padding:clamp(6rem,11vw,11rem) clamp(1.4rem,7vw,7rem)}
.book-values>.book-label{margin-bottom:4rem}
.book-values-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #292929}
.book-values article{min-height:33rem;padding:2rem;display:flex;flex-direction:column;border-right:1px solid #292929;position:relative;overflow:hidden;transition:.45s cubic-bezier(.22,1,.36,1)}
.book-values article:last-child{border-right:0}
.book-values article:before{content:"";width:15rem;height:15rem;border:1px solid #ffffff10;border-radius:50%;position:absolute;right:-9rem;top:-9rem;transition:.6s cubic-bezier(.22,1,.36,1)}
.book-values article:hover{background:#ff5a1f;color:#080808}
.book-values article:hover:before{transform:scale(1.8);border-color:#0002}
.book-values article>span{font-size:.65rem;color:#ff5a1f}
.book-values article:hover>span{color:#090909}
.book-values h3{font-size:clamp(1.5rem,2.4vw,2.7rem);margin:auto 0 1.3rem;letter-spacing:-.04em}
.book-values p{color:#8a8680;line-height:1.65;font-size:.88rem}
.book-values article:hover p{color:#2c180f}

.book-audience{background:#f0eee9;color:#111;padding:clamp(6rem,11vw,11rem) clamp(1.4rem,7vw,7rem);display:grid;grid-template-columns:1fr 1fr;gap:10vw}
.book-audience h2{font:500 clamp(3.1rem,5.5vw,6rem)/1 "Sora",sans-serif;letter-spacing:-.06em;margin:2rem 0}
.book-audience h2 em{font-style:normal;color:#ff5a1f}
.book-audience-list article{display:grid;grid-template-columns:3rem .75fr 1fr;gap:1rem;padding:2rem 0;border-top:1px solid #c9c5be;align-items:start}
.book-audience-list article>span{font-size:.62rem;color:#888}
.book-audience-list h3{font:500 1.15rem "Sora",sans-serif;margin:0}
.book-audience-list p{color:#666;line-height:1.6;font-size:.88rem;margin:0}

.book-words>div{font-family:"Oxanium",sans-serif;font-weight:500}
.book-section article h2{font-family:"Sora",sans-serif}
.position-map b{font-family:"Oxanium",sans-serif}
.type-sample.display{font-family:"Sora",sans-serif}
.type-sample.text{font-family:"Oxanium",sans-serif;text-transform:uppercase;color:#ff5a1f}
.voice-grid strong,.motion-copy strong{font-family:"Sora",sans-serif}
.image-strip img{object-fit:contain;background:#111}
.book-final h2{font-size:clamp(3.3rem,7vw,7.7rem)}

@media(max-width:1000px){.book-values-grid{grid-template-columns:1fr 1fr}.book-values article{min-height:24rem;border-bottom:1px solid #292929}.book-audience{grid-template-columns:1fr;gap:4rem}}
@media(max-width:820px){.foundation-head,.foundation-grid{grid-template-columns:1fr}.foundation-head{gap:2rem}.foundation-grid{margin-top:4rem}.foundation-grid article,.foundation-grid article+article{padding:2.5rem 0;border-right:0;border-bottom:1px solid #c9c5be}.book-audience-list article{grid-template-columns:2rem 1fr}.book-audience-list p{grid-column:2}.book-cover h1{font-size:clamp(3.6rem,16vw,6.5rem)}}
@media(max-width:520px){.book-values-grid{grid-template-columns:1fr}.book-values article{min-height:18rem;border-right:0}.book-audience h2{font-size:2.8rem}.book-audience-list article{grid-template-columns:1.6rem 1fr}.book-cover h1{font-size:3.65rem}.book-final h2{font-size:3.1rem}}