.landing-third{display:contents}:root{--raisin:#524144;--raisin-deep:#2E2427;--raisin-dark:#3F3235;--marshmallow:#F0EEE4;--cashmere:#A5B8CD;--peppercorn:#6C5656;--ciel:#6FB6E8;--studio:radial-gradient(ellipse 70% 60% at 50% 38%,#FFFFFF 0%,#BFE0F7 45%,#6FB6E8 100%);--collar:linear-gradient(180deg,var(--marshmallow) 0 36%,var(--raisin-deep) 36% 48%,var(--marshmallow) 48% 54%,var(--cashmere) 54% 68%,var(--marshmallow) 68% 100%);--f-display:"dharma-gothic-m","Oswald",sans-serif;--f-cond:"acumin-pro-condensed","Oswald",sans-serif;--f-body:"acumin-pro","Inter",sans-serif;--gutter:clamp(20px,4vw,48px)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--raisin-deep);color:var(--raisin-deep);font-family:var(--f-body);font-weight:500;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%}a{color:inherit}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}html[lang=fr] [data-en],html[lang=en] [data-fr]{display:none!important}.ico{display:inline-block;background:currentColor;-webkit-mask:var(--m) center/contain no-repeat;mask:var(--m) center/contain no-repeat;flex:none}.ico--chev{--m:url(//boutique.hac.football/cdn/shop/t/5/assets/landing-third-hummel-chevron-right.svg?v=67413055526709065711794504060);width:10px;height:14px}.ico--left{transform:scaleX(-1)}.ico--down{transform:rotate(90deg)}.logo-hummel{--m:url(//boutique.hac.football/cdn/shop/t/5/assets/landing-third-hummel.svg?v=114930246875513332321794504060);aspect-ratio:273.94/238.12}.logo-hac{--m:url(//boutique.hac.football/cdn/shop/t/5/assets/landing-third-hac-mono.svg?v=30354975284291184591794504060);aspect-ratio:582.82/700}.lockup{display:flex;align-items:center;gap:18px;color:var(--marshmallow)}.lockup__sep{width:1px;height:52px;background:currentColor}.collar{height:22px;background:var(--collar)}.header{position:fixed;inset:0 0 auto;z-index:50;height:72px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 var(--gutter);transition:background .3s ease}.header__back,.header__logo{opacity:0;pointer-events:none;transition:opacity .3s ease}.header__back{justify-self:start;display:flex;align-items:center;gap:10px;color:var(--marshmallow);text-decoration:none;font:700 15px/1 var(--f-cond);text-transform:uppercase;letter-spacing:.06em}.header__back:hover{color:var(--cashmere)}.header__logo{width:34px;color:var(--marshmallow)}.header__lang{justify-self:end;display:flex;align-items:center;gap:10px;font:700 15px/1 var(--f-cond);letter-spacing:.08em;color:var(--raisin-deep)}.header__lang span{width:1px;height:14px;background:currentColor;opacity:.5}.header__lang button{padding:8px 2px;opacity:.55;border-bottom:2px solid transparent}.header__lang button[aria-pressed=true]{opacity:1;border-bottom-color:currentColor}.header.is-scrolled{background:var(--raisin-deep)}.header.is-scrolled .header__back,.header.is-scrolled .header__logo{opacity:1;pointer-events:auto}.header.is-scrolled .header__lang{color:var(--marshmallow)}.sticky-cta{position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:40;writing-mode:vertical-rl;display:flex;align-items:center;gap:12px;padding:22px 13px;background:var(--cashmere);color:var(--raisin-deep);text-decoration:none;font:800 15px/1 var(--f-cond);text-transform:uppercase;letter-spacing:.1em}.sticky-cta:hover{background:var(--marshmallow)}.hero{position:relative;height:100vh;min-height:640px;max-height:1100px;overflow:hidden;background:var(--studio)}.hero__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:50% 36%}.hero--parallax .hero__img{inset:auto 0 auto;top:-25%;height:150%;width:100%;will-change:transform}.hero__shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#2e242700 42%,#2e24278c 66%,#2e2427f0)}.hero__content{position:absolute;left:0;right:0;bottom:22px;padding:0 var(--gutter) clamp(28px,4vw,56px);display:grid;gap:clamp(16px,2vw,28px);color:var(--marshmallow)}.hero .logo-hummel,.hero .logo-hac{width:44px}.hero__title{margin:0;font:800 clamp(72px,13.5vw,232px)/.84 var(--f-display);text-transform:uppercase;letter-spacing:.005em;display:flex;flex-wrap:wrap;column-gap:.22em}.hero__title em{font-style:normal;color:var(--cashmere)}.hero .collar{position:absolute;inset:auto 0 0}.video{position:relative;aspect-ratio:16/9;max-height:92vh;width:100%;overflow:hidden;background:var(--raisin-deep);color:var(--marshmallow)}.video__poster,.video__player{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;border:0}.video__poster{object-position:50% 40%}.video__shade{position:absolute;top:0;right:0;bottom:0;left:0;background:#2e242773}.video__content{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;justify-items:center;gap:clamp(24px,3vw,40px);padding:24px;text-align:center}.video__title{margin:0;font:800 clamp(34px,6vw,104px)/.9 var(--f-display);text-transform:uppercase}.video__title span{display:block;white-space:nowrap}.video__play{display:grid;justify-items:center;gap:14px}.video__play:hover{color:var(--cashmere)}.video__btn{width:88px;height:88px;border:2px solid currentColor;display:grid;place-items:center}.video__btn:before{content:"";border-top:15px solid transparent;border-bottom:15px solid transparent;border-left:24px solid currentColor;margin-left:6px}.video__label{font:700 15px/1 var(--f-cond);text-transform:uppercase;letter-spacing:.12em;white-space:nowrap}.video.is-playing .video__poster,.video.is-playing .video__shade,.video.is-playing .video__content{display:none}.video__player{display:none;background:#000}.video.is-playing .video__player{display:block}.product{background:var(--marshmallow);padding:clamp(56px,8vw,120px) var(--gutter)}.product__grid{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr));gap:clamp(32px,5vw,72px);align-items:start}.product__profile{position:sticky;top:96px;height:calc(100vh - 128px);min-height:520px;max-height:900px;overflow:hidden;background:var(--studio)}.product__profile img{width:100%;height:100%;object-fit:cover;object-position:62% 30%;transition:transform .7s cubic-bezier(.4,0,.2,1)}.product__side{display:grid;gap:clamp(40px,5vw,64px)}.mosaic{display:grid;grid-template-columns:1fr 1fr;gap:10px}.zoom{overflow:hidden}.mosaic .zoom{min-height:0}.mosaic .zoom:first-child{grid-column:1/-1;aspect-ratio:16/10}.mosaic .zoom:not(:first-child){aspect-ratio:1}.mosaic .zoom img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s cubic-bezier(.4,0,.2,1)}.copy{display:grid;gap:20px;max-width:60ch}.copy p{margin:0;font-size:17px;line-height:1.6;color:var(--raisin);text-wrap:pretty}.copy .copy__lead{font:800 clamp(28px,2.8vw,40px)/1.02 var(--f-cond);text-transform:uppercase;color:var(--raisin-deep);text-wrap:balance}.copy .copy__strong{font-weight:700;color:var(--raisin-deep)}.copy h2{margin:0;font:800 clamp(44px,4.6vw,72px)/.9 var(--f-display);text-transform:uppercase;color:var(--raisin-deep);text-wrap:balance}.copy__rule{height:12px;max-width:120px;margin:16px 0 8px;background:linear-gradient(180deg,var(--raisin-deep) 0 36%,var(--marshmallow) 36% 48%,var(--raisin-deep) 48% 54%,var(--cashmere) 54% 68%,var(--raisin-deep) 68% 100%)}@media(max-width:1011px){.product__grid{grid-template-columns:1fr}.product__side{display:contents}.mosaic{order:1}.product__profile{position:static;order:2}.copy{order:3}}.carousel{background:var(--raisin-dark) url(//boutique.hac.football/cdn/shop/t/5/assets/landing-third-diamond-tile.svg?v=91143654538876692011794504060) 0 0/96px 48px;padding:clamp(56px,7vw,96px) 0}.carousel__nav{max-width:1320px;margin:0 auto;padding:0 var(--gutter) 24px;display:flex;justify-content:flex-end;gap:8px}.carousel__nav button{width:48px;height:48px;display:grid;place-items:center;border:1px solid var(--marshmallow);color:var(--marshmallow)}.carousel__nav button:hover{background:var(--marshmallow);color:var(--raisin-deep)}.carousel__nav .ico--chev{width:12px;height:16px}.carousel__track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:0 var(--gutter);scroll-padding:0 var(--gutter)}.carousel__track::-webkit-scrollbar{display:none}.carousel__track .zoom{flex:none;width:clamp(260px,30vw,440px);aspect-ratio:4/5;scroll-snap-align:start}.carousel__track .zoom img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.4,0,.2,1)}.buy{background:var(--raisin);color:var(--marshmallow);padding:clamp(64px,9vw,128px) var(--gutter)}.buy__inner{max-width:900px;margin:0 auto;display:grid;gap:22px;justify-items:center;text-align:center}.buy h2{margin:0;font:800 clamp(48px,6vw,96px)/.88 var(--f-display);text-transform:uppercase;text-wrap:balance}.buy h2 em{font-style:normal;color:var(--cashmere)}.buy p{margin:0;font-size:18px;line-height:1.6;text-wrap:pretty}.buy .buy__intro{margin-top:8px;max-width:54ch}.buy .buy__q{font:700 24px/1.2 var(--f-cond);text-transform:uppercase;color:var(--cashmere)}.btn{margin-top:14px;display:inline-flex;align-items:center;gap:8px;background:var(--marshmallow);color:var(--raisin-deep);text-decoration:none;padding:20px 40px;font:800 19px/1 var(--f-cond);text-transform:uppercase;letter-spacing:.06em}.btn .ico--chev{transition:transform .25s cubic-bezier(.22,1,.36,1)}.btn:hover{background:#fff}@media(hover:hover){.product__profile:hover img,.zoom:hover img{transform:scale(1.05)}.btn:hover .ico--chev{transform:translate(4px)}}.footer{background:var(--raisin-deep)}.footer .collar{height:16px}.footer .lockup{justify-content:center;padding:40px 24px}.footer .logo-hummel{width:32px}.footer .logo-hac{width:30px}.footer .lockup__sep{height:36px;background:var(--cashmere)}.video--modal .video__modal .video__player{position:relative;inset:auto;display:block;width:100%;height:auto;aspect-ratio:16/9;max-height:80vh}.video__modal{padding:0;border:0;background:#000;width:min(1100px,calc(100vw - 32px))}.video__modal::backdrop{background:#2e2427db}.video__modal-bar{display:flex;justify-content:flex-end;background:#2e2427}.video__modal-bar button{color:#f0eee4;padding:12px 14px;font:700 13px/1 var(--f-cond);letter-spacing:.08em;text-transform:uppercase}
/*# sourceMappingURL=/cdn/shop/t/5/assets/landing-third.css.map */
