.btn--case{padding:0;height:calc(34*var(--u));min-height:34px;letter-spacing:.26em}
.cover{object-fit:cover;height:calc(var(--ah)*var(--u))}
.home-logo{height:auto}
.sonic-link{color:#d9d8cf;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.08em}
.small{font-size:max(13px,calc(15*var(--u)))}
.gold{color:#d1a642;text-decoration:none}
.gold:hover{text-decoration:underline}
.sonic-thumbs{list-style:none;margin:0;padding:0;display:flex;justify-content:space-between;gap:34px}
.sonic-thumbs li{width:calc(140*var(--u));text-align:center;font-size:max(12px,calc(15*var(--u)))}
.sonic-thumbs button{display:block;width:calc(140*var(--u));height:calc(93*var(--u));padding:0;border:0;background:none;cursor:zoom-in;overflow:hidden}
.sonic-thumbs img{width:100%;height:100%;object-fit:cover}
.sonic-thumbs span{display:block;margin-top:calc(8*var(--u))}
.about-bg{inset:calc(57.6*var(--u)) calc(57.6*var(--u)) calc(57*var(--u)) calc(57.6*var(--u));width:auto;height:auto;object-position:100% 0}
.about-bg{position:absolute;width:calc(100% - 115.2*var(--u));height:calc(511*var(--u))}
.strip-sec{height:calc(270*var(--u));overflow:hidden;background:#000}
.strip{display:flex;height:100%;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity}
.strip::-webkit-scrollbar{display:none}
.strip img{flex:none;height:100%;width:auto;scroll-snap-align:start}
.strip__btn{position:absolute;top:calc(113*var(--u));width:44px;height:44px;border-radius:2px;border:0;background:rgba(235,235,235,.82);cursor:pointer;display:grid;place-items:center;color:#222}
.strip__btn::before{content:"";width:20px;height:2px;background:currentColor;box-shadow:none}
.strip__btn::after{content:"";position:absolute;width:9px;height:9px;border:solid currentColor;border-width:2px 0 0 2px}
.strip__btn--prev{left:calc(15*var(--u))}.strip__btn--prev::after{transform:rotate(-45deg);margin-right:12px}
.strip__btn--next{right:calc(15*var(--u))}.strip__btn--next::after{transform:rotate(135deg);margin-left:12px}
.lightbox{position:fixed;inset:0;z-index:300;background:rgba(0,0,0,.92);display:grid;place-items:center;align-content:center;gap:12px;padding:20px}
.lightbox[hidden]{display:none}
.lightbox img{max-width:min(94vw,1500px);max-height:84vh;object-fit:contain}
.lightbox p{text-align:center;margin:0}
.lightbox__close{position:absolute;right:16px;top:8px;background:none;border:0;color:#fff;font-size:40px;cursor:pointer}
@media (max-width:799px){
  .cover{height:calc(var(--mah)*var(--u))}
  .btn--case{height:calc(46*var(--u));min-height:0;letter-spacing:.26em}
  .sonic-link{font-size:inherit}
  .sonic-thumbs{display:block}
  .sonic-thumbs li{width:100%;height:calc(309*var(--u));font-size:calc(15*var(--u))}
  .sonic-thumbs button{width:100%;height:calc(229*var(--u))}
  .sonic-thumbs span{margin-top:calc(14*var(--u))}
  .about-bg{position:absolute;inset:0;width:100%;height:100%}
  .strip-sec{height:calc(253*var(--u))}
  .strip__btn{top:calc(105*var(--u))}
}