.campus-shop{color:#071827;background:#f4f3ee;min-height:100svh}.shop-header{background:#071827;justify-content:space-between;align-items:center;gap:24px;padding:22px 6vw;display:flex}.shop-brand{flex-shrink:0;width:120px;display:block}.shop-brand img{width:100%;height:auto}.shop-header nav{color:#fff;align-items:center;gap:30px;font-size:13px;display:flex}.shop-header nav a{align-items:center;gap:8px;padding:9px 0;display:inline-flex}.shop-header nav [aria-current=page]{border-bottom:1px solid #fff}.shop-stage{flex-direction:column;justify-content:space-between;gap:50px;min-height:calc(100svh - 135px);padding:30px 7vw 45px;display:flex;overflow:hidden}.shop-topline{letter-spacing:.16em;border-bottom:1px solid #07182726;justify-content:space-between;gap:20px;padding-bottom:20px;font-size:10px;font-weight:650;display:flex}.shop-title-wrap{padding:30px 0}.shop-status{letter-spacing:.15em;align-items:center;gap:10px;font-size:11px;font-weight:650;display:flex}.shop-status>span{background:#071827;border-radius:50%;width:7px;height:7px}.shop-title-wrap h1{text-transform:uppercase;letter-spacing:-.075em;margin:26px 0 24px;font-size:clamp(60px,12vw,170px);font-weight:850;line-height:.9}.shop-title-wrap h1>span{color:#9ba9af}.shop-description{letter-spacing:-.025em;margin:0;font-size:clamp(19px,2.5vw,32px)}.shop-bottomline{border-top:1px solid #07182726;justify-content:space-between;align-items:end;gap:30px;padding-top:26px;display:flex}.shop-bottomline p{color:#66727c;margin:0;font-size:14px;line-height:1.7}.shop-bottomline>a{border-bottom:1px solid #071827;align-items:center;gap:24px;padding:12px 0;font-size:13px;font-weight:600;display:inline-flex}.campus-shop .shop-footer{color:#fff;background:#071827;justify-content:space-between;align-items:center;gap:20px;min-height:0;padding:25px 7vw;display:flex}.shop-footer>span{letter-spacing:.08em;font-size:13px;font-weight:750}.campus-shop .shop-footer p{color:#bac3c9;margin:0;font-size:11px}.campus-shop a:focus-visible{outline-offset:6px;outline:2px solid #789aa8}.shop-bottomline>a:hover{gap:32px}.shop-header a:hover{opacity:.75}@media (max-width:640px){.shop-header{gap:15px;padding:20px 6vw}.shop-brand{width:85px}.shop-header nav{gap:16px;font-size:11px}.shop-header nav svg{display:none}.shop-stage{gap:40px;min-height:calc(100svh - 100px);padding:24px 8vw 40px}.shop-title-wrap h1{margin:25px 0;font-size:16.5vw}.shop-title-wrap{padding:25px 0}.shop-status{font-size:10px}.shop-bottomline{flex-direction:column;align-items:start;gap:24px}.campus-shop .shop-footer{flex-direction:column;align-items:start;gap:10px;padding:25px 8vw}.shop-topline{font-size:9px}}
