/*
 * Business overview v1 — /work/ only (loaded by inc/work.php, after the TOP header/footer CSS).
 * Values follow docs/business-overview-v1/reference/business-overview-approved.html (approved reference).
 * Content selectors are under .capsor-work-main with a bw- prefix, so nothing leaks to other pages or the TOP.
 */
body.capsor-work {
  --bw-navy:#10232d; --bw-ink:#152631; --bw-orange:#f4512b; --bw-orange-light:#ff7956;
  --bw-paper:#f7f8f5; --bw-line:#dce2e1; --bw-muted:#65737b;
  --bw-gutter:clamp(24px,5.9vw,96px); --bw-max:1290px; --bw-ease:cubic-bezier(.2,.7,.2,1);
}
@media(max-width:800px){ body.capsor-work { --bw-gutter:clamp(22px,5vw,45px); } }
@media(max-width:650px){ body.capsor-work { --bw-gutter:23px; } }
@media(max-width:365px){ body.capsor-work { --bw-gutter:19px; } }

.capsor-work-main { background:var(--bw-paper); color:var(--bw-ink); font-family:Inter,"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif; -webkit-font-smoothing:antialiased; font-feature-settings:"palt" 1; }
.capsor-work-main h1, .capsor-work-main h2, .capsor-work-main h3, .capsor-work-main p, .capsor-work-main figure { margin:0; }
.capsor-work-main ul, .capsor-work-main ol { list-style:none; margin:0; padding:0; }
.capsor-work-main a:focus-visible { outline:3px solid var(--bw-orange); outline-offset:4px; }
.capsor-work-main .bw-wrap { max-width:var(--bw-max); margin:auto; padding-inline:var(--bw-gutter); }
.capsor-work-main .bw-minor { display:inline-flex; align-items:center; gap:12px; text-transform:uppercase; font-weight:850; letter-spacing:.16em; font-size:11px; }
.capsor-work-main .bw-minor::before { content:""; width:25px; height:2px; background:var(--bw-orange); display:block; }

/* HERO */
.capsor-work-main .bw-hero { position:relative; overflow:hidden; background:#f5f6f2; }
.capsor-work-main .bw-hero-grid { min-height:688px; display:grid; grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr); }
.capsor-work-main .bw-hero-copy { padding-top:clamp(104px,9vw,146px); padding-bottom:90px; position:relative; z-index:3; }
.capsor-work-main .bw-hero-copy .bw-minor { margin-bottom:37px; }
.capsor-work-main .bw-hero-title { font-size:clamp(86px,10vw,163px); letter-spacing:-.105em; line-height:.87; font-weight:900; white-space:nowrap; }
.capsor-work-main .bw-hero-title span { color:var(--bw-orange); }
.capsor-work-main .bw-hero-jp { font-size:clamp(24px,2.9vw,43px); font-weight:850; letter-spacing:-.058em; line-height:1.53; margin:41px 0 16px; }
.capsor-work-main .bw-hero-lead { max-width:550px; font-size:15px; line-height:2.15; color:#617078; }
.capsor-work-main .bw-hero-bottom { display:flex; gap:17px; align-items:center; margin-top:57px; font-weight:850; letter-spacing:.15em; font-size:11px; }
.capsor-work-main .bw-hero-bottom i { width:115px; height:1px; background:#9caab1; }
.capsor-work-main .bw-hero-art { overflow:hidden; background:var(--bw-navy); position:relative; display:flex; align-items:center; justify-content:center; margin-left:1px; }
.capsor-work-main .bw-hero-art::before { content:""; position:absolute; width:650px; height:650px; border:1px solid #506a77; border-radius:50%; left:0; top:-30%; opacity:.38; }
.capsor-work-main .bw-hero-art::after { content:""; width:300px; height:480px; background:rgba(250,78,39,.91); transform:skewX(-18deg); position:absolute; right:-267px; top:-50px; }
.capsor-work-main .bw-hero-art-inner { position:relative; z-index:2; width:min(440px,80%); padding-block:90px; }
.capsor-work-main .bw-hero-art-title { font-size:11px; letter-spacing:.23em; color:#8fa8b4; font-weight:800; margin-bottom:38px; }
.capsor-work-main .bw-cue { padding:27px 0 28px; border-top:1px solid #455966; display:grid; grid-template-columns:77px 1fr; gap:16px; }
.capsor-work-main .bw-cue:last-child { border-bottom:1px solid #455966; }
.capsor-work-main .bw-cue-no { font-size:39px; font-weight:850; letter-spacing:-.08em; line-height:1; color:#ebf2f3; }
.capsor-work-main .bw-cue.is-active .bw-cue-no { color:var(--bw-orange-light); }
.capsor-work-main .bw-cue-ja { color:#edf3f4; font-size:16px; font-weight:800; letter-spacing:-.03em; }
.capsor-work-main .bw-cue-en { display:block; margin-top:8px; color:#91aab3; font-size:10px; letter-spacing:.16em; font-weight:750; }
.capsor-work-main .bw-hero-mark { position:absolute; font-size:10px; font-weight:850; letter-spacing:.23em; color:#8da5b0; bottom:24px; right:36px; }

.capsor-work-main .bw-breadcrumb { padding:16px var(--bw-gutter); background:#fff; border-bottom:1px solid #e3e8e6; color:#65757d; font-size:11px; letter-spacing:.07em; }
.capsor-work-main .bw-breadcrumb a:hover { color:var(--bw-orange); }
.capsor-work-main .bw-breadcrumb .bw-slash { margin:0 .9em; }
.capsor-work-main .bw-breadcrumb [aria-current] { color:#21343d; }

/* SECTION JUMP */
.capsor-work-main .bw-jump { background:#fff; border-bottom:1px solid #dce1df; }
.capsor-work-main .bw-jump-inner { display:grid; grid-template-columns:repeat(3,1fr); }
.capsor-work-main .bw-jump-item { padding:29px 22px 28px; display:grid; gap:6px; position:relative; transition:background .2s; border-right:1px solid var(--bw-line); }
.capsor-work-main .bw-jump-item:last-child { border-right:none; }
.capsor-work-main .bw-jump-item:hover { background:#f2f6f3; }
.capsor-work-main .bw-jump-no { font-size:11px; font-weight:900; color:var(--bw-orange); letter-spacing:.16em; }
.capsor-work-main .bw-jump-name { font-size:15px; font-weight:850; }
.capsor-work-main .bw-jump-arrow { font-size:15px; position:absolute; right:24px; bottom:30px; color:#8b989d; }

/* SECTION BASE */
.capsor-work-main .bw-section-top { display:flex; justify-content:space-between; align-items:center; gap:20px; padding-bottom:25px; border-bottom:1px solid #c8d2d5; }
.capsor-work-main .bw-section-id { display:flex; align-items:center; gap:18px; font-size:11px; font-weight:850; letter-spacing:.18em; text-transform:uppercase; }
.capsor-work-main .bw-section-id strong { font-size:14px; letter-spacing:-.025em; }
.capsor-work-main .bw-section-stage { font-size:10px; font-weight:800; letter-spacing:.16em; opacity:.58; }
.capsor-work-main .bw-section-title { font-size:clamp(39px,5.3vw,75px); letter-spacing:-.073em; font-weight:875; line-height:1.15; margin:43px 0 19px; }
.capsor-work-main .bw-section-title em { font-style:normal; color:var(--bw-orange); }
.capsor-work-main .bw-subhead { font-size:clamp(19px,2.2vw,28px); font-weight:850; letter-spacing:-.045em; line-height:1.5; margin:0 0 21px; }
.capsor-work-main .bw-body { font-size:15px; line-height:2.18; max-width:600px; color:#596970; }
.capsor-work-main .bw-link { display:inline-flex; align-items:center; justify-content:space-between; min-width:236px; gap:40px; border:1px solid currentColor; padding:17px 23px; font-size:12px; font-weight:800; letter-spacing:.02em; transition:background .2s,color .2s,transform .2s,border-color .2s; }
.capsor-work-main .bw-link:hover { transform:translateY(-3px); background:var(--bw-orange); border-color:var(--bw-orange); color:#fff; }
.capsor-work-main .bw-link strong { font-size:17px; font-weight:500; }

/* 01 TOKKO */
.capsor-work-main .bw-flagship { background:var(--bw-navy); color:#fff; padding:106px 0 126px; position:relative; overflow:hidden; }
.capsor-work-main .bw-flagship::before { content:""; border-radius:50%; border:1px solid #425965; position:absolute; width:730px; height:730px; top:230px; right:-420px; opacity:.3; }
.capsor-work-main .bw-flagship .bw-section-top { border-color:#47606a; }
.capsor-work-main .bw-flagship .bw-section-stage { color:#b4c1c8; }
.capsor-work-main .bw-flagship-layout { display:grid; grid-template-columns:1fr minmax(0,1.03fr); gap:6%; align-items:center; padding-top:64px; }
.capsor-work-main .bw-flagship .bw-section-title { font-size:clamp(66px,8vw,114px); margin:22px 0 16px; letter-spacing:-.095em; }
.capsor-work-main .bw-flagship .bw-subhead { font-size:clamp(22px,2.5vw,33px); }
.capsor-work-main .bw-flagship .bw-body { color:#b3c4cc; }
.capsor-work-main .bw-eyebrow { font-size:10px; letter-spacing:.21em; font-weight:850; color:#89a5b2; }
.capsor-work-main .bw-flagship .bw-link { margin-top:36px; border-color:#70838c; color:#fff; }
.capsor-work-main .bw-flagship .bw-link:hover { border-color:var(--bw-orange); }
.capsor-work-main .bw-flagship-foot { display:flex; gap:13px; flex-wrap:wrap; align-items:center; margin-top:36px; color:#91a7b3; font-size:11px; font-weight:750; }
.capsor-work-main .bw-flagship-foot li + li { border-left:1px solid #526876; padding-left:13px; }
/* Official site: the real product logo on a white tile, opening tencho.jp. */
.capsor-work-main .bw-official { display:grid; grid-template-columns:104px minmax(0,1fr) auto; align-items:center; gap:16px; max-width:430px; margin-top:30px; padding:12px 20px 12px 12px; border:1px solid #47606a; color:#fff; transition:border-color .2s,background .2s; }
.capsor-work-main .bw-official:hover { border-color:var(--bw-orange); background:rgba(255,255,255,.04); }
.capsor-work-main .bw-official-logo { display:block; background:#fff; border-radius:3px; padding:7px 9px; }
.capsor-work-main .bw-official-logo img { width:100%; height:auto; }
.capsor-work-main .bw-official-text small { display:block; font-size:10px; letter-spacing:.14em; color:#89a5b2; font-weight:800; }
.capsor-work-main .bw-official-text b { display:block; font-size:16px; letter-spacing:.01em; margin-top:2px; }
.capsor-work-main .bw-official-text span { display:block; font-size:11px; color:#b3c4cc; margin-top:2px; line-height:1.6; }
.capsor-work-main .bw-official-arrow { font-size:17px; }
.capsor-work-main .bw-official:hover .bw-official-arrow { color:var(--bw-orange-light); }
/* Real screenshot in the approved frame (the reference had a concept diagram here). */
.capsor-work-main .bw-shot { position:relative; min-height:500px; display:flex; flex-direction:column; align-items:center; justify-content:center; }
.capsor-work-main .bw-shot-shell { width:100%; max-width:560px; transform:rotate(-2deg); border:1px solid #527080; border-radius:14px; background:linear-gradient(145deg,#233f4d,#132a36); box-shadow:12px 20px 70px rgba(2,13,20,.4); padding:22px; }
.capsor-work-main .bw-shot-top { display:flex; align-items:center; justify-content:space-between; padding:2px 0 18px; color:#bad1d8; font-size:10px; font-weight:800; letter-spacing:.1em; border-bottom:1px solid #3b5362; }
.capsor-work-main .bw-shot-dots { display:flex; gap:5px; }
.capsor-work-main .bw-shot-dots i { width:7px; height:7px; border-radius:50%; background:#456677; }
.capsor-work-main .bw-shot-dots i:first-child { background:var(--bw-orange); }
.capsor-work-main .bw-shot-img { width:100%; height:auto; margin-top:18px; border-radius:6px; border:1px solid #476674; background:#fff; }
.capsor-work-main .bw-shot-caption { align-self:flex-end; max-width:560px; margin-top:30px; font-size:11px; line-height:1.7; color:#88a5b3; letter-spacing:.04em; text-align:right; }

/* 02 SYSTEM */
.capsor-work-main .bw-system { padding:110px 0 123px; background:var(--bw-paper); }
.capsor-work-main .bw-system-grid { display:grid; grid-template-columns:.96fr 1fr; gap:8%; align-items:center; margin-top:65px; }
.capsor-work-main .bw-system-copy .bw-section-title { margin-top:18px; }
/* Decorative background only: the same generated image as the TOP business card, darkened. */
.capsor-work-main .bw-system-visual { min-height:445px; position:relative; background:#dce2df; border-radius:3px; overflow:hidden; display:flex; align-items:flex-end; padding:36px; }
.capsor-work-main .bw-system-visual::before { content:""; position:absolute; inset:0; background:linear-gradient(130deg,rgba(14,33,43,.8),rgba(19,41,52,.67)),url('../phase2/assets/business-code-concept.webp') center/cover no-repeat; filter:saturate(.8); }
.capsor-work-main .bw-system-visual::after { content:""; position:absolute; border:1px solid rgba(255,255,255,.2); border-radius:50%; width:480px; height:480px; right:-200px; top:-290px; }
.capsor-work-main .bw-code-index { z-index:1; position:absolute; left:33px; top:31px; color:#afc3cd; font-size:10px; font-weight:800; letter-spacing:.18em; }
.capsor-work-main .bw-system-board { position:relative; z-index:1; width:100%; display:grid; gap:11px; }
.capsor-work-main .bw-system-row { display:grid; grid-template-columns:64px 1fr 22px; align-items:center; padding:17px 20px; background:rgba(15,31,41,.75); color:#fff; border:1px solid rgba(151,187,197,.23); }
.capsor-work-main .bw-system-row strong { font-size:11px; color:var(--bw-orange-light); }
.capsor-work-main .bw-system-row b { font-size:14px; font-weight:800; }
.capsor-work-main .bw-system-row span { font-size:20px; color:#d2e2e8; }
.capsor-work-main .bw-system-copy .bw-link { margin-top:35px; }
.capsor-work-main .bw-pills { display:flex; gap:8px; flex-wrap:wrap; margin-top:35px; }
.capsor-work-main .bw-pills li { font-size:10px; letter-spacing:.07em; color:#58676e; border:1px solid #d2dcdb; padding:9px 12px; font-weight:750; }

/* 03 MD COMMERCE */
.capsor-work-main .bw-commerce { background:#f2ede6; padding:108px 0 132px; overflow:hidden; }
.capsor-work-main .bw-commerce-grid { margin-top:67px; display:grid; grid-template-columns:1fr 1fr; gap:9%; align-items:center; }
.capsor-work-main .bw-commerce-copy .bw-section-title { margin-top:18px; }
.capsor-work-main .bw-commerce-copy .bw-body { color:#5c6565; }
.capsor-work-main .bw-commerce-copy .bw-link { margin-top:33px; }
.capsor-work-main .bw-route { display:flex; gap:9px; flex-wrap:wrap; margin-top:28px; }
.capsor-work-main .bw-route li { background:#fff; color:#895a4c; padding:10px 13px; font-size:11px; font-weight:850; }
/* KAMIKAZE ONLINE (BtoC) and レザノベ (BtoB): two separate brand sites, never merged into one. */
.capsor-work-main .bw-brands { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-top:26px; max-width:600px; }
.capsor-work-main .bw-brand { display:flex; flex-direction:column; gap:4px; height:100%; padding:13px 16px 12px; background:rgba(255,255,255,.72); border:1px solid #e3d8cc; transition:border-color .2s,background .2s; }
.capsor-work-main .bw-brand:hover { border-color:var(--bw-orange); background:#fff; }
.capsor-work-main .bw-brand-kind { font-size:10px; letter-spacing:.12em; font-weight:850; color:#895a4c; }
.capsor-work-main .bw-brand-name { display:flex; justify-content:space-between; gap:10px; font-size:15px; color:#35434a; letter-spacing:.03em; }
.capsor-work-main .bw-brand-arrow { font-weight:500; }
.capsor-work-main .bw-brand-desc { font-size:12px; line-height:1.75; color:#5c6565; }
.capsor-work-main .bw-brand:hover .bw-brand-arrow { color:var(--bw-orange); }
.capsor-work-main .bw-commerce-image { position:relative; min-height:454px; background:#2c3335; overflow:hidden; }
.capsor-work-main .bw-commerce-img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.capsor-work-main .bw-commerce-image::before { content:""; position:absolute; inset:0; z-index:1; background:linear-gradient(140deg,#1b29318c,#11252d5e); }
.capsor-work-main .bw-commerce-image::after { content:""; position:absolute; z-index:1; left:-100px; bottom:-270px; width:550px; height:550px; border:1px solid #d4baa7; border-radius:50%; opacity:.42; }
.capsor-work-main .bw-photo-top { position:absolute; z-index:2; left:30px; top:30px; font-weight:800; letter-spacing:.18em; font-size:10px; color:#f2e4d6; }
.capsor-work-main .bw-photo-title { position:absolute; z-index:2; bottom:40px; left:35px; color:#fff; }
.capsor-work-main .bw-photo-title span { display:block; font-size:11px; letter-spacing:.17em; color:#edc3a7; margin-bottom:12px; font-weight:800; }
.capsor-work-main .bw-photo-title strong { display:block; font-size:clamp(31px,4vw,57px); line-height:1.05; font-weight:850; letter-spacing:-.06em; }

/* THE CONNECTION */
.capsor-work-main .bw-advantage { padding:97px 0 104px; background:#fff; }
.capsor-work-main .bw-advantage-layout { display:grid; grid-template-columns:.9fr 1.1fr; gap:9%; align-items:start; }
.capsor-work-main .bw-advantage h2 { font-size:clamp(34px,4.1vw,59px); letter-spacing:-.075em; line-height:1.4; margin:27px 0 0; }
.capsor-work-main .bw-advantage-body, .capsor-work-main .bw-advantage-more { font-size:15px; color:#64717a; line-height:2.2; margin:20px 0 25px; }
.capsor-work-main .bw-advantage-steps { border-top:1px solid #d9e0dd; }
.capsor-work-main .bw-advantage-steps li { display:flex; justify-content:space-between; gap:15px; align-items:center; border-bottom:1px solid #d9e0dd; padding:20px 5px; }
.capsor-work-main .bw-advantage-steps strong { font-size:16px; }
.capsor-work-main .bw-advantage-steps small { color:#718087; font-size:11px; letter-spacing:.06em; }
.capsor-work-main .bw-advantage-steps em { font-size:22px; font-style:normal; color:var(--bw-orange); }
.capsor-work-main .bw-advantage-link { display:inline-flex; align-items:center; gap:8px; font-size:11px; font-weight:850; border-bottom:1px solid; padding-bottom:7px; color:var(--bw-ink); }
.capsor-work-main .bw-advantage-link:hover { color:var(--bw-orange); }

/* CONTACT */
.capsor-work-main .bw-cta { background:var(--bw-navy); color:#fff; padding:93px 0 110px; }
.capsor-work-main .bw-cta-grid { display:grid; grid-template-columns:1fr auto; align-items:end; gap:45px; }
.capsor-work-main .bw-cta h2 { font-size:clamp(37px,5.2vw,75px); letter-spacing:-.07em; line-height:1.28; margin:25px 0 17px; }
.capsor-work-main .bw-cta-body { font-size:14px; line-height:2; color:#b6c9d0; }
.capsor-work-main .bw-cta .bw-link { border-color:#c2d3d9; color:#fff; min-width:239px; }
.capsor-work-main .bw-cta .bw-link:hover { border-color:var(--bw-orange); }

@media(min-width:801px){ .capsor-work-main .bw-hero-title { font-size:clamp(79px,8.15vw,137px); } }

@media(max-width:1080px){
  .capsor-work-main .bw-hero-grid { grid-template-columns:minmax(0,1fr) minmax(0,.9fr); }
  .capsor-work-main .bw-hero-title { font-size:clamp(70px,10vw,120px); }
  .capsor-work-main .bw-flagship-layout { gap:3%; }
  .capsor-work-main .bw-shot-shell { padding:15px; }
  .capsor-work-main .bw-system-grid, .capsor-work-main .bw-commerce-grid { gap:5%; }
}

@media(max-width:800px){
  .capsor-work-main .bw-hero-grid { grid-template-columns:1.05fr 1fr; }
  .capsor-work-main .bw-hero-title { font-size:clamp(63px,10vw,93px); }
  .capsor-work-main .bw-hero-copy { padding-top:95px; }
  .capsor-work-main .bw-hero-art-inner { width:84%; }
  .capsor-work-main .bw-cue { grid-template-columns:50px 1fr; }
  .capsor-work-main .bw-cue-no { font-size:30px; }
  .capsor-work-main .bw-cue-ja { font-size:12px; }
  .capsor-work-main .bw-flagship-layout { grid-template-columns:1fr; }
  .capsor-work-main .bw-shot { max-width:620px; margin-inline:auto; width:100%; margin-top:35px; min-height:0; }
  .capsor-work-main .bw-system-grid, .capsor-work-main .bw-commerce-grid { grid-template-columns:1fr; gap:43px; }
  .capsor-work-main .bw-system-visual { min-height:370px; }
  .capsor-work-main .bw-commerce-image { min-height:390px; order:2; }
  .capsor-work-main .bw-commerce-copy { order:1; }
  .capsor-work-main .bw-advantage-layout { gap:5%; }
}

@media(max-width:650px){
  .capsor-work-main .bw-hero-grid { display:flex; flex-direction:column; min-height:0; }
  .capsor-work-main .bw-hero-copy { padding-top:77px; padding-bottom:72px; }
  .capsor-work-main .bw-hero-copy .bw-minor { margin-bottom:29px; }
  .capsor-work-main .bw-hero-title { font-size:clamp(57px,13.7vw,97px); letter-spacing:-.1em; }
  .capsor-work-main .bw-hero-jp { font-size:clamp(25px,6.2vw,36px); margin-top:29px; }
  .capsor-work-main .bw-hero-lead { font-size:13px; }
  /* Keep "01 – 03" and the cue on one line each; the rule between them shrinks instead. */
  .capsor-work-main .bw-hero-bottom { margin-top:32px; }
  .capsor-work-main .bw-hero-bottom span { white-space:nowrap; }
  .capsor-work-main .bw-hero-bottom i { flex:0 1 115px; min-width:24px; }
  .capsor-work-main .bw-hero-art { min-height:300px; margin:0 calc(-1 * var(--bw-gutter)); }
  .capsor-work-main .bw-hero-art-inner { padding-block:31px; width:auto; min-width:320px; max-width:490px; padding-inline:var(--bw-gutter); }
  .capsor-work-main .bw-hero-art-title { margin-bottom:12px; }
  .capsor-work-main .bw-cue { padding:12px 0; grid-template-columns:68px 1fr; }
  .capsor-work-main .bw-cue-no { font-size:30px; }
  .capsor-work-main .bw-cue-ja { font-size:13px; }
  .capsor-work-main .bw-cue-en { font-size:8px; margin-top:3px; }
  .capsor-work-main .bw-hero-mark { right:19px; bottom:10px; font-size:8px; }
  .capsor-work-main .bw-breadcrumb { font-size:10px; }
  .capsor-work-main .bw-jump-inner { grid-template-columns:1fr; }
  /* The reference used a 49px label column, which overlapped the names; the label now sizes to its text. */
  .capsor-work-main .bw-jump-item { border-right:0; border-bottom:1px solid #e4e9e5; padding:17px 30px 15px 10px; grid-template-columns:auto 1fr; column-gap:14px; align-items:center; }
  .capsor-work-main .bw-jump-no { white-space:nowrap; }
  .capsor-work-main .bw-jump-item:last-child { border:0; }
  .capsor-work-main .bw-jump-name { font-size:12px; }
  .capsor-work-main .bw-jump-arrow { right:7px; bottom:auto; top:18px; }
  .capsor-work-main .bw-flagship, .capsor-work-main .bw-system, .capsor-work-main .bw-commerce, .capsor-work-main .bw-advantage { padding-block:75px 82px; }
  .capsor-work-main .bw-section-top { padding-bottom:19px; }
  .capsor-work-main .bw-section-stage { font-size:8px; }
  .capsor-work-main .bw-section-title { font-size:clamp(41px,11.2vw,67px); margin:28px 0 16px; }
  .capsor-work-main .bw-flagship .bw-section-title { font-size:clamp(72px,18vw,110px); }
  .capsor-work-main .bw-subhead { font-size:21px; }
  .capsor-work-main .bw-body { font-size:13px; line-height:2.13; }
  .capsor-work-main .bw-flagship-layout { padding-top:40px; }
  .capsor-work-main .bw-shot { margin-top:25px; }
  .capsor-work-main .bw-shot-shell { max-width:440px; margin:0 auto; padding:12px; }
  .capsor-work-main .bw-shot-top { padding-bottom:12px; }
  .capsor-work-main .bw-shot-img { margin-top:12px; }
  .capsor-work-main .bw-shot-caption { font-size:10px; margin-top:22px; align-self:center; text-align:center; }
  .capsor-work-main .bw-flagship-foot { gap:8px; }
  .capsor-work-main .bw-flagship-foot li { font-size:10px; }
  .capsor-work-main .bw-official { grid-template-columns:84px minmax(0,1fr) auto; gap:12px; padding-right:14px; }
  .capsor-work-main .bw-official-text b { font-size:14px; }
  .capsor-work-main .bw-system-grid, .capsor-work-main .bw-commerce-grid { margin-top:35px; gap:38px; }
  .capsor-work-main .bw-system-visual { min-height:345px; padding:21px; }
  .capsor-work-main .bw-system-row { grid-template-columns:51px 1fr 16px; padding:14px 12px; }
  .capsor-work-main .bw-system-row b { font-size:12px; }
  .capsor-work-main .bw-commerce-image { min-height:310px; }
  .capsor-work-main .bw-photo-title { left:24px; bottom:31px; }
  .capsor-work-main .bw-photo-title strong { font-size:38px; }
  .capsor-work-main .bw-advantage-layout { grid-template-columns:1fr; gap:22px; }
  .capsor-work-main .bw-advantage h2 { margin-top:20px; font-size:37px; }
  .capsor-work-main .bw-advantage-steps li { padding:16px 0; }
  .capsor-work-main .bw-advantage-steps strong { font-size:13px; }
  .capsor-work-main .bw-advantage-steps small { font-size:10px; }
  .capsor-work-main .bw-cta { padding-block:73px 85px; }
  .capsor-work-main .bw-cta-grid { grid-template-columns:1fr; gap:31px; }
  .capsor-work-main .bw-cta h2 { font-size:clamp(37px,10.7vw,58px); }
}

@media(max-width:480px){
  .capsor-work-main .bw-brands { grid-template-columns:1fr; }
}

@media(max-width:365px){
  .capsor-work-main .bw-hero-title { font-size:clamp(52px,14.2vw,60px); }
  .capsor-work-main .bw-hero-art-inner { min-width:0; width:100%; }
  .capsor-work-main .bw-section-id { gap:8px; font-size:9px; }
  .capsor-work-main .bw-section-stage { font-size:8px; }
  .capsor-work-main .bw-system-row { grid-template-columns:42px 1fr 12px; }
  .capsor-work-main .bw-system-row b { font-size:11px; }
  .capsor-work-main .bw-official { grid-template-columns:72px minmax(0,1fr); }
  .capsor-work-main .bw-official-arrow { display:none; }
}

@media(prefers-reduced-motion:reduce){
  .capsor-work-main .bw-link, .capsor-work-main .bw-jump-item, .capsor-work-main .bw-brand, .capsor-work-main .bw-official { transition:none; }
  .capsor-work-main .bw-link:hover { transform:none; }
}
@media print{
  .capsor-work-main .bw-flagship, .capsor-work-main .bw-hero-art, .capsor-work-main .bw-cta { print-color-adjust:exact; -webkit-print-color-adjust:exact; }
}