.case-skip{position:absolute;left:16px;top:-80px;z-index:30;padding:10px 14px;background:var(--paper);color:var(--ink)}
.case-skip:focus{top:12px}
.case-header{position:absolute;inset:0 0 auto;z-index:10;border-bottom:1px solid #ffffff2b;background:#0d0617d9;backdrop-filter:blur(14px)}
.case-header-inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:32px}
.case-brand{font-size:17px;font-weight:700;letter-spacing:-.04em;text-decoration:none;white-space:nowrap}
.case-brand span{color:var(--pink)}
.case-nav{display:flex;align-items:center;gap:clamp(16px,2.6vw,36px);font-size:13px}
.case-nav a,.case-mobile-nav a{text-decoration:none;color:#e5dce9;transition:color .2s ease}
.case-nav a:hover,.case-mobile-nav a:hover,.case-nav a:focus-visible,.case-mobile-nav a:focus-visible{color:var(--pink)}
.case-nav .case-nav-work{color:var(--pink)}
.case-mobile-menu{display:none}
.case-next{background:var(--paper);color:var(--ink);padding:clamp(78px,10vw,150px) 0}
.case-next-label{display:block;color:#6c5570;font-size:11px;letter-spacing:.18em;text-transform:uppercase;margin-bottom:30px}
.case-next-link{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:0 0 30px;border-bottom:1px solid #857b87;text-decoration:none}
.case-next-title{font:clamp(56px,10vw,148px)/.88 Georgia,serif;letter-spacing:-.07em}
.case-next-arrow{display:grid;place-items:center;width:clamp(52px,7vw,96px);aspect-ratio:1;border:1px solid currentColor;border-radius:50%;flex:none;transition:background .2s,color .2s,transform .2s}
.case-next-arrow svg{width:42%;height:42%}
.case-next-link:hover .case-next-arrow,.case-next-link:focus-visible .case-next-arrow{background:var(--ink);color:var(--paper);transform:translate(3px,-3px)}
.case-next-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:26px;font-size:14px}
.case-next-bottom a{text-underline-offset:5px}
.case-contact{padding:clamp(72px,9vw,120px) 0;background:#21102d}
.case-contact .wrap{display:flex;justify-content:space-between;align-items:end;gap:30px}
.case-contact p{margin:0 0 20px;color:#cbb6d1}
.case-contact h2{font:clamp(55px,8vw,118px)/.88 Georgia,serif;letter-spacing:-.065em;margin:0}
.case-contact a{display:inline-flex;align-items:center;gap:12px;border:1px solid #b999c2;padding:16px 20px;text-decoration:none;white-space:nowrap;transition:background .2s,color .2s}
.case-contact a:hover,.case-contact a:focus-visible{background:var(--paper);color:var(--ink)}
.case-contact a svg{width:18px;height:18px}
.case-footer{background:var(--night);border-top:1px solid #ffffff2b;padding:28px 0 36px;font-size:13px;color:#c7baca}
.case-footer .wrap{display:flex;justify-content:space-between;gap:24px}
.case-footer a{text-underline-offset:5px}
@media(max-width:760px){
  .case-header-inner{min-height:66px}
  .case-brand{font-size:15px}
  .case-nav{display:none}
  .case-mobile-menu{display:block;position:relative}
  .case-mobile-menu summary{list-style:none;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid #ffffff55;border-radius:50%;cursor:pointer}
  .case-mobile-menu summary::-webkit-details-marker{display:none}
  .case-mobile-menu summary svg{width:21px;height:21px}
  .case-mobile-nav{position:absolute;right:0;top:calc(100% + 10px);display:grid;gap:0;width:min(280px,calc(100vw - 32px));padding:8px 18px;background:#21102d;border:1px solid #6e5079;box-shadow:0 18px 40px #0008}
  .case-mobile-nav a{padding:11px 0;border-bottom:1px solid #ffffff1f}
  .case-mobile-nav a:last-child{border-bottom:0}
  .case-next-link{align-items:center}
  .case-next-title{font-size:clamp(50px,14vw,80px)}
  .case-next-bottom{display:grid;gap:12px}
  .case-contact .wrap{display:grid;justify-content:start}
  .case-contact h2{font-size:clamp(57px,14vw,82px)}
  .case-contact a{width:max-content}
  .case-footer .wrap{display:grid;gap:12px}
}