.vs-hero p,.vs-approach p,.vs-vag p,.vs-vag li,.vs-h4murom p { font-size:16px; }
.vs-hero { position:relative; isolation:isolate; min-height:720px; display:grid; grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr); align-items:center; gap:70px; overflow:hidden; padding:100px max(40px,calc((100vw - 1120px)/2)); color:#fff; background:#181817; }
.vs-hero-grid { position:absolute; inset:0; z-index:-1; opacity:.38; background:linear-gradient(90deg,rgba(24,24,23,.2),#181817 72%),repeating-linear-gradient(90deg,transparent 0 calc(10% - 1px),rgba(255,255,255,.08) calc(10% - 1px) 10%),repeating-linear-gradient(0deg,transparent 0 89px,rgba(255,255,255,.07) 89px 90px); }
.vs-hero-copy { max-width:760px; }.vs-hero h1 { display:flex; flex-direction:column; margin:0; font:600 clamp(54px,6vw,92px)/1.02 "Barlow Condensed","Noto Sans JP",sans-serif; letter-spacing:-.045em; }.vs-hero h1 span { white-space:nowrap; }.vs-hero h1 em { color:var(--orange); font-style:italic; }.vs-hero-copy>p:not(.kicker) { max-width:700px; margin:30px 0 0; color:#d2cec7; line-height:1.9; }.vs-hero-actions { display:flex; align-items:center; gap:28px; margin-top:38px; }.vs-hero-actions>a:last-child { font-size:16px; font-weight:700; text-underline-offset:6px; }
.vs-hero-index { border-top:1px solid #55514b; }.vs-hero-index>div { padding:26px 0; border-bottom:1px solid #55514b; }.vs-hero-index span { display:block; color:var(--orange); font:600 20px "Barlow Condensed",sans-serif; }.vs-hero-index strong { display:block; margin-top:8px; font:600 32px "Barlow Condensed",sans-serif; }.vs-hero-index p { margin:7px 0 0; color:#8f8a82; font:600 16px "Barlow Condensed",sans-serif; letter-spacing:.08em; }
.vs-section-nav { display:grid; grid-template-columns:repeat(3,1fr); max-width:1120px; margin:auto; border-right:1px solid var(--line); border-bottom:1px solid var(--line); border-left:1px solid var(--line); }.vs-section-nav a { display:flex; align-items:center; gap:14px; min-height:78px; padding:18px 24px; font-size:16px; font-weight:700; text-decoration:none; }.vs-section-nav a+a { border-left:1px solid var(--line); }.vs-section-nav span { color:var(--orange); font:600 22px "Barlow Condensed",sans-serif; }
.vs-approach { padding:120px max(40px,calc((100vw - 1120px)/2)); }.vs-approach>div:first-child { display:grid; grid-template-columns:1fr 1fr; margin-bottom:54px; }.vs-approach h2,.vs-section-head h2,.vs-h4murom h2 { margin:0; font:600 clamp(42px,4.5vw,66px)/1.13 "Barlow Condensed","Noto Sans JP",sans-serif; letter-spacing:-.035em; }.vs-position-grid { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); border-left:1px solid var(--line); }.vs-position-grid article { display:flex; flex-direction:column; min-height:510px; padding:32px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); }.vs-position-grid article>span,.vs-sub-label { color:var(--orange); font:600 16px "Barlow Condensed",sans-serif; letter-spacing:.12em; }.vs-position-grid h3 { margin:28px 0 18px; font:600 30px "Barlow Condensed","Noto Sans JP",sans-serif; }.vs-position-grid p { color:#514e49; line-height:1.8; }.vs-position-grid dl { margin:24px 0 30px; border-top:1px solid var(--line); }.vs-position-grid dl>div { display:grid; grid-template-columns:78px 1fr; gap:12px; padding:12px 0; border-bottom:1px solid var(--line); }.vs-position-grid dt,.vs-position-grid dd { margin:0; font-size:16px; line-height:1.6; }.vs-position-grid dt { color:var(--orange); font-weight:700; }.vs-position-grid dd { color:#514e49; }.vs-position-grid a { display:inline-block; margin-top:auto; font-size:16px; font-weight:700; text-underline-offset:5px; }
.vs-vag { padding:120px max(40px,calc((100vw - 1120px)/2)); color:#fff; background:#242321; }.vs-section-head { max-width:820px; margin-bottom:56px; }.vs-section-head>p:last-child { margin:28px 0 0; color:#cec9c1; line-height:1.9; }.vs-vag-menu { display:grid; grid-template-columns:repeat(2,1fr); border-top:1px solid #55514b; border-left:1px solid #55514b; }.vs-vag-menu article { min-height:390px; padding:38px; border-right:1px solid #55514b; border-bottom:1px solid #55514b; }.vs-vag-menu article>p { margin:0; color:var(--orange); font:600 16px "Barlow Condensed",sans-serif; letter-spacing:.1em; }.vs-vag-menu h3 { min-height:66px; margin:26px 0 12px; font-size:27px; line-height:1.4; }.vs-vag-menu article>strong { color:var(--orange); font:600 30px "Barlow Condensed","Noto Sans JP",sans-serif; }.vs-vag-menu ul { margin:30px 0 0; padding:20px 0 0 20px; border-top:1px solid #55514b; }.vs-vag-menu li { margin-bottom:12px; color:#c7c2ba; line-height:1.7; }.vs-vag-track { background:#1b1b1a; }
.vs-safety-note { display:grid; grid-template-columns:210px 1fr; gap:28px; margin-top:18px; padding:26px 30px; color:var(--ink); background:var(--orange); }.vs-safety-note strong { font:600 18px "Barlow Condensed",sans-serif; letter-spacing:.08em; }.vs-safety-note p { margin:0; line-height:1.8; }
.vs-vag-bottom { display:flex; align-items:flex-end; justify-content:space-between; gap:50px; margin-top:58px; }.vs-vag-bottom>div { max-width:680px; }.vs-vag-bottom p:last-child { margin:14px 0 0; color:#c7c2ba; line-height:1.8; }.vs-vag-bottom .button { flex:none; }
.vs-h4murom { display:grid; grid-template-columns:.8fr 1.2fr; gap:90px; padding:120px max(40px,calc((100vw - 1120px)/2)); color:#fff; background:#101a27; }.vs-h4murom-meta>p:last-child { margin:20px 0 0; color:#62b9df; font:600 16px "Barlow Condensed",sans-serif; letter-spacing:.1em; }.vs-h4murom-logo { max-width:330px; margin-top:34px; padding:18px; background:#fff; }.vs-h4murom-logo img { display:block; width:100%; height:auto; }.vs-h4murom-copy>p:not(.vs-sub-label) { max-width:680px; margin:28px 0 0; color:#c8d0d9; line-height:1.9; }.vs-h4murom-tags { display:flex; flex-wrap:wrap; gap:8px; margin:30px 0; }.vs-h4murom-tags span { padding:9px 12px; border:1px solid #49627b; color:#a9c4da; font:600 16px "Barlow Condensed",sans-serif; letter-spacing:.08em; }
@media(max-width:900px){.vs-hero { grid-template-columns:1fr; align-content:center; gap:52px; min-height:760px; padding:90px 24px; }.vs-hero h1 { font-size:clamp(46px,12vw,68px); }.vs-hero-index { display:grid; grid-template-columns:1fr 1fr; }.vs-hero-index>div { padding-right:18px; }.vs-section-nav,.vs-position-grid,.vs-vag-menu { grid-template-columns:1fr; }.vs-section-nav { border-right:0;border-left:0; }.vs-section-nav a+a { border-top:1px solid var(--line);border-left:0; }.vs-approach,.vs-vag,.vs-h4murom { padding:88px 24px; }.vs-approach>div:first-child,.vs-h4murom { grid-template-columns:1fr; gap:48px; }.vs-position-grid article,.vs-vag-menu article { min-height:0; }.vs-vag-menu h3 { min-height:0; }.vs-safety-note { grid-template-columns:1fr; }.vs-vag-bottom { align-items:flex-start; flex-direction:column; }.vs-h4murom-logo { max-width:260px; }}
@media(max-width:520px){.vs-hero h1 span { white-space:normal; }.vs-hero-actions { align-items:flex-start; flex-direction:column; }.vs-hero-index { grid-template-columns:1fr; }.vs-vag-menu article { padding:32px 24px; }.vs-safety-note { padding:24px; }}