/* 중앙 로고를 기준으로 두 메뉴를 대칭 배치한다. */
.arin-site-header{position:fixed;top:0;left:0;width:100%;z-index:30;height:100px;padding:0 4%;display:grid;grid-template-columns:1fr 180px 1fr;column-gap:64px;align-items:center;font-family:ArinSUIT,sans-serif;font-size:16px;line-height:1.5;letter-spacing:-.03em;color:#000;transition:transform .35s ease,background .35s ease,color .35s ease}
.arin-site-header a{font-weight:600;box-shadow:none;color:inherit;text-decoration:none}
.arin-site-header .wordmark{width:180px;position:relative;grid-column:2;grid-row:1}
.arin-site-header .arin-nav-link{display:flex;align-items:center;min-height:44px;white-space:nowrap}
.arin-nav-cases{justify-self:end;grid-column:1;grid-row:1}
.arin-nav-contact{justify-self:start;grid-column:3;grid-row:1}
.arin-nav-link:hover{opacity:.65}
.arin-site-header a:focus-visible{outline:2px solid currentColor;outline-offset:6px}
.arin-site-header.white{color:#fff;background-image:linear-gradient(0deg,transparent,rgba(0,0,0,.2))}
.arin-site-header.is-away:not(.white){background:#fffffff2}
.arin-site-header.is-scrolling-down{transform:translateY(-100%)}
body:has(.arin-reference .main-intro:not(.hide)) .arin-site-header{transform:translateY(-100%)}
body:has(.arin-reference .main-intro.hide) .arin-site-header:not(.is-scrolling-down){transition:transform .6s .6s ease,background .35s ease,color .35s ease}
.arin-site-header~main .wf-section{scroll-margin-top:100px}
@media(max-width:768px){
 .arin-site-header{height:70px;grid-template-columns:1fr 130px 1fr;column-gap:24px;font-size:14px;padding:0 20px}
 .arin-site-header .wordmark{width:130px}
 .arin-site-header~main .wf-section{scroll-margin-top:70px}
}
@media(max-width:359px){.arin-site-header{column-gap:14px;padding:0 12px;font-size:13px}}
@media(prefers-reduced-motion:reduce){.arin-site-header{transition:none!important}}

/* Floating glass capsule: limit the surface to the navigation itself. */
.arin-site-header{
 top:20px;left:0;right:0;margin-inline:auto;width:min(560px,calc(100% - 40px));
 height:72px;padding:0 30px;grid-template-columns:1fr 180px 1fr;column-gap:32px;
 border:1px solid rgba(255,255,255,.58);border-radius:999px;
 background:rgba(255,255,255,.72);
 -webkit-backdrop-filter:blur(24px) saturate(165%);backdrop-filter:blur(24px) saturate(165%);
 box-shadow:0 8px 32px rgba(16,30,65,.12),inset 0 1px 0 rgba(255,255,255,.9),inset 0 -1px 0 rgba(255,255,255,.25);
 isolation:isolate;
}
.arin-site-header::before{
 content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:-1;
 background:linear-gradient(135deg,rgba(255,255,255,.32),transparent 42%,rgba(255,255,255,.08) 65%,rgba(255,255,255,.26));
}
.arin-site-header.white{
 background:rgba(22,30,46,.22);border-color:rgba(255,255,255,.4);
 box-shadow:0 8px 32px rgba(0,0,0,.14),inset 0 1px 0 rgba(255,255,255,.65),inset 0 -1px 0 rgba(255,255,255,.12);
}
.arin-site-header.is-away:not(.white){background:rgba(255,255,255,.72)}
.arin-site-header.is-scrolling-down{transform:translateY(calc(-100% - 24px))}
body:has(.arin-reference .main-intro:not(.hide)) .arin-site-header{transform:translateY(calc(-100% - 24px))}
@media(max-width:768px){
 .arin-site-header{top:12px;width:calc(100% - 24px);max-width:430px;height:62px;padding:0 20px;grid-template-columns:1fr 130px 1fr;column-gap:20px;font-size:14px}
}
@media(max-width:359px){
 .arin-site-header{padding:0 14px;column-gap:12px;font-size:13px}
}