/* I / Capsule: one outlined mark, white paper, generous interior space. */
html[data-design=i]{--ink:#171717;--paper:#fff;--rule:#c9c9c9}
html[data-design=i] .u-brand{width:clamp(120px,11vw,156px)}
html[data-design=i] .u-brand svg{display:block;width:100%;height:auto}
html[data-design=i] svg.caica-capsule{display:block;width:100%;height:auto;aspect-ratio:1500/440;overflow:visible}
html[data-design=i] .x-hero-i{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100svh - 95px);padding-top:28px;padding-bottom:36px;text-align:center;background:#fff}
html[data-design=i] .x-hero-meta,html[data-design=i] .x-hero-foot{width:100%}
html[data-design=i] .x-hero-meta{justify-content:center;margin-bottom:clamp(44px,6vh,66px);font-size:13px;font-weight:500;color:#626262;letter-spacing:.04em}
html[data-design=i] .x-hero-foot{margin-top:auto;padding-top:24px;border-top:1px solid #c9c9c9}
html[data-design=i] .x-hero-copy{order:2;margin-top:clamp(40px,6vh,68px);margin-bottom:48px}
html[data-design=i] .x-hero-i .x-signature{order:1;width:min(56vw,640px);overflow:visible;flex-shrink:0}
html[data-design=i] .x-hero-meta{order:0}
html[data-design=i] .x-hero-foot{order:3}
html[data-design=i] .signature-i .x-logo{width:100%}
html[data-design=i] .signature-i .x-track{display:none}
html[data-design=i] .x-hero h1{font-size:clamp(34px,4.2vw,60px);line-height:1.5!important;letter-spacing:.01em}
html[data-design=i] .x-hero h1 span{display:inline-block}
html[data-design=i] .x-eyebrow{margin-bottom:18px;font-size:12px;color:#626262}
html[data-design=i] .x-hero-description{margin:24px auto;max-width:37em;line-height:2;font-size:17px}
html[data-design=i] .x-down{border:1px solid #191919;border-radius:999px;padding:12px 28px;gap:34px;font-size:14px;transition:background .3s}
html[data-design=i] .x-down:hover{background:#f3f3f3}
html[data-design=i] .section{border-top-width:1px!important}
html[data-design=i] .section-label>span:first-child{min-width:52px;border:1px solid #777;border-radius:999px;padding:7px 14px;text-align:center}
html[data-design=i] .section-label .en{font-size:12px}
html[data-design=i] .service-card{border:1px solid #adadad;border-radius:24px;background:#fff;padding:36px}
html[data-design=i] .service-card:hover{border-color:#191919;transform:translateY(-2px)}
html[data-design=i] .business-item{border-top-width:1px}
html[data-design=i] .business-list{border-bottom-width:1px}
html[data-design=i] .process{background:#fff;color:#191919}
html[data-design=i] .process :is(p,.step-label,.section-label .en){color:#555}
html[data-design=i] .process .step-label>span:first-child{color:#191919;border:1px solid #888;border-radius:999px;min-width:58px;padding:4px 14px;text-align:center}
html[data-design=i] .process-step{border-top:1px solid #999}
html[data-design=i] .process-step:after{height:1px;background:#333}
html[data-design=i] .company-facts{background:#fff;border:1px solid #b9b9b9;border-radius:24px}
html[data-design=i] .person-visual img{border-radius:14px}
html[data-design=i][data-page=service] .hero .signature-i{background:#fff;width:min(76%,600px);height:auto;margin:0 auto;aspect-ratio:1500/440;overflow:visible}
html[data-design=i][data-page=service] .hero .signature-i .x-logo{width:100%}
html[data-design=i][data-page=service] :is(.pain,.feat,.plan){border-radius:22px}
.opening-i{background:#fff;color:#171717}
.opening-i .opening-logo-exit{width:min(72vw,760px)}
.opening-i .opening-object{width:100%}
.opening-i .capsule-frame{stroke-dasharray:1;stroke-dashoffset:1}
.concept-i .sample{background:#fff}
.concept-i .sample span{border:1px solid #191919;border-radius:999px;padding:18px 32px}
@media(max-width:740px){
 html[data-design=i] .u-brand{width:120px}
 html[data-design=i] .x-hero-i{padding:22px 22px 28px;min-height:calc(100svh - 86px)}
 html[data-design=i] .x-hero-meta{font-size:12px;margin-bottom:48px;align-items:center}
 html[data-design=i] .x-hero-meta span:last-child{max-width:none;text-align:center}
 html[data-design=i] .x-hero-i .x-signature{width:min(88%,360px)}
 html[data-design=i] .x-hero-copy{margin-top:40px;margin-bottom:36px}
 html[data-design=i] .x-hero h1{font-size:clamp(30px,8.6vw,44px)!important;letter-spacing:0}
 html[data-design=i] .x-hero h1 span{display:block}
 html[data-design=i] .x-eyebrow{font-size:12px}
 html[data-design=i] .x-hero-description{font-size:16px;margin:20px auto;max-width:28em;text-align:left}
 html[data-design=i] .x-hero-foot{font-size:12px;letter-spacing:0;line-height:1.6;gap:16px;text-align:left}
 html[data-design=i] .service-card{padding:28px;border-radius:22px}
 html[data-design=i] .section-label>span:first-child{min-width:46px;padding:6px 12px}
 html[data-design=i] .section-label .en{font-size:12px}
 html[data-design=i][data-page=service] .hero .signature-i{width:100%}
 .opening-i .opening-logo-exit{width:84vw}
}