:root{--navy:#092d50;--blue:#0879c9;--light:#eef7fc;--ink:#172635;--muted:#6e7d89;--line:#dce6ec}*{box-sizing:border-box}body{margin:0;font-family:"Meiryo","Yu Gothic",sans-serif;color:var(--ink);background:#fff}a{color:inherit;text-decoration:none}header{height:72px;display:flex;align-items:center;padding:0 max(24px,calc((100% - 1240px)/2));border-bottom:1px solid var(--line);gap:38px;position:sticky;top:0;background:#fffffff2;backdrop-filter:blur(10px);z-index:20}.brand{font-size:28px;font-weight:900;letter-spacing:2px}.brand span{display:block;font-size:7px;letter-spacing:0;color:#555}nav{display:flex;gap:26px;font-size:13px;font-weight:700;flex:1;justify-content:center}.consult,.search button,.sticky button{border:0;background:var(--navy);color:#fff;padding:14px 25px;border-radius:5px;font-weight:700;cursor:pointer}.hero{min-height:510px;background:linear-gradient(90deg,#063765e8,#073b6677),radial-gradient(circle at 78% 28%,#ef8e54 0 4%,transparent 5%),linear-gradient(155deg,#183d62,#467a9d 48%,#173450 49% 100%);position:relative;overflow:hidden}.hero:after{content:"";position:absolute;right:4%;bottom:-5%;width:49%;height:70%;background:repeating-linear-gradient(90deg,#112f4a 0 25px,#234d6c 26px 42px);clip-path:polygon(0 100%,5% 55%,10% 100%,16% 35%,22% 100%,28% 48%,34% 100%,40% 17%,48% 100%,55% 38%,62% 100%,70% 25%,77% 100%,84% 47%,91% 100%,96% 32%,100% 100%);opacity:.85}.heroInner{max-width:1240px;margin:auto;padding:65px 24px;position:relative;z-index:2;color:#fff}.eyebrow{font-size:12px;letter-spacing:2px}.hero h1{font-size:45px;line-height:1.35;margin:12px 0}.hero p{font-weight:700;line-height:1.8}.search{display:flex;max-width:730px;background:#fff;padding:5px;border-radius:7px;margin-top:24px;box-shadow:0 10px 30px #0002}.search input,.sticky input{flex:1;border:0;padding:15px;font-size:14px;outline:0}.chips{display:flex;gap:8px;align-items:center;margin-top:13px;font-size:12px}.chips button{background:#ffffff1a;color:#fff;border:1px solid #ffffff88;border-radius:20px;padding:6px 12px}.wrap{max-width:1240px;margin:auto;padding-left:24px;padding-right:24px}.quick{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;padding-top:24px}.quick article{background:#f7f9fa;text-align:center;padding:22px 10px;border-radius:5px}.quick b{font-size:28px;color:var(--navy)}.quick h3{font-size:14px;margin:8px}.quick p{font-size:11px;color:var(--muted)}.section{padding-top:48px;padding-bottom:60px}.sectionHead{display:flex;justify-content:space-between;align-items:end;border-bottom:2px solid var(--navy);margin-bottom:20px}.sectionHead h2{font-size:24px}.sectionHead span{font-size:10px;color:var(--muted);padding-bottom:15px}.featured{display:grid;grid-template-columns:1.2fr .9fr;gap:32px}.photo,.articleHero{height:290px;background:linear-gradient(#0c477755,#0c477722),linear-gradient(150deg,#8cb3c9,#d3b28b 47%,#57778c 48%);position:relative;overflow:hidden}.roppongi:after{content:"";position:absolute;inset:20% 0 0;background:repeating-linear-gradient(90deg,#173e59 0 28px,#436d83 29px 48px);clip-path:polygon(0 100%,5% 54%,11% 100%,17% 22%,24% 100%,31% 42%,38% 100%,45% 7%,52% 100%,60% 30%,67% 100%,75% 18%,82% 100%,90% 46%,100% 100%)}.photo span{position:absolute;z-index:2;top:15px;left:15px;background:#0879c9;color:#fff;padding:6px 10px;font-size:11px;border-radius:3px}.leadCard h2{font-size:20px;line-height:1.55}.leadCard p{color:var(--muted);font-size:13px;line-height:1.8}.leadCard small{color:#8b969f}.sideList article{padding:14px 0;border-bottom:1px solid var(--line)}.sideList span,.meta span{font-size:10px;color:var(--blue);background:#eaf5fc;padding:4px 8px;border-radius:4px;margin-right:6px}.sideList b{display:block;font-size:13px;line-height:1.6;margin-top:7px}.dataBand{background:#082e50;color:#fff;padding:48px 0}.sectionHead.light{border-color:#6ea9d2}.sectionHead.light span{color:#b9d1e2}.dataGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.dataGrid article{background:#fff;color:var(--ink);padding:12px;border-radius:6px}.dataGrid h3{font-size:14px}.dataGrid p{font-size:11px;color:var(--muted)}.heatmap,.cityBlocks,.chart,.bars{height:120px;background:#edf4f8;position:relative;overflow:hidden}.heatmap{background:radial-gradient(circle at 20% 30%,#e45757 0 5%,transparent 6%),radial-gradient(circle at 65% 55%,#ff9d56 0 7%,transparent 8%),radial-gradient(circle at 80% 25%,#e45757 0 4%,transparent 5%),linear-gradient(35deg,#d8e8ef 25%,transparent 25%) 0 0/30px 30px}.chart{display:flex;align-items:flex-end;padding:20px;gap:8px}.chart i{display:block;width:18%;background:#178bd1;height:30%}.chart i:nth-child(2){height:43%}.chart i:nth-child(3){height:55%}.chart i:nth-child(4){height:72%}.chart i:nth-child(5){height:88%}.bars{padding:20px}.bars i{display:block;height:12px;background:#178bd1;margin:8px}.cityBlocks{background:repeating-linear-gradient(90deg,#b9cad5 0 20px,#edf4f8 21px 35px),repeating-linear-gradient(0deg,transparent 0 25px,#d9e6ec 26px 28px)}.themes{display:flex;flex-wrap:wrap;gap:10px}.themes span{padding:12px 16px;background:#eef5f9;border-radius:24px;font-size:13px;font-weight:700}footer{background:#071e33;color:#fff;padding:38px max(24px,calc((100% - 1192px)/2));display:flex;justify-content:space-between}footer b{font-size:24px}footer p{font-size:11px;color:#b5c2cc}.articleWrap{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:minmax(0,850px) 300px;gap:42px;padding:28px 24px 70px}.breadcrumb{font-size:11px;color:var(--muted);margin:10px 0 30px}.article h1{font-size:31px;line-height:1.5}.meta{font-size:12px;color:#8a969e;margin:16px 0}.articleHero{height:430px}.points{background:#eef8fd;padding:20px 28px;margin:24px 0 42px;border-radius:6px}.points b{color:var(--blue)}.points li{margin:9px 0;font-size:13px}.article h2{border-left:5px solid var(--navy);padding-left:12px;margin-top:45px;font-size:23px}.article p{font-size:15px;line-height:2;color:#3c4a55}.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:25px 0}.facts div{background:#f2f7fa;padding:18px;text-align:center}.facts small{display:block;color:var(--muted)}.facts strong{font-size:24px;color:var(--navy)}.plan{display:grid;grid-template-columns:1.1fr .9fr;gap:20px}table{border-collapse:collapse;width:100%;font-size:12px}th,td{border:1px solid var(--line);padding:10px;text-align:left}th{background:#f4f7f9;width:28%}.mapMock{min-height:260px;background:linear-gradient(25deg,#e2ebdd,#d7e6ed);position:relative;padding:20px}.mapMock .zone{position:absolute;left:35%;top:25%;background:#e65e5ecc;border:2px solid #e13f3f;padding:45px 20px;color:#fff;font-weight:700}.mapMock em{position:absolute;left:5%;bottom:20%;background:#177ebc;color:#fff;padding:5px}.mapMock small{position:absolute;right:5%;bottom:10%;background:#fff;padding:5px}.timeline{border-left:3px solid var(--blue);margin:20px}.timeline div{padding:8px 20px 22px}.timeline b{display:block;color:var(--blue)}.whereData{background:#092f51;color:#fff;padding:25px;border-radius:8px;margin:30px 0}.whereData p{color:#c5d8e6}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.metrics span{background:#ffffff12;padding:15px;text-align:center}.metrics small{display:block}.metrics strong{font-size:21px}.cta{background:#eaf6fc;padding:30px;margin-top:45px}.cta h2{border:0;padding:0;margin-top:0}.refs{font-size:13px;line-height:2}.sticky{position:sticky;top:100px;background:#f1f8fc;padding:22px;border-radius:8px}.sticky input{width:100%;background:#fff;margin:8px 0}.sticky button{width:100%}.sticky hr{border:0;border-top:1px solid var(--line);margin:25px 0}.sticky li{font-size:12px;margin:10px 0}@media(max-width:800px){header nav{display:none}.hero h1{font-size:32px}.quick,.dataGrid{grid-template-columns:repeat(2,1fr)}.featured,.articleWrap,.plan{grid-template-columns:1fr}.articleWrap aside{display:none}.metrics{grid-template-columns:repeat(2,1fr)}.chips{flex-wrap:wrap}.article h1{font-size:25px}.articleHero{height:270px}}
/* --- Visual prototype assets --- */
.hero{background-image:linear-gradient(90deg,rgba(4,39,72,.90),rgba(4,45,78,.35)),url('assets/hero-city.jpg');background-size:cover;background-position:center 44%}
.hero:after{display:none}
.photo.roppongi,.articleHero{background-image:linear-gradient(rgba(5,40,69,.08),rgba(5,40,69,.16)),url('assets/article-city.jpg');background-size:cover;background-position:center}
.roppongi:after{display:none}
.heatmap{background-image:linear-gradient(rgba(255,255,255,.08),rgba(255,255,255,.08)),url('assets/market-map.jpg');background-size:cover;background-position:center}
.cityBlocks{background-image:url('assets/redevelopment-city.jpg');background-size:cover;background-position:center}
.prototype-note{max-width:1240px;margin:0 auto;padding:10px 24px;font-size:11px;color:#667985;background:#f6f9fb}
.image-credit{font-size:10px;color:#8a969e;margin-top:5px}
@media(max-width:800px){.hero{background-position:58% center}.heroInner{background:linear-gradient(90deg,rgba(4,39,72,.72),rgba(4,39,72,.08));}.photo.roppongi{height:230px}}