.proposalNav{max-width:1160px;margin:0 auto;padding:10px 18px;display:flex;gap:12px;justify-content:space-between;align-items:center;background:#fff;font-size:12px;border-bottom:1px solid #eee;color:#554d49;}.proposalNav a{color:#9e443a;text-decoration:none;font-weight:700;}.proposalNav span{text-align:right;}
.pop__visual{overflow:hidden;}
.pop{--ink:#262428;--accent:#cb4439;--soft:#f8d9d6;--paper:#fffaf1;--extra:#f8cc3d;--teal:#238984;container:pop / inline-size;color:var(--ink);background:var(--paper);border:1px solid #e1d5c7;overflow:hidden;font-family:'Yu Gothic','Meiryo',sans-serif;}
.pop p,.pop figure,.pop dl,.pop dd{margin:0;}.pop__heading{position:relative;z-index:2;}.pop__kicker{font-size:12px;font-weight:700;letter-spacing:.12em;display:inline-block;}.pop__heading :is(h1,h3,h5){font-size:clamp(18px,4.4cqw,32px);font-weight:800;letter-spacing:.02em;line-height:1.5;margin:12px 0 0;}.pop__english{font-family:Arial,Helvetica,sans-serif;font-weight:900;line-height:.98;letter-spacing:-.065em;}.pop__artist{position:relative;z-index:2;}.pop__role{font-size:12px;font-weight:700;color:var(--accent);letter-spacing:.04em;}.pop .pop__name{font-size:clamp(25px,5.4cqw,38px);font-weight:800;letter-spacing:.08em;line-height:1.5;margin-top:4px;}.pop__roman{font-family:Georgia,serif;font-size:16px;font-style:italic;line-height:1.5;color:var(--accent);}.pop__portrait{position:relative;z-index:1;min-width:0;}.pop__portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 22%;}.pop__orb,.pop__dots,.pop__spark{position:absolute;display:block;pointer-events:none;}.pop__orb{background:var(--extra);border-radius:50%;}.pop__dots{background:radial-gradient(var(--accent) 1.6px,transparent 1.9px) 0 0/10px 10px;}.pop__spark{background:var(--extra);clip-path:polygon(50% 0,59% 29%,79% 10%,74% 37%,100% 36%,79% 54%,97% 73%,69% 70%,71% 100%,50% 79%,30% 100%,31% 72%,3% 76%,22% 55%,0 38%,28% 36%,22% 9%,43% 29%);}.pop__keys{display:block;height:26px;background:repeating-linear-gradient(90deg,transparent 0 7px,#262428 7px 12px,transparent 12px 19px) 0 0/100% 65% no-repeat,repeating-linear-gradient(90deg,#fff 0 18px,#262428 18px 19px);border:1px solid #262428;}
.pop__lead{font-size:14px;line-height:2;text-align:left;}.pop__details{font-size:13px;line-height:1.8;}.pop__details>div{display:grid;grid-template-columns:58px minmax(0,1fr);border-top:1px solid #ddd0c6;padding:11px 0;gap:8px;}.pop__details dt{font-size:12px;font-weight:700;color:var(--accent);}.pop__details dd{min-width:0;}.pop__details small{font-size:11px;display:inline-block;font-weight:400;}.pop__times{font-size:19px;white-space:nowrap;font-weight:700;font-family:Arial,sans-serif;}.pop__details strong{font-weight:700;}
/* A-C: expressive visuals, with live HTML details below. */
.pop__visual{position:relative;display:grid;isolation:isolate;gap:18px;padding:28px;}.pop--visual .pop__english{font-size:clamp(30px,6.6cqw,50px);}.pop--visual .pop__lower{padding:24px 28px 20px;}.pop--visual .pop__details{margin-top:20px;display:grid;grid-template-columns:1fr 1fr;gap:0 24px;}.pop--visual .pop__details>div{display:block;}.pop--visual .pop__details dt{margin-bottom:5px;}.pop--visual .pop__details>div:last-child{grid-column:1/-1;display:grid;grid-template-columns:58px 1fr;align-items:baseline;}.pop--visual .pop__kicker{border-radius:30px;padding:6px 12px;background:var(--ink);color:#fff;}.pop--visual .pop__name{font-size:clamp(26px,5.8cqw,42px);}
/* A: coral curves, yellow circle and turquoise keyboard. */
.pop--A .pop__visual{grid-template-columns:47% minmax(0,1fr);grid-template-rows:auto 1fr;background:#f3c6c4;padding:30px 24px 28px;gap:22px;}.pop--A .pop__portrait{grid-column:1;grid-row:1/3;aspect-ratio:2/3;border-radius:95px 95px 120px 0;overflow:hidden;border:7px solid #fff6e9;box-shadow:-12px 12px 0 #e9634f;}.pop--A .pop__portrait img{height:calc(100% - 26px);}.pop--A .pop__keys{background-color:#66b8b6;}.pop--A .pop__heading{grid-column:2;grid-row:1;align-self:center;}.pop--A .pop__english{margin-top:25px;}.pop--A .pop__heading :is(h1,h3,h5){font-size:clamp(17px,3.4cqw,26px);line-height:1.6;}.pop--A .pop__artist{grid-column:2;grid-row:2;align-self:end;padding-bottom:10px;}.pop--A .pop__roman{font-size:14px;}.pop--A .pop__orb{width:145px;height:145px;right:-56px;top:0;z-index:-1;}.pop--A .pop__dots{width:90px;height:44px;bottom:20px;right:25px;opacity:.4;z-index:-1;}.pop--A .pop__lower{border-top:7px solid #e9634f;}
/* B: lilac record sleeve, circular photograph and lime accents. */
.pop--B{--accent:#6445a0;--soft:#ece3fb;--paper:#fbf9ff;--extra:#d6ee63;}.pop--B .pop__visual{background:#e2d5f3;grid-template-columns:50% minmax(0,1fr);gap:24px 20px;padding:28px 24px 32px;}.pop--B .pop__heading{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:10px 20px;}.pop--B .pop__kicker{background:var(--extra);color:#31283f;}.pop--B .pop__english{font-size:clamp(30px,7.8cqw,58px);width:100%;order:3;}.pop--B .pop__english br{display:none;}.pop--B .pop__heading :is(h1,h3,h5){font-size:clamp(18px,3.5cqw,26px);margin:0;}.pop--B .pop__portrait{aspect-ratio:1;border:8px solid #fff;border-radius:50%;box-shadow:8px 8px 0 #8063aa;overflow:hidden;}.pop--B .pop__portrait img{object-position:50% 22%;}.pop--B .pop__portrait .pop__keys{display:none;}.pop--B .pop__artist{align-self:center;}.pop--B .pop__name{font-size:clamp(25px,5.4cqw,40px);}.pop--B .pop__spark{width:60px;height:60px;right:18px;bottom:22px;z-index:-1;}.pop--B .pop__orb{width:130px;height:130px;left:-45px;bottom:-40px;z-index:-1;}.pop--B .pop__dots{right:20px;top:20px;width:80px;height:30px;opacity:.2;}.pop--B .pop__lower{border-top:2px solid #6445a0;}
/* C: mint arch, oversize orange disc and rhythmic lines. */
.pop--C{--accent:#18756f;--paper:#f4fbf4;--extra:#f19c6c;}.pop--C .pop__visual{background:#d3eae0;grid-template-columns:1fr 46%;grid-template-rows:auto 1fr;gap:24px 18px;padding:30px 24px;}.pop--C .pop__heading{grid-column:1;grid-row:1;}.pop--C .pop__english{margin-top:26px;color:#215b55;}.pop--C .pop__heading :is(h1,h3,h5){font-size:clamp(17px,3.4cqw,26px);}.pop--C .pop__artist{grid-column:1;grid-row:2;align-self:end;}.pop--C .pop__name{font-size:clamp(26px,5.4cqw,40px);}.pop--C .pop__portrait{grid-column:2;grid-row:1/3;aspect-ratio:2/3;border-radius:140px 140px 0 0;overflow:hidden;border-bottom:10px solid #1e645f;box-shadow:10px 10px 0 #fbf7df;}.pop--C .pop__portrait img{height:calc(100% - 26px);}.pop--C .pop__orb{width:220px;height:220px;right:-65px;bottom:-90px;z-index:-1;}.pop--C .pop__dots{width:100px;height:42px;left:28px;bottom:6px;opacity:.3;z-index:-1;}.pop--C .pop__kicker{background:#215b55;}.pop--C .pop__lower{border-top:6px solid #f19c6c;}
/* D-F: photograph and HTML copy side by side. */
.pop--info{border-radius:14px;}.pop--info>.pop__heading{padding:22px 28px 20px;background:var(--soft);border-bottom:1px solid #ead7c7;}.pop--info .pop__heading :is(h1,h3,h5){margin:7px 0 0;font-size:clamp(20px,4.8cqw,34px);}.pop--info .pop__english{display:none;}.pop--info .pop__kicker{color:var(--accent);border-left:3px solid var(--accent);padding-left:9px;line-height:1.4;}.pop__body{display:grid;grid-template-columns:34% minmax(0,1fr);gap:28px;padding:28px 24px;align-items:start;}.pop__photoArea{position:relative;isolation:isolate;min-width:0;}.pop--info .pop__portrait{aspect-ratio:2/3;}.pop--info .pop__artist{padding-bottom:14px;border-bottom:2px solid var(--soft);}.pop--info .pop__name{font-size:clamp(24px,4.8cqw,34px);}.pop--info .pop__roman{font-size:14px;}.pop--info .pop__lead{font-size:13px;line-height:1.95;margin:15px 0 18px;}.pop--info .pop__details{font-size:12px;}.pop--info .pop__details>div{grid-template-columns:45px minmax(0,1fr);padding:10px 0;gap:8px;}.pop--info .pop__details dt{font-size:11px;}.pop--info .pop__times{font-size:18px;}.pop--info .pop__details small{font-size:10px;}.pop__photoCaption{position:relative;z-index:3;font-family:Georgia,serif;font-size:24px;font-style:italic;font-weight:700;line-height:1.05;color:var(--accent);}
.pop--D .pop__portrait{border:6px solid #fff;border-radius:90px 90px 70px 8px;overflow:hidden;box-shadow:-9px 10px 0 #edaaab;}.pop--D .pop__photoArea{padding-top:18px;}.pop--D .pop__orb{width:75px;height:75px;right:-13px;top:0;z-index:-1;}.pop--D .pop__dots{left:-13px;bottom:55px;width:60px;height:65px;z-index:-1;}.pop--D .pop__photoArea .pop__keys{position:relative;z-index:2;width:88%;margin:8px 0 0 9px;transform:rotate(-4deg);border:2px solid #262428;}.pop--D .pop__photoCaption{margin:24px 0 0 8px;transform:rotate(-7deg);}.pop--D .pop__spark{display:none;}
.pop--E{--accent:#704b92;--soft:#e9e0f6;--paper:#fffdf9;--extra:#dced7d;}.pop--E .pop__body{grid-template-columns:minmax(0,1fr) 34%;}.pop--E .pop__photoArea{grid-column:2;grid-row:1;padding-top:16px;}.pop--E .pop__copy{grid-column:1;grid-row:1;}.pop--E .pop__portrait{border:7px solid #fff;transform:rotate(4deg);box-shadow:0 5px 15px #624b7822;}.pop--E .pop__photoArea:before{content:'';position:absolute;inset:12px -5px 62px -6px;background:#bba1d2;transform:rotate(-5deg);z-index:-2;}.pop--E .pop__orb{left:-22px;bottom:24px;width:86px;height:86px;z-index:-1;}.pop--E .pop__dots{right:-13px;top:-2px;width:80px;height:60px;z-index:-1;}.pop--E .pop__photoArea .pop__keys{height:20px;width:80%;margin:20px 0 0 auto;}.pop--E .pop__photoCaption{font-size:23px;margin:18px 0 0 6px;}.pop--E .pop__spark{width:40px;height:40px;right:-6px;top:0;z-index:3;}
.pop--F{--accent:#245ca7;--soft:#fff0b6;--paper:#fffef8;--extra:#e98c71;}.pop--F .pop__heading{border-bottom:3px solid var(--accent);}.pop--F .pop__heading :is(h1,h3,h5){color:var(--accent);}.pop--F .pop__photoArea{padding:20px 0 0;}.pop--F .pop__portrait{overflow:hidden;border-radius:110px 110px 0 0;outline:2px solid var(--accent);outline-offset:5px;}.pop--F .pop__orb{width:120px;height:120px;left:-18px;top:0;background:#ffe39a;z-index:-1;}.pop--F .pop__spark{right:-18px;top:14px;width:52px;height:52px;z-index:3;}.pop--F .pop__dots{left:-15px;bottom:43px;width:55px;height:70px;z-index:-1;}.pop--F .pop__photoArea .pop__keys{margin-top:13px;height:24px;border-color:var(--accent);}.pop--F .pop__photoCaption{font-size:23px;margin:18px 0 0 4px;}.pop--F .pop__artist{border-bottom-color:#f0d38e;}
@container pop (max-width:500px){
 .pop__visual{padding:22px;}.pop--visual .pop__lower{padding:22px;}.pop--visual .pop__details{grid-template-columns:1fr;gap:0;}.pop--visual .pop__details>div{display:grid;grid-template-columns:46px 1fr;gap:8px;}.pop--visual .pop__details>div:last-child{grid-column:auto;grid-template-columns:46px 1fr;}.pop--visual .pop__details dt{margin:0;}.pop--A .pop__visual,.pop--C .pop__visual{grid-template-columns:1fr;gap:20px;padding:24px;}.pop--A .pop__heading,.pop--C .pop__heading{grid-row:1;grid-column:1;}.pop--A .pop__portrait,.pop--C .pop__portrait{grid-row:2;grid-column:1;aspect-ratio:4/5;width:88%;margin:0 auto;}.pop--A .pop__artist,.pop--C .pop__artist{grid-row:3;grid-column:1;}.pop--visual .pop__english{font-size:clamp(30px,12cqw,54px);}.pop--A .pop__heading :is(h1,h3,h5),.pop--C .pop__heading :is(h1,h3,h5){font-size:clamp(18px,7cqw,26px);}.pop--A .pop__english,.pop--C .pop__english{margin-top:20px;}.pop--A .pop__english br,.pop--C .pop__english br{display:none;}.pop--B .pop__visual{grid-template-columns:1fr;padding:24px;}.pop--B .pop__portrait{width:88%;margin:0 auto;}.pop--B .pop__heading{grid-column:1;}.pop--B .pop__heading :is(h1,h3,h5){font-size:clamp(18px,7cqw,26px);}.pop--B .pop__english{font-size:clamp(26px,9.3cqw,42px);}.pop--visual .pop__name{font-size:30px;}.pop--visual .pop__roman{font-size:16px;}.pop__body,.pop--E .pop__body{grid-template-columns:1fr;padding:24px 20px;gap:30px;}.pop--info>.pop__heading{padding:20px;}.pop--info .pop__heading :is(h1,h3,h5){font-size:clamp(18px,7.5cqw,30px);}.pop__photoArea,.pop--E .pop__photoArea{width:76%;max-width:230px;margin:0 auto;grid-column:1;grid-row:1;}.pop--E .pop__copy{grid-column:1;grid-row:2;}.pop--info .pop__name{font-size:30px;}.pop--info .pop__lead{font-size:14px;}.pop--info .pop__details{font-size:13px;}.pop--info .pop__details>div{grid-template-columns:40px 1fr;}.pop--info .pop__details dt{font-size:12px;}.pop--info .pop__details small{font-size:11px;}.pop--info .pop__details>div:last-child dd small{display:block;}.pop--E .pop__photoArea:before{bottom:66px;}
}
@container pop (max-width:260px){.pop--visual .pop__details>div,.pop--visual .pop__details>div:last-child,.pop--info .pop__details>div{display:block;}.pop__details dt{margin-bottom:4px;}.pop--info .pop__name,.pop--visual .pop__name{font-size:26px;}.pop__times,.pop--info .pop__times{font-size:18px;}.pop--visual .pop__english{font-size:26px;}.pop--B .pop__heading :is(h1,h3,h5){font-size:18px;}.pop--info .pop__heading :is(h1,h3,h5){font-size:18px;}}
@container pop (max-width:500px){.pop--visual .pop__english br{display:block;}.pop--B .pop__english{font-size:clamp(30px,12cqw,54px);}.pop--A .pop__orb{width:80px;height:80px;right:-30px;}.pop--A .pop__dots,.pop--C .pop__dots{bottom:4px;opacity:.15;}.pop--B .pop__orb{bottom:-70px;}}