.brand-hero{position:relative;overflow:hidden;isolation:isolate;color:#fff;background:linear-gradient(115deg,#082b4b 0%,#0c385c 55%,#0a4568 100%)}.brand-hero-inner{min-height:520px;display:flex;align-items:center;padding:52px 0 58px}.brand-hero-copy{position:relative;z-index:2;max-width:800px}.brand-kicker{font-size:10px;letter-spacing:.25em;color:#85c5dc;font-weight:600}.brand-hero h1{font-family:'Yu Mincho','Noto Serif JP',serif;font-size:clamp(33px,3.35vw,49px);line-height:1.5;letter-spacing:.06em;margin:19px 0 22px;font-weight:600}.brand-divider{display:block;width:45px;height:2px;background:#55b7d0;margin-bottom:20px}.brand-hero p{font-size:12px;line-height:2.1;color:#c6dae8;font-weight:400;margin:0 0 18px}.brand-english{font-size:10px;color:#89b3ca;letter-spacing:.065em;line-height:1.9;display:block}.brand-hero-art{position:absolute;z-index:-1;right:-6%;top:0;width:58%;height:100%;opacity:.72}.brand-hero-art svg{width:100%;height:100%}.reference-home .v2-services{margin-top:0;padding-top:36px;padding-bottom:40px;gap:24px}.reference-home .v2-card{box-shadow:0 4px 18px #153b6009;border:1px solid #e3edf4}.reference-home .v2-card-image{height:155px}.reference-home .v2-card-title{margin-top:-7px}@media(min-width:1600px){.brand-hero-inner{min-height:540px}.brand-hero h1{font-size:52px}.brand-hero p{font-size:13px}}@media(max-width:850px){.brand-hero-inner{min-height:500px}.brand-hero-art{right:-18%;width:70%;opacity:.42}.brand-hero-copy{max-width:640px}.brand-hero h1{font-size:38px}.brand-hero p{font-size:11px}.reference-home .v2-services{gap:16px;padding-top:28px}.reference-home .v2-card-image{height:130px}}@media(max-width:560px){.brand-hero-inner{min-height:510px;padding:40px 0}.brand-hero-copy{max-width:100%}.brand-hero h1{font-size:32px;line-height:1.65;letter-spacing:.03em;margin-top:18px}.brand-hero p{font-size:11px;line-height:2.1;max-width:340px}.brand-hero p br{display:none}.brand-hero-art{width:110%;right:-50%;opacity:.18}.brand-kicker{font-size:9px}.brand-english{font-size:9px}.reference-home .v2-services{padding-top:25px;gap:24px}.reference-home .v2-card-image{height:175px}}

/* Compact first view: cards appear immediately below the brand message. */
.brand-hero-inner{min-height:0;height:clamp(275px,42svh,335px);padding:25px 0}.brand-hero-copy{max-width:780px}.brand-hero h1{font-size:clamp(27px,2.6vw,39px);line-height:1.55;letter-spacing:.025em;margin:10px 0 13px}.brand-kicker{font-size:9px}.brand-divider{margin-bottom:10px;width:34px}.brand-hero p{font-size:11px;line-height:1.95;margin-bottom:10px}.brand-english{font-size:9px;line-height:1.6}.brand-hero-art{right:0;width:52%;opacity:.8}.reference-home .v2-services{padding-top:22px;padding-bottom:30px;gap:22px}.reference-home .v2-card-image{height:clamp(105px,17svh,145px)}.reference-home .v2-card-title{margin-bottom:11px}.reference-home .v2-card h2{margin-top:6px}.reference-home .v2-card-content{padding-bottom:18px}@media(min-width:1600px){.brand-hero-inner{min-height:0;height:clamp(285px,42svh,350px)}.brand-hero h1{font-size:39px}.brand-hero p{font-size:12px}}@media(max-width:1100px){.brand-hero-art{right:-8%;width:60%;opacity:.55}.brand-hero-copy{max-width:640px}.brand-hero h1{font-size:30px}.reference-home .v2-services{gap:16px}}@media(max-width:850px){.brand-hero-inner{height:300px;padding:24px 0}.brand-hero-art{right:-18%;width:70%;opacity:.35}.brand-hero h1{font-size:29px}.brand-hero p{font-size:10px}.reference-home .v2-card-image{height:110px}}@media(max-width:560px){.brand-hero-inner{min-height:0;height:310px;padding:23px 0}.brand-hero h1{font-size:clamp(21px,5.5vw,29px);line-height:1.65;letter-spacing:0;margin:10px 0 12px}.brand-hero p{font-size:10px;max-width:100%;line-height:1.9}.brand-hero p br{display:none}.brand-hero-art{right:-48%;width:125%;opacity:.16}.brand-english{font-size:8px}.reference-home .v2-services{padding-top:18px;gap:18px}.reference-home .v2-card{display:grid;grid-template-columns:32% 68%;border-radius:8px}.reference-home .v2-card-image{height:100%;min-height:150px}.reference-home .v2-card-content{padding:12px 13px}.reference-home .v2-card-title{margin-top:0;gap:0;margin-bottom:8px}.reference-home .v2-card-title .round-icon{display:none}.reference-home .v2-card h2{font-size:clamp(11px,3.25vw,17px);margin:0;letter-spacing:-.03em}.reference-home .v2-card-title div>span{font-size:8px}.reference-home .v2-card p{font-size:10px;line-height:1.8;margin-bottom:5px}.reference-home .v2-more{font-size:10px;margin-top:3px;gap:9px}.reference-home .v2-more span{font-size:16px}}@media(max-height:650px) and (min-width:851px){.brand-hero-inner{height:265px;min-height:0;padding:18px 0}.brand-hero h1{font-size:30px}.brand-hero p{font-size:10px}.reference-home .v2-card-image{height:100px}.reference-home .v2-services{padding-top:18px}}

/* One integrated brand composition: services sit within the hero background. */
.reference-home .brand-hero{background:radial-gradient(ellipse at 81% 24%,rgba(42,152,186,.18),transparent 40%),radial-gradient(ellipse at 14% 100%,rgba(16,109,153,.22),transparent 52%),linear-gradient(115deg,#082b4b,#103f61 65%,#0a4263);padding-bottom:28px}.brand-hero:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(circle,rgba(151,221,237,.22) 1px,transparent 1.4px);background-size:37px 37px;mask-image:linear-gradient(90deg,transparent 43%,#000 100%);opacity:.35}.brand-hero:after{content:'';position:absolute;z-index:-1;width:620px;height:620px;border:1px solid rgba(126,214,234,.1);border-radius:50%;right:-140px;top:-280px;box-shadow:0 0 0 50px rgba(90,190,217,.025),0 0 0 110px rgba(90,190,217,.018);pointer-events:none}.reference-home .brand-hero-inner{height:clamp(250px,37svh,300px);padding:23px 0 18px;min-height:0}.reference-home .brand-hero-art{height:340px;top:-12px;width:55%;right:0;opacity:.9}.reference-home .brand-hero .v2-services{position:relative;z-index:3;margin-top:0;padding-top:0;padding-bottom:0;gap:22px}.reference-home .brand-hero .v2-card{border:1px solid rgba(214,237,248,.8);background:#fff;box-shadow:0 12px 30px rgba(0,15,35,.18);border-radius:11px}.reference-home .brand-hero .v2-card-image{height:clamp(100px,15svh,140px)}.reference-home .brand-hero .v2-card-content{padding:0 20px 16px}.reference-home .brand-hero .v2-card-title{margin-top:-9px;margin-bottom:9px}.reference-home .brand-hero .v2-card h2{color:#092658;font-family:'Noto Sans JP',sans-serif;font-size:clamp(14px,1.42vw,20px);letter-spacing:-.035em;margin:6px 0 0;line-height:1.5}.reference-home .brand-hero .v2-card p{font-size:12px;color:#40536a;line-height:1.85;letter-spacing:0;max-width:none;margin:0 0 10px}.reference-home .brand-hero .v2-card-title div>span{color:#4386cb}.reference-home .brand-hero .v2-more{font-size:12px}.reference-home .v2-strengths{margin-top:0}.reference-home .brand-hero-copy>p{max-width:760px}@media(max-width:1100px){.reference-home .brand-hero .v2-services{gap:16px}.reference-home .brand-hero .v2-card-content{padding:0 15px 14px}.reference-home .brand-hero .v2-card h2{font-size:clamp(12px,1.45vw,16px)}.reference-home .brand-hero .v2-card p{font-size:11px}}@media(max-width:850px){.reference-home .brand-hero-inner{height:280px}.reference-home .brand-hero-art{right:-12%;width:66%;opacity:.45}.reference-home .brand-hero .v2-card-image{height:105px}.reference-home .brand-hero .v2-card p{font-size:10px}.reference-home .brand-hero .v2-more{font-size:11px}}@media(max-width:560px){.reference-home .brand-hero{padding-bottom:23px}.reference-home .brand-hero-inner{height:290px;padding:22px 0}.reference-home .brand-hero-art{height:300px;right:-47%;width:120%;opacity:.22}.reference-home .brand-hero .v2-services{gap:15px}.reference-home .brand-hero .v2-card-image{height:100%;min-height:145px}.reference-home .brand-hero .v2-card-content{padding:12px 13px}.reference-home .brand-hero .v2-card-title{margin:0 0 7px}.reference-home .brand-hero .v2-card h2{font-size:clamp(11px,3.25vw,17px);margin:0}.reference-home .brand-hero .v2-card p{font-size:10px;margin-bottom:5px}.reference-home .brand-hero .v2-more{font-size:10px}.brand-hero:before{opacity:.15}}@media(max-height:650px) and (min-width:851px){.reference-home .brand-hero-inner{height:240px;padding:15px 0}.reference-home .brand-hero .v2-card-image{height:90px}.reference-home .brand-hero .v2-card p{font-size:11px}.reference-home .brand-hero{padding-bottom:22px}}

/* Cards overlap the hero by approximately one fifth, with the rest outside. */
.reference-home .brand-hero{padding-bottom:0;background:radial-gradient(ellipse at 77% 18%,rgba(47,169,201,.27),transparent 45%),radial-gradient(ellipse at 98% 80%,rgba(26,124,167,.24),transparent 45%),linear-gradient(115deg,#082b4b,#103f61 65%,#0a4263)}.reference-home .brand-hero-inner{height:clamp(300px,44svh,370px);padding:24px 0 74px}.reference-home .brand-hero-art{top:-5px;height:390px;width:58%;right:-1%;opacity:1}.reference-home .brand-hero-art svg{filter:drop-shadow(0 0 18px rgba(69,194,223,.12))}.brand-hero:before{background-size:28px 28px;opacity:.5}.brand-hero:after{width:670px;height:670px;right:-100px;top:-260px;border-color:rgba(126,214,234,.16);box-shadow:0 0 0 35px rgba(90,190,217,.04),0 0 0 80px rgba(90,190,217,.025),0 0 0 140px rgba(90,190,217,.018)}.reference-home .v2-services{position:relative;z-index:4;margin-top:-62px;padding-top:0;padding-bottom:32px;gap:22px}.reference-home .v2-card{border:3px solid white;border-radius:11px;box-shadow:0 10px 25px rgba(14,44,73,.12);background:white}.reference-home .v2-card-image{height:clamp(110px,17svh,150px)}.reference-home .v2-card-content{padding:0 20px 18px}.reference-home .v2-card-title{margin-top:-8px}.reference-home .v2-card h2{font-family:'Noto Sans JP',sans-serif;color:#092658}.reference-home .v2-card p{color:#40536a;font-size:12px;line-height:1.85}.reference-home .v2-strengths{margin-top:0}@media(max-width:1100px){.reference-home .brand-hero-art{width:65%;right:-8%;opacity:.75}.reference-home .v2-services{gap:16px}.reference-home .v2-card-content{padding:0 15px 16px}}@media(max-width:850px){.reference-home .brand-hero-inner{height:330px;padding-bottom:75px}.reference-home .brand-hero-art{width:75%;right:-20%;opacity:.4}.reference-home .v2-services{margin-top:-62px}.reference-home .v2-card p{font-size:10px}}@media(max-width:560px){.reference-home .brand-hero-inner{height:335px;padding:24px 0 65px}.reference-home .brand-hero-art{width:125%;right:-48%;height:340px;opacity:.25}.reference-home .v2-services{margin-top:-32px;gap:18px;padding-bottom:25px}.reference-home .v2-card-image{height:100%;min-height:145px}.reference-home .v2-card-content{padding:12px 13px}.reference-home .v2-card-title{margin:0 0 8px}.reference-home .v2-card h2{font-size:clamp(11px,3.25vw,17px);margin:0}.reference-home .v2-card p{font-size:10px;margin-bottom:5px}}@media(max-height:650px) and (min-width:851px){.reference-home .brand-hero-inner{height:300px;min-height:0;padding:20px 0 70px}.reference-home .v2-services{margin-top:-58px}.reference-home .v2-card-image{height:105px}}

/* Reserve the lower hero band exclusively for card overlap. */
.reference-home .brand-hero-inner{height:350px;align-items:flex-start;padding:28px 0 92px}.reference-home .brand-hero-copy{max-width:780px}.reference-home .brand-hero h1{font-size:34px;line-height:1.5;margin:9px 0 13px}.reference-home .brand-hero-copy>p{font-size:11px;line-height:1.85;margin-bottom:9px}.reference-home .brand-divider{margin-bottom:10px}.reference-home .brand-english{font-size:9px}.reference-home .brand-hero-art{height:265px;top:8px;width:50%;right:0;opacity:.95}.reference-home .brand-hero:before{mask-image:linear-gradient(180deg,#000 0%,#000 66%,transparent 83%)}.reference-home .brand-hero:after{top:-350px;opacity:.6}.reference-home .v2-services{margin-top:-60px}@media(min-width:1600px){.reference-home .brand-hero-inner{height:355px}.reference-home .brand-hero h1{font-size:36px}.reference-home .brand-hero-copy>p{font-size:11px}}@media(max-width:1100px){.reference-home .brand-hero-art{right:-5%;width:54%;opacity:.65}.reference-home .brand-hero h1{font-size:30px}}@media(max-width:850px){.reference-home .brand-hero-inner{height:350px;padding:25px 0 90px}.reference-home .brand-hero-art{right:-18%;width:68%;height:255px;opacity:.28}.reference-home .brand-hero h1{font-size:29px}}@media(max-width:560px){.reference-home .brand-hero-inner{height:auto;min-height:0;padding:26px 0 145px}.reference-home .brand-hero h1{font-size:clamp(21px,5.5vw,29px)}.reference-home .brand-hero-copy>p{font-size:10px;line-height:1.9}.reference-home .brand-hero-art{top:auto;bottom:38px;right:3%;width:94%;height:115px;opacity:.7}.reference-home .v2-services{margin-top:-30px}}@media(max-height:650px) and (min-width:851px){.reference-home .brand-hero-inner{height:325px;padding:20px 0 85px}.reference-home .brand-hero h1{font-size:30px}.reference-home .brand-hero-copy>p{font-size:10px}.reference-home .brand-hero-art{height:245px;top:0}.reference-home .v2-services{margin-top:-58px}}

/* Slightly raise homepage service cards */
.reference-home .v2-services{margin-top:-72px}@media(max-height:650px) and (min-width:851px){.reference-home .v2-services{margin-top:-70px}}@media(max-width:560px){.reference-home .v2-services{margin-top:-38px}}

/* Raise service cards a little further */
.reference-home .v2-services{margin-top:-82px}@media(max-height:650px) and (min-width:851px){.reference-home .v2-services{margin-top:-80px}}@media(max-width:560px){.reference-home .v2-services{margin-top:-44px}}