.menu{display:grid;grid-template-columns:repeat(5,auto);border:1px solid rgba(211,255,83,.45)}.menu a{padding:11px 15px;border-right:1px solid rgba(211,255,83,.45)}.menu a:last-child{border-right:0}.home-extra{background:var(--lime);color:var(--plum)}.home-extra .shell{padding-block:60px;display:grid;grid-template-columns:280px 1fr;gap:6vw;align-items:center}.home-extra h2{font-family:Georgia,serif;font-size:48px;line-height:1;margin:0}.home-extra-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.home-extra-list article{background:var(--plum);color:#fff;padding:24px;min-height:150px}.home-extra-list b{color:var(--lime);font-size:28px}.home-extra-list p{font-size:13px}
@media(max-width:1050px){.mobile{border-left:8px solid var(--lime);counter-reset:menu}.mobile a{font-family:Georgia,serif;font-weight:400;font-size:34px}.mobile a::after{counter-increment:menu;content:" / 0" counter(menu);color:var(--lime);font:10px Arial;margin-left:12px}.toggle[aria-expanded=true]{background:var(--lime);color:var(--plum);font-size:28px}.home-extra .shell{grid-template-columns:1fr}.home-extra-list{grid-template-columns:1fr}}
.page-signature{background:#fff}.page-signature .shell{display:grid;grid-template-columns:220px 1fr;gap:5vw;padding-block:35px}.page-signature h2{font-family:Georgia,serif;font-size:35px;margin:0;color:var(--plum)}.page-signature-list{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.page-signature-list span{background:var(--plum);color:#fff;padding:17px}.page-signature-list b{display:block;color:var(--lime);font-size:20px}.content .prose{display:grid;grid-template-columns:1fr 1fr;gap:16px}.content .prose>section{background:#fff;padding:30px;margin:0;border:0}.content .prose>section:last-child{grid-column:1/-1}
@media(max-width:800px){.page-signature .shell,.content .prose{grid-template-columns:1fr}.page-signature-list{grid-template-columns:1fr}.content .prose>section:last-child{grid-column:auto}}
html,body{max-width:100%;overflow-x:hidden}@media(max-width:1050px){.menu{display:none}.header{width:100%;min-width:0;grid-template-columns:minmax(0,1fr) auto}.logo,.header-side{min-width:0}.mobile{width:100%;max-width:100vw;overflow-y:auto;overscroll-behavior:contain}}
@media(max-width:800px){.hero,.hero-grid{min-height:0}.hero-grid{display:block}.hero-copy{padding:55px 0 30px}.hero-card{position:relative;right:auto;bottom:auto;width:min(100%,330px);margin:0 0 55px auto;transform:rotate(-2deg)}}
