.editorial-page{--nav-height:clamp(84px,6vw,112px)}.editorial-page .site-header{padding-inline:9% 4%;gap:20px;border-bottom:1px solid #b8a56855}.editorial-page .header-illustrated-logo{display:block;width:20vw;max-width:340px;height:calc(var(--nav-height) + 12px);object-fit:contain;object-position:left center}.editorial-page .desktop-nav{position:static;transform:none;margin-left:auto;gap:2vw;white-space:nowrap;font-size:18px}.editorial-page .home-actions{display:flex;margin-left:1.5vw;gap:4px}.editorial-page .home-actions button,.editorial-page .home-actions a{background:transparent}.editorial-page .site-header.is-scrolled{background:var(--yellow)}.editorial-page .hero--illustrated{aspect-ratio:1672 / 941;height:auto;min-height:0;max-height:none;display:block;background:#faf7e9;color:#082d1b}.editorial-page .hero--illustrated .hero-art{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;width:100%;aspect-ratio:auto}.editorial-page .hero--illustrated .hero-photo{width:100%;height:100%;object-fit:cover;object-position:center}.editorial-page .hero--illustrated .hero-content{width:46%;padding:9.2vw 0 0 6.2vw}.editorial-page .hero--illustrated h1{font-size:7.05vw;line-height:.84;letter-spacing:-.052em;margin:0 0 2.1vw}.editorial-page .hero--illustrated .hero-line{display:block;transform:scaleX(.96);transform-origin:left;white-space:nowrap}.editorial-page .hero--illustrated .hero-line--closing{transform:scaleX(.86);max-width:none}.editorial-page .hero--illustrated h1 em{font-style:normal;position:relative}.editorial-page .hero--illustrated h1 em:after{content:"";position:absolute;height:.1em;left:0;right:.05em;bottom:.18em;background:#efbb26;clip-path:polygon(0 60%,14% 23%,45% 7%,72% 22%,100% 61%,96% 91%,67% 67%,34% 65%,2% 100%)}.editorial-page .hero--illustrated .hero-copy{max-width:36.7vw;font-size:1.85vw;line-height:1.13;margin:0 0 1.4vw}.hero-buttons{display:flex;align-items:center;gap:1.1vw}.editorial-page .hero--illustrated .button{width:auto;min-height:3.6vw;font-size:1.35vw;padding:1vw 2.2vw;gap:14px;border-radius:4px;letter-spacing:0;line-height:1.1}.editorial-page .hero--illustrated .button--green{background:#203e1b;border:1px solid #203e1b}.editorial-page .hero--illustrated .button--outline{background:transparent;color:#082d1b;border:1px solid #082d1b}.editorial-page .hero--illustrated .button--outline:hover{background:#203e1b;color:#fff9e9}@media(max-width:1250px){.editorial-page .site-header{padding-inline:5%;gap:12px}.editorial-page .desktop-nav{gap:18px;font-size:16px}.editorial-page .home-actions{margin-left:8px}.editorial-page .hero--illustrated .button{font-size:16px;padding:12px 16px;min-height:46px;gap:8px}.editorial-page .hero--illustrated .button .icon{width:20px}}@media(max-width:1100px){.editorial-page .desktop-nav{display:none}.editorial-page .menu-toggle{display:grid}.editorial-page .home-actions{margin-left:auto}.editorial-page .header-illustrated-logo{width:240px;height:calc(var(--nav-height) - 8px)}}@media(max-width:1000px){.editorial-page .hero--illustrated{display:flex;flex-direction:column;aspect-ratio:auto}.editorial-page .hero--illustrated .hero-content{width:100%;padding:calc(var(--nav-height) + 34px) 6vw 32px}.editorial-page .hero--illustrated h1{font-size:clamp(48px,8.5vw,78px);line-height:.95;margin-bottom:26px}.editorial-page .hero--illustrated .hero-line{transform:none}.editorial-page .hero--illustrated .hero-line--closing{white-space:normal}.editorial-page .hero--illustrated .hero-copy{max-width:620px;font-size:24px;line-height:1.3;margin-bottom:26px}.hero-buttons{gap:12px;flex-wrap:wrap}.editorial-page .hero--illustrated .button{font-size:19px;min-height:52px;padding:14px 22px}.editorial-page .hero--illustrated .hero-art{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:1.6;order:2}.editorial-page .hero--illustrated .hero-photo{object-position:right bottom}}@media(max-width:600px){.editorial-page .site-header{padding-inline:20px;gap:4px}.editorial-page .header-illustrated-logo{width:clamp(148px,42vw,220px)}.editorial-page .home-actions>*{width:36px}.editorial-page .hero--illustrated .hero-content{padding:116px 24px 30px}.editorial-page .hero--illustrated h1{font-size:clamp(46px,10.8vw,64px)}.editorial-page .hero--illustrated .hero-copy{font-size:21px}.hero-buttons{flex-direction:column;align-items:stretch}.editorial-page .hero--illustrated .button{justify-content:center}.editorial-page .hero--illustrated .button{font-size:18px;padding:14px 18px}.editorial-page .hero--illustrated .hero-art{aspect-ratio:1.12}}@media(max-width:380px){.editorial-page .site-header{padding-inline:14px}.hero-buttons{flex-direction:column;align-items:stretch}.editorial-page .hero--illustrated .button{justify-content:center}}@media(min-width:1001px){.editorial-page .hero--illustrated{height:100svh;aspect-ratio:auto}.editorial-page .hero--illustrated .hero-photo{object-fit:contain;object-position:right bottom}.editorial-page .hero--illustrated .hero-content{padding-top:max(calc(var(--nav-height) + 28px),16.35svh)}.editorial-page .hero--illustrated h1{font-size:min(7.05vw,12.53svh);margin-bottom:min(2.1vw,3.73svh)}.editorial-page .hero--illustrated .hero-copy{font-size:clamp(20px,min(1.85vw,3.29svh),36px);margin-bottom:min(1.4vw,2.49svh)}.editorial-page .hero--illustrated .button{font-size:clamp(16px,min(1.35vw,2.4svh),26px);min-height:46px;padding:min(1vw,1.78svh) min(2.2vw,3.91svh)}}@media(min-width:1001px)and (max-height:700px){.editorial-page .hero--illustrated .hero-content{padding-top:calc(var(--nav-height) + 18px)}.editorial-page .hero--illustrated h1{font-size:min(7.05vw,11svh);margin-bottom:20px}.editorial-page .hero--illustrated .hero-copy{font-size:20px;margin-bottom:18px}}@media(min-width:1001px)and (min-aspect-ratio:1672/941){.editorial-page .hero--illustrated{--hero-side-space:max(0px,calc(100vw - 177.6833156svh))}.editorial-page .hero--illustrated .hero-photo{position:absolute;right:0;bottom:0;width:auto;max-width:none;height:100%;-webkit-mask-image:linear-gradient(to right,transparent 0,transparent min(12%,calc(var(--hero-side-space) * .6)),#000 min(36%,calc(var(--hero-side-space) * 2)));mask-image:linear-gradient(to right,transparent 0,transparent min(12%,calc(var(--hero-side-space) * .6)),#000 min(36%,calc(var(--hero-side-space) * 2)))}.editorial-page .hero--illustrated .hero-copy{max-width:min(36.7vw,60svh)}.editorial-page .site-header{background:#faf7e9ed}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/gf-hero-illustrated.css.map */