:root{--cream:#fff4e2;--ink:#593b24;--green:#36674e;--line:#d5b78c}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:system-ui,-apple-system,'Noto Sans TC',sans-serif;line-height:1.65}button,input,select{font:inherit;color:inherit}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer;border:0;min-height:44px}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #ad6b12;outline-offset:3px}button:hover{filter:brightness(.98)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.topbar{position:fixed;right:12px;bottom:14px;z-index:15}.wordmark{display:none}.topbar button{padding:10px 17px;border-radius:25px;background:#fff8e9f5;border:1px solid #bc9868;box-shadow:0 4px 16px #5a371c22;font-size:13px}.topbar button span{margin-left:9px}.welcome,.profile-head{max-width:729px;margin:auto;padding:26px 18px 14px;text-align:center;background:radial-gradient(ellipse at center,#ffe9c8,var(--cream) 70%)}.brand{display:block;width:min(100%,580px);height:auto;margin:0 auto 6px;mix-blend-mode:multiply}.welcome h1{font-size:clamp(19px,4.5vw,27px);letter-spacing:3px;font-weight:600;margin:8px 0 16px}.main-search,.profile-search{display:flex;align-items:center;gap:10px;border:2px solid #dbb889;border-radius:30px;background:#fff9eee8;width:100%;max-width:540px;margin:10px auto;padding:6px 18px;text-align:left;color:#8e785d;min-height:47px;box-shadow:inset 0 1px 4px #c09d6a22}.main-search span,.profile-search span{font-size:25px;color:#674629}.hint{font-size:12px;letter-spacing:1px;color:#967952;margin:8px auto}.floor-nav{display:flex;gap:7px;justify-content:center;flex-wrap:wrap;margin:12px auto 3px;max-width:620px}.floor-nav a{min-height:36px;padding:5px 11px;font-size:12px;border:1px solid #dfc8a5;border-radius:20px;background:#fff8eb}.scene{position:relative;max-width:729px;margin:auto;isolation:isolate}.scene-art{display:block;width:100%;height:auto}.hotspot{position:absolute;min-width:44px;min-height:44px;border-radius:35%;display:flex;align-items:flex-end;justify-content:center;z-index:2;outline-offset:-2px;cursor:pointer}.hotspot:focus-visible,.hotspot:hover{outline:2px solid #ffedaf;background:#ffe7a40d;box-shadow:0 0 20px #fff0a04d}.hotspot span{opacity:0;pointer-events:none;white-space:nowrap;background:#fff6dff2;box-shadow:0 3px 9px #65452633;border:1px solid #d9ad67;border-radius:17px;font-size:12px;padding:3px 9px;transition:opacity .12s;position:absolute;bottom:-13px}.hotspot:hover span,.hotspot:focus-visible span{opacity:1}.scene-anchor{position:absolute;left:0;width:1px;height:1px;scroll-margin-top:15px}.scene-hint{text-align:center;font-size:12px;padding:9px 20px;background:#f8e8cd;margin:0}.home-bottom{text-align:center;padding:18px 18px 75px;max-width:729px;margin:auto}.home-bottom h2{font-size:22px;margin:8px}.home-bottom button{border:1px solid #bba072;background:linear-gradient(#fff8eb,#ffe8c5);border-radius:28px;padding:10px 30px;box-shadow:0 2px 4px #c6a87933;font-size:17px}.home-bottom p{font-size:12px;color:#947a59}.floor-list{text-align:left;margin-top:22px;border-top:1px solid #dfc7a0;padding-top:12px}.floor-list summary{cursor:pointer;padding:10px;font-size:14px;min-height:44px}.floor-group{padding:10px 4px;border-bottom:1px solid #ead7b9}.floor-group strong{display:block;font-size:14px;margin-bottom:6px}.floor-group a{display:inline-block;min-height:44px;padding:9px 12px;border-radius:18px;background:#fff8eb;margin:3px;font-size:13px}.profile{max-width:729px;margin:auto;padding-bottom:75px}.profile-head{padding-bottom:12px}.back{display:flex;align-items:center;justify-content:center;min-height:46px;max-width:330px;margin:12px auto 15px;border:2px solid #c9995e;border-radius:26px;background:linear-gradient(#fffaf0,#ffe4bc);box-shadow:0 3px 0 #c5a27433;font-size:16px;font-weight:700;letter-spacing:1px}.selector{display:flex;align-items:center;gap:12px;border:2px solid #a8ac84;border-radius:30px;padding:6px 15px;max-width:540px;margin:12px auto;background:#fff8e7;box-shadow:inset 0 0 0 4px #f7e6c7}.selector label{flex-shrink:0;font-size:15px;font-weight:650;border-right:1px solid #d5b989;padding-right:12px}.selector select{width:100%;min-width:0;border:0;background:transparent;min-height:42px;color:var(--green);font-size:17px;font-weight:750}.profile-search{max-width:530px;margin-bottom:0;font-size:14px}.work-scene{width:100%;height:auto;display:block}.action-scene{display:block;width:min(100%,550px);height:auto;max-height:610px;object-fit:contain;margin:auto;mix-blend-mode:multiply}.profile-copy{padding:20px clamp(24px,6vw,55px)}.name-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.name-row h1{font-size:clamp(30px,7vw,48px);line-height:1.3;margin:0 0 10px}.small-label{border:1px solid #af8c5d;border-radius:18px;padding:1px 10px;font-size:12px}.role{display:inline-block;background:#e5e9c3;border-radius:17px;padding:4px 16px;font-size:17px;color:var(--green);margin:4px 0 12px}.bio{font-size:18px;line-height:1.8;margin:8px 0 22px}.story{border-top:1px dashed #d2b590;padding-top:18px}.story h2{font-size:26px;margin:0 0 14px}.quote{font-size:19px;padding:12px 16px;border:1px solid #edcda0;border-radius:24px;background:#ffecd0;margin:8px 0 16px}.story p:not(.quote){font-size:17px;line-height:1.85}.note{font-size:12px!important;color:#967c5d}.profile-bottom{padding-top:15px;font-size:13px;text-align:center;color:#947a59}.profile-bottom button{display:block;margin:10px auto;border:1px solid #d2b68d;background:#fff8e9;border-radius:24px;padding:7px 22px}.art-notice{text-align:center;margin:2px 20px;color:#947c5e;font-size:12px}dialog{border:1px solid #dfc9a6;border-radius:25px;width:min(610px,94vw);max-height:88dvh;padding:22px;background:#fff8eb;color:var(--ink);box-shadow:0 22px 100px #432d2844}dialog::backdrop{background:#42362466;backdrop-filter:blur(5px)}.dialoghead{display:flex;align-items:center;justify-content:space-between;gap:10px}.dialoghead h2{font-size:21px;margin:0}.dialoghead button{font-size:22px;min-width:44px;border-radius:50%;background:#f1e5d1}dialog>p{font-size:13px;color:#8b775e}.search{display:flex;align-items:center;gap:10px;border:1px solid #c6b696;border-radius:16px;padding:5px 14px;background:#fffdf5}.search span{font-size:27px}.search input{width:100%;min-width:0;border:0;background:transparent;height:42px;font-size:16px}.filters{display:flex;gap:5px;margin:12px 0 18px;flex-wrap:wrap}.filters button{border-radius:20px;font-size:12px;padding:5px 13px}.filters button[aria-pressed=true]{background:#536d53;color:#fff}#results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.result{min-width:0;text-align:center;border-radius:14px;padding:4px;background:#f4e8d5}.result img{width:100%;height:110px;object-fit:contain;mix-blend-mode:multiply}.result strong{display:block;font-size:12px;line-height:1.4}.result small{display:block;font-size:10px;color:#8f7c65;margin:4px 0}.empty{grid-column:1/-1;padding:30px;text-align:center;color:#897259}@media(max-width:380px){.welcome,.profile-head{padding-left:12px;padding-right:12px}.selector{gap:8px;padding-left:13px;padding-right:10px}.selector label{font-size:13px;padding-right:8px}.selector select{font-size:15px}.profile-copy{padding:18px 22px}.bio{font-size:16px}.quote{font-size:17px}.story p:not(.quote){font-size:16px}dialog{padding:17px}#results{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:900px){body{background:#f4e5ce}.welcome,.profile-head,.profile,.home-bottom{background-color:var(--cream)}.scene,.profile{box-shadow:0 12px 50px #a88b6020}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.descriptor{font-size:.86rem;color:#85745b;margin:8px 0}.position{font-size:1rem;color:#466449;border-left:3px solid #bbc8a3;padding-left:12px;line-height:1.75;margin:18px 0}

.profile-summary{display:flex;align-items:center;justify-content:center;gap:6px 10px;flex-wrap:wrap;padding:9px 16px 13px;background:#fff4e2;line-height:1.5}.profile-summary span{font-size:11px;color:#937958}.profile-summary strong{font-size:15px;font-weight:650}.copy-label{font-size:15px;margin:19px 0 5px;color:#8b704c;font-weight:650}.field-label{font-size:11px;color:#6c7753;margin-right:4px}

.is-profile .topbar{display:none}

.home-bottom{padding:22px 18px 34px}.home-bottom .roster-link{background:none;border:0;border-radius:0;box-shadow:none;font-size:14px;text-decoration:underline;text-underline-offset:5px;color:#806449}.welcome{padding-bottom:8px}

.scene{max-width:1080px;width:100%}.floor-panel{position:relative;width:100%;overflow:visible;background:#f7ebd4}.floor-panel picture{display:block;width:100%;height:100%}.floor-panel .scene-art{display:block;width:100%;height:100%;object-fit:fill}.home-bottom{max-width:1080px}.floor-panel .hotspot{z-index:3}

.brand{mix-blend-mode:normal}

.crew-scenes{border-top:1px dashed #d2b590;padding-top:18px;margin-top:26px}.crew-scenes h2{font-size:26px;margin:0 0 10px}.crew-scene{border:1px solid #dfc7a0;border-radius:16px;background:#fff7e9;margin:12px 0;overflow:hidden}.crew-scene summary{cursor:pointer;padding:12px 16px;min-height:44px;font-size:16px;font-weight:650;overflow-wrap:anywhere}.crew-scene>div{padding:0 16px 8px}.crew-scene p{font-size:16px;line-height:1.85;overflow-wrap:anywhere}.crew-scene strong{color:var(--green)}
.story-entry{position:fixed;right:12px;top:12px;z-index:12;font-size:13px;min-height:44px;padding:10px 16px;border-radius:25px;border:1px solid #cbae81;background:#fff8eef2;box-shadow:0 3px 12px #5a371c1a}.profile-story-link{display:inline-flex;align-items:center;min-height:44px;padding:6px 14px;color:#36674e;text-decoration:underline;text-underline-offset:4px}.is-about{background:#fffdf7}.about-page{max-width:900px;margin:0 auto;padding:22px 14px 30px;background:#fffdf7;color:#642315}.about-nav{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:15px;font-weight:650}.about-nav a,.about-nav button{min-height:44px;padding:8px;background:none}.about-header{text-align:center;margin:0 auto 30px}.about-art{display:block;width:112px;max-width:100%;margin:auto;mix-blend-mode:multiply}.about-art img{display:block;width:100%;height:auto;object-fit:contain}.about-logo{width:260px;max-width:45%;margin:6px auto 14px}.about-bridge{font-size:clamp(10px,2.5vw,21px);white-space:nowrap;letter-spacing:.02em;margin:20px 0 0}.about-row{display:grid;grid-template-columns:112px minmax(0,1fr) 112px;column-gap:16px;align-items:center;margin:18px 0}.about-copy{min-width:0;font-size:21px;line-height:1.9;letter-spacing:.03em}.about-copy p{margin:15px 0}.about-copy h1{font-size:clamp(24px,4.2vw,44px);line-height:1.4;margin:10px 0;font-weight:850;letter-spacing:.015em}.about-copy h2{font-size:clamp(23px,3.9vw,39px);line-height:1.5;margin:12px 0 22px;font-weight:850}.about-side{min-width:0}.inline-brand{display:inline-block;font-size:1.23em;font-weight:850;letter-spacing:.01em}.about-wide-heading{text-align:center;font-size:clamp(23px,4.5vw,42px);line-height:1.5;margin:26px 0}.about-cta{text-align:center;margin:20px auto 36px}.about-cta h2{font-size:clamp(28px,4.5vw,40px);line-height:1.35;margin:16px 0}.about-cta a{display:inline-flex;justify-content:center;align-items:center;min-height:50px;border:2px solid #73934d;border-radius:40px;padding:9px 28px;color:#fffbea;font-size:23px;background:#527d39;box-shadow:inset 0 0 0 3px #ffffff24}.about-footer{text-align:center;font-size:14px;letter-spacing:.1em;font-weight:750;border-top:1px solid #ae7b63;padding:20px 5px 0;margin:35px 20px 0}.floor-stories{max-width:620px;margin:38px auto 10px;padding:8px 16px;border:1px solid #d8d2b9;border-radius:16px;color:#624a31;background:#fffaf0}.floor-stories summary{cursor:pointer;min-height:44px;padding:8px 0;font-size:16px}.floor-stories-body{font-size:16px;line-height:1.85}.floor-stories-body>details{border-top:1px solid #e3d7bf;padding:8px 0}.floor-stories h3{font-size:18px}.floor-quote{color:#36674e}.floor-stories-body p{overflow-wrap:anywhere}@media(max-width:600px){.about-page{padding:10px 10px 24px}.about-nav{font-size:12px}.about-nav a,.about-nav button{padding:8px 2px}.about-logo{width:180px;max-width:55%}.about-bridge{font-size:clamp(10px,2.8vw,16px);letter-spacing:0}.about-header{margin-bottom:25px}.about-row{grid-template-columns:54px minmax(0,1fr) 54px;column-gap:5px;margin:22px 0}.about-art{width:64px;max-width:100%}.about-copy{font-size:16px;line-height:1.9;letter-spacing:0}.about-copy h1{font-size:clamp(21px,5.5vw,30px);letter-spacing:0}.about-copy h2{font-size:clamp(20px,5.3vw,29px)}.about-logo{width:180px;max-width:55%}.about-intro{grid-template-columns:54px minmax(0,1fr);padding-right:8px}.about-intro>.about-side:last-child{display:none}.about-copy p{margin:12px 0}.inline-brand{font-size:1.16em}.about-wide-heading{font-size:clamp(21px,5.5vw,30px)}.about-cta a{font-size:18px;padding:9px 22px}.floor-stories{margin:30px 8px 10px;padding:8px 12px}}@media(prefers-reduced-motion:no-preference){.story-entry:hover,.about-cta a:hover{filter:brightness(1.04)}}
/* Warm paper and restrained edge lighting for the story page. */
.is-about{background:#f2e5cf}.about-page{position:relative;isolation:isolate;background:#f2e5cf}.about-page::before,.about-page::after{content:"";position:absolute;z-index:-1;pointer-events:none;width:12%;height:850px;top:270px;background:repeating-linear-gradient(112deg,transparent 0 120px,#bba57c 121px 134px,transparent 135px 270px);opacity:.12}.about-page::before{left:0}.about-page::after{right:0;top:1030px;transform:scaleX(-1)}.about-side:has(.about-art){position:relative}.about-side:has(.about-art)::after{content:"";display:block;width:80%;height:5px;margin:2px auto 0;border-radius:50%;background:#957044;opacity:.16;filter:blur(3px)}.floor-stories{background:#f9efdf;border-color:#ceba96}.about-footer{border-color:#b69a74}@media(max-width:600px){.about-page::before,.about-page::after{width:12%;height:950px;opacity:.09}.about-side:has(.about-art)::after{height:3px}}

.about-row{grid-template-columns:134px minmax(0,1fr) 134px}.about-art:not(.about-logo){width:min(134px,var(--art-native-width));max-width:100%}@media(max-width:600px){.about-row{grid-template-columns:64px minmax(0,1fr) 64px}.about-art:not(.about-logo){width:64px}.about-intro{grid-template-columns:64px minmax(0,1fr)}}
.floor-story-link{position:absolute;left:5%;top:1%;width:13%;height:21%;min-width:44px;min-height:44px;z-index:4;border-radius:10px;cursor:pointer}.floor-story-link:hover,.floor-story-link:focus-visible{outline:3px solid #f5d989;outline-offset:1px;background:#ffffff0a}.floor-panel[data-panel="1f_court"] .floor-story-link{height:12%}.floor-stories details[id]{scroll-margin-top:24px}
/* Lightweight paper fibers and edge creases; central reading area stays calm. */
.is-about{background-color:#f2e5cf;background-image:repeating-linear-gradient(7deg,#916e3d05 0 1px,transparent 1px 5px),repeating-linear-gradient(93deg,#fff8e918 0 1px,transparent 1px 8px)}.about-page{background-color:#f2e5cf;background-image:linear-gradient(90deg,#bea57b13,transparent 14%,transparent 86%,#a0835512),repeating-linear-gradient(7deg,#916e3d04 0 1px,transparent 1px 5px),repeating-linear-gradient(93deg,#fff8e91a 0 1px,transparent 1px 8px)}.about-page::before{width:11%;height:1600px;top:200px;opacity:.3;background:linear-gradient(108deg,transparent 14%,#bda58233 15%,#fff7e882 16%,transparent 18%,transparent 53%,#b9a17d28 54%,#fff9e87a 55%,transparent 57%),repeating-linear-gradient(112deg,transparent 0 210px,#ab916324 212px 217px,transparent 220px 450px)}.about-page::after{width:10%;height:1600px;top:650px;opacity:.24;background:linear-gradient(104deg,transparent 19%,#a78e6226 20%,#fff7e884 21%,transparent 23%,transparent 71%,#b29a7330 72%,#fff9e873 73%,transparent 75%)}
.is-about,.about-page{background-color:#f7efdf}.floor-stories{background-color:#fcf6e9}

/* Pale kraft folds: narrow highlights/shadows, never a veil over text. */
.about-page::before{width:14%;opacity:.65;background:linear-gradient(107deg,transparent 20%,#b59c7838 21%,#fffdf1c9 22%,transparent 25%,transparent 60%,#b79d7433 61%,#fffdf3bf 62%,transparent 65%)}
.about-page::after{width:13%;opacity:.6;background:linear-gradient(76deg,transparent 16%,#bba07b38 17%,#fffdf2cc 18%,transparent 21%,transparent 66%,#b59c7738 67%,#fffdf1bf 68%,transparent 71%)}
@media(max-width:600px){
.about-art:not(.about-logo){width:80px;max-width:100%}
.about-row:has(>.about-side:last-child:empty){grid-template-columns:80px minmax(0,1fr);column-gap:12px}
.about-row:has(>.about-side:last-child:empty)>.about-side:last-child{display:none}
.about-row:has(>.about-side:first-child:empty){grid-template-columns:minmax(0,1fr) 80px;column-gap:12px}
.about-row:has(>.about-side:first-child:empty)>.about-side:first-child{display:none}
.about-row:has(>.about-side:first-child:not(:empty)):has(>.about-side:last-child:not(:empty)){grid-template-columns:80px minmax(0,1fr) 80px}
.about-row:has(>.about-side:first-child:not(:empty)):has(>.about-side:last-child:not(:empty))>.about-copy{grid-column:1/-1;grid-row:1;text-align:center}
.about-row:has(>.about-side:first-child:not(:empty)):has(>.about-side:last-child:not(:empty))>.about-side{grid-row:2}
.about-row:has(>.about-side:first-child:not(:empty)):has(>.about-side:last-child:not(:empty))>.about-side:last-child{grid-column:3}
.about-page::before,.about-page::after{width:14%;opacity:.65}
}
.about-page{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='paper'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23paper)' opacity='.075'/%3E%3C/svg%3E"),linear-gradient(90deg,#bea57b13,transparent 18%,transparent 82%,#a0835512)}

/* The story always has a reachable route home. */
.about-nav{position:sticky;top:env(safe-area-inset-top,0px);z-index:30;background:#f8efdfeb;border:1px solid #cdbb97;border-radius:16px;padding:2px 10px;margin-bottom:18px;box-shadow:0 3px 10px #60461c13;backdrop-filter:blur(8px)}
.about-nav a{font-weight:750;white-space:nowrap}.floor-return{display:inline-flex;min-height:46px;align-items:center;padding:9px 16px;margin:12px 0;border-radius:24px;background:#527d39;color:#fffbea;font-weight:700}.floor-stories details[id]{scroll-margin-top:92px}
@media(max-width:600px){
.about-page{padding:10px 24px max(32px,env(safe-area-inset-bottom));}
.about-row{display:flex!important;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin:26px auto;max-width:520px;padding:0!important}
.about-row>.about-copy{flex:0 0 100%;width:100%;order:0;text-align:center!important;margin:0}
.about-row>.about-side{order:1;flex:0 0 80px;width:80px;display:block!important}
.about-row>.about-side:empty{display:none!important}
.about-copy h1,.about-copy h2{text-align:center;overflow-wrap:break-word}
.about-copy p{margin:12px 0;overflow-wrap:break-word}
.about-nav{margin-left:-8px;margin-right:-8px;font-size:12px;gap:8px}
.about-bridge{font-size:clamp(10px,2.65vw,16px)}
.about-footer{margin-left:0;margin-right:0}.floor-stories{margin-left:0;margin-right:0}
}
/* Original flattened crumpled kraft, shared on body and article for aligned tiling. */
.is-about{background-color:#eddecb;background-image:url('assets/pale-crumpled-kraft-1024.webp');background-image:image-set(url('assets/pale-crumpled-kraft-1024.avif') type('image/avif'),url('assets/pale-crumpled-kraft-1024.webp') type('image/webp'));background-size:720px 720px;background-repeat:repeat}
.about-page{background-color:transparent;background-image:none}.about-page::before,.about-page::after{display:none}
/* Keep the reading column centered, with the original figures at the page edges. */
@media(max-width:600px){
.about-row{justify-content:space-between!important;row-gap:8px}
.about-row>.about-side:first-child{margin-right:auto;margin-left:0}
.about-row>.about-side:last-child{margin-left:auto;margin-right:0}
.about-row>.about-side .about-art{margin:0}
}

/* Responsive art-backdrop sections: text remains real HTML in a clear central area. */
@media(max-width:600px){
.about-row{display:block!important;position:relative;padding:0 0 calc(var(--mobile-art-height) + 24px)!important;margin:26px auto 32px}
.about-row>.about-copy{width:100%;text-align:center!important}
.about-row>.about-side{position:absolute;bottom:0;display:block!important;width:80px;margin:0!important}
.about-row>.about-side:first-child{left:0;right:auto}
.about-row>.about-side:last-child{right:0;left:auto}
.about-row>.about-side:empty{display:none!important}
}
/* Transparent high-resolution figures keep their own colors over the paper. */
.about-art:not(.about-logo){mix-blend-mode:normal}

/* Compact mobile reading rhythm, without an empty illustration row between short passages. */
@media(max-width:600px){
.about-copy{font-size:18px;line-height:1.65}
.about-copy p{margin:9px 0}
.about-copy h1{font-size:clamp(24px,6vw,30px);line-height:1.4}
.about-copy h2{font-size:clamp(23px,5.8vw,29px);line-height:1.4;margin:10px 0 14px}
.about-row{padding-bottom:calc(var(--mobile-art-height) + 6px)!important;margin:14px auto 16px}
.about-row.about-compact{display:grid!important;grid-template-columns:80px minmax(0,1fr)!important;column-gap:12px;align-items:center;padding:0!important;min-height:var(--mobile-art-height);margin:14px auto}
.about-row.about-compact:has(>.about-side:first-child:empty){grid-template-columns:minmax(0,1fr) 80px!important}
.about-row.about-compact>.about-side{position:static;width:80px}
.about-row.about-compact>.about-copy{width:auto;grid-column:auto;grid-row:auto}
.about-row.about-compact>.about-side:first-child{grid-column:1;grid-row:1}
.about-row.about-compact>.about-side:last-child{grid-column:2;grid-row:1}
.about-row.about-compact:has(>.about-side:first-child:not(:empty))>.about-copy{grid-column:2;grid-row:1}
.about-row.about-compact:has(>.about-side:first-child:empty)>.about-copy{grid-column:1;grid-row:1}
.about-header{margin-bottom:16px}.about-wide-heading{margin:18px 0}.about-cta{margin-top:14px}
.floor-stories-body{font-size:18px;line-height:1.65}
}
.about-logo{mix-blend-mode:normal}
@media(max-width:600px){.about-bridge{font-size:clamp(12px,3.5vw,16px);white-space:nowrap}}

/* Give conversational character labels a full readable line on phones. */
@media(max-width:600px){.selector{display:block;text-align:left;border-radius:22px;padding:9px 13px 5px}.selector label{display:block;border:0;padding:0 0 2px;font-size:13px}.selector select{display:block;width:100%;font-size:clamp(13px,3.65vw,15px);text-overflow:ellipsis}}

/* Keep the lower-floor stories in the same reading scale as the story above. */
.about-page{--story-body-size:21px;--story-body-leading:1.9}
.about-copy,.floor-stories,.floor-stories summary,.floor-stories-body{font-size:var(--story-body-size);line-height:var(--story-body-leading)}
.floor-stories summary{font-weight:650}
.floor-stories h3{font-size:1.1em;line-height:1.5;margin:1em 0 .65em}
.floor-stories-body p{margin:.75em 0}
.site-footer{max-width:900px;margin:0 auto;padding:20px 18px max(30px,env(safe-area-inset-bottom));text-align:center;font-size:14px;line-height:1.7;color:var(--ink)}
.site-footer p{margin:0;text-wrap:balance}
@media(max-width:600px){.about-page{--story-body-size:18px;--story-body-leading:1.65}}