.logo-hero{background:var(--navy);color:var(--paper);padding:185px max(8%,24px) 85px;display:grid;grid-template-columns:1.1fr 1fr;gap:9%;align-items:center;border-bottom:1px solid #cbaa6e70}
.logo-introduction{max-width:620px;justify-self:end;width:100%}.logo-introduction h1{font-size:clamp(39px,4.5vw,66px);letter-spacing:.12em;line-height:1.65;margin:24px 0 30px}.logo-lead{font-size:1.0625rem;line-height:2.15;color:#e2dfd5;letter-spacing:.045em}
.logo-emblem{margin:0;max-width:400px;width:100%;justify-self:start}.logo-emblem img{width:100%;height:auto;aspect-ratio:1;object-fit:contain}.logo-emblem figcaption{display:flex;justify-content:space-between;gap:24px;border-top:1px solid #cbaa6e60;padding-top:20px;margin-top:22px;font:500 .8125rem/1.6 var(--roman);letter-spacing:.2em;color:var(--gold)}
.logo-symbols{display:grid;grid-template-columns:1fr 1fr;max-width:1240px;margin:auto;padding:90px 5%;gap:10%}.logo-symbols article{min-width:0}.logo-symbols h2{font-size:clamp(30px,3vw,42px);line-height:1.7;margin:20px 0 28px}.logo-symbols article>p:not(.eyebrow){font-size:1rem;line-height:2.2}.logo-symbols article>p+p{margin-top:20px}.logo-symbols article+article{position:relative}.logo-symbols article+article:before{content:"";position:absolute;left:-12.5%;top:0;bottom:0;width:1px;background:#b09a7040}.logo-source{display:inline-flex;gap:18px;align-items:center;margin-top:28px;font: .875rem/1.8 var(--sans);text-decoration:underline;text-underline-offset:5px;color:#6b593e}.logo-source:hover{color:var(--ink)}
.logo-name{text-align:center;border-top:1px solid #b09a7060;padding:70px 25px 90px;background:#eee7da}.logo-name h2{margin:20px 0 30px}.logo-name>p:not(.eyebrow){font-size:1.0625rem;line-height:2.3;max-width:760px;margin:0 auto}.logo-name>p+p{margin-top:22px!important}.logo-signature{display:flex;flex-direction:column;gap:7px;margin:35px auto 0}.logo-signature>span{font-size:1.4375rem;letter-spacing:.16em}.logo-signature small{font-size:.875rem;letter-spacing:.2em;color:#6b593e}.logo-related{display:flex;justify-content:center;flex-wrap:wrap;gap:24px 50px;margin-top:45px}
html[lang="en"] .logo-introduction h1{font-size:clamp(38px,4.2vw,62px);line-height:1.25;letter-spacing:.01em}html[lang="en"] .logo-lead{letter-spacing:0}html[lang="en"] .logo-symbols h2{line-height:1.35}html[lang="en"] .logo-signature>span{letter-spacing:.03em}
@media(min-width:1600px){.logo-hero{padding-inline:calc((100vw - 1240px)/2)}}
@media(max-width:850px){.logo-hero{padding-top:155px;gap:6%}.logo-introduction h1{font-size:2.625rem}.logo-symbols{padding:65px 6%;gap:9%}.logo-symbols h2{font-size:1.8125rem}.logo-symbols article+article:before{left:-11%}}
@media(max-width:600px){.logo-hero{grid-template-columns:1fr;padding:145px 28px 48px;gap:35px}.logo-introduction{justify-self:start}.logo-introduction h1{font-size:clamp(36px,10vw,46px);margin:20px 0 24px}.logo-lead{font-size:1rem;letter-spacing:0}.logo-lead br{display:none}.logo-emblem{max-width:250px;justify-self:center}.logo-emblem figcaption{padding-top:14px;margin-top:12px;font-size:.75rem}.logo-symbols{grid-template-columns:1fr;padding:52px 28px;gap:42px}.logo-symbols article+article{border-top:1px solid #b09a7060;padding-top:38px}.logo-symbols article+article:before{display:none}.logo-symbols h2{margin:16px 0 22px;font-size:1.875rem}.logo-symbols h2 br{display:none}.logo-symbols article>p:not(.eyebrow){line-height:2.1}.logo-name{padding:50px 28px 60px}.logo-name>p:not(.eyebrow){font-size:1rem;line-height:2.15}.logo-name>p br{display:none}.logo-signature>span{font-size:1.25rem;letter-spacing:.08em}.logo-related{gap:15px 28px;margin-top:30px}.logo-related a{width:100%;max-width:340px;gap:22px}html[lang="en"] .logo-introduction h1{font-size:clamp(36px,9vw,45px)}html[lang="en"] .logo-name h2{font-size:2rem}}
