.whyp-work{--work-ink: #171715;--work-muted: #71716b;--work-line: #deddd7;display:block;min-height:100vh;background:var(--whyp-bg);color:var(--work-ink)}.whyp-work *,.whyp-work *:before,.whyp-work *:after{box-sizing:border-box}.whyp-work__hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:clamp(44px,8vw,130px);position:relative;padding-top:clamp(52px,7.5vw,112px);padding-bottom:clamp(54px,7vw,104px);border-bottom:1px solid var(--work-line)}.whyp-work__eyebrow,.whyp-work__toolbar>p,.whyp-work__hero-meta,.whyp-work-card figcaption>p,.whyp-work-card figcaption div>p{color:var(--work-muted);font-size:11px;font-weight:600;letter-spacing:.055em;line-height:1.25;text-transform:uppercase}.whyp-work__eyebrow{margin:0 0 20px}.whyp-work__hero h1{max-width:850px;margin:0;color:var(--work-ink);font-family:var(--whyp-font-body);font-size:clamp(70px,11vw,170px);font-weight:600;letter-spacing:-.075em;line-height:.78}.whyp-work__intro{align-self:end;padding-bottom:2px}.whyp-work__intro>p{max-width:470px;margin:0 0 32px;color:#4e4e49;font-size:clamp(16px,1.4vw,20px);line-height:1.55}.whyp-work__shop-link,.whyp-work__footer a{display:inline-flex;align-items:center;gap:12px;color:var(--work-ink);font-size:13px;font-weight:700;text-decoration:none}.whyp-work__shop-link span,.whyp-work__footer a span{transition:transform .2s ease}.whyp-work__shop-link:hover span{transform:translate(2px,-2px)}.whyp-work__hero-meta{position:absolute;right:var(--whyp-page-padding);bottom:18px;left:var(--whyp-page-padding);display:flex;justify-content:space-between}.whyp-work__toolbar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:clamp(24px,4vw,62px);padding-top:24px;padding-bottom:24px;border-bottom:1px solid var(--work-line)}.whyp-work__toolbar>p{margin:0;white-space:nowrap}.whyp-work__filters{display:flex;flex-wrap:wrap;gap:8px}.whyp-work__filters button{min-height:36px;padding:7px 15px;border:1px solid var(--work-line);border-radius:999px;background:transparent;color:#555550;cursor:pointer;font:600 12px/1 var(--whyp-font-body);transition:border-color .2s ease,background .2s ease,color .2s ease}.whyp-work__filters button:hover{border-color:#aaa9a2;color:var(--work-ink)}.whyp-work__filters button[aria-pressed=true]{border-color:var(--work-ink);background:var(--work-ink);color:#fff}.whyp-work__result{text-align:right}.whyp-work__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(42px,5vw,76px) clamp(18px,2.6vw,40px);padding-top:clamp(34px,5vw,72px);padding-bottom:clamp(76px,9vw,140px)}.whyp-work-card{grid-column:span 5;align-self:start}.whyp-work-card--wide{grid-column:span 7}.whyp-work-card[hidden]{display:none}.whyp-work-card figure{margin:0}.whyp-work-card__media{position:relative;overflow:hidden;background:#ecebe6}.whyp-work-card__media--landscape{aspect-ratio:4 / 3}.whyp-work-card__media--portrait{aspect-ratio:4 / 5}.whyp-work-card__media--square{aspect-ratio:1}.whyp-work-card__image,.whyp-work-card__placeholder{display:block;width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1)}.whyp-work-card:hover .whyp-work-card__image{transform:scale(1.018)}.whyp-work-card__status{position:absolute;top:14px;left:14px;padding:8px 11px;border-radius:999px;background:#f6f5f1eb;color:var(--work-ink);font-size:10px;font-weight:700;letter-spacing:.055em;line-height:1;text-transform:uppercase;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.whyp-work-card figcaption{display:flex;align-items:start;justify-content:space-between;gap:24px;padding-top:14px}.whyp-work-card figcaption h2{margin:0 0 6px;color:var(--work-ink);font-family:var(--whyp-font-body);font-size:clamp(18px,1.6vw,24px);font-weight:600;letter-spacing:-.035em;line-height:1.1}.whyp-work-card figcaption p{margin:0}.whyp-work__footer{display:flex;align-items:center;justify-content:space-between;gap:40px;padding-top:clamp(46px,6vw,88px);padding-bottom:clamp(46px,6vw,88px);border-top:1px solid var(--work-line)}.whyp-work__footer>p{max-width:680px;margin:0;color:var(--work-ink);font-size:clamp(25px,3vw,46px);font-weight:600;letter-spacing:-.05em;line-height:1.05}.whyp-work__footer a:hover span{transform:translate(3px)}.whyp-work-newsletter{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.72fr);align-items:end;gap:clamp(36px,8vw,128px);padding-top:clamp(48px,7vw,100px);padding-bottom:clamp(72px,9vw,136px);border-top:1px solid var(--work-line)}.whyp-work-newsletter__intro .whyp-work__eyebrow{margin-bottom:14px}.whyp-work-newsletter h2{margin:0;color:var(--work-ink);font-family:var(--whyp-font-body);font-size:clamp(34px,4vw,58px);font-weight:600;letter-spacing:-.055em;line-height:.95}.whyp-work-newsletter__intro>p:last-child{max-width:430px;margin:20px 0 0;color:#555550;font-size:15px;line-height:1.55}.whyp-work-newsletter__fields{display:flex;border-bottom:1px solid var(--work-ink)}.whyp-work-newsletter input{min-width:0;flex:1 1 auto;padding:13px 0;border:0;border-radius:0;outline:0;background:transparent;color:var(--work-ink);font:inherit;font-size:15px}.whyp-work-newsletter input::placeholder{color:var(--work-muted);opacity:1}.whyp-work-newsletter__button{flex:0 0 auto;padding:13px 0 13px 28px;border:0;background:transparent;color:var(--work-ink);cursor:pointer;font:inherit;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.whyp-work-newsletter input:focus-visible,.whyp-work-newsletter__button:focus-visible{outline:2px solid var(--whyp-accent);outline-offset:3px}.whyp-work-newsletter__button:hover{color:var(--whyp-accent)}.whyp-work-newsletter__message{margin:12px 0 0;color:var(--work-ink);font-size:13px;line-height:1.4}@media(max-width:900px){.whyp-work__hero{grid-template-columns:1fr;gap:42px}.whyp-work__intro{max-width:620px}.whyp-work__toolbar{grid-template-columns:1fr;gap:15px}.whyp-work__result{text-align:left}.whyp-work-newsletter{grid-template-columns:1fr;gap:30px}}@media(max-width:680px){.whyp-work__hero{padding-top:44px;padding-bottom:76px}.whyp-work__hero h1{font-size:clamp(66px,24vw,110px)}.whyp-work__grid{grid-template-columns:1fr}.whyp-work-card,.whyp-work-card--wide{grid-column:1}.whyp-work__filters{flex-wrap:nowrap;overflow-x:auto;margin-inline:calc(var(--whyp-page-padding) * -1);padding-inline:var(--whyp-page-padding);scrollbar-width:none}.whyp-work__filters::-webkit-scrollbar{display:none}.whyp-work__filters button{flex:0 0 auto}.whyp-work__footer{align-items:flex-start;flex-direction:column}}@media(prefers-reduced-motion:reduce){.whyp-work-card__image,.whyp-work__shop-link span,.whyp-work__footer a span{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/whyp-work.css.map */