& section{padding-block:15vh;&[data-id=top]{display:grid;place-content:center;text-align:center;gap:2rem;& img{display:block;margin-inline:auto;max-inline-size:95%}}&[data-id=contact]{text-align:center;padding-block:0 8rem;.page_u_box__zcxzn{inline-size:-moz-fit-content;inline-size:fit-content;margin-inline:auto;padding:3rem;background:#e9547d;color:#fff;padding-inline:6rem;border-radius:10px}}&[data-id=company]{max-inline-size:980px;margin-inline:auto;& h1{text-align:center;color:#c44686;font-size:2rem;-webkit-border-after:1px solid currentColor;border-block-end:1px solid currentColor;-webkit-padding-after:.5rem;padding-block-end:.5rem}& dl{--_border-color:#d2d2d2;-webkit-margin-before:2rem;margin-block-start:2rem;display:grid;grid-template-columns:150px 1fr;max-inline-size:1040px;margin-inline:auto;@media (max-width:768px){grid-template-columns:23vw 1fr}&>div{display:grid;grid-template-columns:subgrid;grid-column:1/-1;& :where(dt,dd){block-size:100%;padding-block:23px;@media (max-width:768px){padding-block:calc((100 / 390) * 13 * 1vw);padding-inline:calc((100 / 390) * 8 * 1vw);word-break:auto-phrase}& a:not([href^="tel:"]){color:var(--primary);text-decoration:underline;@media (any-hover:hover){&:hover{text-decoration:none}}}@media (max-width:768px){& a{color:var(--primary);text-decoration:underline}}}}& dt{font-weight:700;place-content:center start}& dd,& dt{-webkit-border-after:1px solid var(--_border-color);border-block-end:1px solid var(--_border-color)}& dd{padding-inline:10px}}}}& footer{display:grid;place-content:center;color:#fff;padding-block:3rem;font-size:1.2rem;font-weight:700;background:#9d368f}