.home-services.services-horizon{--service-ink:#f5f8fc;--service-muted:#afc0ce;--service-accent:#ff782e;height:auto;color:var(--service-ink);isolation:isolate;background:#040e1b;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(320px,auto);gap:52px 66px;padding:88px max(44px,50% - 640px) 220px;display:grid}.services-horizon .services-back{display:none}.services-horizon .services-intro{color:var(--service-ink);grid-area:1/1;align-self:start;padding:8px 0 0 14px;display:block;position:static}.services-horizon .heading-kicker{font-size:15px}.services-horizon .heading-mark{object-fit:contain;width:42px;height:42px}.services-horizon .section-heading h2{font:700 clamp(66px, 7.8vw, 112px)/1 var(--english);letter-spacing:-.04em;color:var(--service-ink);margin:10px 0 0}.services-horizon .services-intro>p{color:#d2dce4;max-width:460px;margin:26px 0 0;font-size:23px;font-weight:400;line-height:2}.services-horizon .services-intro:after{content:"";border-top:1px solid #7b8d9c;width:170px;margin:28px 0 0;display:block}.services-horizon .home-service-card{min-height:320px;color:var(--service-ink);isolation:isolate;background:0 0;border:0;border-radius:0;grid-column:1;grid-template-rows:1fr auto;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-self:start;column-gap:10px;padding:0;scroll-margin-top:100px;display:grid;overflow:visible;width:100%!important;height:auto!important;margin:0!important;position:relative!important;inset:auto!important}.services-horizon .card-sales{grid-area:1/2}.services-horizon .card-software{grid-area:2/1}.services-horizon .card-security{grid-area:2/2}.services-horizon .card-maintenance{grid-area:3/1}.services-horizon .card-cloud{grid-area:3/2}.services-horizon .card-internet{grid-area:4/1}.services-horizon .card-web{grid-area:4/2}.services-horizon :is(.card-security,.card-cloud,.card-web){top:140px!important}.services-horizon .home-service-card:focus-visible{outline:2px solid var(--service-accent);outline-offset:10px;border-radius:4px}.services-horizon .service-scene-frame{background:0 0;border-radius:0;grid-area:1/1/3;align-self:center;width:calc(100% + 36px);height:336px;margin:0 0 0 -36px;position:relative;inset:auto;-webkit-mask-image:radial-gradient(64% 65%,#000 58%,#0000 100%);mask-image:radial-gradient(64% 65%,#000 58%,#0000 100%)}.services-horizon :is(.card-sales,.card-security,.card-cloud,.card-web) .service-scene-frame{grid-column:2;margin-left:0}.services-horizon .service-photo-frame .service-photo{aspect-ratio:auto;filter:none;object-fit:cover;background:#040e1b;border-radius:0;width:100%;height:100%!important;transform:none!important}.services-horizon .service-scene-canvas{transform:none}.services-horizon .service-media>:is(img,video){aspect-ratio:3/2;object-fit:contain;height:auto;top:50%;bottom:auto;transform:translateY(-50%);-webkit-mask-image:radial-gradient(68% 72%,#000 45%,#0000 100%);mask-image:radial-gradient(68% 72%,#000 45%,#0000 100%)}html[data-motion=on] .services-horizon .service-media[data-scene-state=ready]:has(>canvas[data-motion=on])>img{opacity:0}.services-horizon .service-card-name{z-index:1;flex-direction:column;grid-area:1/2;align-self:end;align-items:flex-start;width:100%;min-width:0;padding:43px 0 0;display:flex;position:relative;inset:auto!important}.services-horizon :is(.card-sales,.card-security,.card-cloud,.card-web) .service-card-name{grid-column:1}.services-horizon .service-card-name>.service-card-index{font:600 22px/1.4 var(--english);color:var(--service-accent);box-shadow:none;background:0 0;align-items:center;gap:14px;padding:0;display:flex;position:absolute;top:0;left:0}.services-horizon .service-card-index:after{content:"";border-top:1px solid;width:32px}.services-horizon .service-card-name .service-card-title{letter-spacing:-.04em;color:var(--service-ink);white-space:normal;overflow-wrap:anywhere;text-wrap:pretty;margin:0;padding:0;font-family:Noto Sans JP,sans-serif;font-size:clamp(24px,2.1vw,30px);font-weight:700;line-height:1.5}.services-horizon .service-card-eyebrow{max-width:calc(100% - 82px);font:500 11px/1.6 var(--english);letter-spacing:.19em;color:#b6c8d7;white-space:normal;margin:0;position:absolute;top:7px;left:82px}.services-horizon .service-card-description{letter-spacing:.01em;max-width:100%;color:var(--service-muted);text-wrap:pretty;margin:14px 0 0;font-size:15px;font-weight:400;line-height:1.9}.services-horizon .card-more{letter-spacing:.04em;z-index:1;border:0;border-top:1px solid #627282;grid-area:2/2;justify-content:space-between;gap:12px;width:100%;max-width:100%;margin:23px 0 0;padding:13px 0 0;font:500 14px/1.6 Noto Sans JP,sans-serif;display:flex;position:relative;inset:auto}.services-horizon :is(.card-sales,.card-security,.card-cloud,.card-web) .card-more{grid-column:1}.services-horizon .card-more:after{content:none}.services-horizon .card-more .arrow-square{border:1px solid var(--service-accent);width:38px;height:38px;color:var(--service-accent);background:0 0;border-radius:50%;flex:none;place-items:center;display:grid}.services-horizon .card-more .arrow-square svg{width:23px;height:23px;transform:none}html[data-motion=on] .services-horizon .home-service-card.motion-reveal.is-visible,html[data-motion=on] .services-horizon .section-heading.motion-reveal.is-visible{opacity:1;clip-path:none;animation:none;transform:none}html[data-motion=on] .services-horizon .home-service-card.is-visible .service-scene-frame{animation:atlas-art-arrive .9s var(--motion-ease) both}@keyframes atlas-art-arrive{0%{opacity:.72;translate:0 14px}to{opacity:1;translate:0}}@media (prefers-reduced-motion:reduce){html[data-motion=on] .services-horizon .home-service-card.is-visible .service-scene-frame{animation:none}}@media (hover:hover){.services-horizon .home-service-card:hover .card-more{border-color:var(--service-accent)}.services-horizon .home-service-card:hover .arrow-square{color:#040e1b;background:var(--service-accent)}.services-horizon .home-service-card:hover .arrow-square svg{transform:translate(2px,-2px)}}@media (width<=1100px){.home-services.services-horizon{gap:42px 40px;padding:72px 6% 170px}.services-horizon .home-service-card{grid-template-columns:minmax(0,1fr);row-gap:0;min-height:0}.services-horizon .home-service-card .service-scene-frame{grid-area:1/1;justify-self:end;width:90%;height:235px;margin:0}.services-horizon .home-service-card .service-card-name{grid-area:2/1;padding-top:40px}.services-horizon .home-service-card .card-more{grid-area:3/1;margin-top:20px}.services-horizon .services-intro{padding-left:0}.services-horizon .section-heading h2{font-size:clamp(62px,7.5vw,90px)}.services-horizon .services-intro>p{font-size:15px}.services-horizon .service-card-name .service-card-title{font-size:24px}.services-horizon :is(.card-security,.card-cloud,.card-web){top:96px!important}}@media (width<=700px){.home-services.services-horizon{grid-template-columns:minmax(0,1fr);grid-auto-rows:auto;gap:40px;padding:54px 24px 72px}.services-horizon .services-intro{grid-area:auto/1;padding:0 0 8px}.services-horizon .section-heading h2{font-size:64px}.services-horizon .services-intro>p{margin-top:22px;font-size:14px}.services-horizon .services-intro:after{width:120px;margin-top:22px}.services-horizon .home-service-card{grid-area:auto/1;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);min-height:235px;scroll-margin-top:76px;translate:none;width:100%!important;top:0!important}.services-horizon .home-service-card .service-scene-frame{grid-area:1/1/3;justify-self:start;width:100%;height:220px}.services-horizon .home-service-card .service-card-name{grid-area:1/2;padding-top:36px}.services-horizon .home-service-card .card-more{grid-area:2/2;margin-top:16px;padding-top:10px;font-size:12px}.services-horizon :is(.card-sales,.card-security,.card-cloud,.card-web){grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}.services-horizon :is(.card-sales,.card-security,.card-cloud,.card-web) .service-scene-frame{grid-column:2}.services-horizon :is(.card-sales,.card-security,.card-cloud,.card-web) .service-card-name,.services-horizon :is(.card-sales,.card-security,.card-cloud,.card-web) .card-more{grid-column:1}.services-horizon .service-card-name .service-card-title{letter-spacing:-.045em;font-size:clamp(18px,4.6vw,23px)}.services-horizon .service-card-description{margin-top:10px;font-size:12px;line-height:1.85}.services-horizon .service-card-name>.service-card-index{gap:8px;font-size:19px}.services-horizon .service-card-index:after{width:16px}.services-horizon .service-card-eyebrow{letter-spacing:.1em;max-width:calc(100% - 52px);font-size:9px;top:5px;left:52px}.services-horizon .card-more .arrow-square{width:32px;height:32px}.services-horizon .card-more .arrow-square svg{width:20px;height:20px}}@media (width<=380px){.home-services.services-horizon{padding-inline:18px}.services-horizon .home-service-card{grid-template-columns:minmax(0,1fr);justify-self:start;width:92%!important}.services-horizon :is(.card-sales,.card-security,.card-cloud,.card-web){justify-self:end}.services-horizon .home-service-card .service-scene-frame{grid-area:1/1;justify-self:end;width:88%;height:175px}.services-horizon .home-service-card .service-card-name{grid-area:2/1}.services-horizon .home-service-card .card-more{grid-area:3/1}.services-horizon .service-card-name .service-card-title{font-size:21px}}