.fld{background:var(--w);padding:36px 32px 40px}
.fld .lbl{font-family:'Space Grotesk',sans-serif;font-size:10.5px;letter-spacing:.24em;color:var(--g2)}
.fld h3{font-family:'Zen Old Mincho',serif;font-size:25px;font-weight:600;margin-top:12px}
.fld .sd{font-size:13px;color:var(--g1);margin-top:14px;line-height:1.95}
.fld ul{list-style:none;margin-top:20px;padding-top:20px;border-top:1px solid var(--ln);display:grid;gap:9px;font-size:13.5px;font-weight:700}
.fld ul li{position:relative;padding-left:22px}
.fld ul li::before{content:"";position:absolute;left:0;top:.85em;width:11px;height:1px;background:var(--k)}
.bcard{background:var(--w);display:block;transition:background .3s}
.bcard:hover{background:var(--mist)}
.bcard .bd{padding:28px 26px 34px}
.bcard .fl{font-family:'Space Grotesk',sans-serif;font-size:10.5px;letter-spacing:.2em;color:var(--g2)}
.bcard h3{font-family:'Zen Old Mincho',serif;font-size:24px;font-weight:600;margin-top:12px}
.bcard .who{font-size:12px;font-weight:700;margin-top:14px;padding:8px 12px;border:1px solid var(--ln);display:inline-block}
.bcard p{font-size:13px;color:var(--g1);margin-top:16px;line-height:2}
.bcard .go{font-family:'Space Grotesk',sans-serif;font-size:12px;margin-top:20px;display:inline-flex;gap:9px;transition:gap .3s var(--ease)}
.bcard:hover .go{gap:16px}
.phase{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--ln);border:1px solid var(--ln);margin-top:44px}
.pha{background:var(--w);padding:30px 26px 36px}
.pha .st{font-family:'Space Grotesk',sans-serif;font-size:10.5px;letter-spacing:.2em;color:var(--g2)}
.pha h4{font-family:'Zen Old Mincho',serif;font-size:20px;font-weight:600;margin-top:12px}
.pha .cr{font-size:13px;font-weight:700;margin-top:16px;line-height:1.9}
.pha p{font-size:12.8px;color:var(--g1);margin-top:12px;line-height:1.95}
.flw{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--ln);border:1px solid var(--ln);margin-top:48px}
.fl2{background:var(--w);padding:28px 20px 34px}
.fl2 .n{font-family:'Space Grotesk',sans-serif;font-size:10.5px;letter-spacing:.2em;color:var(--g2)}
.fl2 h4{font-size:15px;font-weight:700;margin-top:12px;line-height:1.6}
.fl2 p{font-size:12.3px;color:var(--g1);margin-top:10px;line-height:1.9}
.pricebox{border:1px solid var(--ln);background:var(--w);margin-top:44px}
.pricebox h3{font-size:16px;font-weight:700;padding:20px 26px;border-bottom:1px solid var(--ln);background:var(--mist)}
.prow{display:grid;grid-template-columns:1fr auto;gap:20px;padding:17px 26px;border-bottom:1px solid var(--ln);font-size:14px}
.prow:last-child{border-bottom:0}
.prow .p{font-family:'Space Grotesk',sans-serif;font-weight:500;letter-spacing:.02em}
.svcbnr{display:flex;align-items:center;gap:28px;border:1px solid var(--ln);background:var(--w);padding:26px 30px;margin-top:44px;transition:background .3s}
.svcbnr:hover{background:var(--mist)}
.svcbnr .im{flex:none;width:220px;aspect-ratio:400/384;overflow:hidden;border:1px solid var(--ln)}
.svcbnr .im img{width:100%;height:100%;object-fit:cover;display:block}
.svcbnr .tx h4{font-size:17px;font-weight:700;display:flex;align-items:center;gap:9px}
.svcbnr .tx h4 .x{font-family:'Space Grotesk',sans-serif;font-size:12px;color:var(--g2)}
.svcbnr .tx p{font-size:13px;color:var(--g1);margin-top:8px;line-height:1.9}
@media(max-width:1040px){.phase{grid-template-columns:1fr}.flw{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.flw{grid-template-columns:1fr}.svcbnr{flex-direction:column;align-items:flex-start;gap:18px}.svcbnr .im{width:100%}}
.hband{margin-top:56px;border:1px solid var(--ln);overflow:hidden}
.hband img{width:100%;height:auto;display:block;aspect-ratio:16/7;object-fit:cover;
  filter:grayscale(1) contrast(1.03);transition:filter .8s var(--ease),transform 1.2s var(--ease)}
.hband:hover img{filter:grayscale(0)}
@media(max-width:760px){.hband img{aspect-ratio:16/10}}
.h1sub{font-size:14px;color:var(--g1);letter-spacing:.04em;margin-top:16px;font-weight:700}
.hband{margin-top:56px;border:1px solid var(--ln);overflow:hidden}
.hband img{width:100%;height:auto;display:block;aspect-ratio:16/7;object-fit:cover;
  filter:grayscale(1) contrast(1.03);transition:filter .8s var(--ease)}
.hband:hover img{filter:grayscale(0)}
@media(max-width:760px){.hband img{aspect-ratio:16/10}}
.vfig{margin-top:52px;border:1px solid var(--ln);overflow:hidden;background:var(--mist)}
.vfig img{width:100%;height:auto;display:block;aspect-ratio:16/9;object-fit:cover;filter:grayscale(1) contrast(1.03);transition:filter .8s var(--ease)}
.vfig:hover img{filter:grayscale(0)}
.vfig .cap{font-size:11.5px;color:var(--g2);padding:12px 16px;border-top:1px solid var(--ln);line-height:1.8;background:var(--w)}
.dark .vfig{border-color:var(--lnk);background:#141416}
.dark .vfig .cap{background:var(--k);border-color:var(--lnk);color:var(--g2)}
.vfig2{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--ln);border:1px solid var(--ln);margin-top:52px}
.vfig2 figure{background:var(--w);margin:0}
.vfig2 img{width:100%;height:auto;display:block;aspect-ratio:4/3;object-fit:cover;filter:grayscale(1) contrast(1.03);transition:filter .8s var(--ease)}
.vfig2 figure:hover img{filter:grayscale(0)}
.vfig2 figcaption{font-size:11.5px;color:var(--g2);padding:12px 16px;border-top:1px solid var(--ln);line-height:1.8}
@media(max-width:760px){.vfig2{grid-template-columns:1fr}}
.ilk{border-top:1px solid var(--ln);padding-top:34px;margin-top:0}
.ilk h2{font-family:'Space Grotesk',sans-serif;font-size:10.5px;letter-spacing:.24em;color:var(--g2);font-weight:500}
.ilk ul{list-style:none;margin-top:24px;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--ln);border-left:1px solid var(--ln)}
.ilk li{background:var(--w);border-right:1px solid var(--ln);border-bottom:1px solid var(--ln)}
.ilk li a{display:block;padding:22px 22px 26px;transition:background .3s}
.ilk li a:hover{background:var(--mist)}
.ilk .t{display:block;font-size:14.5px;font-weight:700;line-height:1.65}
.ilk .s{display:block;font-size:12px;color:var(--g1);margin-top:10px;line-height:1.85}
.ilk .sub{font-family:'Space Grotesk',sans-serif;font-size:10.5px;letter-spacing:.24em;color:var(--g2);
  font-weight:500;margin-top:56px;padding-bottom:16px;border-bottom:1px solid var(--k)}
.rcol{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:24px}
.rcol a{display:grid;grid-template-columns:150px 1fr;gap:20px;align-items:center;border:1px solid var(--ln);
  background:var(--w);padding:16px;transition:background .3s}
.rcol a:hover{background:var(--mist)}
.rcol .th{overflow:hidden;background:var(--mist)}
.rcol .th img{width:100%;height:100%;aspect-ratio:16/10;object-fit:cover;display:block;transition:transform .8s var(--ease)}
.rcol a:hover .th img{transform:scale(1.04)}
.rcol .c{font-family:'Space Grotesk',sans-serif;font-size:10px;letter-spacing:.16em;color:var(--g2)}
.rcol .t2{font-size:13.5px;font-weight:700;margin-top:9px;line-height:1.7}
.rcol .go{font-family:'Space Grotesk',sans-serif;font-size:10.5px;color:var(--g2);margin-top:10px;display:inline-flex;gap:7px}
.rcol a:hover .go{color:var(--k)}
.wbox{display:grid;grid-template-columns:1fr auto;gap:48px;align-items:center;border:1px solid var(--k);
  background:var(--k);color:var(--w);padding:38px 36px 40px;margin-top:34px;transition:opacity .3s var(--ease)}
.wbox:hover{opacity:.88}
.wbox .l{font-family:'Space Grotesk',sans-serif;font-size:10.5px;letter-spacing:.22em;color:var(--g2)}
.wbox h3{font-family:'Zen Old Mincho',serif;font-size:clamp(19px,2.4vw,24px);font-weight:600;margin-top:12px;line-height:1.55}
.wbox p{font-size:13px;color:var(--g3);margin-top:12px;line-height:1.95;max-width:42em}
.wbox .bt{font-family:'Space Grotesk',sans-serif;font-size:12px;border:1px solid var(--w);padding:17px 26px;white-space:nowrap;
  display:inline-flex;gap:10px;align-items:center;transition:background .25s var(--ease),color .25s var(--ease)}
.wbox:hover .bt{background:var(--w);color:var(--k)}
@media(max-width:900px){.rcol{grid-template-columns:1fr}.wbox{grid-template-columns:1fr;gap:32px;padding:32px 28px 34px}}
@media(max-width:520px){.rcol a{grid-template-columns:1fr}.rcol .th img{aspect-ratio:16/9}}

@media(max-width:1040px){.ilk ul{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.ilk ul{grid-template-columns:1fr}}