/* Phase 2: a painted story, scoped to the gallery introduction. */
.about-hero{position:relative;display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:5%;padding:65px var(--pad) 80px;min-height:620px;overflow:hidden}
.about-hero-copy{position:relative;z-index:2;padding-bottom:25px}
.about-hero h1{font-family:var(--serif);font-size:clamp(42px,4.6vw,78px);font-weight:400;line-height:1.55;letter-spacing:-.055em;margin:25px 0 29px;outline:0;word-break:keep-all}
.about-hero-copy>p{font-size:13px;line-height:2.1;color:#6b7783;word-break:keep-all}
.about-scroll-link{display:inline-flex;gap:28px;align-items:center;margin-top:36px;font-size:11px;color:#3d608a;border-bottom:1px solid #abb9cb;padding-bottom:12px}
.about-scroll-link svg{height:18px;width:18px;fill:none;stroke:currentColor;stroke-width:1.3;transform:rotate(90deg)}
.about-hero-art{position:relative;padding:20px 0 20px 15px;min-width:0;animation:aboutArtFloat 12s ease-in-out infinite alternate}
.about-hero-art:before{content:'';position:absolute;inset:0 5% 6% -1%;background:#e5e9e4;transform:rotate(-5deg);z-index:0}
.about-hero-art .about-image{position:relative;transform:rotate(2deg);box-shadow:10px 18px 40px #15376218}
.about-hero-art figcaption{background:#f6f5ef;padding:13px 16px}
.about-hero-edition{position:absolute;right:7px;bottom:-9px;font-family:var(--latin);font-size:21px;line-height:.95;letter-spacing:-.03em;color:#264988;transform:rotate(-4deg)}
.about-hero-bottom{position:absolute;bottom:25px;left:var(--pad);right:var(--pad);display:flex;justify-content:space-between;gap:20px;font-size:7px;letter-spacing:.17em;color:#8d99a5}
.about-image{margin:0;min-width:0}
.about-image>button{position:relative;display:block;width:100%;padding:0;cursor:zoom-in;text-align:left;background:#e2e5e2}
.about-image img{display:block;width:100%;height:auto;max-width:100%;aspect-ratio:auto}
.about-image-open{position:absolute;right:16px;bottom:16px;display:flex;align-items:center;gap:10px;padding:10px 13px;background:#f8f7f1eb;color:#26466e;border-radius:13px 2px 13px 2px;opacity:0;transform:translateY(5px);transition:.3s}
.about-image-open svg{width:17px;height:17px;stroke:currentColor;stroke-width:1.2;fill:none}
.about-image-open>span{font-size:9px}
.about-image>button:hover .about-image-open,.about-image>button:focus-visible .about-image-open{opacity:1;transform:none}
.about-image>button:focus-visible{outline:2px solid #315bcb;outline-offset:5px}
.about-image figcaption{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:14px;font-size:10px;color:#6d7c89;line-height:1.7}
.about-image figcaption small{font-size:7px;letter-spacing:.12em;white-space:nowrap}
.about-story{overflow:hidden}
.about-manifesto{margin:20px var(--pad) 0;padding:90px 0 75px;border-top:1px solid var(--line);scroll-margin-top:110px}
.about-manifesto-grid{display:grid;grid-template-columns:1fr 1fr;gap:12%;margin-top:30px}
.about-story h2{font-family:var(--serif);font-size:clamp(29px,3vw,48px);font-weight:400;line-height:1.75;letter-spacing:-.045em;word-break:keep-all}
.about-manifesto-grid>div>p{font-size:14px;line-height:2.2;color:#6b7884;word-break:keep-all;margin-bottom:20px}
.about-name-note{border-top:1px solid #cad1d5;margin-top:32px;padding-top:26px;display:flex;gap:23px}
.about-name-note>span{font-family:var(--latin);font-size:49px;color:#a6b8c4;line-height:1}
.about-name-note h3{font-size:12px;font-weight:500;color:#456183;margin-bottom:10px}
.about-name-note p{font-size:12px;line-height:2;color:#7b8790;word-break:keep-all}
.about-journey{margin:0 var(--pad);padding:27px 0 30px;border-top:1px solid #d2d7d9;border-bottom:1px solid #d2d7d9;display:flex;align-items:center;justify-content:space-between;gap:20px}
.about-journey>span{font-size:10px;color:#7d8992}
.about-journey>div{display:flex;gap:24px;align-items:center}
.about-stage-jump{font-family:var(--serif);font-size:17px;line-height:1.7;display:inline-block;transition:color .2s}
.about-stage-jump svg{display:none}.about-stage-jump:hover{color:var(--blue)}
.about-journey i{font-family:var(--latin);color:#9caeae;font-style:normal}
.about-chapter{position:relative;display:grid;grid-template-columns:1.12fr .88fr;align-items:center;gap:10%;padding:100px var(--pad) 110px;scroll-margin-top:65px}
.about-chapter-art{position:relative;min-width:0}
.about-chapter-number{position:absolute;left:-17px;top:-57px;font-family:var(--latin);font-size:112px;font-style:italic;line-height:1;color:#1c365318;pointer-events:none}
.about-chapter-label{font-size:8px;letter-spacing:.15em;color:#55728b;line-height:1.8}
.about-chapter-word{font-family:var(--serif);font-size:14px;color:#8ca2aa;margin:15px 0 14px}
.about-chapter-copy>h2{font-size:clamp(29px,3vw,46px);line-height:1.7;margin-bottom:25px}
.about-chapter-copy>p:not(.about-chapter-word){font-size:13px;line-height:2.15;margin-top:15px;color:#72818b;word-break:keep-all}
.about-question{margin-top:30px;border-top:1px solid #a4b2b547;padding-top:22px;display:flex;gap:12px;align-items:baseline}
.about-question>span{font-family:var(--latin);font-size:46px;line-height:.5;color:#94aeb2}
.about-question p{font-family:var(--serif);font-size:14px;line-height:1.9;color:#446579;word-break:keep-all}
.about-chapter-0{background:#ecf0e9;margin-top:60px}
.about-chapter-0 .about-image{transform:rotate(-2deg)}
.about-chapter-1{grid-template-columns:1fr 1fr;gap:12%;background:#152d51;color:#f4f1e7;padding-block:90px;min-height:clamp(540px,35vw,660px);z-index:1}
/* The painting floats across both colour boundaries, independently of the text. */
.about-chapter-1 .about-chapter-art{position:absolute;top:0;bottom:0;right:calc(var(--pad) + 1vw);order:2;width:clamp(500px,42vw,660px);max-width:46%;display:flex;align-items:center;justify-content:center;z-index:2}
.about-chapter-1 .about-image{width:100%;transform:rotate(-5deg);transform-origin:center;position:relative}
.about-chapter-1 .about-image>button{box-shadow:18px 30px 55px #07172b45}
.about-chapter-1 .about-chapter-number{color:#e0e8f030;left:-42px;top:28px;z-index:1}
.about-chapter-1 .about-chapter-copy{order:1}
.about-chapter-1 .about-chapter-label{color:#a0b9dc}
.about-chapter-1 .about-chapter-word{color:#a7b7cb}
.about-chapter-1 .about-chapter-copy>p:not(.about-chapter-word){color:#bac7d8}
.about-chapter-1 .about-question p{color:#e0d9d3}
.about-chapter-1 .about-image figcaption{color:#b8c8da}
.about-chapter-2{grid-template-columns:1.1fr .9fr;background:#eee1e5;gap:9%;padding-block:110px}
.about-chapter-2 .about-image{transform:rotate(1.5deg)}
.about-chapter-2 .about-chapter-number{top:auto;bottom:calc(100% + 12px);left:0;line-height:.8;z-index:1}
.about-chapter-2 .about-chapter-word{color:#a47c8d}
.about-chapter-2 .about-chapter-label{color:#98708a}
.about-mission{padding:100px var(--pad) 80px}
.about-mission-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:12%;margin-bottom:50px}
.about-mission-heading h2{margin-top:24px}
.about-mission-heading>p{font-size:13px;line-height:2.1;color:#7b8790;max-width:330px;margin-bottom:12px;word-break:keep-all}
.about-mission-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
.about-mission-grid article:nth-child(2){margin-top:65px}.about-mission-grid article:nth-child(3){margin-top:130px}
.about-mission-grid figcaption{display:none}
.about-mission-copy{padding:25px 0 0}
.about-mission-copy>span{font-family:var(--latin);font-size:19px;font-style:italic;color:#a5a6af}
.about-mission-copy h3{font-family:var(--serif);font-size:21px;font-weight:400;line-height:1.8;margin-top:13px;word-break:keep-all}
.about-mission-copy>p{font-size:12px;color:#7b8790;line-height:2.1;word-break:keep-all;margin:15px 0}
.about-invitation{margin:0 var(--pad);padding:90px 25px 80px;text-align:center;border-top:1px solid var(--line);position:relative}
.about-invitation>img{width:64px;height:64px;display:block;margin:0 auto 26px;animation:aboutArtFloat 10s ease-in-out infinite alternate}
.about-invitation h2{margin-top:25px}
.about-invitation>p{max-width:520px;margin:25px auto 28px;color:#7c8790;font-size:13px;line-height:2.1;word-break:keep-all}
.about-invitation>div{display:flex;justify-content:center;align-items:center;gap:25px;flex-wrap:wrap}
.about-image-note{font-size:9px;line-height:1.9;color:#8b959d;margin:0 var(--pad) 50px;text-align:center}
.about-motion-ready .story-reveal{opacity:0;transform:translateY(28px);transition:opacity .9s ease,transform 1s cubic-bezier(.2,.7,.2,1)}
.about-motion-ready .story-reveal.in-view{opacity:1;transform:none}
.about-art-dialog{width:1100px;padding:38px;background:#f6f5ef}
.about-art-dialog .dialog-close{position:sticky;left:100%;top:0;display:grid;place-items:center;margin:0 0 10px auto;float:none}
.about-full-image{display:flex;align-items:center;justify-content:center;background:#e9e9e1;padding:18px}
.about-full-image img{display:block;width:auto;max-width:100%;height:auto;max-height:min(65svh,calc(88svh - 225px));object-fit:contain}
.about-art-caption{display:flex;justify-content:space-between;align-items:center;gap:25px;padding-top:20px}
.about-art-caption small{font-size:8px;color:#8895a2;line-height:1.7}
.about-art-caption h2{font-family:var(--serif);font-size:24px;font-weight:400;line-height:1.7;margin-top:7px}
.about-art-controls{display:flex;gap:17px;align-items:center;flex-shrink:0}
.about-art-controls button{display:grid;place-items:center;width:40px;height:40px;border:1px solid #bdc8d2;border-radius:50%}
.about-art-controls svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.3;fill:none}
.about-art-controls>span{font-size:9px;color:#7a8a9b}
@keyframes aboutArtFloat{from{transform:translateY(0) rotate(-.5deg)}to{transform:translateY(-9px) rotate(.5deg)}}
html[lang=en] .about-hero h1{font-family:var(--latin);font-size:clamp(54px,6vw,100px);line-height:1.05;letter-spacing:-.035em}
html[lang=en] .about-story h2{font-family:var(--latin);font-size:clamp(38px,4vw,60px);line-height:1.12;letter-spacing:-.02em}
html[lang=en] .about-mission-copy h3{font-family:var(--latin);font-size:28px;line-height:1.2}
@media(max-width:1100px){
 .about-hero{min-height:540px;gap:4%;padding-block:55px 75px}.about-hero h1{font-size:42px}.about-hero-copy>p{font-size:12px}
 .about-manifesto-grid{gap:7%}.about-manifesto-grid>div>p{font-size:13px}.about-chapter{gap:7%;padding-block:85px}.about-chapter-copy>h2{font-size:31px}.about-chapter-copy>p:not(.about-chapter-word){font-size:12px}
 .about-chapter-1{gap:11%}.about-mission-grid{gap:23px}.about-mission-copy h3{font-size:18px}.about-mission-copy>p{font-size:11px}
}
@media(max-width:760px){
 .about-hero{grid-template-columns:1fr;padding:42px var(--pad) 65px;gap:24px;min-height:0}
 .about-hero-copy{padding-bottom:0}.about-hero h1{font-size:clamp(35px,9vw,51px);line-height:1.7;margin:20px 0}
 .about-hero-copy>p{font-size:12px;line-height:2.1}.about-hero-copy>p br{display:none}
 .about-scroll-link{margin-top:23px;font-size:10px;gap:25px;padding-bottom:9px}
 .about-hero-art{width:100%;max-width:570px;margin:14px auto 15px;padding:10px 0 10px 6px}
 .about-hero-art figcaption{padding:10px 11px}.about-hero-edition{font-size:16px;right:3px;bottom:-8px}
 .about-hero-bottom{font-size:5px;letter-spacing:.08em;bottom:14px;gap:10px}
 .about-image figcaption{font-size:9px;padding-top:11px;gap:10px}.about-image figcaption small{font-size:6px}
 .about-image-open{opacity:1;transform:none;padding:7px;bottom:10px;right:10px}.about-image-open>span{display:none}.about-image-open svg{width:16px;height:16px}
 .about-manifesto{margin-top:10px;padding:48px 0 40px;scroll-margin-top:95px}
 .about-manifesto-grid{grid-template-columns:1fr;gap:24px;margin-top:24px}
 .about-story h2{font-size:clamp(26px,6.7vw,35px);line-height:1.85}
 .about-manifesto-grid>div>p{font-size:12px;line-height:2.1;margin-bottom:15px}
 .about-name-note{gap:20px;margin-top:25px;padding-top:23px}.about-name-note>span{font-size:42px}.about-name-note h3{font-size:11px}.about-name-note p{font-size:11px}
 .about-journey{display:block;padding:20px 0 24px}.about-journey>span{font-size:9px}.about-journey>div{justify-content:space-between;gap:10px;margin-top:15px}.about-stage-jump{font-size:14px}.about-journey i{font-size:14px}
 .about-chapter{grid-template-columns:1fr;gap:32px;padding:60px var(--pad) 52px;scroll-margin-top:72px}
 .about-chapter-0{margin-top:35px}.about-chapter-art{width:100%;max-width:600px;margin:auto}
 .about-chapter-number{font-size:77px;top:-35px;left:-6px}
 .about-chapter-copy>h2{font-size:30px;margin-bottom:19px;line-height:1.7}
 .about-chapter-label{font-size:7px}.about-chapter-word{font-size:12px;margin:13px 0}
 .about-chapter-copy>p:not(.about-chapter-word){font-size:12px;line-height:2.15;margin-top:14px}
 .about-question{margin-top:23px;padding-top:21px;gap:10px}.about-question p{font-size:12px;line-height:1.9}.about-question>span{font-size:37px}
 .about-chapter-1{gap:35px;min-height:0;padding-top:0;margin-top:0}.about-chapter-1 .about-chapter-art{position:relative;top:auto;bottom:auto;right:auto;order:0;width:86%;max-width:420px;justify-self:center;margin:-45px auto 12px}.about-chapter-1 .about-chapter-number{left:-27px;top:0;font-size:66px}.about-chapter-1 .about-chapter-copy{order:1}
 .about-chapter-2{padding-top:90px}
 .about-mission{padding:55px var(--pad) 45px}.about-mission-heading{display:block;margin-bottom:30px}.about-mission-heading h2{margin-top:20px}.about-mission-heading>p{font-size:12px;margin-top:20px;max-width:470px}
 .about-mission-grid{grid-template-columns:1fr;gap:40px}.about-mission-grid article:nth-child(2),.about-mission-grid article:nth-child(3){margin-top:0}.about-mission-grid article{max-width:600px}
 .about-mission-copy{padding-top:20px}.about-mission-copy h3{font-size:23px;line-height:1.8;margin-top:9px}.about-mission-copy>p{font-size:12px;margin:12px 0}.about-mission-copy>span{font-size:18px}
 .about-invitation{padding:47px 0 45px}.about-invitation>img{width:50px;height:50px;margin-bottom:22px}.about-invitation h2{font-size:26px;line-height:1.85;margin-top:20px}.about-invitation>p{font-size:12px;margin:22px auto 26px}.about-invitation>div{gap:20px}
 .about-image-note{font-size:8px;margin-bottom:30px;text-align:left}
 .about-art-dialog{padding:17px 18px 24px;width:calc(100vw - 26px)}.about-art-dialog .dialog-close{margin-bottom:13px}
 .about-full-image{padding:8px}.about-full-image img{max-height:min(59svh,calc(88svh - 240px))}.about-art-caption{display:block;padding-top:19px}.about-art-caption h2{font-size:22px}.about-art-caption small{font-size:7px}.about-art-controls{margin-top:20px;justify-content:space-between}
 html[lang=en] .about-hero h1{font-size:clamp(49px,12vw,72px);line-height:1.08}
 html[lang=en] .about-story h2{font-size:37px;line-height:1.18}html[lang=en] .about-mission-copy h3{font-size:28px}
}
@media(prefers-reduced-motion:reduce){.about-hero-art,.about-invitation>img{animation:none}.about-motion-ready .story-reveal{opacity:1;transform:none;transition:none}}
.reduced-motion .about-motion-ready .story-reveal{opacity:1;transform:none;transition:none}