@charset "UTF-8";
.about-page{background:#f5edda url('assets/paper.webp') repeat;background-size:140px;color:#312b20}
.about-page .header{background:#77715cf5;border-bottom-color:#574b3340;box-shadow:none}
.about-page .desktop-nav a[aria-current=page]:after{left:12%;right:12%;background:#f5e9ca}
.about-page .mobile-nav{background:#77715c}
.about-scene{--about-progress:0;position:relative;isolation:isolate;overflow:clip;min-height:calc(100svh - var(--header-height));padding:104px 5.5% 110px;background:#f5edda url('assets/paper.webp') repeat;background-size:140px}
.about-emblem{position:absolute;top:33px;left:50%;width:130px;margin-left:-65px;filter:brightness(.22) sepia(.3);z-index:2;animation:about-copy-in 1.6s cubic-bezier(.18,.65,.2,1) both .1s}
.about-grid{max-width:1700px;margin:0 auto;display:grid;grid-template-columns:minmax(330px,.86fr) minmax(0,1.84fr);gap:35px;align-items:start}
.about-copy{position:relative;z-index:4;scroll-margin-top:calc(var(--header-height) + 30px)}
.about-copy-entry{animation:about-copy-in 1.8s cubic-bezier(.18,.65,.2,1) both .15s}
.about-eyebrow{font:9px/1.4 Georgia,serif;letter-spacing:.15em;color:#867757;margin:0 0 13px}
.about-copy h1{font-weight:600;font-size:27px;line-height:1.4;letter-spacing:.15em;margin:0 0 9px}
.about-context{font-size:11px;letter-spacing:.08em;color:#8a7757;margin:0 0 27px;padding-bottom:17px;border-bottom:1px solid #96815c55}
.about-prose{font-size:14px;line-height:1.95;letter-spacing:.025em;overflow-wrap:anywhere}
.about-prose p{margin:0 0 19px;text-align:justify}
.about-prose p:last-child{margin-bottom:0}
.about-source-note{margin:23px 0 0;color:#89795f;font-size:10px;line-height:1.9;letter-spacing:.06em}
.about-home-link{display:inline-flex;align-items:center;gap:16px;border-bottom:1px solid #9c886966;padding:15px 0 8px;font-size:11px;letter-spacing:.08em;margin-top:5px}
.about-figure{position:sticky;top:calc(var(--header-height) + 36px);margin:-35px -30px 0 -10px;z-index:1;min-width:0}
.about-illustration-exit{transform:translateX(calc(var(--about-progress)*75vw));opacity:calc(1 - var(--about-progress)*1.05);will-change:transform,opacity}
.about-illustration-entry{animation:about-art-in 2.4s cubic-bezier(.18,.65,.2,1) both .25s}
.about-art{width:100%;height:auto;filter:drop-shadow(4px 9px 1px #3c302b70)}
.about-art-caption{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:16px 7% 0;font-size:10px;letter-spacing:.12em;opacity:calc(.7 - var(--about-progress))}
.about-art-caption span:last-child{font:8px/1.5 Georgia,serif;letter-spacing:.08em}
.about-cloud{position:absolute;pointer-events:none;z-index:2;opacity:calc(1 - var(--about-progress)*1.2);will-change:transform,opacity}
.about-cloud img{width:100%;height:auto;animation:cloud-drift 10s ease-in-out infinite alternate}
.about-cloud-one{width:14%;left:-3%;top:3%;transform:translateX(calc(var(--about-progress)*-40vw))}
.about-cloud-one .about-cloud-entry{animation:cloud-left 2s cubic-bezier(.15,.7,.25,1) both .1s}
.about-cloud-two{width:15%;right:2%;top:8%;transform:translateX(calc(var(--about-progress)*40vw))}
.about-cloud-two .about-cloud-entry{animation:cloud-right 2.4s cubic-bezier(.15,.7,.25,1) both .2s}
.about-cloud-three{width:14%;left:36%;top:21%;transform:translateX(calc(var(--about-progress)*-50vw))}
.about-cloud-three .about-cloud-entry{animation:cloud-left 2.3s cubic-bezier(.15,.7,.25,1) both .4s}
.about-cloud-four{width:29%;left:-9%;bottom:3%;transform:translateX(calc(var(--about-progress)*-60vw))}
.about-cloud-four .about-cloud-entry{animation:cloud-left 2.7s cubic-bezier(.15,.7,.25,1) both .3s}
.about-cloud-five{width:24%;right:-5%;bottom:6%;transform:translateX(calc(var(--about-progress)*55vw))}
.about-cloud-five .about-cloud-entry{animation:cloud-right 2.5s cubic-bezier(.15,.7,.25,1) both .4s}
.about-signature{position:absolute;bottom:32px;left:50%;transform:translateX(-50%);width:245px;z-index:3}
.about-replay{position:absolute;right:4%;bottom:17px;min-height:44px;display:inline-flex;align-items:center;gap:8px;z-index:4;font-size:10px;letter-spacing:.08em}
.about-replay svg{width:16px;height:16px}
.about-scene.is-loading .about-emblem,.about-scene.is-loading .about-copy-entry,.about-scene.is-loading .about-illustration-entry,.about-scene.is-loading .about-cloud-entry{animation:none!important;visibility:hidden}
.about-scene.restarting *{animation:none!important}
@keyframes about-copy-in{from{opacity:0;transform:translateY(-45px)}to{opacity:1;transform:translateY(0)}}
@keyframes about-art-in{from{opacity:0;transform:translateX(70vw)}to{opacity:1;transform:translateX(0)}}
@media(min-width:1600px){.about-scene{padding-inline:7%}.about-grid{grid-template-columns:minmax(380px,.82fr) minmax(0,1.88fr);gap:45px}.about-prose{font-size:15px;line-height:2}.about-copy h1{font-size:30px}.about-figure{margin-top:-45px}}
@media(max-width:1100px){.about-scene{padding:98px 5% 105px}.about-grid{grid-template-columns:minmax(300px,.95fr) minmax(0,1.45fr);gap:25px}.about-figure{margin:0 -20px 0 0;top:calc(var(--header-height) + 90px)}.about-prose{font-size:13px}.about-cloud-three{left:37%;top:17%}.about-art-caption{display:block;line-height:2}.about-art-caption span{display:block}}
@media(max-width:780px){.about-page,.about-scene{background-size:90px}.about-scene{padding:95px 7% 130px}.about-emblem{top:27px;width:110px}.about-grid{display:flex;flex-direction:column;gap:30px}.about-figure{position:relative;top:auto;order:0;margin:0 -4%;width:108%}.about-copy{order:1;width:100%}.about-copy h1{font-size:28px}.about-context{font-size:11px;margin-bottom:24px}.about-prose{font-size:15px;line-height:2.05;letter-spacing:.02em}.about-prose p{margin-bottom:23px}.about-art-caption{margin:15px 5% 0;display:flex;justify-content:center;gap:0;text-align:center;font-size:10px}.about-art-caption span:last-child{display:none}.about-cloud-one{width:27%;left:-10%;top:1%}.about-cloud-two{width:32%;right:-6%;top:5%}.about-cloud-three{width:28%;left:-9%;top:16%}.about-cloud-four{width:53%;left:-25%;bottom:2%}.about-cloud-five{width:43%;right:-17%;bottom:5%}.about-signature{bottom:60px;width:210px}.about-replay{bottom:6px;right:7%}.about-source-note{font-size:11px}.about-home-link{font-size:12px;min-height:44px}.about-illustration-exit{transform:translateX(calc(var(--about-progress)*80vw))}}
@media(prefers-reduced-motion:reduce){.about-copy-entry,.about-emblem,.about-illustration-entry,.about-cloud-entry{animation:none!important}.about-cloud,.about-illustration-exit{transform:none!important;opacity:1!important}.about-art-caption{opacity:.7}}
@media(max-width:780px){.about-emblem{margin-left:-55px}}