.ravin-off-duty{--rod-ink:#101713;--rod-cream:#eeece4;--rod-lime:var(--rv-color-acid);--rod-display:var(--rv-font-display-en);--rod-body:var(--rv-font-ui-en);color:var(--rod-cream);font-family:var(--rod-body);position:relative;isolation:isolate;line-height:1.45}
.ravin-off-duty,.ravin-off-duty *{box-sizing:border-box}
.ravin-off-duty a{color:inherit;text-decoration:none}
.ravin-off-duty button{font:inherit;cursor:pointer}
.ravin-off-duty a:focus-visible,.ravin-off-duty button:focus-visible{outline:2px solid var(--rod-lime);outline-offset:4px}
.ravin-off-duty h1,.ravin-off-duty h2,.ravin-off-duty h3,.ravin-off-duty p,.ravin-off-duty figure{padding:0}
.rod-track{position:relative;height:var(--rod-desktop-scroll,340svh);min-height:1500px;background:var(--rod-ink)}
.rod-stage{position:sticky;top:0;height:100svh;min-height:540px;background:var(--rod-ink);overflow:hidden;isolation:isolate}
.rod-bg{position:absolute;inset:-1%;z-index:0;transform:scale(1.02);will-change:transform,filter}
.rod-bg picture,.rod-bg img{display:block;width:100%;height:100%}
.rod-bg img{object-fit:cover;object-position:center}
.rod-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#020807ce,#02080769 43%,#02080710 80%),linear-gradient(0deg,#0208077d,transparent 50%);pointer-events:none}
.rod-blackout{position:absolute;inset:-2%;z-index:1;background:radial-gradient(ellipse at 55% 40%,#26352d,#121c18 40%,#101713 75%);opacity:0;pointer-events:none}
.rod-grid{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:.13;background-image:linear-gradient(to right,#ffffff65 1px,transparent 1px),linear-gradient(to bottom,#ffffff4b 1px,transparent 1px);background-size:calc(100% / 7) calc(100% / 5);mask-image:linear-gradient(90deg,transparent,black 45%,transparent)}
.rod-counter{position:absolute;z-index:20;left:clamp(22px,4vw,74px);top:110px;display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:.15em;font-weight:800}
.rod-counter-track{width:70px;height:2px;background:#ffffff52;display:block}
.rod-counter-track i{display:block;width:100%;height:100%;background:var(--rod-lime);transform:scaleX(0);transform-origin:left}
.rod-hero{position:absolute;left:clamp(25px,7vw,124px);top:50%;z-index:10;width:min(56vw,900px);transform:translateY(-40%);will-change:transform,opacity}
.rod-eyebrow{font-size:clamp(9px,.78vw,12px);font-weight:800;letter-spacing:.22em;text-transform:uppercase;display:flex;gap:14px;align-items:center}
.rod-eyebrow:before{content:"";width:25px;height:1px;background:var(--rod-lime);flex:none}
.rod-eyebrow span{color:#c1c6b7}
.rod-hero h1{margin:20px 0 32px;font-family:var(--rod-display);font-size:clamp(118px,18vw,340px);font-weight:900;line-height:.71;letter-spacing:-.045em}
.rod-hero h1 em,.rod-fit-copy h2 em,.rod-shop-heading em{font-style:normal}
.rod-hero h1 em{color:transparent;-webkit-text-stroke:1.7px var(--rod-cream)}
.rod-hero-bottom{display:flex;align-items:end;gap:38px}
.rod-hero-bottom p{color:#e2dfd8;line-height:1.65;font-size:clamp(12px,1.1vw,15px);margin:0;min-width:180px}
.rod-action{border:0;display:inline-flex;align-items:center;justify-content:space-between;gap:23px;min-height:49px;min-width:175px;padding:14px 18px;background:var(--rod-cream);color:var(--rod-ink)!important;font-weight:800;font-size:10px;letter-spacing:.15em;white-space:nowrap;transition:transform .2s,background .2s}
.rod-action:hover{transform:translateY(-3px);background:var(--rod-lime)}
.rod-action b{font-size:21px;line-height:.7;font-weight:500}
.rod-action--lime{background:var(--rod-lime)}
.rod-action--dark{background:var(--rod-ink);color:var(--rod-cream)!important}
.rod-action--dark:hover{background:#506b3e}
.rod-cue{position:absolute;z-index:10;left:clamp(25px,7vw,124px);bottom:6%;font-size:9px;font-weight:800;letter-spacing:.19em;display:flex;align-items:center;gap:14px;will-change:opacity}
.rod-cue span{width:1px;height:32px;background:#ffffff70;display:block;position:relative;overflow:hidden}
.rod-cue span:after{position:absolute;top:-40%;left:0;width:1px;height:40%;content:"";background:var(--rod-lime);animation:rod-cue 1.9s infinite ease-in-out}
@keyframes rod-cue{to{top:100%}}
.rod-hero-index{position:absolute;z-index:10;right:4vw;top:43%;font-weight:800;font-size:10px;letter-spacing:.24em;writing-mode:vertical-rl}
.rod-shadow{position:absolute;z-index:3;left:52%;top:51%;font-family:var(--rod-display);font-size:clamp(270px,43vw,740px);line-height:.8;font-weight:900;letter-spacing:-.06em;color:transparent;-webkit-text-stroke:1px #dae2d13b;white-space:nowrap;transform:translate(-50%,-40%);opacity:0;pointer-events:none}
.rod-fit-copy{position:absolute;z-index:9;left:clamp(25px,6vw,110px);top:52%;width:26%;transform:translate(-25px,-50%);opacity:0;pointer-events:none;will-change:transform,opacity}
.rod-fit-copy h2{margin:15px 0 25px;font-family:var(--rod-display);font-size:clamp(108px,14vw,240px);line-height:.67;font-weight:900;letter-spacing:-.04em}
.rod-fit-copy h2 em{color:var(--rod-lime)}
.rod-fit-copy p{margin:0 0 28px;max-width:235px;font-size:13px;line-height:1.65;color:#c0cac1}
.rod-portrait{position:absolute;z-index:7;left:56%;top:51%;width:min(32vw,440px);height:min(75vh,750px);min-height:400px;opacity:0;transform:translate(-50%,-42%) perspective(1300px) rotateY(-18deg) rotateZ(-6deg) scale(.73);transform-style:preserve-3d;will-change:transform,opacity}
.rod-portrait-back{position:absolute;inset:-18px 18px 17px -18px;border:1px solid #deff7488;transform:translateZ(-35px) rotate(-6deg)}
.rod-portrait figure{position:relative;margin:0;width:100%;height:100%;overflow:hidden;background:#505953;border:1px solid #f1f2e65e;box-shadow:0 35px 95px #000b}
.rod-portrait img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 36%;filter:saturate(.84) contrast(1.04)}
.rod-portrait figure:after{content:"";position:absolute;inset:60% 0 0;background:linear-gradient(transparent,#0008);pointer-events:none}
.rod-portrait-tag{position:absolute;top:19px;left:18px;z-index:2;letter-spacing:.19em;font-size:9px;font-weight:800}
.rod-portrait-tag:before{content:"";display:inline-block;margin-right:8px;width:7px;height:7px;border-radius:50%;background:var(--rod-lime)}
.rod-portrait-bottom{position:absolute;bottom:17px;left:18px;right:18px;z-index:2;display:flex;align-items:end;justify-content:space-between;gap:10px}
.rod-portrait-bottom strong{font-family:var(--rod-display);font-weight:900;font-style:italic;font-size:32px;letter-spacing:-.01em}
.rod-portrait-bottom small{font-size:9px;font-weight:800;letter-spacing:.2em}
.rod-tape{position:absolute;left:-38px;top:49%;z-index:3;transform:rotate(-90deg) translateZ(50px);background:var(--rod-lime);color:#141c15;font-size:10px;font-weight:800;letter-spacing:.18em;padding:9px 12px;white-space:nowrap}
.rod-fit-items{position:absolute;z-index:9;right:clamp(20px,5vw,88px);top:50%;width:min(23vw,335px);transform:translate(30px,-32%);opacity:0;pointer-events:none;will-change:transform,opacity}
.rod-fit-items-caption{font-size:10px;letter-spacing:.2em;color:#bfc4bd;font-weight:800;margin:0 0 14px}
.rod-fit-items h3{font-family:var(--rod-display);font-size:clamp(24px,2.6vw,44px);font-weight:900;line-height:.85;letter-spacing:.015em;margin:0 0 21px}
.rod-mini-item{background:#f0f0de0d;color:var(--rod-cream);border:1px solid #ffffff41;backdrop-filter:blur(8px);display:flex;align-items:center;text-align:left;gap:13px;width:100%;padding:8px;margin:0 0 10px;min-height:98px;transition:background .2s,border-color .2s}
.rod-mini-item:hover{background:#ffffff22;border-color:var(--rod-lime)}
.rod-mini-item img{width:81px;height:82px;object-fit:cover;flex:0 0 81px}
.rod-mini-item>span{display:flex;flex:1;flex-direction:column;gap:9px}
.rod-mini-item small{font-size:8px;font-weight:900;letter-spacing:.2em;color:var(--rod-lime)}
.rod-mini-item strong{font-family:var(--rod-display);font-size:clamp(20px,1.8vw,30px);line-height:.88;font-weight:900}
.rod-mini-item>b{font-size:19px;align-self:flex-end;font-weight:400}
.rod-fit-tip{font-size:9px;line-height:1.5;letter-spacing:.14em;color:#aab9ac;padding-top:5px}
.rod-phase{position:absolute;bottom:5%;left:50%;z-index:12;transform:translateX(-50%);opacity:0;font-size:9px;font-weight:800;letter-spacing:.18em;color:#c7d6c8;white-space:nowrap}
.rod-phase:before{content:"";width:36px;height:1px;display:inline-block;background:var(--rod-lime);vertical-align:middle;margin-right:12px}
.rod-wipe{position:absolute;z-index:30;bottom:-1px;left:0;right:0;height:0;background:var(--rod-cream);pointer-events:none}
.rod-play{position:absolute;z-index:36;right:clamp(18px,4vw,75px);bottom:26px;min-height:40px;border:1px solid #ffffff90;background:#101713ad;color:var(--rod-cream);padding:8px 16px;font-size:10px;font-weight:800;letter-spacing:.13em;backdrop-filter:blur(12px)}
.rod-play:hover{border-color:var(--rod-lime);color:var(--rod-lime)}
.rod-shop{background:var(--rod-cream);color:var(--rod-ink);position:relative;z-index:1;padding:clamp(76px,9vw,145px) clamp(24px,7vw,122px) clamp(80px,9vw,145px)}
.rod-shop-intro{display:flex;align-items:start;justify-content:space-between;gap:25px;border-top:1px solid #0004;padding-top:21px}
.rod-shop-intro span{font-size:10px;font-weight:800;letter-spacing:.24em;white-space:nowrap}
.rod-shop-intro p{font-size:13px;line-height:1.6;max-width:310px;margin:0;color:#565c55}
.rod-shop-heading{font-family:var(--rod-display);font-size:clamp(114px,18vw,308px);font-weight:900;letter-spacing:-.045em;line-height:.78;margin:30px 0 48px}
.rod-shop-heading em{color:transparent;-webkit-text-stroke:2px var(--rod-ink)}
.rod-products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,2.3vw,38px);margin:0 0 80px}
.rod-product-shot{height:clamp(300px,45vw,650px);position:relative;overflow:hidden;background:#546455}
.rod-product-shot img{width:100%;height:100%;display:block;object-fit:cover;filter:saturate(.88);transition:transform .55s cubic-bezier(.2,.8,.2,1)}
.rod-product:hover .rod-product-shot img{transform:scale(1.05)}
.rod-product-shot>span{position:absolute;top:20px;left:20px;font-size:10px;font-weight:900;letter-spacing:.16em;padding:10px 12px;background:var(--rod-cream)}
.rod-product-title{display:flex;justify-content:space-between;align-items:start;gap:20px;padding:19px 0}
.rod-product-title small{font-size:10px;font-weight:800;letter-spacing:.16em;color:#6e776b}
.rod-product-title h3{margin:8px 0 0;font-family:var(--rod-display);font-size:clamp(32px,3.6vw,54px);font-weight:900;line-height:.87;letter-spacing:-.015em}
.rod-product-title>a{width:47px;height:47px;flex:0 0 47px;display:grid;place-items:center;background:var(--rod-ink);color:var(--rod-cream);font-size:26px}
.rod-product-title>a:hover{background:#506b3e}
.rod-finish{border-top:1px solid #0004;padding-top:38px;display:flex;justify-content:space-between;align-items:end;gap:35px}
.rod-finish>strong{font-family:var(--rod-display);font-weight:900;font-size:clamp(62px,9vw,140px);letter-spacing:-.035em;line-height:.77}
.rod-finish>div{max-width:250px}
.rod-finish p{color:#525d51;font-size:11px;line-height:1.6;margin:0 0 18px}
@media(max-width:1100px){.rod-fit-copy{left:4%;width:30%}.rod-fit-copy h2{font-size:16vw}.rod-portrait{left:54%;width:35vw;height:69vh}.rod-fit-items{right:2.2%;width:26%}.rod-mini-item img{width:66px;flex-basis:66px;height:75px}.rod-mini-item{gap:8px;min-height:90px}}
@media(max-width:700px){.rod-track{height:var(--rod-mobile-scroll,315svh);min-height:1500px}.rod-stage{min-height:420px}.rod-bg img{object-position:71% center}.rod-bg:after{background:linear-gradient(0deg,#020807e8,transparent 69%),linear-gradient(90deg,#0208073b,transparent 80%)}.rod-grid{background-size:33.333% 20%}.rod-counter{left:21px;top:92px;font-size:9px}.rod-counter-track{width:41px}
.rod-hero{top:auto;left:23px;bottom:18%;width:calc(100% - 46px);transform:translateY(0)}.rod-hero h1{font-size:clamp(116px,28vw,188px);line-height:.71;margin:15px 0 21px}.rod-hero-bottom{flex-direction:column;align-items:start;gap:16px}.rod-hero-bottom p{font-size:12px;line-height:1.45;min-width:0}.rod-eyebrow{font-size:8px}.rod-action{min-height:45px;padding:12px 15px;min-width:170px;font-size:9px}.rod-hero-index{display:none}.rod-cue{left:23px;bottom:32px;font-size:8px}.rod-cue span{height:23px}.rod-shadow{font-size:68vw}
.rod-fit-copy{top:17%;left:23px;width:calc(100% - 46px);transform:translateY(0)}.rod-fit-copy h2{font-size:22vw;margin:6px 0;line-height:.69}.rod-fit-copy p,.rod-fit-copy .rod-action{display:none}
.rod-portrait{left:50%;top:54%;width:min(60vw,290px);height:min(46svh,410px);min-height:260px}.rod-portrait-back{inset:-11px 11px 12px -10px}.rod-portrait-tag{top:11px;left:11px;font-size:7px}.rod-portrait-bottom{bottom:9px;left:11px;right:11px}.rod-portrait-bottom strong{font-size:21px}.rod-portrait-bottom small{font-size:7px}.rod-tape{left:-32px;padding:7px 9px;font-size:8px}
.rod-fit-items{top:auto;right:15px;left:15px;bottom:6%;width:auto;transform:translateY(20px)}.rod-fit-items-caption,.rod-fit-items h3,.rod-fit-tip{display:none}.rod-items-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.rod-mini-item{min-height:67px;margin:0;padding:5px;gap:6px}.rod-mini-item img{height:57px;width:52px;flex:0 0 52px}.rod-mini-item>span{gap:5px}.rod-mini-item small{font-size:7px}.rod-mini-item strong{font-size:15px}.rod-mini-item>b{display:none}.rod-phase{bottom:1%;font-size:7px}
.rod-shop{padding:70px 23px 85px}.rod-shop-intro{display:block}.rod-shop-intro p{font-size:12px;margin-top:16px}.rod-shop-heading{font-size:clamp(100px,24vw,180px);margin:33px 0 27px}.rod-products{gap:12px;margin-bottom:62px}.rod-product-shot{height:clamp(210px,62vw,450px)}.rod-product-shot>span{top:8px;left:8px;font-size:8px;padding:7px}.rod-product-title{gap:5px;padding:14px 0}.rod-product-title small{font-size:8px;letter-spacing:.1em}.rod-product-title h3{font-size:clamp(23px,6vw,40px)}.rod-product-title>a{height:34px;width:34px;flex-basis:34px;font-size:19px}.rod-finish{display:block}.rod-finish>strong{font-size:clamp(60px,13vw,100px)}.rod-finish>div{margin-top:24px;max-width:300px}.rod-play{right:16px;bottom:16px;font-size:9px;min-height:36px}}
@media(max-width:380px){.rod-hero h1{font-size:26vw}.rod-fit-copy{top:15%}.rod-portrait{height:43svh}.rod-fit-items{bottom:5%}.rod-mini-item img{width:44px;flex-basis:44px;height:51px}.rod-mini-item strong{font-size:13px}}
@media(prefers-reduced-motion:reduce){.rod-cue span:after{animation:none}.ravin-off-duty .rod-action,.ravin-off-duty .rod-product-shot img{transition:none}}
body:has(.ravin-off-duty) .section-header.shopify-section-group-header-group{position:fixed!important;top:0!important;left:0;right:0;width:100%;z-index:120!important;margin:0!important}
body:has(.ravin-off-duty) .section-header .header-wrapper{background:rgba(255,255,255,var(--rod-header-opacity,0))!important;border:0!important;box-shadow:none!important}
body:has(.ravin-off-duty) .section-header .header__icon,body:has(.ravin-off-duty) .section-header .header__icon svg,body:has(.ravin-off-duty) .section-header .desktop-localization-wrapper .localization-selector.link{color:var(--rod-header-ink,#fff)!important}
body:has(.ravin-off-duty) .section-header .header__heading-logo-wrapper{opacity:1!important;filter:brightness(0) invert(var(--rod-logo-invert,1))}
body:has(.ravin-off-duty) .section-header:has(.menu-drawer-container[open]) .header-wrapper,body:has(.ravin-off-duty) .section-header:has(.header__search details[open]) .header-wrapper{background:#fff!important}
body:has(.ravin-off-duty) .section-header:has(.menu-drawer-container[open]) .header__icon,body:has(.ravin-off-duty) .section-header:has(.header__search details[open]) .header__icon{color:#111!important}