/* NEO EARTH / 2026 EDITORIAL DIRECTION
   Original logo and photo hero are immutable. Six existing chapters only.
   Quiet architectural details instead of generic bright cards or neon. */
:root{--nd-ink:#081522;--nd-line:rgba(158,200,219,.26);--nd-ice:#a5d6e8;--nd-silver:#e7eff2}
#vision,#business,#strength,#company,#recruit,#contact{overflow:clip}
#vision .container,#business .container,#strength .container,
#company .container,#recruit .container,#contact .container{z-index:2}
#vision .section-ident,#business .section-ident,#strength .section-ident,
#company .section-ident,#recruit .section-ident,#contact .section-ident{
  font:700 10px/1.5 'DM Sans','Noto Sans JP',sans-serif;letter-spacing:.24em
}
#vision .display-heading,#business .display-heading,#strength .display-heading,
#company .display-heading,#recruit .display-heading,#contact .display-heading{
  letter-spacing:-.075em;text-wrap:balance
}
/* One subtle datum on every chapter, like a bespoke annual report. */
#vision:before,#business:before,#strength:before,
#company:before,#contact:before{
  content:"";position:absolute;top:0;bottom:0;left:clamp(20px,4.4vw,76px);
  width:1px;background:linear-gradient(180deg,transparent,rgba(95,150,178,.21) 20%,rgba(95,150,178,.16) 80%,transparent);
  pointer-events:none;z-index:1
}
/* OPENING: shorter pristine-white exposure; the space falls into the
   company's night palette DURING the suction, not after a long blank flash. */
#neo-intro.is-active .neo-intro-mark .neo-intro-logo{
  transition:opacity .55s cubic-bezier(.18,.72,.2,1),transform .68s cubic-bezier(.18,.72,.2,1),filter .55s ease
}
#neo-intro.is-ready .neo-intro-glint{
  animation:neo-signature-light .72s cubic-bezier(.2,.6,.2,1) .56s both
}
#neo-intro.is-ready .neo-intro-flare{
  transition:transform .55s cubic-bezier(.2,.65,.2,1) .26s,opacity .45s ease .26s
}
#neo-intro.is-ready .neo-intro-caption{
  transition:opacity .55s ease .38s,transform .55s ease .38s!important
}
#neo-intro::before{
  z-index:0;background:radial-gradient(ellipse 66% 62% at 50% 44%,#24445e 0%,#0b1f32 52%,#05101b 100%);
  opacity:0;transition:opacity .56s ease
}
#neo-intro.is-disintegrating::before{opacity:1}
#neo-intro.is-exiting{transition:opacity .52s cubic-bezier(.2,.67,.2,1),visibility .52s}
@media(prefers-reduced-motion:reduce){
  #neo-intro::before{transition:none!important}
  #neo-intro.is-ready .neo-intro-glint{animation:none!important}
}

/* VISION — a printed manifesto with asymmetric typographic rhythm. */
#vision.intro{
  background:#eaf1f3;
  background-image:radial-gradient(ellipse 46% 67% at 81% 27%,rgba(255,255,255,.98),transparent 86%),
    linear-gradient(180deg,#d6e4ea 0%,#f1f5f5 22%,#e4edef 100%);
  color:#0a2538;padding-block:clamp(130px,14vw,215px)
}
#vision .intro-grid{display:grid;grid-template-columns:minmax(130px,.32fr) minmax(0,1fr);gap:clamp(55px,9vw,160px)}
#vision .intro-grid>.section-ident{align-self:start;position:relative;padding-top:13px}
#vision .intro-grid>.section-ident:after{
  content:"";display:block;width:1px;height:96px;margin:28px 0 0 25px;
  background:linear-gradient(180deg,rgba(32,103,147,.5),transparent)
}
#vision .intro-body{position:relative;padding:clamp(15px,2vw,30px) 0 0;border-top:1px solid rgba(35,79,103,.3)}
#vision .intro-body:before{
  content:"HUMAN / POTENTIAL";position:absolute;right:0;top:-23px;
  color:#4c819a;font:600 9px 'DM Sans',sans-serif;letter-spacing:.24em
}
#vision .intro-title{font-size:clamp(48px,6.3vw,104px);line-height:1.18;margin:25px 0 57px;font-weight:780}
#vision .intro-title .gradient-text{
  background:linear-gradient(145deg,#15496b 18%,#3ca0c7 70%,#133f62);
  -webkit-background-clip:text;background-clip:text;color:transparent
}
#vision .intro-copy-row{grid-template-columns:52px minmax(0,610px);gap:35px}

#vision .intro-copy-row>div{border-top:1px solid #9ab5c1;padding-top:26px}
#vision .intro-copy-row p{font-size:clamp(14px,1.2vw,16px);color:#405b6a;line-height:2.22}
#vision .intro-copy-row p:first-child{font-size:clamp(17px,1.55vw,21px);color:#112f44;letter-spacing:.025em}
#vision .intro-watermark{bottom:-.1em;left:auto;right:-.018em;font-size:clamp(82px,16vw,280px);color:rgba(17,65,93,.047)}

/* BUSINESS — curated atlas. Two large chapters, four specimen tiles,
   one full-width water chapter. No generic repeated floating-card look. */
#business.business{padding-block:clamp(130px,13vw,190px);background:#081622;
  background-image:radial-gradient(ellipse at 72% 14%,rgba(55,97,119,.20),transparent 60%),
    linear-gradient(180deg,#06121d,#0c1e2a 53%,#07141e)}
#business .section-top{border-bottom:1px solid rgba(154,200,221,.24);padding-bottom:25px;align-items:center}
#business .section-top>p{letter-spacing:.36em;color:#aecbd8;font-size:10px}
#business .section-heading-row{align-items:end;gap:36px;margin:clamp(45px,5vw,84px) 0 clamp(36px,5vw,72px)}
#business .section-heading-row h2{font-size:clamp(46px,5.3vw,86px);line-height:1.22}
#business .heading-aside{padding-left:21px;border-left:1px solid rgba(144,206,231,.39);max-width:290px}
#business .service-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:12px}
#business .service-card{
  min-width:0;isolation:isolate;border:1px solid rgba(139,179,199,.24);
  border-radius:0;box-shadow:none;overflow:hidden;
  padding:clamp(20px,2.6vw,35px);
  background:linear-gradient(160deg,#132a3a,#0a1c29);
  transition:background .35s,border-color .35s,transform .45s cubic-bezier(.2,.7,.2,1)
}
#business .service-card:before{
  position:absolute;right:13px;top:27px;
  content:attr(data-issue);z-index:0;pointer-events:none;
  font:700 clamp(80px,10vw,174px)/1 'DM Sans',sans-serif;letter-spacing:-.09em;
  color:rgba(186,218,231,.048)
}
#business .service-primary{grid-column:span 6;min-height:490px;
  background:radial-gradient(ellipse at 87% 47%,rgba(76,142,172,.17),transparent 60%),
    linear-gradient(140deg,#17344a,#081824)}
#business .service-primary:nth-child(2){
  background:radial-gradient(ellipse at 90% 53%,rgba(124,149,163,.12),transparent 59%),
    linear-gradient(143deg,#162b3a,#0a1c28)
}
#business .service-small{grid-column:span 3;min-height:315px;
  background:linear-gradient(150deg,#102432,#081a26)}
#business .service-wide{grid-column:span 12;min-height:350px;
  background:linear-gradient(105deg,#162e40 0%,#0c2332 55%,#071724 100%)}
#business .service-top{
  font:600 10px/1.7 'DM Sans',sans-serif;color:#b8d3df;letter-spacing:.23em;
  border:0;padding:0 0 24px
}
#business .service-top:after{
  content:"";height:1px;position:absolute;top:63px;left:clamp(20px,2.6vw,35px);
  right:clamp(20px,2.6vw,35px);background:rgba(149,198,218,.21)
}
#business .service-symbol{font-size:16px;color:#a8d5e6}
#business .service-bottom h3{letter-spacing:-.055em;line-height:1.28}
#business .service-primary .service-bottom h3{font-size:clamp(30px,3vw,44px)}
#business .service-small .service-bottom h3{font-size:clamp(18px,1.8vw,24px)}
#business .service-bottom p{color:#c0d0d8;line-height:1.9;font-size:clamp(12px,1vw,14px)}
#business .service-en{font:600 9px/1.6 'DM Sans',sans-serif;letter-spacing:.21em;color:#a0beca}
#business .mini-icon-illustrated{opacity:.85;filter:none;color:#b0e0ee;margin-bottom:48px}
#business .mini-icon-illustrated svg{width:50px;height:50px}
#business .service-illustration{right:15%;bottom:22%;opacity:.55}
#business .consult-visual{right:10%;bottom:26%;opacity:.38}
#business .water-sphere{opacity:.44;filter:saturate(.55)}
#business .service-cta{
  display:inline-flex;align-items:center;gap:14px;margin-top:20px;
  padding-bottom:8px;border-bottom:1px solid rgba(180,224,242,.55);
  color:#e1f7ff;font:700 11px/1.6 'Noto Sans JP',sans-serif;letter-spacing:.09em;
  transition:gap .22s,border-color .22s
}
#business .service-cta span{font-size:17px}
#business .service-cta:hover,#business .service-cta:focus-visible{gap:21px;border-color:#f0fcff}
#business .business-cta{
  margin-top:32px;background:#ddebef;color:#123246;
  border:1px solid rgba(199,221,230,.8);border-radius:0;
  box-shadow:none;padding:clamp(28px,4vw,58px);
  display:flex;align-items:center;justify-content:space-between;gap:30px
}
#business .business-cta h3{color:#102c3d;letter-spacing:-.04em}
#business .business-cta p{color:#456477}
#business .business-cta-eyebrow{color:#42718a}
#business .business-cta-link{
  flex-shrink:0;display:inline-flex;align-items:center;justify-content:space-between;
  background:#0a263a;color:#f2fafc;border:1px solid #0a263a;
  min-height:60px;padding:15px 20px;gap:20px;box-shadow:none;border-radius:0
}
#business .business-cta-link:hover{background:#174b65;color:white}
#business .business-bottom-note{border-top-color:rgba(144,185,204,.23)}
@media(hover:hover) and (pointer:fine){
  #business .service-card.reveal.is-visible:hover{
    transform:translateY(-4px);border-color:rgba(173,217,238,.62);
    box-shadow:0 16px 34px rgba(0,0,0,.12)
  }
}

/* APPROACH — a numbered process spine, not three unrelated list items. */
#strength.strength{padding-block:clamp(130px,14vw,195px);background:#0b1926;
  background-image:radial-gradient(ellipse 58% 68% at 98% 80%,rgba(40,94,123,.2),transparent 80%),
  repeating-linear-gradient(90deg,rgba(152,194,213,.018) 0 1px,transparent 1px 125px)}
#strength .strength-layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(36px,9vw,145px)}
#strength .strength-heading{align-self:start}
#strength .strength-heading .tiny-label{letter-spacing:.23em}
#strength .strength-heading h2{font-size:clamp(47px,4.7vw,78px);line-height:1.25}
#strength .strength-lead{max-width:410px;color:#b5cbd4;line-height:2.15}
#strength .strength-list{margin-top:24px;border:0;position:relative;padding-left:24px}
#strength .strength-list:before{
  content:"";position:absolute;top:43px;bottom:55px;left:0;width:1px;
  background:linear-gradient(180deg,#a2d1dd 0%,rgba(144,192,215,.22) 78%,transparent)
}
#strength .strength-item{
  display:grid;grid-template-columns:58px minmax(0,1fr) 18px;
  min-height:170px;gap:22px;align-items:start;padding:35px 8px 35px 20px;
  border:0;border-top:1px solid rgba(156,202,224,.23);background:transparent
}
#strength .strength-item:last-child{border-bottom:1px solid rgba(156,202,224,.23)}
#strength .strength-item:before{
  content:"";position:absolute;left:-29px;top:43px;width:9px;height:9px;
  border:1px solid #a0dcea;border-radius:50%;background:#0b1926;
  box-shadow:0 0 0 6px rgba(102,168,200,.06)
}
#strength .strength-num{font:500 29px/1 'DM Sans',sans-serif;letter-spacing:-.05em;color:#acd6e4}
#strength .strength-item h3{font-size:clamp(23px,2vw,30px);letter-spacing:-.045em;margin-bottom:17px}
#strength .strength-item p{font-size:14px;line-height:2;color:#b5cbd7}
#strength .strength-arrow{font-size:17px;opacity:.55}
#strength .strength-deco{width:clamp(200px,34vw,550px);height:clamp(200px,34vw,550px);opacity:.44;right:-13%;bottom:-20%}

/* COMPANY — quiet dossier, honest facts, architectural ring. */
#company.company{padding-block:clamp(130px,13vw,190px);
  background:#e9f0f1;background-image:linear-gradient(150deg,#f6f9f9,#e7eff1 64%,#dce9ec)}
#company .company-layout{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(40px,7vw,130px)}
#company .company-heading{min-height:450px}
#company .company-heading h2{font-size:clamp(55px,6vw,96px);margin-top:53px;line-height:1.1}
#company .company-heading:after{
  content:"CORPORATE IDENTITY / FACTS";position:absolute;bottom:24px;left:0;
  border-top:1px solid rgba(52,106,131,.28);width:80%;padding-top:12px;
  color:#557c8c;font:650 10px 'DM Sans',sans-serif;letter-spacing:.25em
}
#company .company-art{left:auto;right:2%;bottom:35px;width:min(24vw,330px);height:280px;opacity:.17}
#company .company-orbit{border-width:1px}
#company .company-details{
  background:transparent;border:0;border-top:1px solid #668da0;border-radius:0;
  box-shadow:none;margin-top:42px;padding:0
}
#company .company-kicker{font:700 10px/1.7 'DM Sans',sans-serif;letter-spacing:.25em;margin:18px 0 41px;color:#37677e}
#company .company-details dl>div{
  grid-template-columns:minmax(74px,110px) minmax(0,1fr);
  padding:28px 0;border-top:1px solid rgba(45,103,131,.21)
}
#company .company-details dd{font-size:clamp(14px,1.16vw,17px);line-height:2.15;color:#132f41}

/* RECRUIT — cinematic campaign, one strong visual, no fake badges. */
#recruit.recruit{min-height:clamp(700px,72vw,870px)}
#recruit .recruit-image{filter:saturate(.66) brightness(.64) contrast(1.12);background-position:center 43%}
#recruit .recruit-overlay{background:linear-gradient(90deg,rgba(4,13,22,.96) 0%,rgba(6,20,31,.81) 48%,rgba(6,24,38,.31) 100%),
  linear-gradient(0deg,rgba(2,9,18,.91),transparent 55%)}
#recruit .recruit-inner{padding-block:clamp(56px,7vw,110px);position:relative}
#recruit .recruit-inner:before{
  content:"";position:absolute;top:clamp(35px,6vw,95px);bottom:clamp(35px,6vw,95px);left:-30px;
  border-left:1px solid rgba(177,215,232,.4)
}
#recruit .section-ident{margin-bottom:clamp(56px,6vw,100px)}
#recruit .recruit-title{font-size:clamp(56px,7vw,116px);line-height:1.13;letter-spacing:-.07em}
#recruit .recruit-copy{max-width:530px;font-size:clamp(14px,1.25vw,17px);color:#e0eef4}
#recruit .recruit-points{display:flex;gap:0;flex-wrap:wrap;max-width:580px;margin-bottom:40px}
#recruit .recruit-points span{
  border:0;border-left:1px solid rgba(174,217,231,.4);padding:8px 18px;
  background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;
  font-size:11px;letter-spacing:.05em;border-radius:0
}
#recruit .recruit-english{font-size:clamp(36px,6.5vw,108px);letter-spacing:-.08em;
  color:rgba(228,244,249,.12);right:0;bottom:-40px}
#recruit .button-light{background:#e8f2f6;border-color:#e8f2f6;min-width:285px;min-height:65px;box-shadow:none}
#recruit .button-light:hover{background:#fff}

/* CONTACT — bespoke reception desk: dark editorial left, white porcelain form. */
#contact.contact{padding-block:clamp(130px,13vw,185px);
  background:radial-gradient(ellipse 55% 76% at 7% 70%,rgba(52,94,114,.14),transparent 83%),#091722}
#contact .contact-layout{grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:clamp(42px,8vw,140px)}
#contact .contact-intro .tiny-label{margin-top:49px;letter-spacing:.2em}
#contact .contact-intro h2{font-size:clamp(51px,5vw,82px);line-height:1.25}
#contact .contact-intro>p:not(.tiny-label){max-width:450px;line-height:2.18;color:#c2d3dc}
#contact .contact-tags{border-top:1px solid rgba(177,215,229,.22);padding-top:27px;margin-top:50px}
#contact .contact-tags span{border:0;border-radius:0;background:transparent;
  padding:6px 12px 6px 0;color:#afd0dc;font-size:10px}
#contact .direct-email{margin-top:38px;border-top:1px solid rgba(177,215,229,.18);padding-top:27px}
#contact .direct-email small{font:650 9px/1.4 'DM Sans',sans-serif;letter-spacing:.27em;color:#82b6cb;display:block;margin-bottom:12px}
#contact .direct-email a{display:inline-flex;align-items:center;gap:15px;border-bottom:1px solid rgba(158,216,239,.44);
  padding-bottom:8px;max-width:100%;overflow-wrap:anywhere;font:500 clamp(15px,1.65vw,21px)/1.5 'DM Sans',sans-serif;color:#edf9ff}
#contact .direct-email a:hover{border-color:#e3faff}
#contact .contact-panel{
  color:#112a3c;background:linear-gradient(160deg,#eff5f5,#dae9ee);border:1px solid #bed4dd;border-radius:0;
  box-shadow:0 32px 70px rgba(0,0,0,.17);padding:clamp(24px,4vw,55px)
}
#contact .contact-panel::before{left:0;right:0;background:linear-gradient(90deg,#79a4b8,#b7d4de)}
#contact .panel-top{color:#27536b;margin-bottom:37px;border-bottom:1px solid #b2cbd5;padding-bottom:20px;letter-spacing:.23em}
#contact .panel-dot{background:#287aa2;box-shadow:none}
#contact .form-row>label{font-weight:650;color:#274c61;font-size:12px}
#contact .form-row>label>span{color:#285e79}
#contact .form-row input:not([type=checkbox]),#contact .form-row select,#contact .form-row textarea{
  background:rgba(255,255,255,.68);color:#0b2638;border:1px solid #a5c0cb;border-radius:0;
  font-size:16px;padding:15px 15px
}
#contact .form-row input::placeholder,#contact .form-row textarea::placeholder{color:#55768a}
#contact .form-row select option{background:#f5f9fa;color:#0b2638}
#contact .form-row input:focus,#contact .form-row textarea:focus,#contact .form-row select:focus{
  border-color:#227da7;box-shadow:0 0 0 3px rgba(43,121,161,.13);outline:0
}
#contact .form-row .checkbox-label{color:#375b6c;font-size:12px}
#contact .form-footnote{color:#47697c}
#contact .form-feedback{color:#175d74}
#contact .form-setup-warning{color:#174b64;background:#d4e7eb;border-color:#92bbc9}
#contact .form-submit{background:#103246;color:#f5fbfe;border:1px solid #103246;box-shadow:none;min-height:64px}
#contact .form-submit:hover{background:#21526a}
#contact .form-submit .button-circle{background:rgba(255,255,255,.13)}
#contact .contact-note{line-height:2.15}
.site-footer{background:#050e15;border-top:1px solid rgba(150,204,227,.23)}
.site-footer .footer-top{padding-top:clamp(70px,9vw,132px);padding-bottom:65px}
.site-footer .neo-intro-replay,.site-footer .back-top{letter-spacing:.19em;color:#c8e0eb}
.site-footer .footer-bottom{border-color:rgba(136,181,205,.18);color:#91aebd}
.confirm-dialog{border-radius:0}

/* Narrow desktops and tablets: retain editorial rhythm without overflow. */
@media(max-width:1050px){
  #business .service-primary{grid-column:span 6;min-height:430px}
  #business .service-small{grid-column:span 6;min-height:255px}
  #business .service-wide{grid-column:span 12}
  #business .business-cta{align-items:flex-start}
  #strength .strength-layout{gap:38px}
}
@media(max-width:900px){
  #vision .intro-grid{grid-template-columns:160px minmax(0,1fr);gap:38px}
  #company .company-layout,#contact .contact-layout{grid-template-columns:1fr;gap:32px}
  #company .company-heading{min-height:310px}
  #company .company-details{margin-top:0}
  #contact .contact-intro h2{max-width:650px}
  #contact .contact-tags{margin-top:28px}
  #contact .direct-email{margin-top:22px}
  #strength .strength-layout{grid-template-columns:1fr;gap:26px}
  #strength .strength-list{margin-top:12px}
  #recruit .recruit-inner:before{left:-13px}
}
@media(max-width:640px){
  #vision.intro,#business.business,#strength.strength,#company.company,#contact.contact{padding-block:110px}
  #vision:before,#business:before,#strength:before,#company:before,#contact:before{left:9px;opacity:.45}
  #vision .intro-grid{grid-template-columns:1fr;gap:26px}
  #vision .intro-grid>.section-ident:after{display:none}
  #vision .intro-body{padding-top:18px}
  #vision .intro-title{font-size:clamp(46px,11vw,73px);line-height:1.23;margin:24px 0 36px}
  #vision .intro-copy-row{grid-template-columns:23px minmax(0,1fr);gap:15px}
  
  #vision .intro-copy-row p{line-height:2;font-size:14px}
  #vision .intro-watermark{font-size:18vw}
  #business .section-heading-row{display:block;margin:38px 0 35px}
  #business .section-heading-row h2{font-size:clamp(40px,10vw,68px)}
  #business .heading-aside{margin-top:28px}
  #business .service-grid{gap:10px}
  #business .service-primary,#business .service-wide{grid-column:span 12}
  #business .service-primary{min-height:365px}
  #business .service-small{grid-column:span 6;min-height:266px}
  #business .service-card{padding:19px}
  #business .service-card:before{font-size:100px;opacity:.7}
  #business .service-card .service-top:after{top:51px;left:19px;right:19px}
  #business .service-primary .service-bottom h3{font-size:clamp(28px,7vw,35px)}
  #business .service-small .service-bottom h3{font-size:18px}
  #business .service-small .service-bottom p{font-size:12px}
  #business .mini-icon-illustrated{margin-bottom:22px}
  #business .mini-icon-illustrated svg{width:39px;height:39px}
  #business .service-wide{min-height:315px}
  #business .service-wide .service-bottom{display:block}
  #business .water-sphere{right:-65px;opacity:.24}
  #business .business-cta{display:block;margin-top:20px;padding:27px 23px}
  #business .business-cta-link{margin-top:25px;min-width:0;width:100%}
  #strength .strength-list{padding-left:17px}
  #strength .strength-list:before{left:0}
  #strength .strength-item{grid-template-columns:44px minmax(0,1fr) 12px;gap:12px;padding:29px 2px 29px 12px;min-height:140px}
  #strength .strength-item:before{left:-22px;top:37px}
  #strength .strength-num{font-size:24px}
  #strength .strength-item h3{font-size:22px}
  #strength .strength-item p{font-size:12px}
  #company .company-heading{min-height:255px}
  #company .company-heading h2{font-size:clamp(56px,13vw,74px);margin-top:28px}
  #company .company-heading:after{bottom:6px}
  #company .company-art{width:175px;height:165px;right:3%;bottom:17px;opacity:.11}
  #company .company-details dl>div{grid-template-columns:80px minmax(0,1fr);gap:13px;padding:22px 0}
  #company .company-details dd{font-size:13px}
  #recruit.recruit{min-height:710px}
  #recruit .recruit-inner:before{display:none}
  #recruit .recruit-title{font-size:clamp(52px,12vw,78px);line-height:1.16}
  #recruit .recruit-english{font-size:9vw;right:0;bottom:-50px}
  #recruit .recruit-points span{padding:9px 12px 9px 0;margin-right:12px;font-size:10px}
  #recruit .button-light{min-width:0;width:min(100%,345px)}
  #contact .contact-intro h2{font-size:clamp(47px,11vw,70px)}
  #contact .contact-panel{padding:28px 19px}
  #contact .form-row .checkbox-label{font-size:11px}
  #contact .direct-email a{font-size:15px}
}
@media(max-width:420px){
  #business .service-small{grid-column:span 12;min-height:215px}
  #business .service-small .service-bottom{display:grid;grid-template-columns:minmax(0,1fr) 60px;align-items:end}
  #business .service-small .service-bottom .mini-icon{grid-column:2;grid-row:1 / span 3;align-self:center;margin:0;opacity:.43}
  #business .service-small .service-bottom h3,
  #business .service-small .service-bottom p,#business .service-small .service-bottom .service-en{grid-column:1}
  #business .service-small .service-bottom h3{margin:0 0 7px}
  #business .service-small .service-bottom .service-en{margin-top:12px;font-size:9px}
}
@media(prefers-reduced-motion:reduce){
  #business .service-card,#business .service-cta,#recruit .button-light{transition:none!important;animation:none!important}
  #neo-intro::before{transition:none!important}
}