.variant-bar{position:relative;z-index:999;display:flex;justify-content:space-between;gap:12px;padding:9px 4%;background:#f8fafb;color:#64717b;font:11px/1.7 Arial,'Yu Gothic',sans-serif;border-bottom:1px solid #e7ecef;letter-spacing:0}
.variant-bar a{color:inherit;text-decoration:none}.refined header{top:54px}.refined header.is-scrolled{top:10px}.refined .starfield{display:none!important}.refined .hero .starfield,.refined .hero .hero-circuit,.refined .hero .hero-grid{display:none!important}.refined .star{display:none}.refined .shead h2{font-size:36px}.refined .shead p{font-size:14px}.refined .hero{padding-top:160px;padding-bottom:65px}.refined .hero h1{font-size:60px;line-height:1.55}.refined .hero-category{font-size:13px}.refined .hero h1 .u::after{height:7px;bottom:7px;opacity:.65}.refined .hero p.lead{font-size:14px;line-height:2.05}.refined .btn-primary,.refined .sbtn{box-shadow:none!important}.refined .btn,.refined .sbtn{border-radius:5px;transition:background .2s,transform .2s,border-color .2s}.refined nav.main a.nav-cta{border-radius:5px}.refined .svc-row .ja{font-size:27px;line-height:1.65}.refined .svc-row .desc{font-size:14px;line-height:2}.refined .hero-next{font-size:11px;margin-top:34px}.refined .wtop{display:none!important}.refined section.grad{background:#f5fafc}.refined section.grad.rev{background:#fcf6f8}.refined .contact-card{border-radius:5px;box-shadow:none!important}.refined .modal-box{border-radius:7px}.refined .modal-x{border-radius:50%}.refined .modal-head h2{font-size:31px}.refined .modal-head p,.refined .modal-body p{line-height:2}.refined .bar{box-shadow:0 3px 15px #30333c06;border-color:#e6ecef}.refined .shead h2,.refined .section-heading h2{color:#343942}.refined .svc-list{gap:0}.refined .svc-row{padding-block:34px}.refined .svc-row .jp{font-size:11px;color:#78818b}.refined .inquiry-info{padding-block:65px}.refined .statement{font-size:31px}.refined .sbtn::after{transition:transform .2s}.refined .sbtn:hover::after{transform:translateX(3px)}.refined .hero .actions{gap:12px}.refined .hero .btn{font-size:13px;min-height:48px;padding:13px 20px}.refined .hero .hero-logo-ghost,.refined .hero .hero-orb{display:none!important}
/* 01: retains the current hierarchy and soft palette. */
.balanced .bar{border-radius:8px}.balanced .wrap{max-width:1150px}.balanced .hero h1{font-size:61px}.balanced .hero-inner{column-gap:70px}.balanced .hero-category::before{width:22px;height:2px}.balanced .hero .lead{padding-left:24px;border-left:1px solid #e4edf1}.balanced .two{gap:70px}.balanced .services-section{background:#fff}.balanced .svc-row{grid-template-columns:1fr 1.25fr}.balanced .contact-card{padding-top:28px}.balanced .shead h2{font-size:35px}
/* 02: restrained editorial type, not a new identity. */
.editorial .bar{box-shadow:none;border-radius:0;border-width:0 0 1px;background:#fff}.editorial .hero h1{font-family:'Yu Mincho','Hiragino Mincho ProN',serif;font-size:59px;font-weight:500;line-height:1.8}.editorial .hero h1 .u::after{height:2px}.editorial .hero-inner{grid-template-columns:.85fr 1.15fr}.editorial .hero .actions{grid-row:4;grid-column:2;margin-top:24px}.editorial .hero p.lead{grid-column:2}.editorial .hero h1{margin-bottom:30px}.editorial .hero-next{grid-column:1;grid-row:3;align-self:start;margin-top:0}.editorial .wrap{max-width:1120px}.editorial .shead h2{font-family:var(--f-latin),sans-serif;font-size:31px;font-weight:600}.editorial .statement{font-family:'Yu Mincho',serif;font-weight:500}.editorial .svc-row .ja{font-size:26px;font-weight:600}.editorial .svc-row .jp{margin-bottom:15px}.editorial .services-section{padding-block:90px}.editorial .body{font-size:14px;line-height:2.15}.editorial section.grad{background:#f8fbfc}.editorial section.grad.rev{background:#fcf9fa}
/* 03: compact opening and scannable service blocks. */
.service .hero{padding-top:150px;padding-bottom:40px}.service .hero h1{font-size:48px;line-height:1.55;margin:22px 0}.service .hero-line{display:inline}.service .hero-inner{grid-template-columns:1fr 1fr;gap:0 55px}.service .hero .hero-next{margin-top:22px}.service .svc-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 50px}.service .svc-row{display:block;border-top:1px solid #d5e3eb;border-bottom:0;padding:30px 0}.service .svc-row>div:first-child{margin-bottom:20px}.service .svc-row .ja{font-size:25px}.service .svc-row .desc{min-height:86px}.service .svc-btns{margin-top:20px}.service .services-section{padding-block:60px}.service .shead{margin-bottom:28px}.service .two{grid-template-columns:1fr 1.3fr;gap:50px}.service .statement{font-size:28px}.service section.grad{padding-block:58px}.service .bar{border-radius:6px}.service .inquiry-info{padding-block:60px}
/* 04: a structured company-facing presentation. */
.corporate header{padding-inline:0;top:36px}.corporate header.is-scrolled{top:0}.corporate .bar{max-width:none;border-radius:0;box-shadow:none;border-width:0 0 1px;height:82px;padding-inline:max(40px,calc((100% - 1100px)/2))}.corporate .hero{padding-top:172px;border-bottom:1px solid #e2edf2}.corporate .hero-inner{grid-template-columns:1fr 1fr;gap:0 85px}.corporate .hero h1{font-size:55px;font-weight:700}.corporate .hero-category::before{background:#b5d9e8;width:28px;height:1px}.corporate .hero .actions{grid-row:4;grid-column:1/-1;padding-top:26px;margin-top:26px;border-top:1px solid #e1eaf0}.corporate .hero p.lead{grid-column:1/-1;max-width:690px}.corporate .hero-next{position:absolute;right:40px;bottom:15px;margin:0}.corporate .svc-row{grid-template-columns:1fr 1.5fr;border-color:#d6e3ec;padding-block:35px}.corporate .shead h2{font-size:32px;line-height:1.3}.corporate .shead{border-left:2px solid #b6d7e6;padding-left:22px}.corporate .services-section{background:#fff}.corporate section.grad{background:#f4f8fa}.corporate .btn-primary,.corporate .sbtn{background:#36576b;border-color:#36576b}.corporate .sbtn.ghost,.corporate .btn-ghost{background:white;color:#36576b}.corporate .contact-card{border-top:1px solid #bed4df}
/* 05: gentle, centered introduction and warm but sparse surfaces. */
.soft .hero-inner{display:flex;flex-direction:column;align-items:center;text-align:center}.soft .hero{background:#fff9fb;padding-top:165px;padding-bottom:65px}.soft .hero-category::before{display:none}.soft .hero-category{color:#7d727b}.soft .hero h1{font-size:57px;font-weight:700;line-height:1.6;margin:22px 0 26px}.soft .hero h1 .u::after{height:7px;opacity:.8}.soft .hero p.lead{max-width:670px;text-align:center;margin-bottom:24px}.soft .hero .actions{justify-content:center}.soft .hero-next{align-self:center;justify-self:center;margin-top:25px}.soft .bar{border-radius:9px}.soft .btn,.soft .sbtn,.soft nav.main a.nav-cta{border-radius:7px}.soft section.grad{background:white}.soft .services-section{background:#f6fafc}.soft .svc-row{border-color:#dce8ee;padding-block:35px}.soft .svc-row .ja{font-weight:600}.soft .svc-row .jp{color:#8c7481}.soft .shead h2{font-size:34px}.soft .shead p{line-height:2}.soft section.grad.rev{background:#fcf4f7}.soft .body{color:#62646d}
/* Independent comparison page. */
.refined-gallery{margin:0;background:#f7f9fa;color:#303841;font:14px/1.9 Arial,'Yu Gothic',sans-serif}.refined-gallery *{box-sizing:border-box}.refined-gallery a{color:inherit;text-decoration:none}.gallery-head{position:static;display:flex;justify-content:space-between;align-items:center;padding:28px 6%;background:white;border-bottom:1px solid #e5ebef}.gallery-head strong{font-size:24px}.gallery-head>span{font-size:12px;color:#7b8792}.refined-gallery main{padding:50px 6%}.gallery-intro{max-width:780px;margin-bottom:50px}.gallery-intro>p:first-child{font-size:12px;color:#8c7481}.gallery-intro h1{font-size:38px;line-height:1.65;font-weight:600;margin:20px 0}.gallery-intro>p:last-child{font-size:14px;line-height:2;color:#6a7480}.variants{display:grid;grid-template-columns:1fr 1fr;gap:45px 30px}.variants article{min-width:0}.variants .thumb{position:relative;display:block;aspect-ratio:1.5;border:1px solid #dee6eb;overflow:hidden;background:#fff}.thumb iframe{width:1280px;height:900px;position:absolute;border:0;transform-origin:top left;pointer-events:none}.thumb>span{position:absolute;right:12px;bottom:12px;background:#fff;border:1px solid #d3dfe7;padding:7px 13px;font-size:11px}.variants .count{font-size:11px;color:#7b8792;margin:17px 0 6px}.variants h2{font-size:23px;font-weight:500;margin:0 0 9px}.variants article>div>p:last-child{font-size:13px;color:#66737e;line-height:1.95}.refined-gallery footer{padding:25px 6%;background:white;font-size:12px;color:#7b8792}
@media(max-width:760px){.variant-bar{font-size:10px;padding-inline:5%}.refined header{top:48px;padding-inline:12px}.refined header.is-scrolled{top:8px}.refined .bar{height:65px;padding-inline:17px}.refined .hero,.balanced .hero,.editorial .hero,.service .hero,.corporate .hero,.soft .hero{padding-top:132px;padding-bottom:40px}.refined .hero-inner,.editorial .hero-inner,.corporate .hero-inner,.service .hero-inner{display:flex;flex-direction:column;gap:0;text-align:left;align-items:stretch}.refined .hero h1,.balanced .hero h1,.editorial .hero h1,.service .hero h1,.corporate .hero h1,.soft .hero h1{font-size:36px;line-height:1.65;margin:20px 0 22px}.refined .hero-category{font-size:11px}.refined .hero p.lead,.balanced .hero .lead{font-size:13px;padding-left:0;border:0;line-height:2;text-align:left;max-width:none}.refined .hero .actions,.editorial .hero .actions,.corporate .hero .actions{margin-top:23px;padding-top:0;border:0;gap:10px;flex-wrap:wrap;justify-content:flex-start}.refined .hero .btn{padding:12px 16px;font-size:12px}.refined .hero-next,.corporate .hero-next,.editorial .hero-next{position:static;align-self:flex-start;margin-top:27px}.refined .shead h2,.soft .shead h2,.corporate .shead h2{font-size:29px}.refined .two,.service .two{grid-template-columns:1fr;gap:25px}.refined .statement{font-size:26px}.refined .svc-row,.balanced .svc-row,.corporate .svc-row{grid-template-columns:1fr;gap:16px;padding-block:27px}.refined .svc-row .ja{font-size:24px}.refined .svc-row .desc{font-size:13px;line-height:1.95;min-height:0}.service .svc-list{grid-template-columns:1fr}.service .hero-line{display:block}.service .svc-row>div:first-child{margin-bottom:15px}.corporate header{top:36px;padding-inline:0}.corporate header.is-scrolled{top:0}.corporate .bar{padding-inline:20px;height:70px}.soft .hero-inner{align-items:flex-start}.soft .hero p.lead{margin-bottom:0}.soft .hero-category{align-self:flex-start}.refined-gallery main{padding:30px 5%}.gallery-head{padding:22px 5%;gap:20px}.gallery-head strong{font-size:21px}.gallery-head>span{font-size:10px}.gallery-intro h1{font-size:29px}.variants{grid-template-columns:1fr;gap:35px}.variants h2{font-size:22px}}
/* Selected soft direction: restrained surfaces and an actual brand asset. */
.soft .hero{background:#fff8fb;isolation:isolate;border-bottom:1px solid #efdfe7;padding-bottom:52px}
.soft .hero::before{content:'';position:absolute;inset:0 0 0 auto;width:22%;background:#edf7fb;clip-path:polygon(65% 0,100% 0,100% 100%,0 100%);z-index:0;pointer-events:none}
.soft .hero::after{content:'';position:absolute;right:-115px;top:230px;width:420px;height:160px;background:var(--logo) center/contain no-repeat;opacity:.12;transform:rotate(-90deg);pointer-events:none;z-index:0}
.soft .hero-inner{position:relative;z-index:1;padding-top:10px}
.soft .hero-category{border-top:1px solid #d7b9c9;border-bottom:1px solid #d7b9c9;padding:7px 20px;font-size:12px;font-weight:500}
.soft .hero h1{font-size:59px;line-height:1.6;margin-top:24px;margin-bottom:24px}
.soft .hero h1 .u::after{height:10px;background:#c6e7f1;bottom:5px;opacity:1}
.soft .hero p.lead{max-width:640px;font-weight:500;line-height:2.05}
.soft .hero .actions{margin-top:5px}
.soft .hero .btn-primary{background:#3f6275;border-color:#3f6275;color:white;box-shadow:0 3px 0 #26475b12!important}
.soft .hero .btn-ghost{background:#ffffffb8;border-color:#dcd9df}
.soft .hero-next{margin-top:24px;color:#6a7080}
.soft .bar{border-color:#ecdee5;background:#fffffff5;box-shadow:0 5px 22px #6c456b06}
.soft main>.page-home>section.grad:not(.rev),.soft #home>section.grad:not(.rev),.soft section.grad:not(.rev){position:relative;background:#f7fbfd;border-top:0;border-bottom:1px solid #daeaf0;isolation:isolate}
.soft section.grad:not(.rev)::before{content:'';position:absolute;inset:0 auto 0 0;width:7%;background:#f7eaf0;z-index:-1;pointer-events:none}
.soft section.grad:not(.rev)>.wrap{border-left:1px solid #d5e6ed;padding-top:4px;padding-bottom:8px}
.soft section.grad:not(.rev) .shead{padding-bottom:20px;border-bottom:1px solid #d6e7ee;margin-bottom:34px}
.soft section.grad:not(.rev) .shead h2{font-size:32px}
.soft .statement{font-size:35px;line-height:1.8;color:#39404b}
.soft .statement b{color:#617e91;border-bottom:5px solid #efcfde;padding-bottom:2px}
.soft .body{font-size:14px;line-height:2.15}
.soft .services-section{position:relative;background:#fff;isolation:isolate;overflow:hidden}
.soft .services-section::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:repeating-linear-gradient(90deg,transparent 0,transparent calc(25% - 1px),#dbeaf0 25%);opacity:.35}
.soft .services-section>.wrap{position:relative}
.soft .services-section .shead{display:flex;align-items:center;gap:24px;margin-bottom:20px}
.soft .services-section .shead::after{content:'';display:block;flex:1;height:1px;background:#dedfe6}
.soft .services-section .shead h2{font-size:32px}
.soft .svc-row{padding:34px 0;border-bottom:1px solid #d7e4eb}
.soft .svc-row:nth-child(2n){background:#edf7fb70}
.soft .svc-row:nth-child(2n+1){background:#fff6fa70}
.soft .svc-row>div:first-child{padding-left:22px;border-left:3px solid #e9c3d5}
.soft .svc-row:nth-child(2n)>div:first-child{border-left-color:#b6dce9}
.soft .svc-row>div:last-child{padding-right:20px}
.soft .svc-row .ja{font-size:27px;line-height:1.6}
.soft .svc-row .jp{font-weight:500;font-size:11px}
.soft .sbtn{background:#3f6275;border-color:#3f6275;border-radius:5px}
.soft .sbtn.ghost{background:#fff;color:#496878;border-color:#d4e1e9}
.soft .inquiry-info{background:#f8fbfc;border-top:1px solid #dfebef}
.soft .inquiry-faq details{background:transparent}
.soft section.grad.rev{background:#fff5f8;border-top:1px solid #ecd8e2}
.soft section.grad.rev .shead{padding-bottom:22px;border-bottom:1px solid #e8cfdb}
.soft section.grad.rev .contact-card{background:#ffffff80;border-radius:0;border-top:2px solid #d7b5c8;padding:25px 22px}
.soft section.grad.rev .contact-card[data-x]{border-top-color:#b6dbe8}
.soft footer{background:#fff}
@media(min-width:1500px){.soft .hero::after{right:0;width:470px}}
@media(max-width:760px){
 .soft .hero{padding-top:132px;padding-bottom:42px}
 .soft .hero-inner{align-items:flex-start;text-align:left;padding-top:0}
 .soft .hero::before{width:25%;opacity:.7}
 .soft .hero::after{width:260px;height:95px;right:-110px;top:280px;opacity:.08}
 .soft .hero-category{font-size:10px;padding:6px 0;border-top:0;border-bottom:1px solid #d7b9c9;max-width:100%}
 .soft .hero h1{font-size:36px;line-height:1.7;margin-top:22px;margin-bottom:22px}
 .soft .hero p.lead{font-size:13px;line-height:2;text-align:left}
 .soft .hero .actions{margin-top:22px;justify-content:flex-start}
 .soft .hero h1 .u::after{height:7px;bottom:4px}
 .soft .statement{font-size:28px}
 .soft section.grad:not(.rev)::before{width:10px}
 .soft section.grad:not(.rev)>.wrap{border:0}
 .soft section.grad:not(.rev) .shead{margin-bottom:25px;padding-bottom:18px}
 .soft section.grad:not(.rev) .shead h2,.soft .services-section .shead h2{font-size:29px}
 .soft .services-section::before{background-size:50% 100%;opacity:.25}
 .soft .svc-row{padding:28px 16px;gap:18px}
 .soft .svc-row>div:first-child{padding-left:14px}
 .soft .svc-row>div:last-child{padding-right:0}
 .soft .svc-row .ja{font-size:24px}
 .soft .body{font-size:13px;line-height:2}
 .soft section.grad.rev .contact-card{padding:23px 18px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}html{scroll-behavior:auto}}