:root{--hims-accent:#a4c639;--hims-ink:#151515}
.hims-cinematic{position:relative;background:#f5f5f2;overflow:clip}.hims-cinematic .hc-track{height:720vh;position:relative}.hims-cinematic .hc-pin{position:sticky;top:0;height:100vh;min-height:680px;display:grid;place-items:center;overflow:hidden}.hc-noise{position:absolute;inset:0;pointer-events:none;opacity:.035;background-image:radial-gradient(#000 .55px,transparent .55px);background-size:7px 7px}.hc-kicker{position:absolute;top:9vh;left:6vw;z-index:8;font-size:11px;letter-spacing:4px;text-transform:uppercase;font-weight:700;color:#222}.hc-counter{position:absolute;top:8.5vh;right:6vw;z-index:8;font-size:12px;letter-spacing:3px;color:#777}.hc-title{position:absolute;left:6vw;bottom:9vh;z-index:8;max-width:520px}.hc-title .hc-year{font-size:clamp(56px,9vw,130px);line-height:.78;font-weight:800;letter-spacing:-.07em;color:#1b1b1b;opacity:.08}.hc-title h2{font-size:clamp(34px,5vw,74px);line-height:.94;letter-spacing:-.045em;margin:4px 0 12px;color:#161616}.hc-title p{max-width:470px;color:#6f6f6f;font-size:15px;line-height:1.7;margin:0}.hc-title a{display:inline-flex;margin-top:22px;color:#151515;border-bottom:1px solid #151515;padding-bottom:7px;font-size:11px;letter-spacing:2px;text-transform:uppercase}.hc-stage{position:relative;width:min(900px,68vw);height:min(620px,72vh);perspective:1200px}.hc-main{position:absolute;left:50%;top:50%;width:min(390px,31vw);height:min(480px,55vh);transform:translate(-50%,-50%);border-radius:24px;overflow:hidden;background:#ddd;box-shadow:0 35px 90px rgba(0,0,0,.18);z-index:5}.hc-main img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.1);transition:filter .4s}.hc-main:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.38))}.hc-side{position:absolute;width:180px;height:220px;border-radius:18px;overflow:hidden;box-shadow:0 25px 65px rgba(0,0,0,.13);z-index:3;will-change:transform,opacity}.hc-side img{width:100%;height:100%;object-fit:cover}.hc-side.s1{left:-1%;top:12%;transform:rotate(-10deg)}.hc-side.s2{right:-1%;top:7%;transform:rotate(10deg)}.hc-side.s3{left:3%;bottom:2%;transform:rotate(7deg)}.hc-side.s4{right:4%;bottom:-2%;transform:rotate(-8deg)}.hc-ring{position:absolute;width:560px;height:560px;border:1px solid rgba(0,0,0,.08);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1}.hc-ring:before,.hc-ring:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(164,198,57,.35)}.hc-ring:before{inset:52px}.hc-ring:after{inset:105px}.hc-progress{position:absolute;left:6vw;bottom:5vh;width:170px;height:2px;background:rgba(0,0,0,.12);z-index:9}.hc-progress i{display:block;height:100%;width:0;background:#151515}.hc-vertical{position:absolute;right:6vw;bottom:9vh;font-size:10px;letter-spacing:3px;text-transform:uppercase;color:#888;writing-mode:vertical-rl}.hc-caption{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:7;color:#fff;text-align:center;width:90%;pointer-events:none;text-shadow:0 3px 18px rgba(0,0,0,.45)}.hc-caption span{font-size:10px;letter-spacing:4px;text-transform:uppercase}.hc-caption strong{display:block;font-size:clamp(24px,3vw,42px);margin-top:10px}.hc-blur{position:absolute;width:420px;height:420px;border-radius:50%;background:rgba(164,198,57,.08);filter:blur(30px);z-index:0}.hc-blur.b1{left:15%;top:15%}.hc-blur.b2{right:10%;bottom:10%}.hc-main.is-changing{animation:hcFlash .55s ease}@keyframes hcFlash{0%{filter:blur(0)}50%{filter:blur(5px)}100%{filter:blur(0)}}
.hims-side-timeline{max-width:1180px;margin-left:auto;margin-right:auto}.hims-tl-item{padding-left:65px;padding-right:65px;padding-bottom:105px}.hims-tl-card{min-height:205px;grid-template-columns:175px 1fr;padding:20px;border-radius:16px;position:relative;overflow:hidden}.hims-tl-item:nth-child(odd) .hims-tl-card{grid-template-columns:1fr 175px}.hims-tl-image{width:175px;height:175px;border-radius:11px}.hims-tl-year{font-size:58px}.hims-tl-card:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 25%,rgba(164,198,57,.08),transparent 75%);transform:translateX(-100%);transition:transform .8s}.hims-tl-card:hover:after{transform:translateX(100%)}.hims-tl-card:hover{transform:translateY(-12px) scale(1.015) rotate(.2deg)}
@media(max-width:991px){.hims-cinematic .hc-track{height:560vh}.hims-cinematic .hc-pin{min-height:620px}.hc-title{left:5vw;bottom:7vh}.hc-title h2{font-size:42px}.hc-stage{width:78vw!important;height:58vh}.hc-main{width:42vw!important;height:52vh}.hc-side{width:125px!important;height:165px!important}.hims-tl-item{padding-left:45px;padding-right:25px}.hims-tl-card,.hims-tl-item:nth-child(odd) .hims-tl-card{grid-template-columns:135px 1fr}.hims-tl-image{width:135px;height:155px}}
@media(max-width:767px){.hims-cinematic .hc-track{height:480vh}.hims-cinematic .hc-pin{min-height:680px;display:block;padding-top:90px}.hc-kicker{top:34px;left:22px}.hc-counter{top:34px;right:22px}.hc-stage{width:100%!important;height:56vh!important;margin-top:15px}.hc-main{width:57vw!important;height:43vh!important}.hc-side{width:88px!important;height:112px!important;border-radius:12px}.hc-title{left:22px;bottom:28px;max-width:calc(100% - 44px)}.hc-title .hc-year{font-size:62px}.hc-title h2{font-size:31px}.hc-title p{font-size:13px;line-height:1.55}.hc-title a{margin-top:12px}.hc-ring{width:300px;height:300px}.hc-ring:before{inset:30px}.hc-ring:after{inset:60px}.hc-progress{left:22px;bottom:12px;width:100px}.hc-vertical{display:none}.hims-tl-item,.hims-tl-item:nth-child(even){padding-left:36px;padding-right:0;padding-bottom:55px}.hims-tl-card,.hims-tl-item:nth-child(odd) .hims-tl-card{grid-template-columns:105px 1fr;padding:12px;min-height:150px;border-radius:13px}.hims-tl-image{width:105px;height:126px}.hims-tl-year{font-size:34px}.hims-tl-card h4{font-size:17px}}
@media(prefers-reduced-motion:reduce){.hims-cinematic .hc-track{height:auto}.hims-cinematic .hc-pin{position:relative;height:auto;min-height:760px}}