:root{color-scheme:dark;--gold:#f2ce71;--muted:#c1b9a9;--line:#6e5c354d}*{box-sizing:border-box}body{margin:0;background:#100e0c;color:#fffaf0;font-family:"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;min-height:100svh}.scene{position:fixed;inset:0;z-index:-1;background:linear-gradient(90deg,#100e0c 30%,#100e0cee 57%,#100e0cb8 100%),url("assets/conference-visual.jpg") right center / auto 110% no-repeat;opacity:.7}header{display:flex;gap:24px;align-items:center;max-width:1240px;margin:auto;padding:30px 48px;border-bottom:1px solid var(--line)}header p{font-size:14px;letter-spacing:.08em;line-height:1.8;margin:0}.brand{font-family:Georgia,serif;font-size:34px;letter-spacing:-.055em;color:#fffaf0;text-decoration:none;white-space:nowrap}.brand span{color:var(--gold)}main{max-width:1100px;margin:auto;padding:54px 48px 30px}.heading{display:flex;justify-content:space-between;align-items:flex-end}.eyebrow{color:var(--gold);letter-spacing:.22em;font-size:12px;margin:0 0 13px}h1{font-size:clamp(24px,3vw,34px);letter-spacing:.06em;font-weight:500;margin:0}.asof{font-size:18px;margin:0 0 3px;color:var(--gold);white-space:nowrap}.counter{padding:40px 0 36px;max-width:870px}h2{font-size:16px;font-weight:400;margin:0;color:var(--muted);letter-spacing:.08em}.number{margin:7px 0 8px;line-height:1.05;white-space:nowrap}.number #count{font-family:Arial,sans-serif;font-size:clamp(96px,17vw,196px);font-weight:700;letter-spacing:-.045em;font-variant-numeric:tabular-nums;color:var(--gold)}.unit{font-size:30px;margin-left:22px}.goal{display:flex;gap:16px;align-items:baseline;color:var(--muted);font-size:18px;margin:12px 0 26px}.goal strong{color:#fffaf0;font-size:32px;font-family:Arial,sans-serif;font-weight:500;letter-spacing:.02em}.goal strong span{font-size:18px;margin-left:8px}.progress{height:8px;background:#f2ce7124;overflow:hidden;border-radius:1px}#bar{height:100%;width:0;background:linear-gradient(90deg,#b08b37,#f2ce71)}.metrics{display:flex;justify-content:space-between;gap:20px;margin:18px 0 30px}.metrics p{margin:0;color:var(--muted);font-size:16px}.metrics strong{font-family:Arial,sans-serif;font-size:28px;line-height:1.4;color:#fffaf0;font-weight:500;margin-left:14px;font-variant-numeric:tabular-nums}.metrics span{margin-left:5px}.data-note{color:#b9b2a5;font-size:14px;line-height:1.8;margin:0;max-width:750px}footer{display:flex;justify-content:space-between;gap:24px;align-items:center;border-top:1px solid var(--line);padding-top:24px;color:#e5ded0;font-size:14px;line-height:1.9}footer p{margin:0}footer span{color:var(--muted)}footer a{color:var(--gold);text-underline-offset:5px;white-space:nowrap}a:focus-visible{outline:2px solid var(--gold);outline-offset:6px}@media(max-width:600px){header{padding:20px 24px;gap:17px}header p{font-size:12px;max-width:215px}.brand{font-size:30px}main{padding:35px 24px 25px}.heading{display:block}.asof{margin-top:20px;font-size:17px}.counter{padding-top:30px}.number #count{font-size:clamp(80px,24vw,135px)}.unit{font-size:24px;margin-left:12px}.goal{margin-top:18px}.metrics{gap:12px}.metrics p{font-size:14px}.metrics strong{font-size:24px;margin-left:6px}.metrics span{font-size:14px}footer{align-items:flex-start;flex-direction:column;gap:18px}.scene{background:linear-gradient(#100e0cef,#100e0cef),url('assets/conference-visual.jpg') 80% center / auto 100% no-repeat}}@media(prefers-reduced-motion:no-preference){#bar{transition:width .7s ease}}
.breakdown{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);padding-top:22px;margin-bottom:26px;gap:20px}.breakdown div{display:flex;gap:9px;align-items:baseline;flex-wrap:wrap}.breakdown span{display:block;width:100%;color:var(--muted);font-size:14px;margin-bottom:0}.breakdown strong{font-family:Arial,sans-serif;font-size:32px;font-weight:500;font-variant-numeric:tabular-nums}.breakdown small{font-size:14px;color:var(--muted)}.trend{border-top:1px solid var(--line);padding-top:26px;padding-bottom:18px}.trend-heading{display:flex;justify-content:space-between;align-items:baseline;gap:20px}.trend h2{color:#fffaf0;font-size:20px;font-weight:500}.trend-heading p{font-size:14px;color:var(--gold);margin:0}.chart{margin:23px -7px 0}.chart svg{display:block;width:100%;height:auto;min-height:150px}.chart-note{font-size:12px;color:var(--muted);line-height:1.8;margin:10px 0}.source-line{display:flex;justify-content:space-between;gap:20px;font-size:12px;color:var(--muted);margin:8px 0 28px;line-height:1.8}.source-line a{color:var(--muted);text-underline-offset:3px;white-space:nowrap}@media(max-width:600px){.trend-heading{display:block}.trend-heading p{margin-top:12px}.source-line{display:block}.source-line span{display:block;margin-top:5px}.breakdown strong{font-size:28px}}

/* Isolated central poster motif: no poster text, no repeated or stretched image. */
.scene{position:fixed;inset:0;z-index:-1;opacity:1;background:radial-gradient(ellipse at 86% 38%,#32271855,transparent 60%)}
.scene::before{content:"";position:absolute;width:min(73vw,930px);aspect-ratio:1;top:74px;right:max(-120px,-8vw);background:url("assets/central-motif.png") center/contain no-repeat;opacity:.21;mask-image:linear-gradient(90deg,transparent,black 45%);-webkit-mask-image:linear-gradient(90deg,transparent,black 45%)}
.counter{position:relative}.number,.heading,.goal{text-shadow:0 2px 20px #100e0c}
@media(max-width:600px){.scene::before{width:110vw;top:135px;right:-31vw;opacity:.13;mask-image:linear-gradient(90deg,transparent,black 45%);-webkit-mask-image:linear-gradient(90deg,transparent,black 45%)}}
/* Phone-first layout, including touch browsers that request a desktop viewport. */
@media (max-width:700px), (hover:none) and (pointer:coarse){
 body{font-size:clamp(18px,4.7vw,48px)}
 header{padding:clamp(18px,4.8vw,48px) 5vw;gap:3vw;align-items:center}
 .brand{font-size:clamp(28px,8vw,80px)}
 header p{font-size:clamp(13px,3.6vw,36px);line-height:1.65;max-width:none;letter-spacing:0}
 main{padding:clamp(24px,6vw,60px) 5vw 6vw;max-width:none}
 .eyebrow{display:none}
 .heading{display:block}
 h1{font-size:clamp(25px,7vw,70px);font-weight:600;line-height:1.4}
 .asof{font-size:clamp(20px,5.6vw,56px);margin:3vw 0 0;color:#f5d77f;letter-spacing:0}
 .counter{padding:6vw 0;max-width:none}
 h2{font-size:clamp(18px,4.8vw,48px);line-height:1.5;color:#e5ded0;letter-spacing:0}
 .number{margin:2vw 0 0;display:flex;align-items:baseline;gap:2vw;line-height:1.08}
 .number #count{font-size:clamp(84px,25vw,250px);letter-spacing:-.055em;line-height:1.1}
 .unit{font-size:clamp(22px,6.4vw,64px);margin:0}
 .goal{font-size:clamp(19px,5.2vw,52px);gap:3vw;margin:4vw 0 5vw;color:#e5ded0}
 .goal strong{font-size:clamp(30px,8.5vw,85px);font-weight:600;letter-spacing:0}
 .goal strong span{font-size:clamp(18px,5vw,50px);margin-left:1.5vw}
 .progress{height:clamp(10px,2.5vw,25px)}
 .metrics{margin:5vw 0 0;gap:4vw;display:grid;grid-template-columns:1fr 1fr}
 .metrics p{font-size:clamp(17px,4.5vw,45px);line-height:1.5;color:#e5ded0}
 .metrics strong{display:block;font-size:clamp(29px,8vw,80px);font-weight:600;margin:1vw 0 0;line-height:1.25}
 .metrics span{display:inline-block;font-size:clamp(18px,5vw,50px);margin:1vw 0 0}
 .metrics p{display:grid;grid-template-columns:auto 1fr;align-content:start;align-items:baseline;column-gap:1vw}
 .metrics p strong{grid-column:1;grid-row:2}.metrics p span{grid-column:2;grid-row:2}
 .trend{padding:6vw 0 3vw}
 .trend-heading{display:block}
 .trend h2{font-size:clamp(23px,6vw,60px);font-weight:600}
 .trend-heading p{font-size:clamp(17px,4.6vw,46px);margin:3vw 0 0}
 .chart{margin:5vw -1vw 0}.chart svg{min-height:0;width:100%;height:auto}
 footer{display:block;padding-top:5vw;font-size:clamp(15px,4vw,40px);line-height:1.9}
 footer a{display:inline-block;margin-top:4vw;font-size:clamp(18px,4.8vw,48px);padding:2vw 0}
 .scene::before{width:120vw;top:25vw;right:-38vw;opacity:.105;mask-image:linear-gradient(90deg,transparent,black 60%);-webkit-mask-image:linear-gradient(90deg,transparent,black 60%)}
}