/* The completed reading state is always the default. Motion is a second layer. */
@view-transition{navigation:auto}
::view-transition-old(root){animation:page-out .22s ease both}
::view-transition-new(root){animation:page-in .38s cubic-bezier(.2,.75,.25,1) both}
@keyframes page-out{to{opacity:0;transform:translateY(-5px)}}
@keyframes page-in{from{opacity:.3;transform:translateY(12px)}to{opacity:1;transform:none}}
.site-header{view-transition-name:site-header;background:var(--navy)}
.site-footer{view-transition-name:site-footer}
::view-transition-old(site-header),::view-transition-new(site-header){animation:none}
.hero{height:800px;min-height:800px;display:block;padding:0;isolation:isolate;background:radial-gradient(ellipse at 77% 55%,#254356 0,#092a44 37%,#001e3d 74%)}
.hero-title{position:absolute;left:var(--pad);top:180px;padding:0;text-align:left;width:55%;z-index:2}
.hero-title h1{font-size:clamp(45px,4.4vw,65px);line-height:1.6;letter-spacing:.035em}
.hero-title .eyebrow{margin-bottom:28px}
.hero-sculpture{position:absolute;left:auto;right:-9%;top:3%;width:68%;height:91%;max-width:none;margin:0;transform:none;z-index:0}
.sculpture-stage{position:relative;width:100%;height:100%;isolation:isolate}
.sculpture-stage canvas,.sculpture-stage>.sculpture-fallback{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:contain}
.sculpture-stage canvas{opacity:0}
.sculpture-stage[data-render=webgl] canvas{opacity:1}
.sculpture-stage[data-render=webgl]>.sculpture-fallback{opacity:0}
.sculpture-stage[data-axis=false]>.sculpture-fallback>g>path:first-child{display:none}
.hero-scroll{bottom:86px;right:var(--pad)}
.hero-foot{z-index:3}.hero-foot .motion-toggle{color:#d6dbe0}
.name-meaning .sculpture-stage{height:280px;margin-bottom:15px}
.name-meaning .axis-sculpture{height:280px}
.heading-orbit{will-change:transform;transform:translateY(var(--orbit-offset,0px)) rotate(var(--orbit-angle,0deg))}
.motion-flow{fill:none;stroke:var(--copper)!important;stroke-width:3px!important;stroke-linecap:round;pointer-events:none;opacity:0;filter:none}
.flow-layer{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:0}
.flow-layer path{fill:none;stroke:#b48a60;stroke-width:1.25}
.mini-cooperation,.route-steps,.roles,.process-track{position:relative;isolation:isolate}
.mini-cooperation>*:not(.flow-layer){position:relative;z-index:1}
.route-steps{padding-bottom:20px}.route-steps .flow-layer{z-index:-1}
.roles .flow-layer{z-index:-1}
.learning-visual .motion-flow{stroke-width:5px!important;stroke:#e9bd8e!important}
.motion-global{border:0;border-bottom:1px solid #ffffff45;padding:5px 0;background:transparent;color:#c8d2da;font-size:12px;cursor:pointer;white-space:nowrap}
.footer-bottom{flex-wrap:wrap;gap:18px}.motion-global:hover{color:white;border-color:var(--copper)}
.line-link,.filled-link,.text-link{position:relative;isolation:isolate;overflow:hidden}
.line-link b,.filled-link b,.hero-scroll b,.page-contents span{transition:transform .42s cubic-bezier(.2,.8,.2,1),background .3s,border-color .3s}
.line-link:hover b,.line-link:focus-visible b,.filled-link:hover b,.filled-link:focus-visible b{transform:translate(4px,-4px)}
.line-link::after{content:'';position:absolute;inset:0;background:currentColor;opacity:.05;transform:translateX(-101%);transition:transform .45s cubic-bezier(.2,.7,.2,1);z-index:-1}
.line-link:hover::after,.line-link:focus-visible::after{transform:none}
.hero-scroll:hover b,.hero-scroll:focus-visible b{transform:translateY(4px);background:#ffffff17;border-color:#d3aa7b}
.page-contents a:hover span,.page-contents a:focus-visible span{transform:translateY(4px)}
.desktop-nav a:after{transition:width .35s cubic-bezier(.2,.8,.2,1)}
.mobile-menu nav{transform-origin:top right}
.mobile-menu[open] nav{animation:menu-in .32s cubic-bezier(.2,.8,.2,1)}
@keyframes menu-in{from{clip-path:inset(0 0 100% 0);transform:translateY(-8px)}to{clip-path:inset(0);transform:none}}
.function{position:relative;isolation:isolate}
.function::before{content:'';position:absolute;inset:0 -14px;background:linear-gradient(120deg,#ffffff08,transparent 70%);opacity:var(--focus-intensity,0);z-index:-1;pointer-events:none}
.company-leader>img{position:sticky;top:35px;align-self:start}
.company-identity{transform:translateY(var(--identity-offset,0px))}
.service-gateway{background:linear-gradient(120deg,#102f46,#001e3d 60%);background-size:140% 100%;background-position:var(--gateway-position,0%) 0}
.review-media-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.review-media-grid article{min-width:0}.review-media-grid video{width:100%;aspect-ratio:16/10;object-fit:contain;background:#001e3d}
.review-media-grid video.mobile{aspect-ratio:390/844;max-height:570px;width:auto;max-width:100%;display:block;margin:auto}
.review-table{width:100%;border-collapse:collapse;margin:28px 0;font-size:15px;line-height:1.9}
.review-table th,.review-table td{border-bottom:1px solid #ffffff30;padding:18px 14px;text-align:left;vertical-align:top}.review-table th{color:#dab183;font-weight:400}
@media(min-width:1600px){.hero-title{top:190px}.hero{height:880px;min-height:880px}.hero-sculpture{right:-3%;width:67%}}
@media(min-width:701px) and (max-width:1050px){.hero-title{top:165px;width:68%}.hero-title h1{font-size:45px}.hero-sculpture{right:-16%;top:20%;height:80%;width:80%}.hero{height:820px;min-height:820px}.name-meaning .sculpture-stage{height:200px}}
@media(max-width:700px){
 .hero{height:710px;min-height:710px;padding:0;background:radial-gradient(ellipse at 72% 63%,#274457,#072741 51%,#001e3d 85%)}
 .hero-title{position:relative;left:0;top:0;width:100%;text-align:center;padding:34px 20px 0}
 .hero-title h1{font-size:clamp(31px,8.7vw,37px);line-height:1.65;letter-spacing:.02em}
 .hero-title .eyebrow{margin-bottom:20px}
 .hero-sculpture{width:124%;height:470px;top:205px;right:-16%;margin:0;max-width:none}
 .hero-scroll{bottom:63px;font-size:12px}.hero-foot{bottom:19px}.hero-scroll b{width:35px;height:35px}
 .name-meaning .sculpture-stage{width:110px;height:170px;grid-row:1/3;margin:0}
 .name-meaning .axis-sculpture{height:170px}
 .company-leader>img{position:static}.company-identity{transform:none}
 .route-steps{padding-bottom:0}.route-steps .flow-layer{z-index:0}
 .review-media-grid{grid-template-columns:1fr}.review-table{display:block;overflow-x:auto}
 .footer-bottom .motion-global{order:3}
}
@media(max-width:370px){.name-meaning .sculpture-stage{width:95px}.hero{height:690px;min-height:690px}.hero-sculpture{top:195px;height:460px}.hero-title h1{font-size:31px}}
@media(prefers-reduced-motion:reduce){
 ::view-transition-old(root),::view-transition-new(root){animation:none}
 *,*::before,*::after{animation-duration:0s!important;transition-duration:0s!important;scroll-behavior:auto!important}
 .motion-flow{display:none}.motion-global{display:none}.heading-orbit,.company-identity{transform:none!important}
 .company-leader>img{position:static}
}