/* Only the new introduction view; the existing site keeps its own layout. */
.about-article{max-width:1150px;margin:auto;padding:160px 45px 70px}
.about-reading{max-width:680px;margin-inline:auto}
.about-wordmark-title{margin:0 0 56px;text-align:center}
.about-wordmark{width:clamp(230px,27vw,365px);max-width:100%;margin-inline:auto}
.about-text{font-size:1.125rem;line-height:1.85;overflow-wrap:break-word}
.about-text h2{font:400 42px/1.15 var(--serif);letter-spacing:-.035em;margin:0 0 30px}
.about-text p{margin:0 0 24px}
.about-area-links{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:34px 24px;align-items:start;margin:64px 0 0}
.about-area-links .closing-icon{display:flex;flex-direction:column;gap:16px;min-width:0;min-height:104px;text-align:center;padding:8px 0;align-items:center;justify-content:flex-start}
.about-area-links .brand-symbol{width:55px;height:55px;flex-shrink:0}
.about-area-links .closing-icon span{font-size:.9375rem;line-height:1.5;overflow-wrap:break-word;max-width:100%}
.about-return{justify-content:center;margin-top:52px}
.about-return .button{max-width:100%;white-space:normal;text-align:center}
@media(hover:hover) and (pointer:fine){.about-area-links .closing-icon:hover{transform:translateY(-3px)}}
@media(hover:none){.about-area-links .closing-icon:hover{transform:none}}
@media(max-width:780px){.about-article{padding-top:126px}.about-area-links{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 24px}}
@media(max-width:640px){.about-article{padding:116px 27px 45px}.about-wordmark-title{margin-bottom:42px}.about-text h2{font-size:2.25rem}.about-area-links{margin-top:46px}.about-return{margin-top:40px}}
@media(max-width:420px){.about-area-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 22px}}
@media(max-width:359px){.about-article{padding-inline:22px}}
@media print{.about-article{padding-top:0}.about-area-links,.about-return{display:none}}
/* Closing invitation: the introduction's type and the existing ANICCA buttons. */
.about-experience{margin-top:64px}
.about-experience .actions{display:grid;grid-template-columns:repeat(2,minmax(0,max-content))}
.about-experience .button{min-width:0;max-width:100%;white-space:normal;text-align:center;overflow-wrap:break-word}
.about-experience .button:first-child{grid-column:1/-1;justify-self:start}
@media(max-width:640px){.about-experience{margin-top:46px}.about-experience .actions{grid-template-columns:minmax(0,1fr)}.about-experience .button:first-child{justify-self:stretch}}