.tudo-principles-section .principles{--p-color-bg: #ffffff;--p-color-text-on-dark: #ffffff;--p-color-text-dark: #000000;--p-color-highlight-green: #d9f8c3;--p-color-card-bg: rgba(255, 255, 255, .1);--p-color-card-border: #ffffff;--p-color-icon-bg: #ffffff;--p-color-overlay-dark: #000000;--p-text-h2: clamp(27px, calc(40px * (var(--max-vw) / var(--vw-base))), 51px);--p-text-body: clamp(12px, calc(18px * (var(--max-vw) / var(--vw-base))), 23px);--p-text-feature: clamp(12px, calc(18px * (var(--max-vw) / var(--vw-base))), 23px);width:100%;height:755px;height:calc(755px + (var(--max-vw) - 375px) * 1);background:var(--p-color-bg);margin-top:50px;margin-bottom:0}@media(max-width:768px){.tudo-principles-section .principles{--p-text-h2: clamp(24px, calc(26px + (var(--max-vw) - 375px) * .07), 42px);--p-text-body: clamp(14px, calc(16px + (var(--max-vw) - 375px) * .03), 32px);--p-text-feature: clamp(12px, calc(14px + (var(--max-vw) - 375px) * .03), 30px)}}@media(min-width:768px)and (max-width:1023px){.tudo-principles-section .principles{margin-top:clamp(50px,calc(50px + (var(--max-vw) - 768px) * .025),70px);--p-text-h2: clamp(44px, calc(44px + (var(--max-vw) - 768px) * .025), 60px);--p-text-body: clamp(24px, calc(24px + (var(--max-vw) - 768px) * .025), 32px);--p-text-feature: clamp(22px, calc(22px + (var(--max-vw) - 768px) * .025), 30px)}}@media(min-width:1024px){.tudo-principles-section .principles{height:calc(662.3px * (var(--max-vw) / var(--vw-base)));margin-top:clamp(82px,calc(82px * (var(--max-vw) / var(--vw-base))),100px)}}.tudo-principles-section .principles__bg{position:relative;width:100%;height:100%;overflow:hidden;margin:0 auto}.tudo-principles-section .principles__bg picture{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;width:100%;height:100%}@media(min-width:768px)and (max-width:1023px){.tudo-principles-section .principles__bg{max-width:100%}}@media(min-width:1024px){.tudo-principles-section .principles__bg{max-width:100%}}.tudo-principles-section .principles__bg-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;object-fit:cover;object-position:center}.tudo-principles-section .principles__overlay{position:absolute;background:var(--p-color-overlay-dark);filter:blur(200px);pointer-events:none;z-index:1;left:0;top:16%;width:100%;height:25%}@media(min-width:1024px){.tudo-principles-section .principles__overlay{left:1.3%;top:39%;width:38%;height:39%}}.tudo-principles-section .principles__content{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;display:flex;flex-direction:column;justify-content:space-between;padding:25px 20px 20px;padding:calc(25px + (var(--max-vw) - 375px) * .025) calc(20px + (var(--max-vw) - 375px) * .025) calc(20px + (var(--max-vw) - 375px) * .025)}@media(min-width:768px)and (max-width:1023px){.tudo-principles-section .principles__content{padding:clamp(25px,calc(25px + (var(--max-vw) - 768px) * .025),40px) clamp(20px,calc(20px + (var(--max-vw) - 768px) * .025),60px)}}@media(min-width:1024px){.tudo-principles-section .principles__content{flex-direction:row;justify-content:space-between;align-items:center;padding:0 clamp(40px,calc(60px * (var(--max-vw) / var(--vw-base))),60px)}}.tudo-principles-section .principles__text{display:flex;flex-direction:column;gap:25px;gap:clamp(25px,calc(25px + (var(--max-vw) - 768px) * .05),60px);width:100%}@media(min-width:1024px){.tudo-principles-section .principles__text{width:39%;max-width:clamp(402px,calc(596px * (var(--max-vw) / var(--vw-base))),596px);gap:calc(25px * (var(--max-vw) / var(--vw-base)))}}.tudo-principles-section .principles__title{display:flex;flex-direction:column}.tudo-principles-section .principles__title-line{font-family:var(--font-display);font-size:var(--p-text-h2);line-height:1;letter-spacing:0;color:var(--p-color-text-dark)}.tudo-principles-section .principles__title-line--italic{font-style:italic}.tudo-principles-section .principles__title-line--regular{font-style:normal;width:95%}.tudo-principles-section .principles__highlight{background-color:var(--p-color-highlight-green);color:var(--p-color-text-dark);padding:0 2px;-webkit-box-decoration-break:clone;box-decoration-break:clone;width:fit-content;line-height:1.25}.tudo-principles-section .principles__body{display:flex;flex-direction:column;gap:10px;gap:clamp(10px,calc(10px + (100vw - 375px)*.0131),25px);color:var(--p-color-text-on-dark);line-height:1.2;letter-spacing:-.04em}@media(max-width:768px){.tudo-principles-section .principles__body{display:none}}@media(min-width:1024px){.tudo-principles-section .principles__body{max-width:clamp(344px,calc(510px * (var(--max-vw) / var(--vw-base))),610px)}.tudo-principles-section .principles__highlight{line-height:1.2}}.tudo-principles-section .principles__body-text{font-family:var(--font-body);font-size:var(--p-text-body);font-weight:400;line-height:120%;letter-spacing:-4%}.tudo-principles-section .principles__body-text--medium{font-weight:500}.tudo-principles-section .principles__card{background:var(--p-color-card-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px dashed var(--p-color-card-border);display:flex;flex-direction:column;justify-content:center;padding:20px;padding:calc(20px + (var(--max-vw) - 375px) * .025);gap:10px;gap:calc(10px + (var(--max-vw) - 375px) * .025);width:100%}@media(min-width:1024px){.tudo-principles-section .principles__card{padding:clamp(27px,calc(40px * (var(--max-vw) / var(--vw-base))),40px);gap:30px;width:clamp(332px,calc(492px * (var(--max-vw) / var(--vw-base))),600px);flex-shrink:0}}.tudo-principles-section .principles__feature{display:flex;gap:10px;align-items:flex-start}.tudo-principles-section .principles__feature-icon{width:20px;height:20px;min-width:20px;border-radius:50%;background:var(--p-color-icon-bg);display:flex;align-items:center;justify-content:center;padding:3px}@media(min-width:1024px){.tudo-principles-section .principles__feature-icon{width:30px;height:30px;min-width:30px;padding:5px}}.tudo-principles-section .principles__feature-icon img{width:100%;height:100%;object-fit:contain}.tudo-principles-section .principles__feature-text{font-family:var(--font-body),"Noto Sans JP",sans-serif;font-size:var(--p-text-feature);font-weight:500;line-height:1.1;letter-spacing:0%;color:var(--p-color-text-on-dark)}.tudo-principles-section .principles__separator{width:100%;height:0;margin:0;background:transparent;background-color:transparent;border:none;border-top:1px dashed var(--p-color-card-border);display:block}
/*# sourceMappingURL=/cdn/shop/t/2/assets/tudo-pdp-principles.css.map */