:root{--primary-light: #ffffff;--primary-dark: #1a1919;--primary-medium-dark: #242222;--primary-semi-dark: #453f3f;--primary-grey-dark: #626262;--primary-grey-middle: #767676;--primary-grey-light: #d8d8d8;--primary-grey-neutral: #b4b4b4;--primary-copper-on-light: #9a7b69;--primary-error-on-light: #ad4141;--primary-warm-beige: #b8a388;--background-light: #ffffff;--background-sand: #faf9f7;--background-dark-sand: #f6f4f2;--border-dark: #1a1919;--border-grey-light: #b4b4b4;--collection-mansion: #211f1f}.c-product-get-green__inner{background-color:#fff;display:flex;position:relative;padding-inline:24px}@media (min-width: 768px){.c-product-get-green__inner{padding-inline:40px}}@media (min-width: 1024px){.c-product-get-green__inner{padding-inline:64px;gap:32px}}@media (min-width: 1440px){.c-product-get-green__inner{padding-inline:0;gap:64px}}@media (min-width: 2560px){.c-product-get-green__inner{padding-inline:320px;justify-content:center}}.c-product-get-green__main{display:flex;flex-direction:column;gap:24px;width:100%}@media (min-width: 768px){.c-product-get-green__main{flex-direction:row}}@media (min-width: 1024px){.c-product-get-green__main{gap:32px}}@media (min-width: 1440px){.c-product-get-green__main{max-width:1320px;gap:64px;margin-inline:auto}}@media (min-width: 2560px){.c-product-get-green__main{gap:96px;max-width:1920px;width:100%}}.c-product-get-green__left{display:flex;flex-direction:column;align-items:flex-start;gap:24px}@media (min-width: 768px){.c-product-get-green__left{justify-content:flex-end;padding-block:40px}}@media (min-width: 1024px){.c-product-get-green__left{padding-block:64px}}@media (min-width: 1440px){.c-product-get-green__left{padding-block:96px}}@media (min-width: 2560px){.c-product-get-green__left{padding-block:128px}}.c-product-get-green__icon{width:40px;height:40px;opacity:0;transform:translateY(15px);transition:opacity .5s ease,transform .5s ease}.c-product-get-green__icon.fade-in{opacity:1;transform:translateY(0)}.c-product-get-green__icon img{display:block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}@media (min-width: 1024px){.c-product-get-green__icon{width:48px;height:48px}}.c-product-get-green__content{display:flex;flex-direction:column;gap:8px}.c-product-get-green__subtitle{color:var(--primary-copper-on-light);font-family:adobe-garamond-pro,"Noto Serif JP",serif;font-size:12px;letter-spacing:1.8px;line-height:16px;text-transform:uppercase;opacity:0;transform:translateY(15px);transition:opacity .5s ease .2s,transform .5s ease .2s}.c-product-get-green__subtitle.fade-in{opacity:1;transform:translateY(0)}@media (min-width: 1024px){.c-product-get-green__subtitle{font-size:14px;letter-spacing:2px}}.c-product-get-green__title{color:var(--primary-dark);font-family:adobe-garamond-pro,"Noto Serif JP",serif;font-size:28px;line-height:40px;margin-bottom:0;opacity:0;transform:translateY(15px);transition:opacity .5s ease .4s,transform .5s ease .4s}.c-product-get-green__title.fade-in{opacity:1;transform:translateY(0)}@media (min-width: 1024px){.c-product-get-green__title{font-size:32px;line-height:56px}}@media (min-width: 2560px){.c-product-get-green__title{font-size:40px}}.c-product-get-green__text{color:var(--primary-semi-dark);font-family:ff-scala-sans-pro,Noto Sans JP,sans-serif;font-size:14px;letter-spacing:.4px;line-height:24px;margin-bottom:0;opacity:0;transform:translateY(15px);transition:opacity .5s ease .6s,transform .5s ease .6s}.c-product-get-green__text.fade-in{opacity:1;transform:translateY(0)}@media (min-width: 1024px){.c-product-get-green__text{font-size:16px;letter-spacing:.6px}}.c-product-get-green__image{display:flex;width:100%;margin-inline:auto;position:relative}.c-product-get-green__image .image{display:block;width:100%;height:100%;aspect-ratio:.9;-o-object-fit:cover;object-fit:cover;transition:opacity 1.2s ease,transform 1.2s ease;opacity:0;transform:translateY(120px) scale(.8)}.c-product-get-green__image .image.fade-in{opacity:1;transform:translateY(0) scale(1)}@media (min-width: 768px){.c-product-get-green__image{min-width:60%}.c-product-get-green__image .image{aspect-ratio:1}}@media (min-width: 1440px){.c-product-get-green__image{min-width:65%}.c-product-get-green__image .image{aspect-ratio:1.7777777778}}@media (min-width: 2560px){.c-product-get-green__image{min-width:70%}}
/*# sourceMappingURL=/cdn/shop/t/100/assets/c-main-product-get-green.css.map */