/* About is one quiet statement, with room for the original mineral artwork. */
.about-quiet .about-statement{width:calc(100% - 48px);max-width:660px;flex:1;min-height:auto;box-sizing:border-box;margin:0 auto;padding:35px 0 55px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.about-quiet .section-label{margin:0 0 23px;color:#9ca093;font-size:10px;letter-spacing:.07em}
.about-quiet h1{font-size:52px;line-height:1.04;letter-spacing:-.025em}
.about-emblem{width:clamp(130px,calc(100svh - 550px),270px);flex-shrink:0;max-width:100%;aspect-ratio:1;margin:17px auto 18px}
.about-emblem img{display:block;width:100%;height:auto}
.about-note{font:20px/1.5 var(--serif);color:var(--soft);max-width:440px;margin:0;text-wrap:balance}
@media(max-width:580px){.about-quiet .about-statement{padding:28px 0 45px}.about-quiet h1{font-size:45px}.about-quiet .section-label{margin-bottom:21px}.about-emblem{width:clamp(130px,calc(100svh - 550px),218px);max-width:100%;margin:23px auto}.about-note{font-size:19px;max-width:310px}}
@media(max-width:360px){.about-quiet h1{font-size:42px}.about-note{font-size:18px}.about-emblem{width:clamp(120px,calc(100svh - 550px),198px);max-width:100%}}
@media(max-height:650px) and (min-width:581px){.about-quiet h1{font-size:45px}.about-quiet .about-statement{padding-block:22px 30px}.about-emblem{width:120px;max-width:100%;margin:12px auto}.about-note{font-size:20px}}

.about-copy{width:100%;max-width:440px}
.about-copy .about-note{margin-inline:auto}
.about-audience{margin:14px 0 0;font:18px/1.5 var(--serif);color:var(--soft);text-wrap:balance}
.about-contact{display:inline-block;white-space:nowrap;margin-top:28px;color:var(--ink);font:18px/1.5 var(--serif);text-decoration:underline;text-decoration-color:var(--muted);text-underline-offset:5px;text-decoration-thickness:1px}
.about-contact:hover{text-decoration-color:var(--ink)}
.about-contact:focus-visible{outline:2px solid var(--jade);outline-offset:6px}
.about-contact span{font:inherit;color:inherit}

@media(max-height:700px) and (max-width:580px){.about-quiet .about-statement{padding-block:20px 28px}.about-emblem{margin-block:16px}.about-contact{margin-top:22px}}

/* Lead with the work a company can bring to Riften. */
.about-copy{max-width:440px}
.about-copy .about-note{color:var(--ink);font-size:23px;line-height:1.35}
.about-detail{margin:18px 0 0;font:18px/1.5 var(--serif);color:var(--soft);text-wrap:pretty}
@media(max-width:580px){.about-copy .about-note{font-size:21px}.about-detail{font-size:18px}.about-desktop-break{display:none}}