:root{--street-lime:#E6F46C;--street-lime-soft:#F4F8CF;--street-navy:#243f5c;--street-shade:24,18,14;--mint:#C0E2E1;--mint-deep:#AED6D5;--serif-display:"Instrument Serif",Georgia,"Times New Roman",serif}.announcement-marquee{background:#ddf993;color:var(--street-navy)}.announcement-track i{color:var(--street-navy)}.street-hero{--street-hero-shift:0px;--hero-bar:var(--header-bar-height,122px);position:relative;isolation:isolate;overflow:hidden;margin-top:calc(-1 * var(--hero-bar));height:max(calc(100svh - var(--header-offset,153px) + var(--hero-bar)),46vw);min-height:600px;background:#a29589;color:var(--street-lime)}.street-hero-media,.street-hero-photo{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.street-hero-photo{object-fit:cover;object-position:72% 64%;transform:translate3d(0,var(--street-hero-shift),0) scale(1.06);transform-origin:50% 100%;will-change:transform}.street-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(var(--street-shade),.42) 0,rgba(var(--street-shade),.16) var(--hero-bar),rgba(var(--street-shade),0) calc(var(--hero-bar) + 150px)),linear-gradient(90deg,rgba(var(--street-shade),.42) 0,rgba(var(--street-shade),.22) 36%,rgba(var(--street-shade),0) 58%)}.street-hero-copy{position:absolute;z-index:2;left:var(--gutter);top:calc(var(--hero-bar) + 12px);bottom:48px;width:min(46vw,640px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.street-hero-eyebrow{font-size:12px;line-height:1.75;letter-spacing:.2em;font-weight:600;text-transform:uppercase;color:var(--street-lime)}.street-hero h1{font-family:var(--serif-display);font-weight:400;font-size:clamp(80px,8.8vw,148px);line-height:.88;letter-spacing:-.015em;margin:24px 0 26px;color:var(--street-lime);text-shadow:0 2px 30px rgba(var(--street-shade),.22)}.street-hero h1 em{font-style:italic;letter-spacing:-.02em}.street-hero-description{max-width:390px;font-size:clamp(15px,1.12vw,18px);line-height:1.65;color:var(--street-lime-soft);text-shadow:0 1px 16px rgba(var(--street-shade),.35)}.street-hero-button{display:inline-flex;align-items:center;gap:24px;margin-top:34px;padding:19px 30px 19px 36px;border-radius:999px;background:var(--street-lime);color:var(--street-navy);font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;box-shadow:0 12px 32px rgba(var(--street-shade),.22);transition:transform .45s var(--ease-store),background .3s ease,box-shadow .45s ease}.street-hero-button .icon{width:24px;height:24px;transition:transform .45s var(--ease-store)}.street-hero-button:hover{background:#f1fa95;transform:translateY(-2px);box-shadow:0 16px 38px rgba(var(--street-shade),.28)}.street-hero-button:hover .icon{transform:translate(5px)}.street-hero-button:focus-visible{outline:3px solid #fff;outline-offset:4px}.street-hero-copy>*{animation:street-hero-in .9s var(--ease-store) both}.street-hero-copy>:nth-child(2){animation-delay:.08s}.street-hero-copy>:nth-child(3){animation-delay:.16s}.street-hero-copy>:nth-child(4){animation-delay:.24s}@keyframes street-hero-in{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@media(max-aspect-ratio:4/5){.street-hero{container-type:size;height:min(max(calc(100svh - var(--header-offset,102px) + var(--hero-bar)),177.78vw),212vw);min-height:0}.street-hero-photo{object-position:42% 0;transform:scale(1.04);transform-origin:50% 0}.street-hero:before{background:linear-gradient(180deg,rgba(var(--street-shade),.38) 0,rgba(var(--street-shade),.14) var(--hero-bar),rgba(var(--street-shade),0) calc(var(--hero-bar) + 90px)),radial-gradient(90% 34% at 50% 27%,rgba(var(--street-shade),.34) 0,rgba(var(--street-shade),.16) 55%,rgba(var(--street-shade),0))}.street-hero-copy{left:24.5%;right:16px;top:calc(var(--hero-bar) + 6px);bottom:calc(57.05% + 16px);width:auto;justify-content:center;padding-top:2.5cqh}.street-hero-eyebrow{font-size:clamp(10px,1.35cqh,16px);line-height:1.5;letter-spacing:.16em;color:var(--street-lime-soft)}.street-hero h1{font-size:max(40px,6.6cqh);line-height:.92;margin:1.6cqh 0 0}.street-hero-description{display:none;max-width:min(31ch,100%);margin-top:1.8cqh;font-size:clamp(11.5px,1.45cqh,19px);line-height:1.5}.street-hero-button{margin-top:2.8cqh;padding:1.5cqh clamp(20px,2.7cqh,32px) 1.5cqh clamp(24px,3.2cqh,38px);gap:clamp(14px,2.2cqh,26px);font-size:clamp(11px,1.6cqh,15px)}.street-hero-button .icon{width:clamp(18px,2.6cqh,26px);height:clamp(18px,2.6cqh,26px)}}@container (min-width:360px){.street-hero-eyebrow br{display:none}}@container (max-width:359px){.street-hero-eyebrow{font-size:9.5px;letter-spacing:.07em;white-space:nowrap}.street-hero-eyebrow br{display:none}.street-hero h1{font-size:max(34px,6cqh)}}@container (min-width:600px){.street-hero-description{display:block}}@media(max-aspect-ratio:4/5)and (max-height:620px){.street-hero h1{font-size:max(34px,6.6cqh);margin-top:1.2cqh}.street-hero-button{margin-top:2cqh}}.brand{position:relative}.brand-lockup{position:absolute;left:50%;top:50%;width:100%;display:flex;flex-direction:column;align-items:center;gap:6px;transform:translate(-50%,calc(-50% + 6px));opacity:0;pointer-events:none;transition:opacity .35s ease}.brand-lockup i{display:block;background:var(--street-lime);-webkit-mask:var(--lockup-mask) center/contain no-repeat;mask:var(--lockup-mask) center/contain no-repeat}.brand-lockup-mark{--lockup-mask:url(jc-icon-white.png);width:26px;aspect-ratio:180/234}.brand-lockup-word{--lockup-mask:url(jc-logo-white.png);width:92%;aspect-ratio:700/146}.site-header .brand img{transition:opacity .35s ease}html.street-hero-overlay .site-header:not(:has([aria-expanded=true])){background:transparent;border-color:transparent;color:#fff;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none}html.street-hero-overlay .site-header:not(:has([aria-expanded=true])) .desktop-nav{border-color:transparent;color:#fff}html.street-hero-overlay .site-header:not(:has([aria-expanded=true])) .desktop-nav a:after{background:var(--street-lime)}html.street-hero-overlay .site-header:not(:has([aria-expanded=true])) .nav-dot{background:var(--street-lime)}html.street-hero-overlay .site-header:not(:has([aria-expanded=true])) .brand img{opacity:0}html.street-hero-overlay .site-header:not(:has([aria-expanded=true])) .brand-lockup{opacity:1}html.street-hero-overlay .site-header:not(:has([aria-expanded=true])) .bag-count{background:var(--street-lime);color:var(--street-navy)}html.street-hero-overlay .site-header:has([aria-expanded=true]){background:var(--paper)}html.street-hero-overlay .site-header:not(:has([aria-expanded=true])) .icon-button .icon{filter:drop-shadow(0 1px 3px rgba(var(--street-shade),.55))}@media(max-width:800px){.brand-lockup{gap:5px;transform:translate(-50%,calc(-50% + 9px))}.brand-lockup-mark{width:25px}.brand-lockup-word{width:86%}}.benefits{background:var(--mint);color:var(--street-navy);border-bottom:0}.benefits>div{border-color:#243f5c2e}.benefits .icon{color:var(--street-navy)}.benefits small{color:#3d5a76}:is(.categories,.category-products,.journal-section,.top-categories) .section-heading h2,.newsletter h2{font-family:var(--serif-display);font-weight:400;letter-spacing:-.012em;line-height:1.04}:is(.categories,.category-products,.journal-section,.top-categories) .section-heading h2{font-size:clamp(42px,4.2vw,66px)}:is(.categories,.category-products,.journal-section,.top-categories) .section-heading h2 em{font-style:italic;color:#7d62bd}.category-products .section-heading h2{max-width:720px}@media(max-width:540px){:is(.categories,.category-products,.journal-section,.top-categories) .section-heading h2{font-size:38px;max-width:280px}}.section-heading-links{display:flex;flex-wrap:wrap;gap:12px 26px;justify-content:flex-end}@media(max-width:540px){.section-heading:has(.section-heading-links){flex-direction:column;align-items:flex-start}.section-heading-links{justify-content:flex-start}}.top-categories{background:var(--paper)}.top-categories .section-heading .eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:30px;background:#c6f60d;color:var(--teal);font-size:8px;letter-spacing:1.3px}.top-categories .section-heading .eyebrow:before{content:"\2726";font-size:10px}.top-categories-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.6vw,24px)}.top-category{--tile:#F3DCE9;position:relative;display:block;padding:8px;border-radius:24px;background:var(--tile);isolation:isolate;transition:transform .5s var(--ease-store),box-shadow .5s ease}.top-category:nth-child(6n+2){--tile:var(--mint)}.top-category:nth-child(6n+3){--tile:#E6DEF6}.top-category:nth-child(6n+4){--tile:#EEF6C6}.top-category:nth-child(6n+5){--tile:#FBE3D3}.top-category:nth-child(6n+6){--tile:#DCE7F6}.top-category:hover{transform:translateY(-4px);box-shadow:0 18px 40px #243f5c1f}.top-category-media{display:block;aspect-ratio:4/5;border-radius:17px;overflow:hidden;background:#ececec}.top-category-media img{width:100%;height:100%;object-fit:cover;object-position:50% 20%;transition:transform .9s var(--ease-store)}.top-category:hover .top-category-media img{transform:scale(1.045)}.top-category-label{position:absolute;left:18px;right:72px;bottom:18px;display:flex;flex-direction:column;gap:4px;padding:12px 16px;border-radius:16px;background:#fffffff2;color:var(--street-navy)}.top-category-label strong{font-family:var(--serif-display);font-weight:400;font-size:clamp(24px,2.2vw,34px);line-height:.95}.top-category-label small{font-size:9px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#4d6680}.top-category-arrow{position:absolute;right:18px;bottom:18px;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:var(--street-lime);color:var(--street-navy);transition:transform .45s var(--ease-store)}.top-category-arrow .icon{width:20px;height:20px}.top-category:hover .top-category-arrow{transform:translate(3px)}.top-category:focus-visible{outline:3px solid var(--street-navy);outline-offset:3px}.top-categories-grid:has(>:nth-child(5)){grid-template-columns:repeat(3,minmax(0,1fr))}.top-categories-grid:has(>:nth-child(5)) .top-category-media{aspect-ratio:1/1}@media(max-width:900px){.top-categories-grid,.top-categories-grid:has(>:nth-child(5)){grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.top-categories-grid:has(>:nth-child(5)) .top-category-media{aspect-ratio:4/5}}@media(max-width:540px){.top-category{padding:6px;border-radius:20px}.top-category-media{border-radius:15px}.top-category-label{left:12px;right:12px;bottom:12px;padding:9px 11px;border-radius:12px}.top-category-label strong{font-size:21px}.top-category-label small{font-size:8px}.top-category-arrow{display:none}}.newsletter{position:relative}.newsletter:before{content:"";position:absolute;left:0;right:0;bottom:calc(100% - 1px);height:16px;background:inherit;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 16'%3E%3Cpath d='M0 16V8C10 8 10 0 20 0s10 8 20 8 10-8 20-8 10 8 20 8v8z'/%3E%3C/svg%3E") 0 100%/80px 16px repeat-x;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 16'%3E%3Cpath d='M0 16V8C10 8 10 0 20 0s10 8 20 8 10-8 20-8 10 8 20 8v8z'/%3E%3C/svg%3E") 0 100%/80px 16px repeat-x;pointer-events:none}.newsletter h2{font-size:clamp(36px,3.4vw,52px)}.newsletter h2 mark{color:inherit;font-style:italic;padding:0 .08em;background:linear-gradient(180deg,transparent 54%,var(--mint) 54% 94%,transparent 94%)}@media(max-width:540px){.newsletter h2{font-size:36px}}html.no-motion .street-hero-copy>*{animation:none}html.no-motion .street-hero-photo{transform:none}@media(prefers-reduced-motion:reduce){.street-hero-copy>*{animation:none}.street-hero-photo{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/jc-refresh.css.map */