:root{--hims-lime:#b5d334;--hims-ink:#10110f;--hims-paper:#f5f5f1;--hims-line:rgba(16,17,15,.14)}
/* V5 - editorial / cinematic system */
html{scroll-behavior:auto}body{background:var(--hims-paper);color:var(--hims-ink)}
/* ---------- NAV ---------- */
header{position:fixed!important;top:0;left:0;width:100%;z-index:9000;background:rgba(245,245,241,.82)!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid rgba(16,17,15,.08);transition:transform .55s cubic-bezier(.22,1,.36,1),background .35s}.hims-nav{height:78px;display:flex;align-items:center;justify-content:space-between}.navbar{padding:0!important;min-height:78px}.navbar-brand h2{margin:0!important;letter-spacing:.04em;font-size:24px}.navbar-brand h2 em{font-style:normal;font-weight:300}.navbar-nav .nav-link{position:relative;font-size:11px!important;letter-spacing:1.8px;text-transform:uppercase;color:#171817!important;padding:30px 15px!important}.navbar-nav .nav-link:after{content:"";position:absolute;left:15px;right:15px;bottom:18px;height:2px;background:var(--hims-lime);transform:scaleX(0);transform-origin:right;transition:transform .45s cubic-bezier(.22,1,.36,1)}.navbar-nav .nav-link:hover:after,.navbar-nav .nav-link.active:after{transform:scaleX(1);transform-origin:left}.hims-menu-trigger{width:48px;height:48px;border:1px solid rgba(16,17,15,.18);border-radius:50%;display:flex;align-items:center;justify-content:center;background:transparent;cursor:pointer;margin-left:18px;position:relative;z-index:9100;transition:.35s}.hims-menu-trigger:hover{background:#111;color:#fff;transform:rotate(8deg) scale(1.06)}.hims-menu-trigger span,.hims-menu-trigger span:before,.hims-menu-trigger span:after{content:"";display:block;width:18px;height:1px;background:currentColor;position:absolute;transition:.35s}.hims-menu-trigger span:before{transform:translateY(-5px)}.hims-menu-trigger span:after{transform:translateY(5px)}.hims-menu-trigger.open span{background:transparent}.hims-menu-trigger.open span:before{transform:rotate(45deg)}.hims-menu-trigger.open span:after{transform:rotate(-45deg)}
.hims-overlay{position:fixed;inset:0;z-index:8990;background:#111;color:#fff;clip-path:circle(0% at calc(100% - 42px) 40px);visibility:hidden;overflow:hidden}.hims-overlay.open{visibility:visible}.hims-overlay:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 30%,rgba(181,211,52,.17),transparent 32%),linear-gradient(120deg,#111 0%,#171915 55%,#0d0e0c 100%)}.hims-overlay-grid{position:relative;height:100%;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;padding:110px 7vw 60px}.hims-overlay-links{display:flex;flex-direction:column;align-items:flex-start}.hims-overlay-link{font-size:clamp(44px,7vw,105px);line-height:.92;letter-spacing:-.055em;color:#fff;text-decoration:none!important;position:relative;display:block;overflow:hidden;padding:4px 0}.hims-overlay-link .link-inner{display:block;transform:translateY(105%);transition:transform .8s cubic-bezier(.16,1,.3,1)}.hims-overlay.open .hims-overlay-link .link-inner{transform:translateY(0)}.hims-overlay.open .hims-overlay-link:nth-child(1) .link-inner{transition-delay:.10s}.hims-overlay.open .hims-overlay-link:nth-child(2) .link-inner{transition-delay:.16s}.hims-overlay.open .hims-overlay-link:nth-child(3) .link-inner{transition-delay:.22s}.hims-overlay.open .hims-overlay-link:nth-child(4) .link-inner{transition-delay:.28s}.hims-overlay.open .hims-overlay-link:nth-child(5) .link-inner{transition-delay:.34s}.hims-overlay-link:before{content:"";position:absolute;left:0;bottom:3px;width:0;height:7px;background:var(--hims-lime);transition:width .5s cubic-bezier(.22,1,.36,1)}.hims-overlay-link:hover:before{width:100%}.hims-overlay-link:hover{color:#fff}.hims-overlay-side{height:70vh;position:relative;border-left:1px solid rgba(255,255,255,.16);padding-left:5vw;display:flex;flex-direction:column;justify-content:space-between}.hims-menu-preview{height:54vh;overflow:hidden;position:relative;border-radius:4px}.hims-menu-preview img{width:100%;height:100%;object-fit:cover;transform:scale(1.08);filter:grayscale(15%);transition:transform .8s cubic-bezier(.22,1,.36,1),opacity .3s}.hims-menu-meta{font-size:10px;letter-spacing:3px;text-transform:uppercase;color:#aaa}.hims-menu-footer{display:flex;justify-content:space-between;font-size:10px;letter-spacing:2px;text-transform:uppercase;color:#aaa}.hims-overlay.open .hims-menu-preview img{transform:scale(1)}.hims-nav-dot{position:absolute;left:7vw;top:70px;font-size:10px;letter-spacing:4px;text-transform:uppercase;color:#aab09e}.hims-menu-close-label{position:absolute;right:7vw;top:92px;color:#aaa;font-size:10px;letter-spacing:3px;text-transform:uppercase}
body.hims-menu-open{overflow:hidden}
/* ---------- HOME TIMELINE ---------- */
.hims-side-timeline{max-width:1280px!important;position:relative;padding:25px 0 10px}.hims-side-timeline:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:1px;background:rgba(16,17,15,.13);transform:translateX(-50%)}.hims-side-progress{position:absolute;top:0;left:50%;width:2px;background:var(--hims-lime);transform:translateX(-50%);height:0;z-index:2;box-shadow:0 0 22px rgba(181,211,52,.35)}.hims-tl-item{width:50%;padding:0 62px 105px!important;position:relative}.hims-tl-item:nth-child(odd){margin-left:0;text-align:right}.hims-tl-item:nth-child(even){margin-left:50%;text-align:left}.hims-tl-dot{position:absolute!important;top:60px!important;width:15px!important;height:15px!important;border:4px solid var(--hims-paper)!important;background:#171817!important;box-shadow:0 0 0 1px rgba(16,17,15,.3),0 0 0 7px rgba(181,211,52,.08)!important;z-index:4}.hims-tl-item:nth-child(odd) .hims-tl-dot{right:-7px!important}.hims-tl-item:nth-child(even) .hims-tl-dot{left:-7px!important}.hims-tl-card,.hims-tl-item:nth-child(odd) .hims-tl-card{display:grid!important;grid-template-columns:1fr 255px!important;gap:28px;align-items:center;min-height:255px!important;padding:16px!important;border:1px solid rgba(16,17,15,.1);background:rgba(255,255,255,.52);box-shadow:0 18px 60px rgba(16,17,15,.06);transition:transform .7s cubic-bezier(.22,1,.36,1),box-shadow .7s,border-color .4s}.hims-tl-item:nth-child(even) .hims-tl-card{grid-template-columns:255px 1fr!important}.hims-tl-item:nth-child(odd) .hims-tl-card{direction:ltr}.hims-tl-card:hover{transform:translateY(-10px)!important;box-shadow:0 30px 90px rgba(16,17,15,.13);border-color:rgba(181,211,52,.55)}.hims-tl-image{width:255px!important;height:245px!important;border-radius:3px!important;overflow:hidden!important;position:relative}.hims-tl-image:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 40%,rgba(181,211,52,.28));mix-blend-mode:screen;opacity:0;transition:opacity .45s}.hims-tl-card:hover .hims-tl-image:after{opacity:1}.hims-tl-image img{width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.22,1,.36,1),filter .6s}.hims-tl-card:hover .hims-tl-image img{transform:scale(1.08);filter:saturate(1.08)}.hims-tl-year{font-size:clamp(44px,5vw,74px)!important;line-height:.85!important;font-weight:800;letter-spacing:-.06em;color:#171817!important;opacity:.11!important}.hims-tl-card h4{font-size:clamp(25px,2.5vw,38px)!important;line-height:1!important;letter-spacing:-.035em;margin:9px 0!important}.hims-tl-card p{font-size:13px!important;letter-spacing:1px;text-transform:uppercase;color:#777}.hims-tl-card .hims-kicker{font-size:10px!important;letter-spacing:2px;color:#111}
/* ---------- BUSINESS PAGE: no floating collage; one hero image + editorial scroll ---------- */
.hims-cinematic.is-business{background:#111!important;color:#fff;overflow:clip}.hims-cinematic.is-business .hc-track{height:300vh!important}.hims-cinematic.is-business .hc-pin{height:100vh!important;min-height:680px!important;display:block!important;position:sticky;top:0;background:#111;overflow:hidden}.hims-cinematic.is-business .hc-noise{opacity:.025;background-image:radial-gradient(#fff .5px,transparent .5px)}.hims-cinematic.is-business .hc-blur,.hims-cinematic.is-business .hc-side,.hims-cinematic.is-business .hc-ring{display:none!important}.hims-cinematic.is-business .hc-kicker{top:115px;left:7vw;color:#a9ad9f;font-size:10px;letter-spacing:3.5px}.hims-cinematic.is-business .hc-counter{top:115px;right:7vw;color:#8f928b}.hims-cinematic.is-business .hc-stage{position:absolute;right:7vw;top:50%;transform:translateY(-50%);width:min(56vw,850px);height:min(70vh,690px);perspective:none}.hims-cinematic.is-business .hc-main{left:0;top:0;width:100%;height:100%;transform:none!important;border-radius:0;box-shadow:none;overflow:hidden;background:#222;clip-path:inset(0 0 0 0 round 0);transition:clip-path 1.2s cubic-bezier(.77,0,.175,1)}.hims-cinematic.is-business .hc-main:after{background:linear-gradient(90deg,rgba(0,0,0,.24),transparent 45%,rgba(0,0,0,.1))}.hims-cinematic.is-business .hc-main img{transform:scale(1.03)!important;transition:transform 1.2s cubic-bezier(.22,1,.36,1),filter 1.2s;filter:saturate(.9)}.hims-cinematic.is-business .hc-caption{display:none}.hims-cinematic.is-business .hc-title{left:7vw;bottom:auto;top:50%;transform:translateY(-50%);max-width:620px;z-index:8}.hims-cinematic.is-business .hc-title .hc-year{font-size:clamp(100px,16vw,230px);line-height:.68;color:#fff;opacity:.045;margin-bottom:5px}.hims-cinematic.is-business .hc-title h2{font-size:clamp(44px,6vw,88px);line-height:.9;color:#fff;margin:0 0 20px;letter-spacing:-.06em;max-width:600px}.hims-cinematic.is-business .hc-title p{font-size:16px;line-height:1.8;color:#aaa;max-width:430px}.hims-cinematic.is-business .hc-title a{color:#fff;border-bottom-color:rgba(255,255,255,.55);position:relative}.hims-cinematic.is-business .hc-title a:before{content:"";position:absolute;left:0;bottom:-1px;height:2px;width:35px;background:var(--hims-lime);transition:width .45s}.hims-cinematic.is-business .hc-title a:hover:before{width:100%}.hims-cinematic.is-business .hc-progress{left:7vw;bottom:55px;width:240px;background:rgba(255,255,255,.18)}.hims-cinematic.is-business .hc-progress i{background:var(--hims-lime)}.hims-cinematic.is-business .hc-vertical{right:7vw;bottom:55px;color:#777}.hims-cinematic.is-business:after{content:"SCROLL TO EXPLORE";position:absolute;left:7vw;bottom:52px;color:#777;font-size:9px;letter-spacing:3px}.hims-cinematic.is-business .hc-pin:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:linear-gradient(90deg,#111 0%,rgba(17,17,17,.94) 28%,rgba(17,17,17,.15) 58%,rgba(17,17,17,.35) 100%);z-index:2;pointer-events:none}.hims-cinematic.is-business .hc-stage,.hims-cinematic.is-business .hc-title{will-change:transform}.hims-cinematic.is-business .hc-stage{z-index:1}.hims-cinematic.is-business .hc-title{z-index:5}
/* scroll-driven editorial states */
.hims-cinematic.is-business.v5-mid .hc-main{clip-path:inset(5% 6% 5% 6% round 2px)}.hims-cinematic.is-business.v5-end .hc-main{clip-path:inset(0 0 0 38% round 0)}.hims-cinematic.is-business.v5-mid .hc-main img{transform:scale(1.12)!important;filter:saturate(1.08)}.hims-cinematic.is-business.v5-end .hc-main img{transform:scale(1.2)!important}.hims-cinematic.is-business.v5-end .hc-title{transform:translateY(-50%) translateX(-18px) scale(.92);opacity:.78}
/* ---------- generic motion ---------- */
.reveal{opacity:0;transform:translateY(40px);transition:opacity .9s ease,transform 1s cubic-bezier(.22,1,.36,1)}.reveal.in-view{opacity:1;transform:none}.reveal-section{opacity:0;transform:translateY(24px);transition:opacity .9s,transform 1s cubic-bezier(.22,1,.36,1)}.reveal-section.in-view{opacity:1;transform:none}.magnetic{transition:transform .25s cubic-bezier(.22,1,.36,1),box-shadow .3s!important}.cursor-dot{position:fixed;width:8px;height:8px;border-radius:50%;background:#111;pointer-events:none;z-index:99999;mix-blend-mode:difference;transform:translate(-50%,-50%);transition:width .2s,height .2s,background .2s}.cursor-dot.active{width:42px;height:42px;background:#fff}.hims-page-wipe{position:fixed;inset:0;background:#111;z-index:99999;pointer-events:none;transform:translateY(100%);transition:transform .7s cubic-bezier(.77,0,.175,1)}body.page-ready .hims-page-wipe{transform:translateY(100%)}body.page-leave .hims-page-wipe{transform:translateY(0)}
@media(max-width:991px){.navbar-nav{display:none}.hims-menu-trigger{margin-left:auto}.hims-overlay-grid{grid-template-columns:1fr;padding:100px 28px 40px}.hims-overlay-side{display:none}.hims-overlay-link{font-size:clamp(42px,13vw,78px)}.hims-tl-item{padding-left:42px!important;padding-right:42px!important}.hims-tl-card,.hims-tl-item:nth-child(odd) .hims-tl-card,.hims-tl-item:nth-child(even) .hims-tl-card{grid-template-columns:180px 1fr!important}.hims-tl-image{width:180px!important;height:190px!important}.hims-cinematic.is-business .hc-stage{right:4vw;width:60vw;height:58vh}.hims-cinematic.is-business .hc-title{left:5vw;max-width:52vw}.hims-cinematic.is-business .hc-title h2{font-size:52px}}
@media(max-width:767px){header{background:rgba(245,245,241,.94)!important}.hims-overlay-grid{padding-top:95px}.hims-nav-dot{left:28px;top:80px}.hims-menu-close-label{right:28px;top:80px}.hims-tl-item,.hims-tl-item:nth-child(even){width:100%;margin-left:0!important;padding:0 0 50px 42px!important;text-align:left!important}.hims-side-timeline:before,.hims-side-progress{left:12px}.hims-tl-item:nth-child(odd) .hims-tl-dot,.hims-tl-item:nth-child(even) .hims-tl-dot{left:5px!important;right:auto!important}.hims-tl-card,.hims-tl-item:nth-child(odd) .hims-tl-card,.hims-tl-item:nth-child(even) .hims-tl-card{grid-template-columns:105px 1fr!important;gap:14px;min-height:150px!important;padding:10px!important}.hims-tl-image{width:105px!important;height:128px!important}.hims-tl-year{font-size:38px!important}.hims-tl-card h4{font-size:20px!important}.hims-cinematic.is-business .hc-track{height:235vh!important}.hims-cinematic.is-business .hc-pin{min-height:680px!important}.hims-cinematic.is-business .hc-kicker{top:95px;left:22px}.hims-cinematic.is-business .hc-counter{top:95px;right:22px}.hims-cinematic.is-business .hc-stage{right:22px;top:43%;width:calc(100% - 44px);height:44vh}.hims-cinematic.is-business .hc-title{left:22px;top:auto;bottom:95px;transform:none;max-width:calc(100% - 44px)}.hims-cinematic.is-business .hc-title .hc-year{font-size:75px}.hims-cinematic.is-business .hc-title h2{font-size:37px}.hims-cinematic.is-business .hc-title p{font-size:13px;line-height:1.6}.hims-cinematic.is-business .hc-progress{left:22px;bottom:42px;width:120px}.hims-cinematic.is-business:after{left:22px;bottom:57px;font-size:8px}.hims-cinematic.is-business .hc-vertical{display:none}.hims-cinematic.is-business.v5-end .hc-main{clip-path:inset(0 0 0 18%)}.cursor-dot{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}.hims-cinematic.is-business .hc-track{height:auto!important}.hims-cinematic.is-business .hc-pin{position:relative;height:760px!important}}
.hims-lightbox{position:fixed;inset:0;background:rgba(8,9,8,.96);z-index:10000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .35s}.hims-lightbox.open{opacity:1;visibility:visible}.hims-lightbox figure{margin:0;max-width:88vw;max-height:86vh;text-align:center}.hims-lightbox img{max-width:88vw;max-height:80vh;object-fit:contain;box-shadow:0 30px 100px rgba(0,0,0,.5)}.hims-lightbox figcaption{color:#aaa;font-size:10px;letter-spacing:3px;margin-top:12px}.lb-close,.lb-prev,.lb-next{position:absolute;border:0;background:transparent;color:#fff;font-size:54px;line-height:1;cursor:pointer}.lb-close{top:25px;right:35px;font-size:42px}.lb-prev{left:25px}.lb-next{right:25px}
