/* Shared structure, scoped to the three service venture pages. */
body[data-venture="atelier"] { --hero-image:url('/assets/images/atelier-hero.webp'); }
body[data-venture="overseas"] { --hero-image:url('/assets/images/overseas-hero.webp'); }
body[data-venture="legals"] { --hero-image:url('/assets/images/legals-hero.webp'); }
.venture-detail { padding-bottom:0; }
.detail-hero { padding:55px 28px 48px; min-height:445px; }
.detail-hero h1 { max-width:720px; font-size:clamp(38px,4.6vw,60px); line-height:1.06; letter-spacing:-2.5px; margin:14px 0 20px; }
.detail-intro { max-width:610px; color:var(--text); font-size:18px; line-height:1.5; }
.detail-hero .actions { margin-top:25px; }
.detail-principles { display:flex; gap:25px; flex-wrap:wrap; margin-top:30px; }
.detail-principles span { display:flex; gap:10px; align-items:center; font-size:13px; }
.detail-principles .icon { width:24px; height:24px; }
.detail-nav { display:flex; border-radius:26px; padding:22px 15px; gap:10px; }
.detail-nav a { flex:1; display:flex; align-items:center; gap:12px; padding:5px 15px; font-size:12px; border-right:1px solid var(--line); }
.detail-nav a:last-child { border:0; }
.detail-nav .icon { width:28px; height:28px; }
.detail-nav a:hover { color:#5685b7; }
.detail-heading { text-align:center; margin:45px auto 25px; max-width:950px; }
.detail-heading h2 { font-size:32px; line-height:1.2; letter-spacing:-1px; margin:12px 0; }
.detail-heading>p:last-child { font-size:16px; color:var(--text); }
.detail-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.detail-card { display:grid; grid-template-columns:1fr 1fr; gap:20px; padding:18px; border-radius:24px; }
.detail-card-copy { display:flex; flex-direction:column; align-items:flex-start; padding:7px 0; }
.detail-number { font-size:10px; color:#507cac; text-transform:uppercase; letter-spacing:1.5px; margin-bottom:14px; }
.detail-card h3 { font-size:23px; line-height:1.14; letter-spacing:-.7px; margin-bottom:14px; }
.detail-card-copy>p:not(.detail-number) { font-size:14px; line-height:1.55; color:var(--text); margin-bottom:22px; }
.detail-card .button { margin-top:auto; min-height:43px; padding:10px 16px; font-size:12px; gap:12px; }
.detail-card-art { min-width:0; display:flex; flex-direction:column; }
.detail-card-art img { width:100%; height:185px; object-fit:cover; border-radius:15px; }
.detail-card:nth-child(2n) .detail-card-art img { object-position:80% center; }
.detail-card-art>div { display:flex; flex:1; gap:12px; align-items:center; padding:18px 10px; background:#eaf3fc88; border-radius:0 0 15px 15px; }
.detail-card-art .icon { width:30px; height:30px; }
.detail-card-art p { font-size:12px; color:var(--text); line-height:1.5; }
.detail-card:last-child:nth-child(odd) { grid-column:1/-1; grid-template-columns:1.3fr 1fr; }
.detail-card:last-child:nth-child(odd) .detail-card-art { flex-direction:row; }
.detail-card:last-child:nth-child(odd) .detail-card-art img { width:60%; }
.detail-note { display:flex; align-items:center; gap:25px; padding:28px; border-radius:24px; margin-top:24px; }
.detail-note>.icon { width:40px; height:40px; }
.detail-note h2 { font-size:22px; line-height:1.3; margin-bottom:8px; }
.detail-note p { color:var(--text); font-size:14px; }
.detail-process { border-radius:24px; margin:24px 0 0; padding:26px; }
.detail-process>.eyebrow { text-align:center; font-size:10px; }
.detail-process ol { list-style:none; display:grid; grid-template-columns:repeat(4,1fr); gap:28px; padding:0; margin:22px 0 0; }
.detail-process li>span { color:#7d9fc9; font-size:20px; }
.detail-process strong { display:block; font-size:17px; margin:6px 0; }
.detail-process li>p { font-size:13px; color:var(--text); }
@media(max-width:1000px) { .detail-nav { flex-wrap:wrap; } .detail-nav a { flex:1 1 28%; } .detail-card { grid-template-columns:1fr; } .detail-card-art img { height:170px; } }
@media(max-width:700px) {
 .detail-hero { padding:35px 8px; min-height:0; }
 .detail-hero h1 { font-size:39px; letter-spacing:-1.7px; }
 .detail-intro { font-size:16px; }
 .detail-hero .button { padding:12px 18px; font-size:14px; }
 .detail-principles { gap:15px; }
 .detail-principles span { font-size:12px; }
 .detail-nav { padding:14px 8px; gap:12px 0; }
 .detail-nav a { flex-basis:45%; padding:5px 10px; font-size:11px; }
 .detail-nav a:nth-child(2n) { border:0; }
 .detail-heading { margin-top:35px; padding:0 8px; }
 .detail-heading h2 { font-size:27px; }
 .detail-grid { grid-template-columns:1fr; }
 .detail-card,.detail-card:last-child:nth-child(odd) { grid-template-columns:1fr; }
 .detail-card-art { grid-row:1; }
 .detail-card:last-child:nth-child(odd) .detail-card-art { flex-direction:column; }
 .detail-card:last-child:nth-child(odd) .detail-card-art img { width:100%; }
 .detail-card-art>div { padding:12px; }
 .detail-card h3 { font-size:25px; }
 .detail-process { padding:24px; }
 .detail-process ol { grid-template-columns:1fr 1fr; gap:24px; }
 .detail-note { padding:24px; gap:15px; align-items:flex-start; }
 .detail-note h2 { font-size:20px; }
}
@media(max-width:700px) { body[data-page-module="venture-detail"] .hero-backdrop { background-image:linear-gradient(0deg,#e6f3fd,transparent 24%),linear-gradient(90deg,#edf7fff5,#eff8ffe3 65%,#dceefbb0),var(--hero-image); } }

.detail-note>div { flex:1; min-width:0; }
.detail-note>.button { flex-shrink:0; }
@media(max-width:900px) {
 .detail-note { flex-wrap:wrap; }
 .detail-note>div { flex-basis:calc(100% - 70px); }
 .detail-note>.button { margin-inline:auto; }
}