/* The final frame: an invitation, a company, a signature. */
.site-footer.studio-footer{--footer-paper:#e9ece3;background:#121611;color:var(--footer-paper);padding:42px var(--pad) 22px;position:relative;isolation:isolate;border-top:1px solid #ffffff1e;overflow:clip}
.footer-kicker{display:flex;justify-content:space-between;align-items:center;gap:30px;color:#acb6a5}
.footer-kicker .mono{font-size:.75rem;letter-spacing:.075em;line-height:1.7}
.footer-invitation{display:flex;align-items:center;justify-content:space-between;gap:65px;padding:55px 0 62px}
.footer-invitation h2{font-size:clamp(60px,7.5vw,116px);font-weight:500;line-height:1.04;letter-spacing:-.065em;max-width:1000px}
.footer-invitation h2 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.055em;color:#c1cbb8}
:lang(ko) .footer-invitation h2{font-size:clamp(44px,5.9vw,90px);line-height:1.24;letter-spacing:-.055em;word-break:keep-all}
:lang(ko) .footer-invitation h2 em{font-family:var(--font);font-style:normal;letter-spacing:-.055em}
.footer-project{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:19px;flex-shrink:0;padding:12px 0;min-width:160px;font-size:.9375rem}
.footer-project-icon{display:grid;place-items:center;width:clamp(105px,12vw,180px);height:clamp(105px,12vw,180px);border:1px solid #7e9171;border-radius:50%;font-size:clamp(50px,5.5vw,83px);line-height:1;transition:background .45s,color .45s,transform .65s cubic-bezier(.2,.8,.15,1)}
.footer-project:hover .footer-project-icon{background:var(--footer-paper);color:#152010;transform:rotate(45deg)}
.footer-project:focus-visible{outline-color:#dce8cf;outline-offset:12px}
.footer-information{display:grid;grid-template-columns:1.4fr 1fr;gap:12%;padding:38px 0 43px;border-top:1px solid #6a795c70;align-items:start}
.footer-statement>p{font-size:clamp(19px,1.75vw,27px);line-height:1.6;letter-spacing:-.025em;color:#d3d9cd}
.studio-footer .company-details{display:flex;flex-wrap:wrap;gap:17px 35px;padding:28px 0 0;margin:0;color:#e1e7d9}
.studio-footer .company-details>div{display:flex;flex-direction:column;align-items:start;gap:5px}
.studio-footer .company-details dt{font-size:.75rem;line-height:1.8;color:#a6b39b}
.studio-footer .company-details dd{font-size:.9375rem;line-height:1.7;margin:0;word-break:keep-all;overflow-wrap:anywhere}
.footer-navigation{display:flex;flex-direction:column;min-width:0}
.footer-navigation>a{display:grid;grid-template-columns:28px minmax(0,1fr) 24px;gap:15px;align-items:center;font-size:1.125rem;line-height:1.5;padding:14px 0;min-height:56px;border-bottom:1px solid #6a795c70;transition:color .3s}
.footer-navigation>a:first-child{padding-top:0;min-height:42px}
.footer-navigation>a>.mono{font-size:.75rem;color:#9cae8f}
.footer-navigation>a>span:last-child{font-size:1.3rem;justify-self:end;transition:transform .4s cubic-bezier(.2,.8,.15,1)}
.footer-navigation>a:hover{color:#b3c5a1}
.footer-navigation>a:hover>span:last-child{transform:translate(3px,-3px)}
.footer-signature{position:relative;overflow:hidden;border-top:1px solid #6a795c70;padding:22px 0 10px;user-select:none;pointer-events:none}
.footer-signature>span{display:block;font-size:clamp(60px,14.15vw,290px);letter-spacing:-.085em;font-weight:650;line-height:1.15;white-space:nowrap;color:#d8dfce;transform-origin:bottom left}
.footer-colophon{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-top:18px;padding-bottom:env(safe-area-inset-bottom,0px);border-top:1px solid #6a795c70;font-size:.75rem;line-height:1.8;color:#a7b59b}
.footer-colophon-note{letter-spacing:.05em}
.footer-colophon>a{display:flex;align-items:center;gap:20px;min-height:44px;font-size:.875rem;color:#dce5d2}
.footer-colophon>a>span:last-child{font-size:1.4rem;transition:transform .4s cubic-bezier(.2,.8,.15,1)}
.footer-colophon>a:hover>span:last-child{transform:translateY(-4px)}
@media(min-width:2050px){.footer-signature>span{font-size:13.8vw}}
@media(max-width:1000px){.footer-invitation{gap:35px;padding-top:44px;padding-bottom:48px}.footer-invitation h2{font-size:8vw}.footer-project{min-width:130px}.footer-project-icon{width:115px;height:115px;font-size:58px}.footer-information{gap:8%;grid-template-columns:1.15fr 1fr}.footer-colophon-note{display:none}}
@media(max-width:760px){
 .site-footer.studio-footer{padding-top:30px;padding-bottom:16px}
 .footer-kicker{gap:20px}.footer-kicker>.mono:last-child{display:none}
 .footer-invitation{gap:24px;align-items:end;padding:35px 0 37px}
 .footer-invitation h2{font-size:clamp(44px,7.5vw,64px);line-height:1.12;letter-spacing:-.055em}
 :lang(ko) .footer-invitation h2{font-size:clamp(31px,5.5vw,43px);line-height:1.3;letter-spacing:-.06em}
 .footer-project{min-width:100px;font-size:.875rem;gap:12px;padding:0}
 .footer-project-icon{width:80px;height:80px;font-size:43px}
 .footer-information{gap:34px;padding:28px 0 32px}
 .footer-statement>p{font-size:1.125rem;line-height:1.7}
 .studio-footer .company-details{gap:16px;padding-top:22px;display:grid;grid-template-columns:minmax(0,1fr)}
 .studio-footer .company-details>div{gap:3px}
 .footer-navigation>a{grid-template-columns:20px minmax(0,1fr) 18px;gap:9px;font-size:1rem;padding:13px 0;min-height:52px}
 .footer-navigation>a:first-child{min-height:44px}
 .footer-signature{padding-top:24px;padding-bottom:16px}
 .footer-signature>span{font-size:13.4vw;letter-spacing:-.088em;line-height:1.22}
 .footer-colophon{padding-top:11px;gap:12px;font-size:.75rem}
 .footer-colophon>a{gap:11px;font-size:.875rem}
 .footer-project:hover .footer-project-icon{transform:none}
}
@media(max-width:520px){
 .footer-invitation{display:block;padding-top:32px;padding-bottom:31px}
 .footer-invitation h2{font-size:clamp(52px,12vw,64px)}
 :lang(ko) .footer-invitation h2{font-size:clamp(35px,8vw,43px);line-height:1.28}
 .footer-project{flex-direction:row-reverse;justify-content:space-between;width:100%;margin-top:25px;gap:22px;font-size:1rem}
 .footer-project-icon{width:56px;height:56px;font-size:32px;flex-shrink:0}
 .footer-information{grid-template-columns:minmax(0,1fr);gap:28px;padding-top:26px;padding-bottom:27px}
 .footer-statement>p{font-size:1.125rem}
 .studio-footer .company-details{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:20px}
 .footer-navigation>a{grid-template-columns:27px minmax(0,1fr) 23px;gap:15px;font-size:1rem;min-height:53px}
 .footer-navigation>a:first-child{padding-top:13px;min-height:53px;border-top:1px solid #6a795c70}
 .footer-colophon{flex-wrap:wrap}
 .footer-colophon>a{margin-left:auto}
 .footer-signature{padding-top:20px;padding-bottom:15px}
}
@media(max-width:350px){.studio-footer .company-details{grid-template-columns:minmax(0,1fr);gap:15px}.footer-kicker .mono{font-size:.75rem;letter-spacing:.025em}.footer-colophon{gap:0 12px}}
@media(prefers-reduced-motion:reduce){.studio-footer *{transition:none!important}.footer-project:hover .footer-project-icon,.footer-navigation>a:hover>span:last-child,.footer-colophon>a:hover>span:last-child{transform:none}}
.motion-paused .footer-project:hover .footer-project-icon,.motion-paused .footer-navigation>a:hover>span:last-child,.motion-paused .footer-colophon>a:hover>span:last-child{transform:none}
@media(forced-colors:active){.footer-project-icon,.footer-navigation>a{border-color:CanvasText}.footer-signature>span{color:CanvasText}}