/* Vivid2Real — gallery opening, two story chapters and a founder's signature. */
.about-page{--about-columns:minmax(0,1.1fr) minmax(0,1fr);--about-gap:clamp(36px,4.5vw,64px);max-width:1280px;margin:auto;padding:calc(var(--fixed-header-height,76px) + 60px) 40px 76px;overflow-wrap:break-word}
.about-hero,.about-chapter{display:grid;grid-template-columns:var(--about-columns);gap:var(--about-gap)}
.about-hero{align-items:center}
.about-introduction{grid-column:2;grid-row:1;min-width:0;padding-block:18px}
.about-heading .eyebrow{font-size:.7rem;letter-spacing:.17em;line-height:1.6;color:#8a7051;margin:0 0 20px}
.about-page h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(2.8rem,5vw,4.5rem);font-weight:400;letter-spacing:-.055em;line-height:1.12;color:#30372d;margin:0;max-width:16ch;text-wrap:balance}
.about-origin{font-size:clamp(1.15rem,1.7vw,1.4rem);line-height:1.55;font-weight:500;color:#41463a;margin:26px 0 0;max-width:35ch;text-wrap:pretty}
.about-experience{font-size:1rem;line-height:1.8;color:#6d685e;margin:19px 0 0;max-width:47ch;text-wrap:pretty}
.about-figure{grid-column:1;grid-row:1;margin:0;min-width:0}
.about-figure img{display:block;width:100%;height:auto;border-radius:6px}
.about-figure img[hidden]{display:none}
.about-figure figcaption{font-size:.74rem;line-height:1.6;color:#847b6d;margin:12px 0 0}
.about-figure .guide-image-error{padding:60px 24px;border:1px solid var(--line);border-radius:6px;background:#f0e9de;line-height:1.7}
.about-story{margin-top:66px;padding-top:52px;border-top:1px solid var(--line)}
.about-chapter{align-items:start}
.about-chapter-heading,.about-chapter-copy{min-width:0}
.about-chapter-number{display:block;color:#9b8060;font-size:.73rem;line-height:1.5;font-weight:500;letter-spacing:.13em;margin-bottom:16px}
.about-page h2{font-size:clamp(1.5rem,2.25vw,1.95rem);font-weight:500;letter-spacing:-.035em;line-height:1.25;color:#31382e;max-width:22ch;text-wrap:balance;margin:0}
.about-chapter-copy{max-width:65ch;font-size:1.04rem;line-height:1.82}
.about-chapter-copy p{margin:0 0 19px;color:#646359;text-wrap:pretty}
.about-chapter-copy p:last-child{margin-bottom:0}
.about-chapter+.about-chapter{margin-top:48px;padding-top:44px;border-top:1px solid var(--line)}
.about-chapter-copy .about-reaction{font-family:Georgia,'Times New Roman',serif;font-size:1.36rem;font-style:italic;line-height:1.5;letter-spacing:-.015em;color:#5a624e;margin-top:26px}
.about-reaction strong{font-weight:400}
.about-closing{margin-top:66px;padding-top:54px;border-top:1px solid var(--line);text-align:center}
.about-belief{max-width:760px;margin:auto}
.about-belief-intro{font-size:.84rem;line-height:1.6;color:#8a7a62;margin:0 0 18px}
.about-slogan{font-family:Georgia,'Times New Roman',serif;font-size:clamp(2rem,3.4vw,2.9rem);line-height:1.25;font-weight:400;letter-spacing:-.035em;color:#3d4735;max-width:31ch;margin:0 auto;text-wrap:balance}
.about-signature{display:flex;flex-direction:column;gap:6px;margin:26px 0 0}
.about-signature strong{font-family:Georgia,'Times New Roman',serif;font-size:1.8rem;line-height:1.3;font-weight:400;font-style:italic;color:#3c4333}
.about-signature span{font-size:.79rem;line-height:1.6;color:#827b6e}
.about-actions{display:flex;align-items:center;justify-content:center;gap:28px;flex-wrap:wrap;margin:28px 0 0}
.about-primary{background:#30382c;color:#fff;border-color:#30382c;border-radius:6px;padding:14px 24px;min-height:48px;white-space:normal;text-align:center;gap:28px;max-width:100%}
.about-primary:hover{background:#4b5743;color:#fff}
.about-secondary{display:inline-flex;align-items:center;justify-content:center;gap:17px;min-height:48px;font-size:.89rem;line-height:1.5;text-decoration:underline;text-underline-offset:5px;max-width:100%}
.about-actions a:focus-visible{outline:3px solid #856543;outline-offset:5px}
@media(max-width:1100px){
.about-page{padding-inline:32px;--about-gap:36px}
.about-experience{font-size:.95rem}
.about-chapter-copy{font-size:1rem}
}
@media(max-width:1023px){
.about-page{padding-top:calc(var(--fixed-header-height,70px) + 46px);padding-bottom:64px}
.about-hero{grid-template-columns:minmax(0,1fr);gap:30px;max-width:680px;margin:auto}
.about-introduction,.about-figure{grid-column:1;grid-row:auto}
.about-introduction{padding:0;max-width:58ch}
.about-page h1{font-size:clamp(2.8rem,6.6vw,4rem)}
.about-origin{max-width:45ch;margin-top:22px}
.about-experience{max-width:55ch;margin-top:15px}
.about-story{max-width:680px;margin:48px auto 0;padding-top:38px}
.about-chapter{grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:28px}
.about-page h2{font-size:1.55rem}
.about-chapter+.about-chapter{margin-top:36px;padding-top:36px}
.about-closing{margin-top:48px;padding-top:42px}
}
@media(max-width:767px){
.about-page{padding:calc(var(--fixed-header-height,62px) + 40px) 24px 50px}
.about-hero{gap:26px}
.about-heading .eyebrow{font-size:.64rem;letter-spacing:.13em;margin-bottom:16px}
.about-page h1{font-size:clamp(2.3rem,10.8vw,3.3rem)}
.about-origin{font-size:1.13rem;margin-top:20px}
.about-experience{font-size:.94rem;line-height:1.75;margin-top:14px}
.about-figure figcaption{font-size:.7rem;margin-top:10px}
.about-story{margin-top:36px;padding-top:32px}
.about-chapter{grid-template-columns:minmax(0,1fr);gap:21px}
.about-chapter-number{font-size:.68rem;margin-bottom:10px}
.about-page h2{font-size:1.68rem;max-width:26ch}
.about-chapter-copy{font-size:.97rem;line-height:1.8}
.about-chapter-copy p{margin-bottom:17px}
.about-chapter-copy .about-reaction{font-size:1.24rem;margin-top:21px}
.about-chapter+.about-chapter{margin-top:32px;padding-top:31px}
.about-closing{margin-top:38px;padding-top:34px}
.about-slogan{font-size:clamp(1.85rem,7.9vw,2.3rem);max-width:27ch}
.about-signature{margin-top:22px}
.about-signature span{font-size:.76rem}
.about-actions{flex-direction:column;align-items:stretch;gap:14px;max-width:340px;margin:24px auto 0}
.about-primary,.about-secondary{justify-content:center}
}
@media(max-width:359px){.about-page{padding-inline:20px}.about-page h2{font-size:1.5rem}.about-slogan{font-size:1.8rem}}