.j30{--j30-orange: #ff9e0b;--j30-yellow: #ffc233;--j30-deep: #e2700a;--j30-ember: #f0481f;--j30-ink: #17120b;--j30-soft: #2c2419;--j30-cream: #fbf1df;--j30-sand: #f2e3c6;--j30-paper: #fffdf7;background:var(--j30-orange);color:var(--j30-ink);overflow:hidden}.j30 *{box-sizing:border-box}.j30 a{color:inherit;text-decoration:none}.j30-hero{position:relative;isolation:isolate;background:var(--j30-orange)}.j30-rays{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:repeating-conic-gradient(from -12deg at 72% 28%,rgba(255,255,255,.16) 0 6deg,transparent 6deg 13deg);-webkit-mask-image:radial-gradient(circle at 72% 28%,#000 0 18%,rgba(0,0,0,.92) 56%,transparent 82%);mask-image:radial-gradient(circle at 72% 28%,#000 0 18%,rgba(0,0,0,.92) 56%,transparent 82%);pointer-events:none}.j30-hero-inner{position:relative;width:min(100%,1240px);min-height:660px;margin:0 auto;padding:64px 28px 118px}.j30-hero-copy{position:relative;z-index:3;width:min(58%,700px)}.j30-derm-pill{display:inline-flex;align-items:center;gap:9px;min-height:42px;margin:0 0 28px;border:0;border-radius:999px;padding:0 20px;background:var(--j30-ink);color:var(--j30-yellow);font:800 12px/1 var(--display);letter-spacing:.13em;text-transform:uppercase;cursor:pointer}.j30-derm-pill span{font-size:17px}.j30 h1{max-width:760px;font-family:var(--display);font-size:clamp(58px,7vw,102px);font-weight:900;letter-spacing:-.065em;line-height:.83;text-transform:uppercase}.j30 h1 span{display:block}.j30 h1 .j30-light,.j30 h1 b{color:var(--j30-paper);font-weight:inherit}.j30-hero-lede{max-width:430px;margin:28px 0 26px;font-size:clamp(17px,1.6vw,22px);font-weight:550;line-height:1.42}.j30-hero-actions,.j30-final-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:min(100%,520px)}.j30-button{position:relative;z-index:4;display:inline-flex;min-height:58px;align-items:center;justify-content:center;gap:12px;border:2px solid var(--j30-ink);border-radius:999px;padding:10px 22px;font-family:var(--display);font-size:13px;font-weight:850;letter-spacing:.06em;line-height:1.1;text-align:center;text-transform:uppercase;pointer-events:auto;touch-action:manipulation}.j30-button-dark{background:var(--j30-ink);color:var(--j30-yellow)!important}.j30-button-outline{background:transparent;color:var(--j30-ink)}.j30-button:hover{transform:translateY(-2px);box-shadow:0 12px 24px #17120b2e}.j30-product{position:absolute;top:34px;right:2%;bottom:48px;left:52%;z-index:2;display:grid;place-items:center}.j30-product-disc{position:absolute;width:min(530px,42vw);aspect-ratio:1;border-radius:50%;background:var(--j30-ink);transform:translate(10%,12%)}.j30-product-image{position:relative;z-index:2;width:auto;height:min(620px,48vw);object-fit:contain;filter:drop-shadow(0 30px 28px rgba(23,18,11,.26));transform:rotate(2.5deg)}.j30-spf-badge{position:absolute;right:7%;bottom:15%;z-index:3;display:grid;width:126px;aspect-ratio:1;place-content:center;border:2px solid rgba(255,194,51,.6);border-radius:50%;color:var(--j30-yellow);text-align:center}.j30-spf-badge small{font:800 12px/1 var(--display);letter-spacing:.16em}.j30-spf-badge strong{font:900 42px/.95 var(--display)}.j30-content{width:min(100%,1240px);margin:0 auto;padding:0 28px 36px}.j30-benefits{position:relative;z-index:5;display:grid;grid-template-columns:repeat(3,1fr);margin-top:-62px;border-radius:28px 28px 0 0;padding:30px 26px;background:var(--j30-paper);box-shadow:0 -14px 34px #17120b14}.j30-benefits article{display:grid;grid-template-columns:56px 1fr;gap:15px;align-items:center;padding:4px 28px;border-right:1px solid rgba(23,18,11,.16)}.j30-benefits article:last-child{border-right:0}.j30-benefit-icon{display:grid;width:52px;aspect-ratio:1;place-items:center;border-radius:50%;background:var(--j30-yellow)}.j30-benefit-icon svg{width:28px;fill:none;stroke:var(--j30-ink);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.j30-benefits h2{margin:0 0 4px;font-size:15px;letter-spacing:.01em;text-transform:uppercase}.j30-benefits p{margin:0;font-size:13px;line-height:1.35}.j30-track{border-radius:30px;padding:56px 38px 42px;background:var(--j30-cream);text-align:center;box-shadow:0 16px 40px #17120b14}.j30-kicker{margin:0 0 10px;color:var(--j30-deep);font:850 13px/1 var(--display);letter-spacing:.18em;text-transform:uppercase}.j30-track>h2{margin:0;font-size:clamp(34px,4.2vw,58px);letter-spacing:-.045em}.j30-steps{display:grid;grid-template-columns:repeat(3,1fr);margin-top:40px}.j30-steps article{position:relative;display:grid;justify-items:center;gap:10px;min-height:160px;padding:0 28px;border-right:1px solid rgba(23,18,11,.15)}.j30-steps article:last-child{border-right:0}.j30-step-number{position:absolute;left:12%;top:7px;display:grid;width:34px;aspect-ratio:1;place-items:center;border-radius:50%;background:var(--j30-ink);color:var(--j30-paper);font:900 15px/1 var(--display)}.j30-step-icon{display:grid;width:70px;aspect-ratio:1;place-items:center;border-radius:50%;background:#ffe9c1;color:var(--j30-deep);font:800 36px/1 var(--display)}.j30-steps h3{margin:0;font-size:15px;line-height:1.18;letter-spacing:0;text-transform:uppercase}.j30-proof{margin-top:22px;border-radius:30px;padding:38px;background:var(--j30-ink);color:var(--j30-paper)}.j30-proof-head{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:28px}.j30-proof h2{margin:0;font-size:clamp(36px,4.5vw,62px);letter-spacing:-.045em;text-transform:uppercase}.j30-rating{display:grid;grid-template-columns:auto auto;align-items:center;gap:4px 10px;min-width:250px}.j30-rating strong{color:var(--j30-yellow);font:900 58px/.9 var(--display)}.j30-rating>span{color:var(--j30-yellow);font-size:18px;letter-spacing:.08em}.j30-rating small{grid-column:2;color:var(--j30-paper);font:700 12px/1 var(--display);letter-spacing:.12em;text-transform:uppercase}.j30-ugc{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.j30-ugc figure{position:relative;overflow:hidden;margin:0;border-radius:18px;aspect-ratio:4 / 5;background:var(--j30-soft)}.j30-ugc img{width:100%;height:100%;object-fit:cover}.j30-founder{display:grid;grid-template-columns:minmax(220px,34%) 1fr;align-items:center;gap:clamp(28px,5vw,70px);margin-top:22px;border-radius:30px;padding:18px;background:var(--j30-paper)}.j30-founder>img{width:100%;height:320px;border-radius:20px;object-fit:cover;object-position:50% 25%}.j30-founder>div{max-width:650px;padding:22px 34px 22px 0}.j30-founder h2{margin:0 0 14px;font-size:clamp(34px,4.4vw,58px);letter-spacing:-.045em;line-height:.96}.j30-founder>div>p:last-child{max-width:600px;margin:0;font-size:16px;line-height:1.48}.j30-final{background:linear-gradient(115deg,var(--j30-deep),var(--j30-orange) 54%,var(--j30-ember))}.j30-final-inner{width:min(100%,1160px);margin:0 auto;padding:52px 28px 44px;text-align:center}.j30-final h2{margin:0 0 28px;font-size:clamp(38px,5.2vw,72px);letter-spacing:-.05em;line-height:.92;text-transform:uppercase}.j30-final-actions{margin:0 auto}.j30-final p{margin:19px 0 0;font:750 11px/1.3 var(--display);letter-spacing:.12em;text-transform:uppercase}.j30-final p span{margin:0 10px}.j30-mobile-bar,.j30-mobile-only{display:none}@media(max-width:749px){body.template-index{padding-bottom:72px}.j30-hero-inner{min-height:640px;padding:34px 18px 106px}.j30-hero-copy{width:100%}.j30-derm-pill{min-height:38px;margin-bottom:23px;padding:0 15px;font-size:10px}.j30 h1{position:relative;z-index:3;width:82%;font-size:clamp(30px,9.6vw,39px);line-height:.88}.j30 h1 span{white-space:nowrap}.j30-hero-lede{position:relative;z-index:4;width:54%;margin:24px 0 20px;font-size:14px;line-height:1.4}.j30-hero-actions{position:relative;z-index:5;grid-template-columns:1fr;width:54%;gap:9px}.j30-button{min-height:54px;padding:9px 13px;font-size:12px}.j30-product{top:260px;right:-12%;bottom:72px;left:55%}.j30-product-disc{width:270px;transform:translate(18%,18%)}.j30-product-image{height:min(350px,92vw);transform:rotate(2deg)}.j30-spf-badge{right:2%;bottom:13%;width:76px}.j30-spf-badge small{font-size:9px}.j30-spf-badge strong{font-size:30px}.j30-content{padding:0 10px 18px}.j30-benefits{margin-top:-50px;border-radius:24px 24px 0 0;padding:22px 8px 20px}.j30-benefits article{grid-template-columns:1fr;justify-items:center;gap:8px;padding:0 8px;text-align:center}.j30-benefit-icon{width:46px}.j30-benefit-icon svg{width:24px}.j30-benefits h2{margin-bottom:4px;font-size:11px}.j30-benefits p{font-size:9.7px;line-height:1.25}.j30-track{border-radius:26px;padding:38px 8px 24px}.j30-kicker{font-size:11px}.j30-track>h2{font-size:clamp(28px,8vw,36px);line-height:.98}.j30-mobile-only{display:block}.j30-steps{margin-top:28px}.j30-steps article{min-height:142px;gap:9px;padding:0 6px}.j30-step-number{left:5px;top:3px;width:28px;font-size:13px}.j30-step-icon{width:55px;font-size:28px}.j30-steps h3{font-size:10.5px;line-height:1.2}.j30-proof{margin-top:10px;border-radius:26px;padding:28px 10px 12px}.j30-proof-head{display:grid;justify-items:center;gap:18px;margin-bottom:22px;text-align:center}.j30-proof h2{font-size:clamp(30px,9vw,40px);line-height:.95}.j30-rating{grid-template-columns:auto auto;min-width:0}.j30-rating strong{font-size:47px}.j30-rating>span{font-size:14px}.j30-ugc{gap:7px}.j30-ugc figure{border-radius:12px;aspect-ratio:4 / 5}.j30-founder{grid-template-columns:35% 1fr;gap:16px;margin-top:10px;border-radius:26px;padding:10px}.j30-founder>img{height:210px;border-radius:18px;object-position:53% 28%}.j30-founder>div{padding:15px 10px 15px 0}.j30-founder .j30-kicker{font-size:8px;line-height:1.25}.j30-founder h2{margin-bottom:10px;font-size:clamp(24px,7.2vw,31px)}.j30-founder>div>p:last-child{font-size:11px;line-height:1.4}.j30-final-inner{padding:38px 18px 30px}.j30-final h2{font-size:clamp(34px,10vw,44px)}.j30-final-actions{grid-template-columns:1fr;gap:9px}.j30-final p{font-size:9px;letter-spacing:.08em}.j30-mobile-bar{position:fixed;left:0;right:0;bottom:0;z-index:230;display:block;padding:9px 14px calc(9px + env(safe-area-inset-bottom,0px));background:#17120bfa}.j30-mobile-bar a{display:flex;min-height:52px;align-items:center;justify-content:center;gap:14px;border-radius:999px;background:var(--j30-orange);color:var(--j30-ink);font:900 13px/1 var(--display);letter-spacing:.08em;text-transform:uppercase;pointer-events:auto;touch-action:manipulation}}@media(min-width:750px)and (max-width:1040px){.j30-hero-inner{min-height:620px;padding-left:34px}.j30 h1{font-size:62px}.j30-product{left:54%}.j30-benefits article{padding-inline:14px}}@media(prefers-reduced-motion:reduce){.j30-button:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/home-jacket-30.css.map */