.project-gateway{color:var(--b-ink,#202323);padding:68px 4.5vw 80px}.project-gateway h1{letter-spacing:-.055em;margin:24px 0;font-size:clamp(42px,5.5vw,80px);font-weight:700;line-height:1.16}.project-gateway h1>span{color:var(--b-blue,#323cff)}.gateway-lead{color:#686d63;margin:24px 0 48px;font-size:15px;line-height:1.9}.gateway-directions{border-top:1px solid #232823;border-bottom:1px solid #232823;grid-template-columns:1.12fr 1fr 1fr;display:grid}.gateway-direction{grid-template-columns:1fr auto;gap:24px;padding:24px;transition:background .25s;display:grid;position:relative}.gateway-direction+.gateway-direction{border-left:1px solid #afb2a5}.gateway-packaging{background:var(--b-lime,#d5f15a)}.gateway-direction svg{grid-column:1/-1;width:130px;max-width:100%;margin:0 auto;transition:transform .4s}.gateway-direction:hover svg{transform:translateY(-5px)}.gateway-direction:hover{background:#e7eadb}.gateway-packaging:hover{background:var(--b-lime,#d5f15a)}.gateway-index,.gateway-en{letter-spacing:.07em;font-size:11px}.gateway-direction h2{margin:8px 0;font-size:24px;font-weight:600}.gateway-direction p{color:#60675c;font-size:13px;line-height:1.8}.gateway-arrow{align-self:center;font-size:28px;transition:transform .25s}.gateway-direction:hover .gateway-arrow{transform:translate(3px,-3px)}.gateway-unsure{border-bottom:1px solid #c2c7b9;justify-content:space-between;gap:50px;width:fit-content;padding:22px 0 10px;font-size:15px;display:flex}.gateway-placeholder .eyebrow{margin-top:60px}@media (max-width:700px){.project-gateway{padding:34px 22px 50px}.gateway-directions{grid-template-columns:1fr}.gateway-direction{grid-template-columns:30px 70px 1fr auto;align-items:center;gap:12px;padding:24px 0}.gateway-direction+.gateway-direction{border-top:1px solid #afb2a5;border-left:0}.gateway-direction svg{grid-column:auto;width:70px;margin:0}.gateway-direction h2{font-size:20px}.gateway-direction p{font-size:12px}.gateway-packaging{padding-left:10px;padding-right:10px}.gateway-en{font-size:9px}.gateway-lead{margin-bottom:30px}}@media (prefers-reduced-motion:reduce){.gateway-direction,.gateway-direction svg,.gateway-arrow{transition:none}.gateway-direction:hover svg,.gateway-direction:hover .gateway-arrow{transform:none}}.gateway-packaging .service-packaging,.gateway-packaging:hover .service-packaging{transform:none}.service-fold{stroke-dasharray:1;stroke-dashoffset:0}.service-junction{opacity:1}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.service-plane-outer,.service-plane-return,.service-plane-inner{transition:transform .45s cubic-bezier(.22,.61,.36,1)}.service-plane-outer{transform:translate(-4px,-6px)}.service-plane-return{transform:translate(6px,6px)}.service-plane-inner{transform:translate(-3px,2px)}.service-fold{stroke-dashoffset:1px;transition:stroke-dashoffset .32s .1s}.service-junction{opacity:.2;transition:opacity .2s .22s}.gateway-packaging:is(:hover,:focus-visible) :is(.service-plane-outer,.service-plane-return,.service-plane-inner){transform:translate(0)}.gateway-packaging:is(:hover,:focus-visible) .service-fold{stroke-dashoffset:0}.gateway-packaging:is(:hover,:focus-visible) .service-junction{opacity:1}}
