.hdss-wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,1fr);align-items:stretch;gap:70px}.hdss-nav{display:flex;flex-direction:column;justify-content:center}.hdss-nav-item{position:relative;display:grid;grid-template-columns:44px 1fr;align-items:center;width:100%;border:0;border-bottom:1px solid #eee;background:transparent;text-align:left;cursor:pointer;transition:background .28s ease,box-shadow .28s ease,transform .28s ease}.hdss-nav-item::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:transparent}.hdss-nav-item.is-active{box-shadow:0 3px 10px rgba(0,0,0,.12);z-index:2}.hdss-nav-number{font-size:13px;color:#c8c8c8;transition:color .25s ease}.hdss-nav-title{font-size:32px;font-weight:700;line-height:1.2;color:#b7b7b7;transition:color .25s ease}.hdss-visual{position:relative;overflow:hidden;background-position:center;background-size:cover;background-repeat:no-repeat;min-height:660px;transition:background-image .15s ease}.hdss-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.58),rgba(0,0,0,.08) 60%,transparent)}.hdss-visual.is-changing::before{content:"";position:absolute;inset:0;background:#000;opacity:.18;z-index:1;animation:hdssFade .35s ease}.hdss-content{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:0 52px 52px}.hdss-description{max-width:620px;margin:0 0 34px;color:#fff;font-size:23px;font-weight:700;line-height:1.3}.hdss-button{display:inline-flex;align-items:center;gap:14px;padding:16px 28px;background:#f5a300;color:#111;text-decoration:none;font-size:18px;transition:transform .22s ease,filter .22s ease}.hdss-button:hover{transform:translateY(-2px);filter:brightness(.96)}.hdss-arrow{font-size:22px;line-height:1}.hdss-content.is-changing{animation:hdssContent .35s ease}@keyframes hdssFade{from{opacity:.35}to{opacity:0}}@keyframes hdssContent{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1024px){.hdss-wrap{grid-template-columns:1fr;gap:30px}.hdss-visual{min-height:520px}.hdss-nav-title{font-size:27px}}@media(max-width:767px){.hdss-nav-title{font-size:21px}.hdss-nav-item{grid-template-columns:36px 1fr}.hdss-visual{min-height:430px}.hdss-content{padding:0 24px 28px}.hdss-description{font-size:18px;margin-bottom:22px}.hdss-button{padding:13px 20px;font-size:16px}}