.about-hero{--bg: #fff;--ink: #000;--sans: "Helvetica Neue", Helvetica, Arial, sans-serif;--serif: Georgia, "Times New Roman", serif;--gutter-x: clamp(1.25rem, 4vw, 3.5rem);--pA: 0;--pB: 0;position:relative;height:var(--track, 220vh);background:var(--bg);color:var(--ink);font-family:var(--sans)}.about-hero__stage{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;isolation:isolate;background:var(--bg)}.about-hero__media{position:absolute;inset:calc((1 - var(--pA)) * 14vh) calc((1 - var(--pA)) * 18vw) calc((1 - var(--pA)) * 24vh);border-radius:calc((1 - var(--pA)) * 6px);overflow:hidden;background:#efeae2;will-change:inset}.about-hero__poster,.about-hero__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.about-hero__poster{transform:scale(calc(1.18 + var(--glide, 0) * .32)) translate3d(calc(var(--glide, 0) * -6%),calc(var(--glide, 0) * -4%),0);object-position:var(--focus, 50% 50%);transform-origin:var(--focus, 60% 40%);will-change:transform}.about-hero.has-video.is-video-ready .about-hero__poster,.about-hero__video{opacity:0;transition:opacity .6s ease}.about-hero.is-video-ready .about-hero__video{opacity:1}.about-hero__poster--weave{background:repeating-linear-gradient(0deg,rgba(120,95,60,.14) 0 1px,transparent 1px 5px),repeating-linear-gradient(90deg,rgba(120,95,60,.12) 0 1px,transparent 1px 5px),radial-gradient(60% 50% at 30% 40%,rgba(43,76,126,.35),transparent 70%),radial-gradient(50% 40% at 75% 65%,rgba(196,98,58,.32),transparent 70%),#efe6d6}.about-hero__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;background:linear-gradient(180deg,rgba(0,0,0,.55) 0%,rgba(0,0,0,.18) 34%,transparent 55%);opacity:var(--pB)}.about-hero__grain{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.22;mix-blend-mode:multiply;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .55 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}.about-hero__intro{position:absolute;left:var(--gutter-x);right:var(--gutter-x);bottom:5vh;z-index:2;color:#fff;mix-blend-mode:difference;opacity:calc(1 - var(--pA) * 1.15);transform:translate3d(0,calc(var(--pA) * -9vh),0);filter:blur(calc(var(--pA) * 14px));will-change:transform,opacity,filter;pointer-events:none}.about-hero__kicker{margin:0 0 1.1rem;font-size:.7rem;font-weight:500;letter-spacing:.24em;text-transform:uppercase}.about-hero__title{margin:0;max-width:17ch;font-family:var(--sans);font-weight:500;font-size:clamp(2.5rem,6.4vw,6.6rem);line-height:.98;letter-spacing:-.035em}.about-hero__title em{font-family:var(--serif);font-style:italic;font-weight:400;letter-spacing:-.02em}.about-hero__cue{display:inline-flex;align-items:center;gap:.8rem;margin:1.6rem 0 0;font-size:.66rem;letter-spacing:.22em;text-transform:uppercase}.about-hero__cue span{width:3.2rem;height:1px;background:currentColor;transform-origin:left;animation:ah-cue 2.4s ease-in-out infinite}@keyframes ah-cue{0%,to{transform:scaleX(.25)}50%{transform:scaleX(1)}}.about-hero__statement{position:absolute;z-index:2;left:var(--gutter-x);top:calc(var(--header-h, 4.5rem) + 4vh);max-width:min(46rem,62vw);margin:0;color:#fff;font-size:clamp(.95rem,1.55vw,1.35rem);font-weight:500;line-height:1.35;letter-spacing:.02em;text-transform:uppercase;opacity:clamp(0,calc(var(--pB) * 4 - .2),1);transform:translate3d(0,calc((1 - min(1,var(--pB) * 3))*3vh),0)}.about-card{position:absolute;z-index:3;right:var(--gutter-x);bottom:5vh;display:grid;grid-template-columns:9.5rem 1fr;gap:1.1rem;width:min(30rem,calc(100vw - 2 * var(--gutter-x)));padding:.9rem;background:var(--bg);color:var(--ink);border:1px solid var(--ink);transform-origin:100% 100%;transform:translate3d(0,calc((1 - var(--pB)) * 6vh),0) scale(calc(.82 + var(--pB) * .18));opacity:clamp(0,calc(var(--pB) * 2.2),1);visibility:hidden;will-change:transform,opacity}.about-hero.is-card-live .about-card{visibility:visible}.about-card__thumb{aspect-ratio:3 / 4;overflow:hidden;background:#f3efe8}.about-card__thumb img{width:100%;height:100%;object-fit:cover;display:block}.about-card__body{display:flex;flex-direction:column;gap:.45rem;min-width:0}.about-card__eyebrow{margin:0;font-size:.62rem;letter-spacing:.22em;text-transform:uppercase}.about-card__title{margin:0;font-family:var(--serif);font-style:italic;font-weight:400;font-size:1.45rem;line-height:1.1;letter-spacing:-.01em}.about-card__text{margin:0;font-size:.82rem;line-height:1.45;color:#000000b3}.about-card__meta{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.15rem}.about-card__badge{display:inline-flex;align-items:center;gap:.4rem;padding:.28rem .6rem;background:var(--ink);color:var(--bg);font-size:.72rem;font-weight:600;letter-spacing:.04em}.about-card__badge s{opacity:.55;font-weight:400}.about-card__badge--ghost{background:transparent;color:var(--ink);border:1px solid var(--ink);font-weight:500}.about-card__actions{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:auto;padding-top:.5rem}.about-card__btn{display:inline-flex;align-items:center;gap:.45rem;padding:.62rem .95rem;border:1px solid var(--ink);background:transparent;color:var(--ink);cursor:pointer;font:600 .68rem/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;transition:background-color .25s,color .25s}.about-card__btn svg{width:1rem;height:1rem}.about-card__btn:hover,.about-card__btn--solid{background:var(--ink);color:var(--bg)}.about-card__btn--solid:hover{background:var(--bg);color:var(--ink)}.about-card__btn:focus-visible{outline:2px solid var(--ink);outline-offset:3px}@media(max-width:749px){.about-hero{--focus: 30% 60% !important}.about-hero__media{inset:calc((1 - var(--pA)) * 12vh) calc((1 - var(--pA)) * 6vw) calc((1 - var(--pA)) * 30vh)}.about-hero__statement{max-width:none;right:var(--gutter-x)}.about-card{grid-template-columns:6.5rem 1fr;bottom:3vh;padding:.7rem}.about-card__text{display:none}}.about-chapters{position:relative;background:#fff;color:#000;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;padding:clamp(4rem,9vw,8rem) clamp(1.25rem,4vw,3.5rem);border-top:1px solid #000}.about-chapters__grid{display:grid;gap:clamp(2.5rem,4vw,3.5rem) clamp(1.25rem,3vw,2.5rem)}@media(min-width:750px){.about-chapters__grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1100px){.about-chapters__grid{grid-template-columns:repeat(var(--cols, 3),1fr)}}.about-chapter__media{aspect-ratio:4 / 5;overflow:hidden;background:#f3efe8;margin-bottom:1.2rem}.about-chapter__media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1.2s cubic-bezier(.22,1,.36,1)}.about-chapter:hover .about-chapter__media img{transform:scale(1.04)}.about-chapter__swatch{width:100%;height:100%}.about-chapter__swatch--1{background:repeating-linear-gradient(0deg,rgba(0,0,0,.05) 0 1px,transparent 1px 4px),repeating-linear-gradient(90deg,rgba(0,0,0,.04) 0 1px,transparent 1px 4px),#f1ebe0}.about-chapter__swatch--2{background:radial-gradient(circle at 25% 25%,#2b4c7e 0 9%,transparent 10%) 0 0 / 46px 46px,radial-gradient(circle at 75% 75%,#c4623a 0 7%,transparent 8%) 0 0 / 46px 46px,#f4ede1}.about-chapter__swatch--0{background:repeating-linear-gradient(45deg,transparent 0 9px,rgba(196,98,58,.55) 9px 10px),repeating-linear-gradient(-45deg,transparent 0 9px,rgba(43,76,126,.45) 9px 10px),#f7f1e7}.about-chapter__num{margin:0 0 .6rem;font-size:.68rem;letter-spacing:.24em}.about-chapter__title{margin:0 0 .7rem;font-family:inherit;font-weight:500;font-size:clamp(1.8rem,2.6vw,2.5rem);line-height:1;letter-spacing:-.03em}.about-chapter__title em{font-family:Georgia,serif;font-style:italic;font-weight:400}.about-chapter__text{margin:0;max-width:34ch;font-size:.95rem;line-height:1.55;color:#000000b8}body:has(.about-hero--editorial) .section-header{position:fixed;left:0;right:0;top:0;mix-blend-mode:difference}body:has(.about-hero--editorial) .announcement{display:none}body:has(.about-hero--editorial) .site-header:not(.menu-open){color:#fff}body:has(.about-hero--editorial) .site-header:not(.menu-open) .site-header__inner{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border-color:transparent}body:has(.about-hero--editorial) .site-header:not(.menu-open) .wordmark__sub{color:#fff}body:has(.about-hero--editorial) .site-header:not(.menu-open) .site-nav__link{letter-spacing:.18em}body:has(.about-hero--editorial) .site-header:not(.menu-open) .header-tryon{background:transparent;border:1px solid currentColor;color:#fff}body:has(.about-hero--editorial) .site-header:not(.menu-open) .bag-count{background:#fff;color:#000}body:has(.about-hero--editorial) .section-header:has(.menu-open){mix-blend-mode:normal}@media(prefers-reduced-motion:reduce){.about-hero{height:auto}.about-hero__stage{position:relative;height:100vh;height:100svh}.about-hero__media{top:0;right:0;bottom:0;left:0;border-radius:0}.about-hero__poster{transform:none}.about-hero__video{display:none}.about-hero__intro{opacity:1;transform:none;filter:none;bottom:auto;top:calc(var(--header-h, 4.5rem) + 4vh)}.about-hero__statement{display:none}.about-card{visibility:visible;opacity:1;transform:none}.about-hero__cue span{animation:none}}.about-hero,.about-hero *,.about-chapters,.about-chapters *{text-shadow:none!important}.about-story{display:grid;gap:clamp(2rem,5vw,5rem);align-items:center;padding:clamp(4rem,9vw,8rem) clamp(1.25rem,4vw,3.5rem);background:#fff;color:#000;border-top:1px solid #000;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}@media(min-width:990px){.about-story{grid-template-columns:minmax(0,5fr) minmax(0,6fr)}}.about-story__media{margin:0;background:#efe7da;padding:clamp(.75rem,2vw,1.5rem);box-shadow:0 40px 80px -50px #0000008c}.about-story__media img{display:block;width:100%;height:auto}.about-story__kicker{margin:0 0 1rem;font-size:.68rem;letter-spacing:.24em;text-transform:uppercase}.about-story__title{margin:0 0 1.6rem;font-family:inherit;font-weight:500;font-size:clamp(2.4rem,4.6vw,4.4rem);line-height:.98;letter-spacing:-.035em}.about-story__title em{font-family:Georgia,serif;font-style:italic;font-weight:400}.about-story__body{max-width:38rem;font-size:1.05rem;line-height:1.7;color:#000000c7}.about-story__body p{margin:0 0 1.1em}.about-story__tags{margin:2rem 0 0;padding-top:1.2rem;border-top:1px solid #000;font-size:.72rem;font-weight:600;letter-spacing:.24em;text-transform:uppercase}.about-story,.about-story *{text-shadow:none!important}
/*# sourceMappingURL=/cdn/shop/t/15/assets/about-hero.css.map */