/* Layout concept: 1280 외곽 · 1200 본문 12단 그리드. 사진은 풀블리드, 정보는 헤어라인으로 구획. 골드는 주요 CTA와 강조 1곳에만. */
:root{
  --navy:#101D32; --navy-2:#162640; --navy-line:rgba(255,255,255,.14);
  --gold:#C3A477; --gold-ink:#8A6C40;
  --white:#F8F7F4; --paper:#FFFFFF; --char:#222222; --ink:#1B2433; --gray:#E9E9E7; --line:#DCDAD4; --mute:#62666D; --mute-d:#A7AFBC;
  --ok:#2F6F55; --build:#8A6A2B; --push:#3C5A86; --review:#7A7D84;
  --f-serif:"Pretendard","Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",sans-serif;
  --f-sans:"Pretendard","Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",sans-serif;
  --gut:40px; --wrap:1200px; --outer:1280px;
  --t-hero:clamp(30px,4.1vw,58px); --t-sec:clamp(25px,2.8vw,40px); --t-sub:clamp(19px,1.6vw,22px);
  color-scheme:light;
}
@media (max-width:1023px){:root{--gut:28px}}
@media (max-width:767px){:root{--gut:20px}}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;scroll-padding-top:88px}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
body{margin:0;background:var(--white);color:var(--char);font-family:var(--f-sans);font-size:17px;line-height:1.72;letter-spacing:-.005em;word-break:keep-all;overflow-wrap:anywhere}
@media (max-width:767px){body{font-size:15.5px;line-height:1.7}}
img{max-width:100%;display:block}
a{color:inherit}
h1,h2,h3,h4{margin:0;font-weight:600;text-wrap:balance}
p{margin:0}
ul,ol{margin:0;padding:0;list-style:none}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}

.wrap{width:100%;max-width:calc(var(--wrap) + var(--gut)*2);margin:0 auto;padding-left:max(var(--gut),env(safe-area-inset-left,0px));padding-right:max(var(--gut),env(safe-area-inset-right,0px))}
.wrap.wide{max-width:calc(var(--outer) + var(--gut)*2)}
.sec{padding-block:120px}
.sec.s-md{padding-block:96px}
.sec.s-sm{padding-block:64px}
@media (max-width:1023px){.sec{padding-block:88px}.sec.s-md{padding-block:72px}}
@media (max-width:767px){.sec{padding-block:64px}.sec.s-md{padding-block:56px}.sec.s-sm{padding-block:44px}}
.dark{background:var(--navy);color:var(--white)}
.paper{background:var(--paper)}

/* type */
.label{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:600;color:var(--mute);letter-spacing:.02em}
.label::before{content:"";width:28px;height:1px;background:currentColor;opacity:.6}
.dark .label{color:var(--mute-d)}
.title{font-family:var(--f-serif);font-size:var(--t-sec);font-weight:700;line-height:1.38;letter-spacing:-.035em;color:var(--ink)}
.dark .title{color:var(--white)}
.desc{font-size:17px;color:var(--mute);line-height:1.8;max-width:34em}
.dark .desc{color:var(--mute-d)}
@media (max-width:767px){.desc{font-size:15.5px}}
.fine{font-size:13px;color:var(--mute);line-height:1.65}
.dark .fine{color:var(--mute-d)}
.sub{font-size:var(--t-sub);font-weight:700;color:var(--ink);letter-spacing:-.015em;line-height:1.45}
.dark .sub{color:var(--white)}
.head{display:grid;gap:18px;margin-bottom:56px}
.head .title{max-width:15em}
@media (max-width:767px){.head{margin-bottom:36px;gap:14px}}
/* asymmetric 12-col */
.g12{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;row-gap:40px}
.c-r7{grid-column:6 / span 7}.c-r6{grid-column:7 / span 6}.c-r4{grid-column:9 / span 4}
.c-4{grid-column:span 4}.c-5{grid-column:span 5}.c-6{grid-column:span 6}.c-7{grid-column:span 7}.c-8{grid-column:span 8}.c-off1{grid-column:7 / span 6}
@media (max-width:1023px){.g12{grid-template-columns:minmax(0,1fr)}.c-4,.c-5,.c-6,.c-7,.c-8,.c-off1,.c-r7,.c-r6,.c-r4{grid-column:auto}}
.sticky{position:sticky;top:112px;align-self:start}
@media (max-width:1023px){.sticky{position:static}}

/* header */
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:60;background:var(--navy)}
.op-strip{background:#0B1524;color:#8F99AA;font-size:12px;letter-spacing:.01em}
.op-strip .wrap{padding-block:7px;max-width:calc(var(--outer) + var(--gut)*2)}
.site-head{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:var(--navy);color:var(--white);border-bottom:1px solid var(--navy-line)}
.site-head .wrap{display:flex;align-items:center;gap:40px;height:76px;max-width:calc(var(--outer) + var(--gut)*2)}
.brand{display:grid;text-decoration:none;line-height:1.25}
.brand small{font-size:11px;letter-spacing:.16em;color:var(--mute-d)}
.brand b{font-family:var(--f-serif);font-weight:700;font-size:19px;letter-spacing:-.01em}
.gnb{display:flex;gap:34px;margin-left:auto;align-self:stretch}
.gnb a{display:flex;align-items:center;text-decoration:none;font-size:15px;font-weight:500;color:#C9CFD8;border-bottom:2px solid transparent;padding-top:2px}
.gnb a:hover{color:var(--white)}
.gnb a[aria-current="page"]{color:var(--white);border-bottom-color:var(--gold)}
.head-tel{display:grid;justify-items:end;line-height:1.2;text-decoration:none;padding-left:28px;border-left:1px solid var(--navy-line)}
.head-tel small{font-size:12px;color:var(--mute-d)}
.head-tel b{font-size:18px;font-weight:700;letter-spacing:.01em}
@media (max-width:1023px){.gnb{display:none}.head-tel{margin-left:auto;border:0;padding:0}.site-head .wrap{height:64px}.brand b{font-size:17px}}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:54px;padding:0 28px;border:1px solid transparent;border-radius:2px;font-size:16px;font-weight:600;text-decoration:none;cursor:pointer;letter-spacing:-.005em;transition:background-color .2s,color .2s,border-color .2s}
@media (max-width:767px){.btn{min-height:50px;padding:0 22px;font-size:15.5px}}
.btn .arr{width:16px;height:16px;flex:none}
.btn-gold{background:var(--gold);color:var(--navy)}
.btn-gold:hover{background:#D1B78F}
.btn-ghost-w{border-color:rgba(255,255,255,.55);color:var(--white)}
.btn-ghost-w:hover{background:rgba(255,255,255,.08);border-color:#fff}
.btn-navy{background:var(--navy);color:var(--white)}
.btn-navy:hover{background:#22355A}
.btn-line{border-color:var(--ink);color:var(--ink)}
.btn-line:hover{background:var(--ink);color:var(--white)}
.btn-row{display:flex;flex-wrap:wrap;gap:12px}
.txt-link{display:inline-flex;align-items:center;gap:10px;font-weight:600;text-decoration:none;padding-bottom:6px;border-bottom:1px solid currentColor}
.txt-link .arr{width:16px;height:16px}

/* hero */
.hero{position:relative;min-height:clamp(620px,88vh,940px);display:flex;align-items:flex-end;color:var(--white);background:var(--navy);overflow:hidden;isolation:isolate}
.hero picture,.hero > img{position:absolute;inset:0;z-index:-2}
.hero picture img{width:100%;height:100%;object-fit:cover;object-position:var(--pos,50% 45%)}
.hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(11,21,36,.9) 0%,rgba(11,21,36,.72) 38%,rgba(11,21,36,.25) 64%,rgba(11,21,36,0) 80%),linear-gradient(0deg,rgba(11,21,36,.78) 0%,rgba(11,21,36,0) 50%)}
.hero .wrap{max-width:calc(var(--outer) + var(--gut)*2);padding-block:120px 72px;display:grid;gap:26px}
.hero-k{font-size:15px;font-weight:600;letter-spacing:.02em;color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.45)}
.hero h1{font-family:var(--f-serif);font-weight:700;font-size:var(--t-hero);line-height:1.28;letter-spacing:-.04em;max-width:13em;text-shadow:0 2px 18px rgba(0,0,0,.35)}
.hero-sub{font-size:18px;line-height:1.75;color:#EEF1F5;max-width:30em;text-shadow:0 1px 10px rgba(0,0,0,.4)}
.hero-cap{position:absolute;right:max(var(--gut),env(safe-area-inset-right,0px));bottom:24px;font-size:12px;color:rgba(255,255,255,.85);text-shadow:0 1px 4px rgba(0,0,0,.6)}
@media (max-width:767px){
  .hero{min-height:78svh}
  .hero::after{background:linear-gradient(0deg,rgba(11,21,36,.95) 0%,rgba(11,21,36,.78) 50%,rgba(11,21,36,.35) 80%,rgba(11,21,36,.2) 100%)}
  .hero .wrap{padding-block:96px 64px;gap:20px}
  .hero-sub{font-size:15.5px}
  .hero .btn-row{display:grid;grid-template-columns:1fr}
  .hero-cap{left:var(--gut);right:auto;bottom:18px}
}

/* key figures: large numerals divided by hairlines */
.figs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--ink)}
.figs > div{padding:28px 24px 8px 0;display:grid;gap:8px;align-content:start;border-right:1px solid var(--line);padding-left:24px}
.figs > div:first-child{padding-left:0}
.figs > div:last-child{border-right:0}
.figs dt,.figs .k{font-size:14px;color:var(--mute);font-weight:500}
.figs b{font-size:clamp(34px,3.8vw,52px);font-weight:600;color:var(--ink);letter-spacing:-.03em;line-height:1.05}
.figs b small{font-size:.38em;font-weight:600;margin-left:4px;letter-spacing:0;color:var(--mute)}
.figs .s{font-size:14px;color:var(--mute)}
.dark .figs{border-top-color:rgba(255,255,255,.5)}
.dark .figs > div{border-color:var(--navy-line)}
.dark .figs b{color:var(--white)}
.dark .figs b small,.dark .figs .k,.dark .figs .s{color:var(--mute-d)}
@media (max-width:767px){.figs{grid-template-columns:1fr 1fr}.figs > div{padding:22px 14px 16px 0;border-right:0;border-bottom:1px solid var(--line)}.figs > div:nth-child(odd){border-right:1px solid var(--line)}.figs > div:nth-child(even){padding-left:16px}.figs > div:first-child{padding-left:0}.dark .figs > div{border-color:var(--navy-line)}}

/* product rows (home overview) */
.prod{border-top:1px solid var(--ink)}
.prod-row{display:grid;grid-template-columns:140px minmax(0,1fr);gap:24px;padding:30px 0;border-bottom:1px solid var(--line)}
.prod-row > span{font-weight:700;color:var(--ink);padding-top:10px}
.prod-row .vals{display:flex;flex-wrap:wrap;gap:16px 56px}
.prod-row .vals div{display:grid;gap:2px}
.prod-row b{font-size:clamp(32px,3.4vw,46px);font-weight:600;letter-spacing:-.03em;line-height:1.1;color:var(--ink)}
.prod-row b small{font-size:.4em;margin-left:3px;color:var(--mute)}
.prod-row em{font-style:normal;font-size:14px;color:var(--mute)}
@media (max-width:767px){.prod-row{grid-template-columns:1fr;gap:10px;padding:24px 0}.prod-row > span{padding:0}.prod-row .vals{gap:14px 32px}}

/* spec list */
.spec{border-top:1px solid var(--line)}
.spec > div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:20px;padding:17px 0;border-bottom:1px solid var(--line);font-size:16px}
.spec .k{color:var(--mute);font-weight:500}
.spec .v{color:var(--char)}
.spec .v small{display:block;font-size:14px;color:var(--mute);margin-top:2px}
.dark .spec,.dark .spec > div{border-color:var(--navy-line)}
.dark .spec .k{color:var(--mute-d)}
.dark .spec .v{color:var(--white)}
@media (max-width:767px){.spec > div{grid-template-columns:96px minmax(0,1fr);gap:12px;font-size:15px}}

/* map block */
.mapblock{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:0;background:var(--paper);border:1px solid var(--line)}
.mapblock figure{margin:0;border-right:1px solid var(--line);background:#fff}
.mapblock figure img{width:100%;height:100%;object-fit:cover;aspect-ratio:711/621}
.mapblock .side{padding:40px;display:grid;gap:26px;align-content:start}
.mapblock figcaption{font-size:12.5px;color:var(--mute);padding:12px 16px;border-top:1px solid var(--line)}
@media (max-width:1023px){.mapblock{grid-template-columns:1fr}.mapblock figure{border-right:0;border-bottom:1px solid var(--line)}.mapblock .side{padding:28px var(--gut)}}
.poi{display:grid;gap:0}
.poi li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:14px;padding:14px 0;border-bottom:1px solid var(--line)}
.poi li:first-child{padding-top:0}
.poi i{font-style:normal;font-size:13px;font-weight:700;color:var(--mute);padding-top:3px}
.poi b{display:block;font-size:16px;color:var(--ink)}
.poi span{font-size:14.5px;color:var(--mute)}

/* transit rows */
.transit{border-top:1px solid rgba(255,255,255,.45)}
.tr-row{display:grid;grid-template-columns:200px 108px minmax(0,1fr);gap:20px;align-items:baseline;padding:20px 0;border-bottom:1px solid var(--navy-line)}
.tr-row b{font-size:17px;font-weight:600}
.tr-row p{font-size:15px;color:var(--mute-d)}
.tr-row.key b{color:var(--white)}
.paper .transit,.sec:not(.dark) .transit{border-top-color:var(--ink)}
.sec:not(.dark) .tr-row{border-color:var(--line)}
.sec:not(.dark) .tr-row p{color:var(--mute)}
@media (max-width:767px){.tr-row{grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;padding:16px 0}.tr-row p{grid-column:1/-1}}
.st{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600;white-space:nowrap}
.st::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.st.s-run{color:#7FC1A3}.st.s-build{color:#D9B878}.st.s-push{color:#93B1DA}.st.s-review{color:#AEB3BB}
.sec:not(.dark) .st.s-run{color:var(--ok)}.sec:not(.dark) .st.s-build{color:var(--build)}.sec:not(.dark) .st.s-push{color:var(--push)}.sec:not(.dark) .st.s-review{color:var(--review)}
.legend{display:flex;flex-wrap:wrap;gap:8px 20px}

/* GTX feature */
.gtx{display:grid;gap:22px;align-content:start;padding:36px;border:1px solid var(--navy-line)}
.gtx b.big{font-size:clamp(56px,6vw,84px);font-weight:600;letter-spacing:-.04em;line-height:1}
.gtx b.big small{font-size:.32em;margin-left:6px;font-weight:600;color:var(--mute-d)}
.line-route{display:grid;grid-template-columns:repeat(4,1fr);position:relative;padding-top:18px}
.line-route::before{content:"";position:absolute;top:24px;left:6px;right:6px;height:2px;background:var(--gold)}
.line-route li{position:relative;display:grid;gap:2px;font-size:14px;padding-top:22px}
.line-route li::before{content:"";position:absolute;top:0;left:0;width:14px;height:14px;border-radius:50%;background:var(--navy);border:2px solid var(--gold)}
.line-route li:last-child{text-align:right}
.line-route li:last-child::before{left:auto;right:0;background:var(--gold)}
.line-route li span{color:var(--mute-d);font-size:13px}
@media (max-width:767px){.gtx{padding:24px 20px}}

/* data panels (market) */
.panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--ink)}
.panel{padding:36px 40px 32px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:minmax(0,1fr);gap:18px;align-content:start;min-width:0}
.panel:nth-child(even){padding:36px 0 32px 40px;border-left:1px solid var(--line)}
.panel h3{font-size:18px;font-weight:700;color:var(--ink);display:flex;gap:10px;align-items:baseline}
.panel h3 i{font-style:normal;font-size:13px;color:var(--mute);font-weight:600}
.panel .src{font-size:12.5px;color:var(--mute)}
@media (max-width:1023px){.panels{grid-template-columns:minmax(0,1fr)}.panel,.panel:nth-child(even){padding:28px 0;border-left:0}}
.hbar{display:grid;grid-template-columns:150px minmax(0,1fr) 52px;gap:14px;align-items:center;font-size:14.5px}
.hbar .track{height:10px;background:#EFEDE8;position:relative}
.hbar .fill{position:absolute;inset:0 auto 0 0;background:#AAB3C1}
.hbar.hl .fill{background:var(--navy)}
.hbar.hl .lbl{font-weight:700;color:var(--ink)}
.hbar .val{text-align:right;font-weight:600}
@media (max-width:767px){.hbar{grid-template-columns:104px minmax(0,1fr) 44px;gap:10px;font-size:13.5px}}
.range{display:grid;gap:14px}
.range .row{display:grid;grid-template-columns:190px minmax(0,1fr);gap:16px;align-items:center;font-size:14.5px}
.range .row b{color:var(--ink)}
.range .axis{position:relative;height:30px;border-left:1px solid var(--line);border-right:1px solid var(--line);background:linear-gradient(90deg,transparent calc(33.33% - .5px),var(--line) calc(33.33% - .5px),var(--line) 33.33%,transparent 33.33%,transparent calc(66.66% - .5px),var(--line) calc(66.66% - .5px),var(--line) 66.66%,transparent 66.66%)}
.range .seg{position:absolute;top:9px;height:12px;background:var(--navy)}
.range .seg span{position:absolute;bottom:16px;left:0;font-size:12.5px;white-space:nowrap;color:var(--ink);font-weight:600}
.range .ghost .axis::after{content:"공고 후 공개";position:absolute;inset:0;display:grid;place-items:center;font-size:12.5px;color:var(--mute)}
.range .ticks{display:flex;justify-content:space-between;font-size:12px;color:var(--mute);margin-left:206px}
@media (max-width:767px){.range .row{grid-template-columns:1fr;gap:6px}.range .ticks{margin-left:0}.range .seg span{font-size:12px}}
.empty{display:grid;gap:6px;align-content:center;min-height:180px;padding:24px;border:1px dashed #CBC7BE;background:#FBFAF7;color:var(--mute);font-size:14.5px}
.empty b{color:var(--ink);font-size:15.5px;font-weight:600}

/* tables */
.tbl{overflow-x:auto;-webkit-overflow-scrolling:touch}
table{border-collapse:collapse;width:100%}
th,td{padding:15px 16px;text-align:left;border-bottom:1px solid var(--line);font-size:15px;vertical-align:middle}
th{font-size:13px;font-weight:600;color:var(--mute);border-bottom:1px solid var(--ink);white-space:nowrap}
td:first-child,th:first-child{padding-left:0}
tr.hl td{font-weight:700;color:var(--ink);background:#F7F3EB}
tr.hl td:first-child{padding-left:12px;box-shadow:inset 3px 0 0 var(--gold)}
td.c,th.c{text-align:center}
td.r,th.r{text-align:right}
.dots{display:inline-flex;gap:3px;vertical-align:middle}
.dots i{width:8px;height:8px;border-radius:50%;background:#DEDBD4}
.dots i.on{background:var(--ink)}
@media (max-width:767px){th,td{padding:12px 10px;font-size:14px}}

/* community */
.mosaic{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto;gap:12px}
.mosaic figure{margin:0;position:relative;overflow:hidden;background:#ddd}
.mosaic figure img{width:100%;height:100%;object-fit:cover;aspect-ratio:4/3}
.mosaic figure:first-child{grid-row:span 2}
.mosaic figure:first-child img{aspect-ratio:auto;min-height:100%}
.mosaic figcaption{position:absolute;left:0;right:0;bottom:0;padding:12px 16px;font-size:14px;font-weight:600;color:#fff;background:rgba(11,21,36,.85);display:flex;justify-content:space-between;gap:10px}
.mosaic figcaption span{font-weight:500;color:#C9CFD8}
@media (max-width:767px){.mosaic{grid-template-columns:1fr 1fr}.mosaic figure:first-child{grid-column:1/-1;grid-row:auto}.mosaic figure:first-child img{aspect-ratio:3/2}.mosaic figcaption{font-size:13px;padding:9px 12px}}

/* unit types */
.unit{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);border-top:1px solid var(--ink)}
.unit + .unit{border-top:1px solid var(--line)}
.unit .mark{padding:40px 40px 40px 0;display:grid;align-content:space-between;gap:28px}
.unit .mark b{font-family:var(--f-serif);font-weight:700;font-size:clamp(64px,7vw,104px);line-height:.95;letter-spacing:-.04em;color:var(--ink)}
.unit .mark b small{font-size:.32em;margin-left:6px;font-family:var(--f-sans);font-weight:600;color:var(--mute)}
.unit .mark p{font-size:15px;color:var(--mute)}
.unit .info{padding:40px 0 40px 40px;border-left:1px solid var(--line);display:grid;gap:24px;align-content:start}
.unit .counts{display:flex;flex-wrap:wrap;gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.unit .counts > div{padding:14px 28px 14px 0;margin-right:28px;border-right:1px solid var(--line);display:grid;gap:2px}
.unit .counts > div:last-child{border-right:0;margin-right:0}
.unit .counts small{font-size:13px;color:var(--mute)}
.unit .counts strong{font-size:24px;font-weight:600;color:var(--ink);letter-spacing:-.02em}
.unit ul{display:grid;gap:8px}
.unit li{position:relative;padding-left:16px;font-size:16px;color:var(--char)}
.unit li::before{content:"";position:absolute;left:0;top:.8em;width:6px;height:1px;background:var(--ink)}
@media (max-width:1023px){.unit{grid-template-columns:1fr}.unit .mark{padding:32px 0 20px}.unit .info{padding:0 0 36px;border-left:0}}
@media (max-width:767px){.unit .counts > div{padding:12px 16px 12px 0;margin-right:16px}.unit .counts strong{font-size:20px}}

/* schedule table */
.sched{border-top:1px solid var(--ink)}
.sched li{display:grid;grid-template-columns:56px minmax(0,1fr) minmax(0,1.2fr) 96px;gap:16px;align-items:center;padding:20px 0;border-bottom:1px solid var(--line)}
.sched .n{font-size:13px;color:var(--mute);font-weight:600}
.sched b{font-size:17px;color:var(--ink);font-weight:600}
.sched .d{font-size:17px;font-weight:600}
.sched .d.tbd{color:var(--mute);font-weight:500}
.sched .state{justify-self:end;font-size:13px;font-weight:600;color:var(--mute)}
.sched li.fixed .state{color:var(--gold-ink)}
@media (max-width:767px){.sched li{grid-template-columns:32px minmax(0,1fr) auto;gap:4px 12px;padding:16px 0}.sched .d{grid-column:2/3;font-size:15.5px}.sched .state{grid-row:1/3;grid-column:3}}

/* checklist */
.checker{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:40px;align-items:start}
@media (max-width:1023px){.checker{grid-template-columns:1fr;gap:24px}}
#checker{display:grid;border-top:1px solid var(--ink)}
.q{margin:0;padding:22px 0;border:0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:180px minmax(0,1fr);gap:16px;align-items:center}
.q legend{float:left;width:180px;padding:0;font-weight:600;color:var(--ink);font-size:16px}
@media (max-width:767px){.q{grid-template-columns:1fr;gap:12px}.q legend{width:100%;margin-bottom:12px}}
.opts{display:flex;flex-wrap:wrap;gap:8px}
.opts label{position:relative}
.opts input{position:absolute;opacity:0;inset:0;cursor:pointer;margin:0}
.opts span{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border:1px solid var(--line);font-size:15px;background:var(--paper);cursor:pointer}
.opts input:checked + span{background:var(--ink);color:#fff;border-color:var(--ink)}
.opts input:focus-visible + span{outline:2px solid var(--gold);outline-offset:2px}
.result{background:var(--navy);color:var(--white);padding:36px;display:grid;gap:18px;align-content:start;position:sticky;top:112px}
.result h3{font-size:18px;font-weight:700}
.result ul{display:grid;gap:14px;counter-reset:r}
.result li{position:relative;padding-left:30px;font-size:15.5px;line-height:1.65;color:#DDE2EA;counter-increment:r}
.result li::before{content:counter(r,decimal-leading-zero);position:absolute;left:0;top:1px;font-size:12px;font-weight:700;color:var(--mute-d)}
@media (max-width:1023px){.result{position:static;padding:28px 24px}}

/* consultation */
.consult{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:64px;align-items:start}
@media (max-width:1023px){.consult{grid-template-columns:1fr;gap:40px}}
.consult .intro{display:grid;gap:22px;align-content:start}
.tel{display:grid;gap:4px;padding:26px 0;border-top:1px solid var(--navy-line);border-bottom:1px solid var(--navy-line)}
.tel small{font-size:13px;color:var(--mute-d)}
.tel b{font-size:clamp(28px,3vw,36px);font-weight:600;letter-spacing:.01em}
.tel span{font-size:14.5px;color:var(--mute-d)}
.copy-btn{justify-self:start;margin-top:8px;font-size:13px;padding:7px 14px;border:1px solid rgba(255,255,255,.35);background:transparent;color:#DDE2EA;cursor:pointer;border-radius:2px}
.copy-btn:hover{border-color:#fff;color:#fff}
.copy-btn.dk{border-color:var(--line);color:var(--ink)}
form.lead-form{background:var(--paper);color:var(--char);padding:44px;display:grid;gap:20px}
@media (max-width:767px){form.lead-form{padding:28px 20px;margin-inline:calc(var(--gut) * -1)}}
.f-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}
@media (max-width:767px){.f-row{grid-template-columns:1fr}}
.f{display:grid;gap:8px;min-width:0}
.f label,.f .fl{font-size:14px;font-weight:600;color:var(--ink)}
.f label em{color:#A5452C;font-style:normal;margin-left:2px}
.f input,.f select,.f textarea{width:100%;border:1px solid #D5D2CB;background:#fff;padding:12px 14px;border-radius:2px;font-size:16px;min-height:52px}
.f textarea{min-height:104px;resize:vertical;line-height:1.6}
.f input:focus,.f select:focus,.f textarea:focus{border-color:var(--ink);outline:none;box-shadow:0 0 0 3px rgba(195,164,119,.3)}
.f .err{font-size:13px;color:#A5452C}
.f .err:empty{display:none}
.consent{display:grid;gap:12px;padding:18px 20px;background:#F6F5F1}
.consent label{display:flex;gap:10px;align-items:flex-start;font-size:14.5px;cursor:pointer}
.consent input{width:20px;height:20px;margin-top:3px;accent-color:var(--navy);flex:none}
.consent details{font-size:13px;color:var(--mute);margin:-4px 0 0 30px}
.consent summary{cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.consent details p{margin-top:6px;line-height:1.65}
.consent .err{font-size:13px;color:#A5452C;margin-left:30px}
.consent .err:empty{display:none}
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.form-msg{padding:18px 20px;font-size:15px;line-height:1.65;border-left:3px solid}
.form-msg.ok{background:#EEF5F1;border-color:var(--ok);color:#1F4D3A}
.form-msg.bad{background:#FAF0EC;border-color:#A5452C;color:#7A2F1D}
.form-msg.info{background:#F4F2ED;border-color:var(--gold);color:var(--char)}
.form-msg b{display:block;font-size:16px;margin-bottom:2px}

/* office: datasheet */
.sheet{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--ink);border-bottom:1px solid var(--line)}
.sheet > div{padding:28px 24px 28px 0;border-right:1px solid var(--line);display:grid;gap:10px;align-content:start}
.sheet > div + div{padding-left:24px}
.sheet > div:last-child{border-right:0}
.sheet .k{font-size:14px;color:var(--mute)}
.sheet b{font-size:clamp(30px,3.2vw,44px);font-weight:600;letter-spacing:-.03em;color:var(--ink);line-height:1.1}
.sheet b small{font-size:.4em;margin-left:3px;color:var(--mute)}
.sheet .pend{font-size:20px;font-weight:600;color:var(--mute);line-height:1.4}
.sheet p{font-size:14px;color:var(--mute)}
@media (max-width:767px){.sheet{grid-template-columns:1fr}.sheet > div,.sheet > div + div{padding:20px 0;border-right:0;border-bottom:1px solid var(--line)}.sheet > div:last-child{border-bottom:0}}

.purpose{display:grid;grid-template-columns:1fr 1fr;gap:0;max-width:560px;border:1px solid rgba(255,255,255,.5)}
.purpose button{min-height:68px;border:0;background:transparent;color:#fff;font-weight:600;font-size:16px;cursor:pointer;display:grid;gap:2px;line-height:1.3;padding:12px 16px;text-align:left}
.purpose button + button{border-left:1px solid rgba(255,255,255,.5)}
.purpose button small{font-weight:500;font-size:13px;color:#C9CFD8}
.purpose button:hover{background:rgba(255,255,255,.06)}
.purpose button[aria-pressed="true"]{background:#fff;color:var(--navy)}
.purpose button[aria-pressed="true"] small{color:var(--mute)}

.flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));counter-reset:f;border-top:1px solid var(--ink)}
.flow > div{padding:24px 24px 24px 0;display:grid;gap:6px;align-content:start;border-right:1px solid var(--line)}
.flow > div + div{padding-left:24px}
.flow > div:last-child{border-right:0;background:#F6F5F1;padding-left:24px}
.flow small{font-size:13px;color:var(--mute);font-weight:600}
.flow b{font-size:17px;color:var(--ink)}
.flow p{font-size:14.5px;color:var(--mute)}
@media (max-width:767px){.flow{grid-template-columns:1fr}.flow > div,.flow > div + div{padding:18px 0;border-right:0;border-bottom:1px solid var(--line)}.flow > div:last-child{padding:18px 16px}}

.calc{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border:1px solid var(--line);background:var(--paper)}
@media (max-width:1023px){.calc{grid-template-columns:1fr}}
.calc .inputs{padding:36px;display:grid;grid-template-columns:1fr 1fr;gap:18px 20px;align-content:start}
@media (max-width:767px){.calc .inputs{grid-template-columns:1fr;padding:24px 20px}}
.calc .inputs .f input{text-align:right;font-variant-numeric:tabular-nums}
.calc .unit-s{font-size:12.5px;color:var(--mute);font-weight:500}
.calc .ex{grid-column:1/-1;font-size:13.5px;color:var(--mute);padding:10px 14px;border-left:2px solid var(--gold);background:#FAF8F3}
.calc .outputs{background:var(--navy);color:var(--white);padding:36px;display:grid;gap:0;align-content:start}
@media (max-width:767px){.calc .outputs{padding:24px 20px}}
.out-row{display:flex;justify-content:space-between;gap:16px;align-items:baseline;padding:14px 0;border-bottom:1px solid var(--navy-line)}
.out-row span{color:#C3CAD5;font-size:15px}
.out-row b{font-size:21px;font-weight:600;font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}
.out-row.key{padding:20px 0}
.out-row.key b{font-size:30px;color:var(--gold)}
.out-row.neg b{color:#E9A592}
.gap-note{font-size:13.5px;color:#C3CAD5;padding:8px 0 2px}
.excl{font-size:13px;color:#A9B2C0;line-height:1.75;padding-top:16px}
.excl b{color:#fff;font-weight:600}
.risk{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:56px;border-top:1px solid var(--ink)}
.risk > div{display:grid;grid-template-columns:120px minmax(0,1fr);gap:16px;padding:20px 0;border-bottom:1px solid var(--line)}
.risk b{color:var(--ink);font-size:16px}
.risk p{font-size:15px;color:var(--mute)}
@media (max-width:767px){.risk{grid-template-columns:1fr}.risk > div{grid-template-columns:1fr;gap:4px}}
.note-box{border-left:2px solid var(--ink);padding:4px 0 4px 22px;display:grid;gap:8px;font-size:15px;color:var(--char)}
.note-box b{color:var(--ink)}

/* image band */
.band-img{position:relative;color:#fff;isolation:isolate;overflow:hidden}
.band-img picture{position:absolute;inset:0;z-index:-2}
.band-img img{width:100%;height:100%;object-fit:cover}
.band-img::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(11,21,36,.85),rgba(11,21,36,.5))}
.band-img .wrap{padding-block:140px;display:grid;gap:18px}
.band-img p.quote{font-weight:700;text-shadow:0 2px 14px rgba(0,0,0,.35);font-family:var(--f-serif);font-size:clamp(24px,2.6vw,36px);line-height:1.5;letter-spacing:-.02em;max-width:20em}
@media (max-width:767px){.band-img .wrap{padding-block:96px}}

/* choice */
.choice{display:grid;grid-template-columns:1fr 1fr;gap:0;background:var(--navy)}
.choice a{position:relative;display:grid;align-content:end;gap:14px;min-height:620px;padding:56px max(var(--gut),56px);color:#fff;text-decoration:none;overflow:hidden;isolation:isolate}
.choice a + a{border-left:1px solid var(--navy-line)}
.choice a img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .9s ease}
.choice a::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(11,21,36,.95) 0%,rgba(11,21,36,.6) 50%,rgba(11,21,36,.25) 100%)}
.choice a:hover img{transform:scale(1.03)}
.choice .k{font-size:13px;font-weight:600;letter-spacing:.14em;color:#C9CFD8}
.choice h2{font-family:var(--f-serif);font-weight:700;font-size:clamp(26px,2.8vw,38px);line-height:1.35;letter-spacing:-.02em}
.choice p{color:#E3E7ED;max-width:24em;font-size:16px}
.choice .txt-link{justify-self:start;margin-top:8px;color:#fff}
@media (max-width:767px){.choice{grid-template-columns:1fr}.choice a{min-height:460px;padding:40px var(--gut)}.choice a + a{border-left:0;border-top:1px solid var(--navy-line)}}

/* contact strip */
.contact-strip .wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px 48px;align-items:end}
.contact-strip b.ph{font-size:clamp(28px,3vw,40px);font-weight:600;color:var(--ink);letter-spacing:.005em}
@media (max-width:767px){.contact-strip .wrap{grid-template-columns:1fr}}

/* footer */
.site-foot{background:#0B1524;color:#98A2B2;font-size:14px;padding-block:64px 64px}
.site-foot .wrap{display:grid;gap:28px;max-width:calc(var(--outer) + var(--gut)*2)}
.foot-top{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:end;padding-bottom:28px;border-bottom:1px solid rgba(255,255,255,.1)}
.foot-top b{font-family:var(--f-serif);font-size:21px;color:#fff;font-weight:700}
.foot-tel{font-size:26px;color:#fff;font-weight:600}
.foot-notice{color:#C7CDD6;font-size:13.5px;line-height:1.7}
.foot-links{display:flex;gap:24px;flex-wrap:wrap}
.foot-links a{text-decoration:none}
.foot-links a:hover{color:#fff}
.foot-legal{font-size:12.5px;line-height:1.85;color:#7F8A9B}
@media (max-width:767px){.foot-top{grid-template-columns:1fr}.site-foot{padding-block:48px calc(96px + env(safe-area-inset-bottom,0px))}}

/* mobile sticky CTA */
.mcta{position:fixed;left:0;right:0;bottom:0;z-index:70;display:none;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:8px;padding:10px max(16px,env(safe-area-inset-right,0px)) calc(10px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));background:#0B1524;border-top:1px solid rgba(255,255,255,.12)}
.mcta a{min-height:50px;display:grid;place-content:center;text-align:center;line-height:1.2;text-decoration:none;font-weight:600;border-radius:2px;font-size:15px}
.mcta a small{font-size:11.5px;font-weight:500;opacity:.85}
.mcta .t{border:1px solid rgba(255,255,255,.4);color:#fff}
.mcta .r{background:var(--gold);color:var(--navy)}
@media (max-width:1023px){.mcta{display:grid}body{padding-bottom:calc(70px + env(safe-area-inset-bottom,0px))}}

.preview-banner{background:#2B2414;color:#EBDDBE;font-size:13px;text-align:center;padding:8px 16px}
@media (max-width:767px){
  .op-strip{font-size:11.5px;line-height:1.5}
  .site-head .wrap{gap:12px;height:60px}
  .brand small{font-size:10px;letter-spacing:.12em}
  .brand b{font-size:16px;white-space:nowrap}
  .head-tel small{font-size:11px}
  .head-tel b{font-size:15px;white-space:nowrap}
}
@media (max-width:359px){.brand b{font-size:14.5px}.head-tel b{font-size:14px}}

/* ===== office (brochure-based) ===== */
.terms{padding-block:44px 40px}
.terms .figs{border-top-color:rgba(255,255,255,.35)}
.terms .figs b{font-size:clamp(28px,2.8vw,40px)}
.diagram{background:#F6F5F1;border:1px solid var(--line);padding:20px}
.diagram svg,.plan-fig svg{width:100%;height:auto;display:block}
.pl-s{font:500 12px var(--f-sans);fill:#555B63}.pl-b{font:700 14px var(--f-sans);fill:#101D32}.pl-t{font:700 18px var(--f-sans);fill:#101D32}.pl-w{font:700 14px var(--f-sans);fill:#fff}.pl-g{font:700 12px var(--f-sans);fill:#8A6C40}
.legend .sw{display:inline-block;width:12px;height:12px;margin-right:8px;vertical-align:-1px}
.stack{display:grid;gap:0;border-top:1px solid var(--ink)}
.stack li{display:grid;grid-template-columns:64px minmax(0,1fr);gap:18px;padding:16px 0;border-bottom:1px solid var(--line);align-items:center}
.stack .bar{display:block;height:100%;min-height:52px;border:1px solid var(--ink)}
.stack .b1{background:repeating-linear-gradient(0deg,#DDE3EC 0 7px,#fff 7px 8px)}
.stack .b2{background:repeating-linear-gradient(0deg,#EAD9B5 0 7px,#fff 7px 8px);min-height:92px}
.stack .b3{background:#C9CDD3;min-height:28px}
.stack small{display:block;font-size:13px;color:var(--mute)}
.stack b{display:block;font-size:18px;color:var(--ink)}
.stack li.key b{font-size:22px}
.stack span:not(.bar){font-size:14px;color:var(--mute)}
.price-box{background:var(--navy);color:#fff;padding:30px;display:grid;gap:10px;align-content:start}
.price-box .k{font-size:14px;color:var(--gold)}
.price-box b{font-size:clamp(26px,2.6vw,34px);font-weight:600}
.price-box p{font-size:14.5px;color:#C9CFD8}
.plan-fig{margin:0;align-self:start;background:#F6F5F1;border:1px solid var(--line);padding:24px;display:grid;gap:12px}
.feat{display:grid;gap:0;border-top:1px solid var(--ink)}
.feat li{padding:18px 0;border-bottom:1px solid var(--line);display:grid;gap:4px}
.feat b{font-size:17px;color:var(--ink)}
.feat p{font-size:15px;color:var(--mute)}
.fitlist{background:var(--navy);color:#fff;padding:24px 26px;display:grid;gap:6px;font-size:15px}
.fitlist .k{color:var(--gold);font-size:14px;font-weight:600;margin-bottom:4px}
.amen{display:flex;flex-wrap:wrap;gap:8px 32px;padding:18px 0;border-bottom:1px solid var(--line);font-size:15px;color:var(--char)}
.band-note{margin-top:28px;background:var(--navy);color:#C9CFD8;padding:32px 36px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:center;font-size:15.5px}
@media (max-width:767px){.band-note{grid-template-columns:1fr;padding:26px 22px}}
.money{font-size:clamp(56px,7vw,96px);font-weight:600;letter-spacing:-.04em;line-height:1;color:var(--gold)}
.money small{font-size:.34em;margin-left:6px;color:#fff;letter-spacing:0}
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:2px solid var(--gold);position:relative}
.steps li{padding:22px 16px 4px 0;display:grid;gap:4px}
.steps li + li{padding-left:16px;border-left:1px solid var(--navy-line)}
.steps small{font-size:13px;color:var(--mute-d)}
.steps b{font-size:24px;font-weight:600;color:#fff}
.steps span{font-size:14px;color:#C3CAD5}
@media (max-width:767px){.steps{grid-template-columns:1fr}.steps li + li{padding-left:0;border-left:0;border-top:1px solid var(--navy-line)}}
.ledger{display:grid;border-top:1px solid rgba(255,255,255,.45)}
.ledger > div{display:flex;justify-content:space-between;gap:16px;align-items:baseline;padding:14px 0;border-bottom:1px solid var(--navy-line);font-size:15.5px}
.ledger > div span{color:#C3CAD5}
.ledger > div b{font-weight:600;text-align:right}
.ledger > div.tot{padding:18px 14px;background:rgba(195,164,119,.14);border-bottom:0;margin-top:2px}
.ledger > div.tot span{color:#fff;font-weight:600}
.ledger > div.tot b{font-size:20px;color:var(--gold)}
.ledger > div.tot small{font-size:13px;color:#C3CAD5;font-weight:500;margin-left:6px}
.ledger.light{border-top-color:var(--ink)}
.ledger.light > div{border-color:var(--line)}
.ledger.light > div span{color:var(--mute)}
.ledger.light > div b{color:var(--ink)}
.ledger.light > div.tot{background:var(--navy)}
.ledger.light > div.tot span{color:#fff}.ledger.light > div.tot b{color:var(--gold)}
.eq{display:grid;grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr) 28px minmax(0,1fr) 28px minmax(0,1fr);align-items:end;border-top:2px solid var(--ink);border-bottom:1px solid var(--line);padding:28px 0}
.eq div{display:grid;gap:6px}
.eq span{font-size:14px;color:var(--mute)}
.eq b{font-size:clamp(26px,3vw,40px);font-weight:600;color:var(--ink);letter-spacing:-.02em}
.eq i{font-style:normal;font-size:26px;color:var(--mute);text-align:center;padding-bottom:6px}
.eq .tot span{color:var(--gold-ink);font-weight:600}
.eq .tot b{color:var(--gold-ink)}
@media (max-width:767px){.eq{grid-template-columns:1fr;row-gap:2px;padding:20px 0}.eq div{grid-template-columns:minmax(0,1fr) auto;align-items:baseline}.eq i{text-align:left;font-size:20px;padding:0;line-height:1}.eq b{font-size:26px}}
.opts3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
@media (max-width:767px){.opts3{grid-template-columns:1fr}}
.opt{border:1px solid var(--line);background:var(--paper);padding:22px 20px;display:grid;gap:12px;align-content:start}
.opt.on{border:2px solid var(--gold);background:#FBF7EE}
.opt .k{font-size:16px;font-weight:700;color:var(--ink)}
.opt dl{margin:0;display:grid;gap:12px}
.opt dl div{display:grid;gap:2px}
.opt dt{font-size:13px;color:var(--mute)}
.opt dd{margin:0;font-size:16px;font-weight:600;color:var(--ink)}
.opt dd.big{font-size:26px;letter-spacing:-.02em}
.payback{margin-top:28px;background:#F1EFEA;padding:24px 28px;display:grid;gap:12px}
.pb-head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 16px;align-items:baseline}
.pb-head b{font-size:19px;color:var(--ink)}
.pb-head span{font-size:14px;color:var(--gold-ink);font-weight:600}
.pb-bar{height:16px;background:#fff;border:1px solid var(--ink)}
.pb-bar i{display:block;height:100%;background:var(--navy)}
.pb-axis{display:flex;justify-content:space-between;font-size:13px;color:var(--mute)}
.vs{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--line)}
.vs > div{padding:32px;display:grid;gap:8px;align-content:start}
.vs .vs-a{background:#F1EFEA}
.vs .vs-b{background:var(--navy);color:#fff}
.vs .k{font-size:15px;font-weight:600}
.vs .vs-b .k{color:var(--gold)}
.vs b{font-size:clamp(34px,4vw,52px);font-weight:600;letter-spacing:-.03em}
.vs .vs-a b{color:#6B6F76}
.vs .vs-b b{color:var(--gold)}
.vs > div > span{font-size:14px;color:var(--mute)}
.vs .vs-b > span{color:#C3CAD5}
.vs dl{margin:14px 0 0;display:grid;gap:0;border-top:1px solid var(--line)}
.vs .vs-b dl{border-color:var(--navy-line)}
.vs dl div{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}
.vs .vs-b dl div{border-color:var(--navy-line)}
.vs dt{font-size:14px;color:var(--mute)}
.vs .vs-b dt{color:#C3CAD5}
.vs dd{margin:0;font-weight:600}
@media (max-width:767px){.vs{grid-template-columns:1fr}.vs > div{padding:24px 20px}}
.rentref{border-top:2px solid var(--ink);display:grid}
.rr{display:grid;grid-template-columns:260px minmax(0,1fr) 130px;gap:24px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line)}
.rr > div b{display:block;font-size:16px;color:var(--ink)}
.rr > div span{font-size:14px;color:var(--mute)}
.rr .track{height:30px;background:transparent}
.rr .track i{display:block;height:100%;background:#B9BFC9}
.rr.hl .track i{background:var(--navy)}
.rr > b{text-align:right;font-size:20px;font-weight:600;color:var(--ink)}
.rr-note{padding-top:12px}
@media (max-width:767px){.rr{grid-template-columns:minmax(0,1fr) auto;gap:8px 14px}.rr .track{grid-column:1/-1;grid-row:2;height:18px}}
.who{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:24px}
.who > div{border-top:3px solid var(--ink);padding-top:16px;display:grid;gap:6px}
.who b{font-size:17px;color:var(--ink)}
.who p{font-size:15px;color:var(--mute)}
@media (max-width:767px){.who{grid-template-columns:1fr;row-gap:24px}}

@media (max-width:767px){.out-row{flex-wrap:wrap;gap:4px 12px}.out-row span{flex:1 1 55%}.out-row b{margin-left:auto}}