@charset "UTF-8";@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+HK:wght@100;200;300;400;500;600;700;800;900&display=swap);@import url(https://fonts.googleapis.com/earlyaccess/notosanssc.css);@font-face{font-family:Baufra;src:url('../fonts/baufra-medium-webfont.woff2') format('woff2'),url('../fonts/baufra-medium-webfont.woff') format('woff'),url('../fonts/baufra-medium-webfont.ttf') format('truetype'),url('../fonts/baufra-medium-webfont.svg#bauframedium') format('svg');font-weight:400;font-style:normal}@font-face{font-family:Baufra;src:url('../fonts/baufra-semibold-webfont.woff2') format('woff2'),url('../fonts/baufra-semibold-webfont.woff') format('woff'),url('../fonts/baufra-semibold-webfont.ttf') format('truetype'),url('../fonts/baufra-semibold-webfont.svg#baufrasemibold') format('svg');font-weight:500;font-style:normal}@font-face{font-family:Baufra;src:url('../fonts/baufra-bold-webfont.woff2') format('woff2'),url('../fonts/baufra-bold-webfont.woff') format('woff'),url('../fonts/baufra-bold-webfont.ttf') format('truetype'),url('../fonts/baufra-bold-webfont.svg#baufrabold') format('svg');font-weight:600;font-style:normal}/*!
 * Bootstrap Grid v5.3.3 (https://getbootstrap.com/)
 * Copyright 2011-2024 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{--bs-gutter-x:1.5rem;--bs-gutter-y:0;width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-right:auto;margin-left:auto}:root{--bs-breakpoint-xs:0;--bs-breakpoint-sm:576px;--bs-breakpoint-md:768px;--bs-breakpoint-lg:992px;--bs-breakpoint-xl:1200px;--bs-breakpoint-xxl:1400px}.row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(-1 * var(--bs-gutter-y));margin-right:calc(-.5 * var(--bs-gutter-x));margin-left:calc(-.5 * var(--bs-gutter-x))}.row>*{box-sizing:border-box;flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-top:var(--bs-gutter-y)}.col{flex:1 0 0%}.col-auto{flex:0 0 auto;width:auto}.col-1{flex:0 0 auto;width:8.33333333%}.col-2,.col-3{flex:0 0 auto}.col-2{width:16.66666667%}.col-3{width:25%}.col-4,.col-5{flex:0 0 auto}.col-4{width:33.33333333%}.col-5{width:41.66666667%}.col-6,.col-7{flex:0 0 auto}.col-6{width:50%}.col-7{width:58.33333333%}.col-8,.col-9{flex:0 0 auto}.col-8{width:66.66666667%}.col-9{width:75%}.col-10{flex:0 0 auto;width:83.33333333%}.col-11{flex:0 0 auto;width:91.66666667%}.col-12{flex:0 0 auto;width:100%}.offset-1{margin-left:8.33333333%}.offset-2{margin-left:16.66666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.33333333%}.offset-5{margin-left:41.66666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.33333333%}.offset-8{margin-left:66.66666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.33333333%}.offset-11{margin-left:91.66666667%}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-grid{display:grid!important}.d-inline-grid{display:inline-grid!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:flex!important}.d-inline-flex{display:inline-flex!important}.d-none{display:none!important}.flex-fill{flex:1 1 auto!important}.flex-row{flex-direction:row!important}.flex-column{flex-direction:column!important}.flex-row-reverse{flex-direction:row-reverse!important}.flex-column-reverse{flex-direction:column-reverse!important}.flex-grow-0{flex-grow:0!important}.flex-grow-1{flex-grow:1!important}.flex-shrink-0{flex-shrink:0!important}.flex-shrink-1{flex-shrink:1!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.flex-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-start{justify-content:flex-start!important}.justify-content-end{justify-content:flex-end!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.justify-content-around{justify-content:space-around!important}.justify-content-evenly{justify-content:space-evenly!important}.align-items-start{align-items:flex-start!important}.align-items-end{align-items:flex-end!important}.align-items-center{align-items:center!important}.align-items-baseline{align-items:baseline!important}.align-items-stretch{align-items:stretch!important}.align-content-start{align-content:flex-start!important}.align-content-end{align-content:flex-end!important}.align-content-center{align-content:center!important}.align-content-between{align-content:space-between!important}.align-content-around{align-content:space-around!important}.align-content-stretch{align-content:stretch!important}.align-self-auto{align-self:auto!important}.align-self-start{align-self:flex-start!important}.align-self-end{align-self:flex-end!important}.align-self-center{align-self:center!important}.align-self-baseline{align-self:baseline!important}.align-self-stretch{align-self:stretch!important}.order-first{order:-1!important}.order-0{order:0!important}.order-1{order:1!important}.order-2{order:2!important}.order-3{order:3!important}.order-4{order:4!important}.order-5{order:5!important}.order-last{order:6!important}.m-0{margin:0!important}.m-1{margin:.25rem!important}.m-2{margin:.5rem!important}.m-3{margin:1rem!important}.m-4{margin:1.5rem!important}.m-5{margin:3rem!important}.m-auto{margin:auto!important}.mx-0{margin-right:0!important;margin-left:0!important}.mx-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-3{margin-right:1rem!important;margin-left:1rem!important}.mx-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-5{margin-right:3rem!important;margin-left:3rem!important}.mx-auto{margin-right:auto!important;margin-left:auto!important}.my-0{margin-top:0!important;margin-bottom:0!important}.my-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-0{margin-top:0!important}.mt-1{margin-top:.25rem!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:1rem!important}.mt-4{margin-top:1.5rem!important}.mt-5{margin-top:3rem!important}.mt-auto{margin-top:auto!important}.mr-0{margin-right:0!important}.mr-1{margin-right:.25rem!important}.mr-2{margin-right:.5rem!important}.mr-3{margin-right:1rem!important}.mr-4{margin-right:1.5rem!important}.mr-5{margin-right:3rem!important}.mr-auto{margin-right:auto!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:.25rem!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:1rem!important}.mb-4{margin-bottom:1.5rem!important}.mb-5{margin-bottom:3rem!important}.mb-auto{margin-bottom:auto!important}.ml-0{margin-left:0!important}.ml-1{margin-left:.25rem!important}.ml-2{margin-left:.5rem!important}.ml-3{margin-left:1rem!important}.ml-4{margin-left:1.5rem!important}.ml-5{margin-left:3rem!important}.ml-auto{margin-left:auto!important}.p-0{padding:0!important}.p-1{padding:.25rem!important}.p-2{padding:.5rem!important}.p-3{padding:1rem!important}.p-4{padding:1.5rem!important}.p-5{padding:3rem!important}.px-0{padding-right:0!important;padding-left:0!important}.px-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-3{padding-right:1rem!important;padding-left:1rem!important}.px-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-5{padding-right:3rem!important;padding-left:3rem!important}.py-0{padding-top:0!important;padding-bottom:0!important}.py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-0{padding-top:0!important}.pt-1{padding-top:.25rem!important}.pt-2{padding-top:.5rem!important}.pt-3{padding-top:1rem!important}.pt-4{padding-top:1.5rem!important}.pt-5{padding-top:3rem!important}.pr-0{padding-right:0!important}.pr-1{padding-right:.25rem!important}.pr-2{padding-right:.5rem!important}.pr-3{padding-right:1rem!important}.pr-4{padding-right:1.5rem!important}.pr-5{padding-right:3rem!important}.pb-0{padding-bottom:0!important}.pb-1{padding-bottom:.25rem!important}.pb-2{padding-bottom:.5rem!important}.pb-3{padding-bottom:1rem!important}.pb-4{padding-bottom:1.5rem!important}.pb-5{padding-bottom:3rem!important}.pl-0{padding-left:0!important}.pl-1{padding-left:.25rem!important}.pl-2{padding-left:.5rem!important}.pl-3{padding-left:1rem!important}.pl-4{padding-left:1.5rem!important}.pl-5{padding-left:3rem!important}@media (min-width:576px){.container,.container-sm{max-width:540px}.col-sm{flex:1 0 0%}.col-sm-auto{flex:0 0 auto;width:auto}.col-sm-1{flex:0 0 auto;width:8.33333333%}.col-sm-2{flex:0 0 auto;width:16.66666667%}.col-sm-3{flex:0 0 auto;width:25%}.col-sm-4{flex:0 0 auto;width:33.33333333%}.col-sm-5{flex:0 0 auto;width:41.66666667%}.col-sm-6{flex:0 0 auto;width:50%}.col-sm-7{flex:0 0 auto;width:58.33333333%}.col-sm-8{flex:0 0 auto;width:66.66666667%}.col-sm-9{flex:0 0 auto;width:75%}.col-sm-10{flex:0 0 auto;width:83.33333333%}.col-sm-11{flex:0 0 auto;width:91.66666667%}.col-sm-12{flex:0 0 auto;width:100%}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.33333333%}.offset-sm-2{margin-left:16.66666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.33333333%}.offset-sm-5{margin-left:41.66666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.33333333%}.offset-sm-8{margin-left:66.66666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.33333333%}.offset-sm-11{margin-left:91.66666667%}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-grid{display:grid!important}.d-sm-inline-grid{display:inline-grid!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:flex!important}.d-sm-inline-flex{display:inline-flex!important}.d-sm-none{display:none!important}.flex-sm-fill{flex:1 1 auto!important}.flex-sm-row{flex-direction:row!important}.flex-sm-column{flex-direction:column!important}.flex-sm-row-reverse{flex-direction:row-reverse!important}.flex-sm-column-reverse{flex-direction:column-reverse!important}.flex-sm-grow-0{flex-grow:0!important}.flex-sm-grow-1{flex-grow:1!important}.flex-sm-shrink-0{flex-shrink:0!important}.flex-sm-shrink-1{flex-shrink:1!important}.flex-sm-wrap{flex-wrap:wrap!important}.flex-sm-nowrap{flex-wrap:nowrap!important}.flex-sm-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-sm-start{justify-content:flex-start!important}.justify-content-sm-end{justify-content:flex-end!important}.justify-content-sm-center{justify-content:center!important}.justify-content-sm-between{justify-content:space-between!important}.justify-content-sm-around{justify-content:space-around!important}.justify-content-sm-evenly{justify-content:space-evenly!important}.align-items-sm-start{align-items:flex-start!important}.align-items-sm-end{align-items:flex-end!important}.align-items-sm-center{align-items:center!important}.align-items-sm-baseline{align-items:baseline!important}.align-items-sm-stretch{align-items:stretch!important}.align-content-sm-start{align-content:flex-start!important}.align-content-sm-end{align-content:flex-end!important}.align-content-sm-center{align-content:center!important}.align-content-sm-between{align-content:space-between!important}.align-content-sm-around{align-content:space-around!important}.align-content-sm-stretch{align-content:stretch!important}.align-self-sm-auto{align-self:auto!important}.align-self-sm-start{align-self:flex-start!important}.align-self-sm-end{align-self:flex-end!important}.align-self-sm-center{align-self:center!important}.align-self-sm-baseline{align-self:baseline!important}.align-self-sm-stretch{align-self:stretch!important}.order-sm-first{order:-1!important}.order-sm-0{order:0!important}.order-sm-1{order:1!important}.order-sm-2{order:2!important}.order-sm-3{order:3!important}.order-sm-4{order:4!important}.order-sm-5{order:5!important}.order-sm-last{order:6!important}.m-sm-0{margin:0!important}.m-sm-1{margin:.25rem!important}.m-sm-2{margin:.5rem!important}.m-sm-3{margin:1rem!important}.m-sm-4{margin:1.5rem!important}.m-sm-5{margin:3rem!important}.m-sm-auto{margin:auto!important}.mx-sm-0{margin-right:0!important;margin-left:0!important}.mx-sm-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-sm-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-sm-3{margin-right:1rem!important;margin-left:1rem!important}.mx-sm-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-sm-5{margin-right:3rem!important;margin-left:3rem!important}.mx-sm-auto{margin-right:auto!important;margin-left:auto!important}.my-sm-0{margin-top:0!important;margin-bottom:0!important}.my-sm-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-sm-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-sm-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-sm-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-sm-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-sm-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-sm-0{margin-top:0!important}.mt-sm-1{margin-top:.25rem!important}.mt-sm-2{margin-top:.5rem!important}.mt-sm-3{margin-top:1rem!important}.mt-sm-4{margin-top:1.5rem!important}.mt-sm-5{margin-top:3rem!important}.mt-sm-auto{margin-top:auto!important}.mr-sm-0{margin-right:0!important}.mr-sm-1{margin-right:.25rem!important}.mr-sm-2{margin-right:.5rem!important}.mr-sm-3{margin-right:1rem!important}.mr-sm-4{margin-right:1.5rem!important}.mr-sm-5{margin-right:3rem!important}.mr-sm-auto{margin-right:auto!important}.mb-sm-0{margin-bottom:0!important}.mb-sm-1{margin-bottom:.25rem!important}.mb-sm-2{margin-bottom:.5rem!important}.mb-sm-3{margin-bottom:1rem!important}.mb-sm-4{margin-bottom:1.5rem!important}.mb-sm-5{margin-bottom:3rem!important}.mb-sm-auto{margin-bottom:auto!important}.ml-sm-0{margin-left:0!important}.ml-sm-1{margin-left:.25rem!important}.ml-sm-2{margin-left:.5rem!important}.ml-sm-3{margin-left:1rem!important}.ml-sm-4{margin-left:1.5rem!important}.ml-sm-5{margin-left:3rem!important}.ml-sm-auto{margin-left:auto!important}.p-sm-0{padding:0!important}.p-sm-1{padding:.25rem!important}.p-sm-2{padding:.5rem!important}.p-sm-3{padding:1rem!important}.p-sm-4{padding:1.5rem!important}.p-sm-5{padding:3rem!important}.px-sm-0{padding-right:0!important;padding-left:0!important}.px-sm-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-sm-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-sm-3{padding-right:1rem!important;padding-left:1rem!important}.px-sm-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-sm-5{padding-right:3rem!important;padding-left:3rem!important}.py-sm-0{padding-top:0!important;padding-bottom:0!important}.py-sm-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-sm-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-sm-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-sm-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-sm-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-sm-0{padding-top:0!important}.pt-sm-1{padding-top:.25rem!important}.pt-sm-2{padding-top:.5rem!important}.pt-sm-3{padding-top:1rem!important}.pt-sm-4{padding-top:1.5rem!important}.pt-sm-5{padding-top:3rem!important}.pr-sm-0{padding-right:0!important}.pr-sm-1{padding-right:.25rem!important}.pr-sm-2{padding-right:.5rem!important}.pr-sm-3{padding-right:1rem!important}.pr-sm-4{padding-right:1.5rem!important}.pr-sm-5{padding-right:3rem!important}.pb-sm-0{padding-bottom:0!important}.pb-sm-1{padding-bottom:.25rem!important}.pb-sm-2{padding-bottom:.5rem!important}.pb-sm-3{padding-bottom:1rem!important}.pb-sm-4{padding-bottom:1.5rem!important}.pb-sm-5{padding-bottom:3rem!important}.pl-sm-0{padding-left:0!important}.pl-sm-1{padding-left:.25rem!important}.pl-sm-2{padding-left:.5rem!important}.pl-sm-3{padding-left:1rem!important}.pl-sm-4{padding-left:1.5rem!important}.pl-sm-5{padding-left:3rem!important}}@media (min-width:768px){.container,.container-md,.container-sm{max-width:720px}.col-md{flex:1 0 0%}.col-md-auto{flex:0 0 auto;width:auto}.col-md-1{flex:0 0 auto;width:8.33333333%}.col-md-2{flex:0 0 auto;width:16.66666667%}.col-md-3{flex:0 0 auto;width:25%}.col-md-4{flex:0 0 auto;width:33.33333333%}.col-md-5{flex:0 0 auto;width:41.66666667%}.col-md-6{flex:0 0 auto;width:50%}.col-md-7{flex:0 0 auto;width:58.33333333%}.col-md-8{flex:0 0 auto;width:66.66666667%}.col-md-9{flex:0 0 auto;width:75%}.col-md-10{flex:0 0 auto;width:83.33333333%}.col-md-11{flex:0 0 auto;width:91.66666667%}.col-md-12{flex:0 0 auto;width:100%}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.33333333%}.offset-md-2{margin-left:16.66666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.33333333%}.offset-md-5{margin-left:41.66666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.33333333%}.offset-md-8{margin-left:66.66666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.33333333%}.offset-md-11{margin-left:91.66666667%}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-grid{display:grid!important}.d-md-inline-grid{display:inline-grid!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:flex!important}.d-md-inline-flex{display:inline-flex!important}.d-md-none{display:none!important}.flex-md-fill{flex:1 1 auto!important}.flex-md-row{flex-direction:row!important}.flex-md-column{flex-direction:column!important}.flex-md-row-reverse{flex-direction:row-reverse!important}.flex-md-column-reverse{flex-direction:column-reverse!important}.flex-md-grow-0{flex-grow:0!important}.flex-md-grow-1{flex-grow:1!important}.flex-md-shrink-0{flex-shrink:0!important}.flex-md-shrink-1{flex-shrink:1!important}.flex-md-wrap{flex-wrap:wrap!important}.flex-md-nowrap{flex-wrap:nowrap!important}.flex-md-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-md-start{justify-content:flex-start!important}.justify-content-md-end{justify-content:flex-end!important}.justify-content-md-center{justify-content:center!important}.justify-content-md-between{justify-content:space-between!important}.justify-content-md-around{justify-content:space-around!important}.justify-content-md-evenly{justify-content:space-evenly!important}.align-items-md-start{align-items:flex-start!important}.align-items-md-end{align-items:flex-end!important}.align-items-md-center{align-items:center!important}.align-items-md-baseline{align-items:baseline!important}.align-items-md-stretch{align-items:stretch!important}.align-content-md-start{align-content:flex-start!important}.align-content-md-end{align-content:flex-end!important}.align-content-md-center{align-content:center!important}.align-content-md-between{align-content:space-between!important}.align-content-md-around{align-content:space-around!important}.align-content-md-stretch{align-content:stretch!important}.align-self-md-auto{align-self:auto!important}.align-self-md-start{align-self:flex-start!important}.align-self-md-end{align-self:flex-end!important}.align-self-md-center{align-self:center!important}.align-self-md-baseline{align-self:baseline!important}.align-self-md-stretch{align-self:stretch!important}.order-md-first{order:-1!important}.order-md-0{order:0!important}.order-md-1{order:1!important}.order-md-2{order:2!important}.order-md-3{order:3!important}.order-md-4{order:4!important}.order-md-5{order:5!important}.order-md-last{order:6!important}.m-md-0{margin:0!important}.m-md-1{margin:.25rem!important}.m-md-2{margin:.5rem!important}.m-md-3{margin:1rem!important}.m-md-4{margin:1.5rem!important}.m-md-5{margin:3rem!important}.m-md-auto{margin:auto!important}.mx-md-0{margin-right:0!important;margin-left:0!important}.mx-md-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-md-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-md-3{margin-right:1rem!important;margin-left:1rem!important}.mx-md-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-md-5{margin-right:3rem!important;margin-left:3rem!important}.mx-md-auto{margin-right:auto!important;margin-left:auto!important}.my-md-0{margin-top:0!important;margin-bottom:0!important}.my-md-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-md-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-md-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-md-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-md-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-md-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-md-0{margin-top:0!important}.mt-md-1{margin-top:.25rem!important}.mt-md-2{margin-top:.5rem!important}.mt-md-3{margin-top:1rem!important}.mt-md-4{margin-top:1.5rem!important}.mt-md-5{margin-top:3rem!important}.mt-md-auto{margin-top:auto!important}.mr-md-0{margin-right:0!important}.mr-md-1{margin-right:.25rem!important}.mr-md-2{margin-right:.5rem!important}.mr-md-3{margin-right:1rem!important}.mr-md-4{margin-right:1.5rem!important}.mr-md-5{margin-right:3rem!important}.mr-md-auto{margin-right:auto!important}.mb-md-0{margin-bottom:0!important}.mb-md-1{margin-bottom:.25rem!important}.mb-md-2{margin-bottom:.5rem!important}.mb-md-3{margin-bottom:1rem!important}.mb-md-4{margin-bottom:1.5rem!important}.mb-md-5{margin-bottom:3rem!important}.mb-md-auto{margin-bottom:auto!important}.ml-md-0{margin-left:0!important}.ml-md-1{margin-left:.25rem!important}.ml-md-2{margin-left:.5rem!important}.ml-md-3{margin-left:1rem!important}.ml-md-4{margin-left:1.5rem!important}.ml-md-5{margin-left:3rem!important}.ml-md-auto{margin-left:auto!important}.p-md-0{padding:0!important}.p-md-1{padding:.25rem!important}.p-md-2{padding:.5rem!important}.p-md-3{padding:1rem!important}.p-md-4{padding:1.5rem!important}.p-md-5{padding:3rem!important}.px-md-0{padding-right:0!important;padding-left:0!important}.px-md-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-md-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-md-3{padding-right:1rem!important;padding-left:1rem!important}.px-md-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-md-5{padding-right:3rem!important;padding-left:3rem!important}.py-md-0{padding-top:0!important;padding-bottom:0!important}.py-md-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-md-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-md-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-md-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-md-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-md-0{padding-top:0!important}.pt-md-1{padding-top:.25rem!important}.pt-md-2{padding-top:.5rem!important}.pt-md-3{padding-top:1rem!important}.pt-md-4{padding-top:1.5rem!important}.pt-md-5{padding-top:3rem!important}.pr-md-0{padding-right:0!important}.pr-md-1{padding-right:.25rem!important}.pr-md-2{padding-right:.5rem!important}.pr-md-3{padding-right:1rem!important}.pr-md-4{padding-right:1.5rem!important}.pr-md-5{padding-right:3rem!important}.pb-md-0{padding-bottom:0!important}.pb-md-1{padding-bottom:.25rem!important}.pb-md-2{padding-bottom:.5rem!important}.pb-md-3{padding-bottom:1rem!important}.pb-md-4{padding-bottom:1.5rem!important}.pb-md-5{padding-bottom:3rem!important}.pl-md-0{padding-left:0!important}.pl-md-1{padding-left:.25rem!important}.pl-md-2{padding-left:.5rem!important}.pl-md-3{padding-left:1rem!important}.pl-md-4{padding-left:1.5rem!important}.pl-md-5{padding-left:3rem!important}}@media (min-width:992px){.container,.container-lg,.container-md,.container-sm{max-width:960px}.col-lg{flex:1 0 0%}.col-lg-auto{flex:0 0 auto;width:auto}.col-lg-1{flex:0 0 auto;width:8.33333333%}.col-lg-2{flex:0 0 auto;width:16.66666667%}.col-lg-3{flex:0 0 auto;width:25%}.col-lg-4{flex:0 0 auto;width:33.33333333%}.col-lg-5{flex:0 0 auto;width:41.66666667%}.col-lg-6{flex:0 0 auto;width:50%}.col-lg-7{flex:0 0 auto;width:58.33333333%}.col-lg-8{flex:0 0 auto;width:66.66666667%}.col-lg-9{flex:0 0 auto;width:75%}.col-lg-10{flex:0 0 auto;width:83.33333333%}.col-lg-11{flex:0 0 auto;width:91.66666667%}.col-lg-12{flex:0 0 auto;width:100%}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.33333333%}.offset-lg-2{margin-left:16.66666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.33333333%}.offset-lg-5{margin-left:41.66666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.33333333%}.offset-lg-8{margin-left:66.66666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.33333333%}.offset-lg-11{margin-left:91.66666667%}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-grid{display:grid!important}.d-lg-inline-grid{display:inline-grid!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:flex!important}.d-lg-inline-flex{display:inline-flex!important}.d-lg-none{display:none!important}.flex-lg-fill{flex:1 1 auto!important}.flex-lg-row{flex-direction:row!important}.flex-lg-column{flex-direction:column!important}.flex-lg-row-reverse{flex-direction:row-reverse!important}.flex-lg-column-reverse{flex-direction:column-reverse!important}.flex-lg-grow-0{flex-grow:0!important}.flex-lg-grow-1{flex-grow:1!important}.flex-lg-shrink-0{flex-shrink:0!important}.flex-lg-shrink-1{flex-shrink:1!important}.flex-lg-wrap{flex-wrap:wrap!important}.flex-lg-nowrap{flex-wrap:nowrap!important}.flex-lg-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-lg-start{justify-content:flex-start!important}.justify-content-lg-end{justify-content:flex-end!important}.justify-content-lg-center{justify-content:center!important}.justify-content-lg-between{justify-content:space-between!important}.justify-content-lg-around{justify-content:space-around!important}.justify-content-lg-evenly{justify-content:space-evenly!important}.align-items-lg-start{align-items:flex-start!important}.align-items-lg-end{align-items:flex-end!important}.align-items-lg-center{align-items:center!important}.align-items-lg-baseline{align-items:baseline!important}.align-items-lg-stretch{align-items:stretch!important}.align-content-lg-start{align-content:flex-start!important}.align-content-lg-end{align-content:flex-end!important}.align-content-lg-center{align-content:center!important}.align-content-lg-between{align-content:space-between!important}.align-content-lg-around{align-content:space-around!important}.align-content-lg-stretch{align-content:stretch!important}.align-self-lg-auto{align-self:auto!important}.align-self-lg-start{align-self:flex-start!important}.align-self-lg-end{align-self:flex-end!important}.align-self-lg-center{align-self:center!important}.align-self-lg-baseline{align-self:baseline!important}.align-self-lg-stretch{align-self:stretch!important}.order-lg-first{order:-1!important}.order-lg-0{order:0!important}.order-lg-1{order:1!important}.order-lg-2{order:2!important}.order-lg-3{order:3!important}.order-lg-4{order:4!important}.order-lg-5{order:5!important}.order-lg-last{order:6!important}.m-lg-0{margin:0!important}.m-lg-1{margin:.25rem!important}.m-lg-2{margin:.5rem!important}.m-lg-3{margin:1rem!important}.m-lg-4{margin:1.5rem!important}.m-lg-5{margin:3rem!important}.m-lg-auto{margin:auto!important}.mx-lg-0{margin-right:0!important;margin-left:0!important}.mx-lg-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-lg-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-lg-3{margin-right:1rem!important;margin-left:1rem!important}.mx-lg-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-lg-5{margin-right:3rem!important;margin-left:3rem!important}.mx-lg-auto{margin-right:auto!important;margin-left:auto!important}.my-lg-0{margin-top:0!important;margin-bottom:0!important}.my-lg-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-lg-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-lg-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-lg-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-lg-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-lg-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-lg-0{margin-top:0!important}.mt-lg-1{margin-top:.25rem!important}.mt-lg-2{margin-top:.5rem!important}.mt-lg-3{margin-top:1rem!important}.mt-lg-4{margin-top:1.5rem!important}.mt-lg-5{margin-top:3rem!important}.mt-lg-auto{margin-top:auto!important}.mr-lg-0{margin-right:0!important}.mr-lg-1{margin-right:.25rem!important}.mr-lg-2{margin-right:.5rem!important}.mr-lg-3{margin-right:1rem!important}.mr-lg-4{margin-right:1.5rem!important}.mr-lg-5{margin-right:3rem!important}.mr-lg-auto{margin-right:auto!important}.mb-lg-0{margin-bottom:0!important}.mb-lg-1{margin-bottom:.25rem!important}.mb-lg-2{margin-bottom:.5rem!important}.mb-lg-3{margin-bottom:1rem!important}.mb-lg-4{margin-bottom:1.5rem!important}.mb-lg-5{margin-bottom:3rem!important}.mb-lg-auto{margin-bottom:auto!important}.ml-lg-0{margin-left:0!important}.ml-lg-1{margin-left:.25rem!important}.ml-lg-2{margin-left:.5rem!important}.ml-lg-3{margin-left:1rem!important}.ml-lg-4{margin-left:1.5rem!important}.ml-lg-5{margin-left:3rem!important}.ml-lg-auto{margin-left:auto!important}.p-lg-0{padding:0!important}.p-lg-1{padding:.25rem!important}.p-lg-2{padding:.5rem!important}.p-lg-3{padding:1rem!important}.p-lg-4{padding:1.5rem!important}.p-lg-5{padding:3rem!important}.px-lg-0{padding-right:0!important;padding-left:0!important}.px-lg-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-lg-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-lg-3{padding-right:1rem!important;padding-left:1rem!important}.px-lg-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-lg-5{padding-right:3rem!important;padding-left:3rem!important}.py-lg-0{padding-top:0!important;padding-bottom:0!important}.py-lg-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-lg-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-lg-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-lg-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-lg-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-lg-0{padding-top:0!important}.pt-lg-1{padding-top:.25rem!important}.pt-lg-2{padding-top:.5rem!important}.pt-lg-3{padding-top:1rem!important}.pt-lg-4{padding-top:1.5rem!important}.pt-lg-5{padding-top:3rem!important}.pr-lg-0{padding-right:0!important}.pr-lg-1{padding-right:.25rem!important}.pr-lg-2{padding-right:.5rem!important}.pr-lg-3{padding-right:1rem!important}.pr-lg-4{padding-right:1.5rem!important}.pr-lg-5{padding-right:3rem!important}.pb-lg-0{padding-bottom:0!important}.pb-lg-1{padding-bottom:.25rem!important}.pb-lg-2{padding-bottom:.5rem!important}.pb-lg-3{padding-bottom:1rem!important}.pb-lg-4{padding-bottom:1.5rem!important}.pb-lg-5{padding-bottom:3rem!important}.pl-lg-0{padding-left:0!important}.pl-lg-1{padding-left:.25rem!important}.pl-lg-2{padding-left:.5rem!important}.pl-lg-3{padding-left:1rem!important}.pl-lg-4{padding-left:1.5rem!important}.pl-lg-5{padding-left:3rem!important}}@media (min-width:1200px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1140px}.col-xl{flex:1 0 0%}.col-xl-auto{flex:0 0 auto;width:auto}.col-xl-1{flex:0 0 auto;width:8.33333333%}.col-xl-2{flex:0 0 auto;width:16.66666667%}.col-xl-3{flex:0 0 auto;width:25%}.col-xl-4{flex:0 0 auto;width:33.33333333%}.col-xl-5{flex:0 0 auto;width:41.66666667%}.col-xl-6{flex:0 0 auto;width:50%}.col-xl-7{flex:0 0 auto;width:58.33333333%}.col-xl-8{flex:0 0 auto;width:66.66666667%}.col-xl-9{flex:0 0 auto;width:75%}.col-xl-10{flex:0 0 auto;width:83.33333333%}.col-xl-11{flex:0 0 auto;width:91.66666667%}.col-xl-12{flex:0 0 auto;width:100%}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.33333333%}.offset-xl-2{margin-left:16.66666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.33333333%}.offset-xl-5{margin-left:41.66666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.33333333%}.offset-xl-8{margin-left:66.66666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.33333333%}.offset-xl-11{margin-left:91.66666667%}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-grid{display:grid!important}.d-xl-inline-grid{display:inline-grid!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:flex!important}.d-xl-inline-flex{display:inline-flex!important}.d-xl-none{display:none!important}.flex-xl-fill{flex:1 1 auto!important}.flex-xl-row{flex-direction:row!important}.flex-xl-column{flex-direction:column!important}.flex-xl-row-reverse{flex-direction:row-reverse!important}.flex-xl-column-reverse{flex-direction:column-reverse!important}.flex-xl-grow-0{flex-grow:0!important}.flex-xl-grow-1{flex-grow:1!important}.flex-xl-shrink-0{flex-shrink:0!important}.flex-xl-shrink-1{flex-shrink:1!important}.flex-xl-wrap{flex-wrap:wrap!important}.flex-xl-nowrap{flex-wrap:nowrap!important}.flex-xl-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-xl-start{justify-content:flex-start!important}.justify-content-xl-end{justify-content:flex-end!important}.justify-content-xl-center{justify-content:center!important}.justify-content-xl-between{justify-content:space-between!important}.justify-content-xl-around{justify-content:space-around!important}.justify-content-xl-evenly{justify-content:space-evenly!important}.align-items-xl-start{align-items:flex-start!important}.align-items-xl-end{align-items:flex-end!important}.align-items-xl-center{align-items:center!important}.align-items-xl-baseline{align-items:baseline!important}.align-items-xl-stretch{align-items:stretch!important}.align-content-xl-start{align-content:flex-start!important}.align-content-xl-end{align-content:flex-end!important}.align-content-xl-center{align-content:center!important}.align-content-xl-between{align-content:space-between!important}.align-content-xl-around{align-content:space-around!important}.align-content-xl-stretch{align-content:stretch!important}.align-self-xl-auto{align-self:auto!important}.align-self-xl-start{align-self:flex-start!important}.align-self-xl-end{align-self:flex-end!important}.align-self-xl-center{align-self:center!important}.align-self-xl-baseline{align-self:baseline!important}.align-self-xl-stretch{align-self:stretch!important}.order-xl-first{order:-1!important}.order-xl-0{order:0!important}.order-xl-1{order:1!important}.order-xl-2{order:2!important}.order-xl-3{order:3!important}.order-xl-4{order:4!important}.order-xl-5{order:5!important}.order-xl-last{order:6!important}.m-xl-0{margin:0!important}.m-xl-1{margin:.25rem!important}.m-xl-2{margin:.5rem!important}.m-xl-3{margin:1rem!important}.m-xl-4{margin:1.5rem!important}.m-xl-5{margin:3rem!important}.m-xl-auto{margin:auto!important}.mx-xl-0{margin-right:0!important;margin-left:0!important}.mx-xl-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-xl-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-xl-3{margin-right:1rem!important;margin-left:1rem!important}.mx-xl-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-xl-5{margin-right:3rem!important;margin-left:3rem!important}.mx-xl-auto{margin-right:auto!important;margin-left:auto!important}.my-xl-0{margin-top:0!important;margin-bottom:0!important}.my-xl-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-xl-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-xl-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-xl-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-xl-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-xl-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-xl-0{margin-top:0!important}.mt-xl-1{margin-top:.25rem!important}.mt-xl-2{margin-top:.5rem!important}.mt-xl-3{margin-top:1rem!important}.mt-xl-4{margin-top:1.5rem!important}.mt-xl-5{margin-top:3rem!important}.mt-xl-auto{margin-top:auto!important}.mr-xl-0{margin-right:0!important}.mr-xl-1{margin-right:.25rem!important}.mr-xl-2{margin-right:.5rem!important}.mr-xl-3{margin-right:1rem!important}.mr-xl-4{margin-right:1.5rem!important}.mr-xl-5{margin-right:3rem!important}.mr-xl-auto{margin-right:auto!important}.mb-xl-0{margin-bottom:0!important}.mb-xl-1{margin-bottom:.25rem!important}.mb-xl-2{margin-bottom:.5rem!important}.mb-xl-3{margin-bottom:1rem!important}.mb-xl-4{margin-bottom:1.5rem!important}.mb-xl-5{margin-bottom:3rem!important}.mb-xl-auto{margin-bottom:auto!important}.ml-xl-0{margin-left:0!important}.ml-xl-1{margin-left:.25rem!important}.ml-xl-2{margin-left:.5rem!important}.ml-xl-3{margin-left:1rem!important}.ml-xl-4{margin-left:1.5rem!important}.ml-xl-5{margin-left:3rem!important}.ml-xl-auto{margin-left:auto!important}.p-xl-0{padding:0!important}.p-xl-1{padding:.25rem!important}.p-xl-2{padding:.5rem!important}.p-xl-3{padding:1rem!important}.p-xl-4{padding:1.5rem!important}.p-xl-5{padding:3rem!important}.px-xl-0{padding-right:0!important;padding-left:0!important}.px-xl-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-xl-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-xl-3{padding-right:1rem!important;padding-left:1rem!important}.px-xl-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-xl-5{padding-right:3rem!important;padding-left:3rem!important}.py-xl-0{padding-top:0!important;padding-bottom:0!important}.py-xl-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-xl-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-xl-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-xl-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-xl-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-xl-0{padding-top:0!important}.pt-xl-1{padding-top:.25rem!important}.pt-xl-2{padding-top:.5rem!important}.pt-xl-3{padding-top:1rem!important}.pt-xl-4{padding-top:1.5rem!important}.pt-xl-5{padding-top:3rem!important}.pr-xl-0{padding-right:0!important}.pr-xl-1{padding-right:.25rem!important}.pr-xl-2{padding-right:.5rem!important}.pr-xl-3{padding-right:1rem!important}.pr-xl-4{padding-right:1.5rem!important}.pr-xl-5{padding-right:3rem!important}.pb-xl-0{padding-bottom:0!important}.pb-xl-1{padding-bottom:.25rem!important}.pb-xl-2{padding-bottom:.5rem!important}.pb-xl-3{padding-bottom:1rem!important}.pb-xl-4{padding-bottom:1.5rem!important}.pb-xl-5{padding-bottom:3rem!important}.pl-xl-0{padding-left:0!important}.pl-xl-1{padding-left:.25rem!important}.pl-xl-2{padding-left:.5rem!important}.pl-xl-3{padding-left:1rem!important}.pl-xl-4{padding-left:1.5rem!important}.pl-xl-5{padding-left:3rem!important}}@media (min-width:1400px){.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{max-width:1320px}.col-xxl{flex:1 0 0%}.col-xxl-auto{flex:0 0 auto;width:auto}.col-xxl-1{flex:0 0 auto;width:8.33333333%}.col-xxl-2{flex:0 0 auto;width:16.66666667%}.col-xxl-3{flex:0 0 auto;width:25%}.col-xxl-4{flex:0 0 auto;width:33.33333333%}.col-xxl-5{flex:0 0 auto;width:41.66666667%}.col-xxl-6{flex:0 0 auto;width:50%}.col-xxl-7{flex:0 0 auto;width:58.33333333%}.col-xxl-8{flex:0 0 auto;width:66.66666667%}.col-xxl-9{flex:0 0 auto;width:75%}.col-xxl-10{flex:0 0 auto;width:83.33333333%}.col-xxl-11{flex:0 0 auto;width:91.66666667%}.col-xxl-12{flex:0 0 auto;width:100%}.offset-xxl-0{margin-left:0}.offset-xxl-1{margin-left:8.33333333%}.offset-xxl-2{margin-left:16.66666667%}.offset-xxl-3{margin-left:25%}.offset-xxl-4{margin-left:33.33333333%}.offset-xxl-5{margin-left:41.66666667%}.offset-xxl-6{margin-left:50%}.offset-xxl-7{margin-left:58.33333333%}.offset-xxl-8{margin-left:66.66666667%}.offset-xxl-9{margin-left:75%}.offset-xxl-10{margin-left:83.33333333%}.offset-xxl-11{margin-left:91.66666667%}.d-xxl-inline{display:inline!important}.d-xxl-inline-block{display:inline-block!important}.d-xxl-block{display:block!important}.d-xxl-grid{display:grid!important}.d-xxl-inline-grid{display:inline-grid!important}.d-xxl-table{display:table!important}.d-xxl-table-row{display:table-row!important}.d-xxl-table-cell{display:table-cell!important}.d-xxl-flex{display:flex!important}.d-xxl-inline-flex{display:inline-flex!important}.d-xxl-none{display:none!important}.flex-xxl-fill{flex:1 1 auto!important}.flex-xxl-row{flex-direction:row!important}.flex-xxl-column{flex-direction:column!important}.flex-xxl-row-reverse{flex-direction:row-reverse!important}.flex-xxl-column-reverse{flex-direction:column-reverse!important}.flex-xxl-grow-0{flex-grow:0!important}.flex-xxl-grow-1{flex-grow:1!important}.flex-xxl-shrink-0{flex-shrink:0!important}.flex-xxl-shrink-1{flex-shrink:1!important}.flex-xxl-wrap{flex-wrap:wrap!important}.flex-xxl-nowrap{flex-wrap:nowrap!important}.flex-xxl-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-xxl-start{justify-content:flex-start!important}.justify-content-xxl-end{justify-content:flex-end!important}.justify-content-xxl-center{justify-content:center!important}.justify-content-xxl-between{justify-content:space-between!important}.justify-content-xxl-around{justify-content:space-around!important}.justify-content-xxl-evenly{justify-content:space-evenly!important}.align-items-xxl-start{align-items:flex-start!important}.align-items-xxl-end{align-items:flex-end!important}.align-items-xxl-center{align-items:center!important}.align-items-xxl-baseline{align-items:baseline!important}.align-items-xxl-stretch{align-items:stretch!important}.align-content-xxl-start{align-content:flex-start!important}.align-content-xxl-end{align-content:flex-end!important}.align-content-xxl-center{align-content:center!important}.align-content-xxl-between{align-content:space-between!important}.align-content-xxl-around{align-content:space-around!important}.align-content-xxl-stretch{align-content:stretch!important}.align-self-xxl-auto{align-self:auto!important}.align-self-xxl-start{align-self:flex-start!important}.align-self-xxl-end{align-self:flex-end!important}.align-self-xxl-center{align-self:center!important}.align-self-xxl-baseline{align-self:baseline!important}.align-self-xxl-stretch{align-self:stretch!important}.order-xxl-first{order:-1!important}.order-xxl-0{order:0!important}.order-xxl-1{order:1!important}.order-xxl-2{order:2!important}.order-xxl-3{order:3!important}.order-xxl-4{order:4!important}.order-xxl-5{order:5!important}.order-xxl-last{order:6!important}.m-xxl-0{margin:0!important}.m-xxl-1{margin:.25rem!important}.m-xxl-2{margin:.5rem!important}.m-xxl-3{margin:1rem!important}.m-xxl-4{margin:1.5rem!important}.m-xxl-5{margin:3rem!important}.m-xxl-auto{margin:auto!important}.mx-xxl-0{margin-right:0!important;margin-left:0!important}.mx-xxl-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-xxl-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-xxl-3{margin-right:1rem!important;margin-left:1rem!important}.mx-xxl-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-xxl-5{margin-right:3rem!important;margin-left:3rem!important}.mx-xxl-auto{margin-right:auto!important;margin-left:auto!important}.my-xxl-0{margin-top:0!important;margin-bottom:0!important}.my-xxl-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-xxl-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-xxl-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-xxl-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-xxl-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-xxl-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-xxl-0{margin-top:0!important}.mt-xxl-1{margin-top:.25rem!important}.mt-xxl-2{margin-top:.5rem!important}.mt-xxl-3{margin-top:1rem!important}.mt-xxl-4{margin-top:1.5rem!important}.mt-xxl-5{margin-top:3rem!important}.mt-xxl-auto{margin-top:auto!important}.mr-xxl-0{margin-right:0!important}.mr-xxl-1{margin-right:.25rem!important}.mr-xxl-2{margin-right:.5rem!important}.mr-xxl-3{margin-right:1rem!important}.mr-xxl-4{margin-right:1.5rem!important}.mr-xxl-5{margin-right:3rem!important}.mr-xxl-auto{margin-right:auto!important}.mb-xxl-0{margin-bottom:0!important}.mb-xxl-1{margin-bottom:.25rem!important}.mb-xxl-2{margin-bottom:.5rem!important}.mb-xxl-3{margin-bottom:1rem!important}.mb-xxl-4{margin-bottom:1.5rem!important}.mb-xxl-5{margin-bottom:3rem!important}.mb-xxl-auto{margin-bottom:auto!important}.ml-xxl-0{margin-left:0!important}.ml-xxl-1{margin-left:.25rem!important}.ml-xxl-2{margin-left:.5rem!important}.ml-xxl-3{margin-left:1rem!important}.ml-xxl-4{margin-left:1.5rem!important}.ml-xxl-5{margin-left:3rem!important}.ml-xxl-auto{margin-left:auto!important}.p-xxl-0{padding:0!important}.p-xxl-1{padding:.25rem!important}.p-xxl-2{padding:.5rem!important}.p-xxl-3{padding:1rem!important}.p-xxl-4{padding:1.5rem!important}.p-xxl-5{padding:3rem!important}.px-xxl-0{padding-right:0!important;padding-left:0!important}.px-xxl-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-xxl-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-xxl-3{padding-right:1rem!important;padding-left:1rem!important}.px-xxl-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-xxl-5{padding-right:3rem!important;padding-left:3rem!important}.py-xxl-0{padding-top:0!important;padding-bottom:0!important}.py-xxl-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-xxl-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-xxl-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-xxl-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-xxl-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-xxl-0{padding-top:0!important}.pt-xxl-1{padding-top:.25rem!important}.pt-xxl-2{padding-top:.5rem!important}.pt-xxl-3{padding-top:1rem!important}.pt-xxl-4{padding-top:1.5rem!important}.pt-xxl-5{padding-top:3rem!important}.pr-xxl-0{padding-right:0!important}.pr-xxl-1{padding-right:.25rem!important}.pr-xxl-2{padding-right:.5rem!important}.pr-xxl-3{padding-right:1rem!important}.pr-xxl-4{padding-right:1.5rem!important}.pr-xxl-5{padding-right:3rem!important}.pb-xxl-0{padding-bottom:0!important}.pb-xxl-1{padding-bottom:.25rem!important}.pb-xxl-2{padding-bottom:.5rem!important}.pb-xxl-3{padding-bottom:1rem!important}.pb-xxl-4{padding-bottom:1.5rem!important}.pb-xxl-5{padding-bottom:3rem!important}.pl-xxl-0{padding-left:0!important}.pl-xxl-1{padding-left:.25rem!important}.pl-xxl-2{padding-left:.5rem!important}.pl-xxl-3{padding-left:1rem!important}.pl-xxl-4{padding-left:1.5rem!important}.pl-xxl-5{padding-left:3rem!important}}body,html{font-size:16px;font-weight:400;font-family:menu-item;color:#fff;background:#000;width:100%;height:100%;margin:0;text-size-adjust:none;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{border:none;padding:0;margin:0}a{font-size:inherit;color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}body,div,html,img,input,select,span,textarea{font-family:Baufra,DFLiHeiHK,"Noto Sans HK","Noto Sans SC",Arial,sans-serif;-webkit-tap-highlight-color:transparent}h1,h2,h3,h4{font-weight:inherit;font-size:inherit;line-height:inherit;margin:0;padding:0;display:inherit}p{margin:0 0 1em 0}p:first-child{margin-bottom:1em}p:last-child{margin-bottom:0}div:nth-child(2)>p:first-child{margin-top:1em}input{background-color:transparent;border:none;color:#fff}input:focus,textarea:focus{outline:0;color:#fff}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover{background:0 0;-webkit-box-shadow:inset 0 0 0 9999px #111;box-shadow:inset 0 0 0 9999px #111;color:#fff;-webkit-text-fill-color:#fff!important}li,ul{padding:0;margin-left:0;list-style-type:none}ol,ol li{margin-left:0;padding-left:0}ol{margin-left:0;margin-top:0}ol li{margin-bottom:0;list-style-position:inside}ul.super{counter-reset:item;padding:0;list-style:none}.super li:before{content:counter(item) "";counter-increment:item;position:absolute;vertical-align:super;left:0;transform:translateY(-.1em)}.super li{position:relative;display:block;padding:0 0 0 1em;margin-bottom:.4em}button{padding:0;margin:0;border:none;background-color:transparent;font-family:inherit;font-size:inherit;font-weight:inherit;color:inherit;line-height:1;cursor:pointer}.clear{clear:both}.p-txt{padding-left:1em;padding-right:1em}.w-100{width:100%}.relative{position:relative}.sticky{position:sticky}.bottom-0{bottom:0}.top-0{top:0}body.init .friso-form-kv{transform:scale(1)}body.init .txt-hl{transform:scale(1);opacity:1}.friso-form-kv .core-video-container{transform:scale(0)!important;opacity:0}body.init .friso-form-kv .core-video-container{transform:scale(1)!important;opacity:1;transition:transform .8s .1s cubic-bezier(.1, 1.2, .66, 1),opacity .5s .1s linear!important}.friso-form-kv-container .txt-hl{transform:translateY(-1em);opacity:0;transition:transform .5s .5s ease-out,opacity .3s .5s linear}.friso-form-kv-container{text-align:center;color:#e3c392;margin-top:10em}.friso-form-kv{width:75%;margin:2em auto 0 auto;max-width:400px;transform:scale(1);transition:transform .8s cubic-bezier(.1, 1.2, .66, 1)}.friso-form-kv-inner{position:relative;width:100%;padding-bottom:100%;pointer-events:none;animation-timing-function:linear;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:ani-kv-ball;animation-direction:alternate;animation-duration:5s;animation-play-state:paused}.friso-form-kv-inner-back,.friso-form-kv-inner-clone{position:absolute;width:100%;height:100%;top:0;left:0;background-position:center;background-size:contain;background-image:url("../img/form-kv-clone.png");background-repeat:no-repeat}.friso-form-kv-inner-back{animation-duration:120s;animation-timing-function:linear;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:ani-kv-ball-outline;animation-play-state:paused;background-image:url("../img/form-kv.png")}@keyframes ani-kv-ball-outline{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes ani-kv-ball{0%{transform:translateY(0)}100%{transform:translateY(4%)}}.txt-black{color:#000}.txt-gold{color:#c9a666}.txt-hide{rgba:rgba(0,0,0,0)!important;opacity:0!important}.txt-hl{font-size:1.9rem;line-height:1.2}.txt-big{font-size:3.2rem}.txt-head{font-size:2.6rem}.txt-large{font-size:2.2rem}.txt-headline{font-size:2rem}.txt-subhead{font-size:1.75rem;letter-spacing:.1em}.txt-smallhead{font-size:1.5rem}.txt-label{font-size:1.25rem}.txt-normal{font-size:1.1rem;line-height:1.5}.txt-small{font-size:.9rem}.txt-tiny{font-size:.8rem}.txt-nano{font-size:.75rem!important}.txt-body{line-height:1.7}.txt-noto{font-family:Baufra,"Noto Sans HK","Noto Sans SC",Arial,sans-serif}.txt-semibold{font-weight:500}.txt-bold{font-weight:600}.txt-wide{letter-spacing:.7em}.txt-wide-little{letter-spacing:.2em}.txt-wideless{letter-spacing:0}sup{font-size:.5em;top:-1em;position:relative;line-height:1;vertical-align:baseline;font-family:Baufra,"Noto Sans HK","Noto Sans SC",Arial,sans-serif}.friso-loader-container{position:fixed;width:100%;height:100%;top:0;left:0;z-index:99;display:flex}.friso-loader-container>div{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120px;height:120px;max-width:20vw;max-height:20vw}.friso-overlay-container{opacity:0;pointer-events:none;position:fixed;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,.5);z-index:10;display:flex;align-items:center;justify-content:center;transition:opacity .5s linear}.friso-overlay-container-inner{width:calc(100% - 8em);max-width:640px;background:#210f03;padding:3em 2em}.friso-overlay-container-inner .txt-hl{margin-bottom:.75em}.friso-overlay-container-inner .txt-normal{line-height:1.75}.friso-overlay-container button{color:#210f03;background:linear-gradient(180deg,#fef0cd 0,#ffd179 100%);margin-top:2em;padding:1em 2em;border-radius:5em;font-size:16.5px}@media screen and (max-width:768px){.friso-overlay-container button{font-size:13.2px}}.friso-overlay-container.active{opacity:1;pointer-events:all;transition:opacity 0s linear}.friso-overlay-back{position:absolute;width:100%;height:100%;top:0;left:0}.header-container{position:fixed;width:100%;height:10em;top:0;left:0}.header-container.longer{height:10em}@media screen and (max-height:640px){.header-container.longer{height:5em}}.friso-bg-container{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none}.friso-bg-container.base{background-color:#210804;position:fixed}.friso-light-container{position:absolute;height:520%;width:100%;top:-250%;left:0;background-repeat:no-repeat;background-position:center top;background-size:contain;background-image:url("../img/home-background-light-new.png");mix-blend-mode:screen;opacity:0;transform-origin:75% 19.2%}.friso-background-container,.friso-fala-container,.friso-ground-container,.friso-ground-light-container,.friso-ground-light-container-inner,.friso-lensflare-container-inner,.friso-ripples-container,.friso-ripples-container-inner,.friso-signature-container,.friso-signature-container-inner,.friso-table-container{position:absolute;width:100%;left:0;background-repeat:no-repeat}.friso-background-container,.friso-ripples-container-inner{max-width:1920px;left:50%;transform:translate(-50%,0)}.friso-background-container{height:100%;top:0;background-position:center;background-size:cover;background-image:url("../img/home-background.jpg")}.base.form .friso-background-container{background-image:url("../img/home-background.jpg");background-size:cover}.friso-ground-light-container{height:11%;top:49%;mix-blend-mode:screen}.friso-ripples-container{height:42%;top:58%;overflow:hidden}.friso-signature-container{height:19.3%;bottom:32.3%}.friso-ground-container{height:50%;top:50%;background:linear-gradient(0deg,#200804 80%,rgba(32,8,4,0) 100%)}.friso-bg-container.kv:after{content:"";position:absolute;height:10%;left:0;width:100%;top:100%;background:linear-gradient(0deg,rgba(62,31,26,0) 0,#270d06 100%)}.friso-intro-seq-container{height:34%;width:100px;position:absolute;left:50%;transform:translate(-50%,-207%) scale(1);opacity:0;z-index:1}.friso-intro-seq-container canvas{position:absolute;top:0;left:0}.friso-intro-seq-container>div{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.5);background-image:url("../img/glow.png");background-position:center;background-repeat:no-repeat;background-size:contain;width:140%;opacity:.5;height:140%}.friso-intro-seq-container>div.active{opacity:0;transform:translate(-50%,-50%) scale(1.5);transition:opacity 1s linear,transform .4s ease-out;filter:blur(.5em)}.friso-intro-seq-container.active{opacity:1;transition:opacity .4s linear}.friso-fala-container{height:352.3%;top:-88%;background-position:center bottom;background-size:contain;background-image:url("/img/home/section1/fala.png");opacity:0;transform:translateY(1em)}.friso-ground-light-container-inner{height:100%;top:0;background-position:center top;background-size:100% 100%;background-image:url("../img/ground-light.png")}.friso-signature-container-inner{height:220%;top:35%;background-position:calc(50% + 4rem) bottom;background-size:contain;background-image:url("/img/home/section1/tin.png");opacity:0;transform:translateY(1em)}.friso-lensflare-container-inner{height:115%;bottom:-5%;background-position:center;background-size:contain;background-image:url("../img/home-lens-flare.png");mix-blend-mode:screen;opacity:0}.friso-ripples-container-inner{height:100%;top:0}.friso-ripples-container-inner:after,.friso-ripples-container-inner:before{content:"";position:absolute;height:100%;right:100%;width:500px;top:0;background-repeat:no-repeat;background-size:100% 559px}.friso-ripples-container-inner:after{background-image:url("../img/ripples-right.png");right:auto;left:100%}.friso-ripples-container-inner:before{background-image:url("../img/ripples-left.png")}.friso-ripples-container-inner-inner{position:absolute;width:100%;left:0;height:100%;top:0;background-repeat:no-repeat;background-position:center top;background-size:cover;background-image:url("../img/ripples.png")}.friso-ripples-container-inner-inner.clone{transform-origin:top center;transform:scale(1);opacity:0;background-image:url("../img/ripples-clone.png")}.friso-bg-container.base{opacity:0}.friso-bg-container.kv .friso-ground-light-container{opacity:0;transform:translateY(10%)}.friso-bg-container.kv .friso-ripples-container{opacity:0}.friso-bg-container.kv .friso-signature-container{opacity:1;transform:translateY(0)}.friso-home-bottom,.friso-home-top{position:absolute;height:100%;width:100%;top:0;left:0;background-position:center 107%;background-size:100% auto;background-image:url("/img/home-background-bottom.png");background-repeat:no-repeat}.friso-home-bottom:after{content:"";position:absolute;width:100%;height:6em;left:0;top:100%;background:linear-gradient(0deg,rgba(31,8,5,0) 0,#1f0805 100%)}.friso-home-top{background-image:url("../img/home-background-new.jpg");background-position:center;background-size:auto 100%}.friso-signature-container-inner>div{position:absolute;background-position:center;background-size:contain;background-repeat:no-repeat;transform:translate(-50%,-50%);animation-duration:13s;animation-timing-function:linear;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-direction:alternate;animation-play-state:paused;opacity:0}.friso-signature-container-inner>div:first-child{background-image:url("../img/home-background-lens-top.png");width:20%;height:50%;top:20%;animation-name:ani-lens-a;animation-duration:3s}.friso-signature-container-inner>div:nth-child(2){background-image:url("../img/home-background-lens-left.png");width:33%;height:50%;top:30%;animation-name:ani-lens-b}.friso-signature-container-inner>div:nth-child(3){background-image:url("../img/home-background-lens-right.png");width:35%;height:50%;top:45%;animation-name:ani-lens-c}@keyframes ani-lens-a{0%{transform:translate(-50%,-50%)}100%{transform:translate(-50%,-50%) scale(.6)}}@keyframes ani-lens-b{0%{transform:translate(-50%,-50%)}100%{transform:translate(-50%,50%) scale(.7)}}@keyframes ani-lens-c{0%{transform:translate(-50%,50%) scale(.7)}100%{transform:translate(-50%,-50%)}}body.init .friso-signature-container-inner>div{opacity:1;transition:opacity .4s linear}body.init .friso-signature-container-inner>div:first-child{transition-delay:1s}body.init .friso-signature-container-inner>div:nth-child(2){transition-delay:1.1s}body.init .friso-signature-container-inner>div:nth-child(3){transition-delay:1.2s}body.init .friso-ground-container{opacity:0;transition:opacity .4s .8s linear}body.init .friso-bg-container.base{opacity:1;transition:opacity .8s linear}body.init .friso-bg-container.kv .friso-ripples-container{opacity:1;transition:opacity .9s 0s linear}body.init .friso-bg-container.kv .friso-ground-light-container{opacity:1;transform:translate(0);transition:opacity .4s .8s linear,transform .6s .8s linear}body.init .friso-bg-container.kv .friso-ground-light-container-inner{animation-duration:3s;animation-timing-function:linear;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-direction:alternate;animation-name:ani-flash-a;animation-play-state:paused}body.init .friso-bg-container.kv .friso-signature-container{opacity:1;transform:translate(0,0);transition:opacity .3s .8s linear,transform .7s .8s cubic-bezier(0, .8, .63, .99)}body.init .friso-bg-container.kv .friso-signature-container-inner{animation-duration:1.5s;animation-timing-function:linear;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-direction:alternate;animation-delay:1.5s}.friso-lensflare-container-inner.active{opacity:1;transform:translate(0,0);transition:opacity .5s 0s linear}body.init .friso-bg-container.kv .friso-ripples-container-inner-inner.clone{animation-duration:3s;animation-timing-function:linear;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-direction:normal;animation-name:ani-reflect-a;animation-delay:0s;animation-play-state:paused}body.init .base.form .friso-background-container{opacity:.33}body.init .friso-light-container{opacity:.9;transition:opacity 1s .3s linear;animation-duration:7s;animation-timing-function:linear;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-direction:alternate;animation-delay:1.3s;animation-name:ani-rotate-a;animation-play-state:paused}body.init .key-visual.in-viewport .friso-bg-container.kv .friso-ground-light-container-inner,body.init .key-visual.in-viewport .friso-bg-container.kv .friso-ripples-container-inner-inner.clone,body.init .key-visual.in-viewport .friso-light-container,body.init .key-visual.in-viewport .friso-signature-container-inner>div{animation-play-state:running}.friso-form-kv.in-viewport .friso-form-kv-inner,.friso-form-kv.in-viewport .friso-form-kv-inner-back{animation-play-state:running}body.init .friso-bg-container.kv .friso-fala-container,body.init .friso-bg-container.kv .friso-signature-container-inner,body.init .friso-bg-container.kv .friso-table-container{opacity:1;transform:translate(0,0);transition:opacity .5s linear,transform .7s 0s cubic-bezier(0, .8, .63, .99)}body.init .friso-bg-container.kv .friso-fala-container{transition-delay:0.4s}body.init .friso-bg-container.kv .friso-signature-container-inner,body.init .friso-bg-container.kv .friso-table-container{transition-delay:0.6s}body.init .friso-bg-container.kv .friso-table-container{transition:opacity .5s .6s linear,transform .7s .6s cubic-bezier(0, .8, .63, .99)!important}@keyframes ani-rotate-a{0%{opacity:.9}50%{opacity:.3;transform:rotate(3deg) translateY(0)}100%{opacity:.9}}@keyframes ani-reflect-a{0%{opacity:0;transform:scale(1)}50%{opacity:.4;transform:scale(1.1)}100%{opacity:0;transform:scale(1.2)}}@keyframes ani-flash-a{0%{opacity:.8}50%{opacity:1}100%{opacity:.8}}@keyframes ani-float-a{0%{transform:translateY(0)}100%{transform:translateY(-.1em)}}.friso-empty-container,.friso-section-container{position:relative;height:100%;width:100%}.friso-bg-container,.friso-empty-container,.friso-home-container,.friso-section-container{min-height:55em}.friso-home-container{position:absolute;width:100%;height:100%}.friso-section-container{display:flex;align-items:center}.friso-section-container.fullframe{min-height:0;height:auto;margin:0 auto}.friso-shadow-container{position:absolute;top:0;width:100%;height:20em;left:0;background:linear-gradient(0deg,rgba(62,31,26,0) 40%,rgba(62,31,26,.9) 100%)}.friso-home-tagline-container{position:absolute;bottom:18%;left:50%;transform:translate(0,0);line-height:1;width:25rem;z-index:2;text-shadow:0 0 1em rgba(0,0,0,.5)}.friso-home-tagline-container>div{white-space:nowrap;opacity:0;transform:translate(0,1rem)}.friso-home-tagline-container .txt-head{letter-spacing:.12em;margin:.3em auto .4em auto;text-align:center;position:relative}.friso-home-tagline-container>div:nth-child(3){transform:translate(0,1rem);text-align:center;white-space:nowrap}.friso-signature-container .friso-home-tagline-container{bottom:120%}.firso-star{position:absolute;background-position:center;background-size:contain;background-repeat:no-repeat;background-image:url("../img/home-background-lens-upper.png");width:2em;height:2em;top:.2em;left:2.2em;transform:translate(-50%,-50%)!important;opacity:0}.friso-home-tagline-container.active>div{opacity:1;transform:translate(0,0)}.friso-home-tagline-container.active>div:first-child{transition:opacity .4s .1s linear,transform .4s .1s}.friso-home-tagline-container.active>div:nth-child(2){transition:opacity .4s .2s linear,transform .4s .2s}.friso-home-tagline-container.active>div:nth-child(3){transform:translate(0,0);transition:opacity .4s .4s linear,transform .4s .4s}.friso-home-tagline-container.active>.firso-star{opacity:1;transition:opacity .4s .6s linear,transform .4s .6s!important}.fadein-ele{opacity:0;transform:translateY(4rem);transition:transform .6s cubic-bezier(0, .68, .53, 1),opacity .2s linear}.fadein-ele.far{transform:translateY(6rem)}.fadein-ele.scrolled,.friso-section-container.active .fadein-ele{opacity:1;transform:translateY(0)}.fadein-ele.opacity-only,.fadein-ele.opacity-only.scrolled{transform:none}.mobile-br br,.mobile-only{display:none}.friso-rect-button{line-height:1.2;padding:.5em 1.3em!important;text-align:center;margin-top:2em;border-radius:.5em;color:#c9a666!important;letter-spacing:.1em;border:2px solid #ddb065;font-weight:600;background-color:rgba(201,166,102,.1)!important;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;vertical-align:middle}.friso-rect-button.txt-label{font-size:1.1rem!important}@media screen and (max-width:768px){.friso-rect-button.txt-label{font-size:1.2rem!important}}@media screen and (max-width:768px){.friso-rect-button{background-color:rgba(201,166,102,.3)!important}}.navbar .friso-rect-button{background-color:rgba(201,166,102,.1)!important;padding:1em 2em!important;font-size:12px}@media screen and (max-width:768px){.navbar .friso-rect-button{font-size:.75rem!important;border-width:1px!important;padding-top:.75rem!important;padding-bottom:.75rem!important;padding-right:.15rem!important;padding-left:.15rem!important}}.friso-rect-button.hover{background-color:rgba(201,166,102,.8);color:#fff!important;border-color:#fff!important}.friso-section-container-inner-wider{margin:0 auto;position:relative;width:90%;max-width:1280px;text-align:center}.friso-section-container-inner-wider>div:nth-child(2){margin-top:.7em}.friso-section-container-inner-wider>div:first-child>.txt-big{margin-bottom:.5em}.friso-section-container-inner-wider>div:first-child>.txt-smallhead{margin-bottom:1em}.education .friso-section-container-inner-full .video-container,.friso-section-container-inner-wider .video-container{width:100%;max-width:1280px;margin:auto}.friso-section-container-inner-wider.noflex{display:block;text-align:center}.friso-section-container-inner-full{margin:0 auto;position:relative;width:90%;max-width:1280px;text-align:center}.fullframe .friso-section-container-inner-full{width:100%;max-width:none}.poster-container{width:100%;position:relative;background:#333}.poster-container-inner{width:100%;padding-bottom:56.25%;position:relative;background-position:center;background-repeat:no-repeat;background-size:cover}.video-container{width:100%;position:relative;overflow:hidden;line-height:0;margin:0;padding:0}.ytvideo{padding-bottom:56.25%}.ytvideo iframe{width:100%;height:100%;top:0;left:0;position:absolute}.video-container>video{width:100%;height:auto}.video-btn{position:absolute;width:6em;height:6em;border-radius:1000px;background-position:left center;background-repeat:no-repeat;background-size:200% auto;background-image:url(../img/icon-video.svg);top:50%;left:50%;transform:translate(-50%,-50%);border:.5rem solid #c9a666}.video-btn.hover{background-position:right center}.video-container.hover .video-btn{opacity:1}.video-container.active .video-btn{opacity:0}.friso-section-container.first .friso-section-container-inner-wider>div:first-child .fadein-ele:nth-child(1){transition-delay:0s}.friso-section-container.first .friso-section-container-inner-wider>div:first-child .fadein-ele:nth-child(2){transition-delay:0.1s}.friso-section-container.first .friso-section-container-inner-wider>div:nth-child(2) .fadein-ele:first-child{transition-delay:0s}.friso-section-container.first .friso-section-container-inner-wider>div:nth-child(2) .fadein-ele:nth-child(2){transition-delay:0.2s}.friso-section-container.first .friso-section-container-inner-wider>div:nth-child(2) .fadein-ele:nth-child(3){transition-delay:0.3s}.friso-section-container.first .txt-large{margin-bottom:0!important}.friso-section-container.first .txt-normal{margin-top:1em}.friso-section-container.first,.friso-section-container.second,.friso-section-container.smart,.friso-section-container.tincan{height:auto!important;min-height:calc(100% - 20em)!important;padding:10em 0!important}.friso-section-container .friso-form-kv{width:66%;margin:3em auto;max-width:450px;transform:scale(.3)!important}.friso-section-container .friso-form-kv.scrolled{transform:scale(1)!important}.friso-section-container.igg{display:block}.friso-section-container.igg .container-inner{position:absolute;width:100%;height:100%;left:0;top:0;overflow:hidden}.friso-section-container .friso-form-kv.back-blur{position:absolute;filter:blur(1em);z-index:1}.friso-section-container .friso-form-kv.back-blur:first-child{top:4%;left:0;transform:scale(.5) translate(-50%,-50%)!important}.friso-section-container .friso-form-kv.back-blur:nth-child(2){bottom:0;left:90%;transform:scale(.66) translate(-50%,0)!important}.friso-section-container.igg .core-video-container{position:absolute;max-width:400px;width:50%;transform:scale(.5) translateY(100%);left:0;bottom:0}.friso-section-container.igg .core-video-container:nth-child(2n){transform:scale(.35) translateY(100%);left:auto;right:5%;bottom:50%}.friso-section-container.igg .friso-form-kv.back-blur:first-child{left:-6%;transform:scale(.4) translate(-50%,-50%)!important}.friso-section-container.igg .friso-form-kv.back-blur:nth-child(2){left:92%;transform:scale(.5) translate(-50%,0)!important}.core-video-container.withreg:after,.gallery-canvas-container.withreg:after,.gallery-indicator-ele.withreg:after{position:absolute;content:"®";right:0;top:-.5em;font-size:2rem}.gallery-canvas-container.withreg:after{top:.5em;font-size:1rem}.gallery-indicator-ele.withreg:after{font-size:.5rem}.friso-rect-button.very-wide{min-width:15em;max-width:calc(100% - 5em);letter-spacing:.3em}.baby-caption-container>div:nth-child(2){margin-bottom:.75em}.media-d .friso-rect-button{margin-top:0}.funny-gradient-container{position:absolute;width:100vw;height:28em;bottom:0;left:50%;transform:translate(-50%,18em);background:linear-gradient(0deg,#200a06 70%,rgba(32,8,4,0) 100%)}.funny-gradient-container:after{position:absolute;content:"";width:100vw;height:50%;top:100%;left:0;transform:translate(0,0) rotate(180deg);background:linear-gradient(0deg,#200a06 70%,rgba(32,8,4,0) 100%)}.funny-gradient-container.radial{width:50%;height:38em;bottom:0;left:25%;transform:translate(20%,23em);background:radial-gradient(closest-side,#210804 0,#210804 40%,rgba(33,8,4,0) 100%)}.funny-gradient-container.radial:after{content:none}.friso-section-container.igg .friso-section-container-inner-wider{margin-top:10em}.friso-section-container.cg{padding-top:0;height:auto}.friso-section-container.cg .video-ratio{position:relative;width:100%;padding-bottom:56.25%}.friso-section-container.cg .video-ratio iframe{position:absolute;top:0;left:0;width:100%;height:100%}.friso-section-container.cg .video-ratio{overflow:hidden}.friso-section-container.cg .yt-cover{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;overflow:hidden}.friso-section-container.cg .yt-cover .video-over-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:3}.friso-section-container.cg .yt-play-btn{font-size:3rem;color:#fff;opacity:.8;margin-top:.5em}.friso-section-container.cg .friso-section-container-inner-wider{width:100%}.friso-section-container.cg .friso-section-container-inner-wider .video-container{max-width:860px}.friso-section-container.cg .friso-section-container-inner-wider>div:nth-child(2){text-align:center}.friso-section-container.cg .video-container .txt-bold.txt-subhead{top:50%;left:50%;position:absolute;line-height:normal;transform:translate(-50%,-50%)}.media-a{padding-top:12em}.friso-section-container.media-a .friso-section-container-inner-wider>div:first-child>.txt-big{margin:0}.friso-section-container.media-a .friso-section-container-inner-wider>div:first-child>.txt-subhead{margin-bottom:1rem}.video-over-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:auto!important;line-height:normal}.video-over-content>div{text-shadow:0 0 .1em #9e3304;filter:drop-shadow(0px 0px .2em rgb(158, 51, 4))}.friso-section-container.media-b .txt-normal{margin-top:1rem}.friso-section-container.gallery{overflow:hidden}.gallery-container{position:relative;max-width:1280px;margin:auto}.gallery-container-inner{position:relative;padding-bottom:56.25%}.gallery-container-ele{position:absolute;top:0;left:0;width:calc(100% - 0em);height:100%;transition:transform .5s cubic-bezier(0, .75, .6, 1),opacity .4s linear}.gallery-container-ele{transform:translateX(100%) scale(.8);animation-duration:.5s;animation-delay:0s;animation-timing-function:cubic-bezier(0,0.75,0.6,1);animation-fill-mode:forwards;animation-iteration-count:1}.gallery-container-ele.active{transform:translateX(0);opacity:1}.gallery-container.one .gallery-container-ele:first-child{transform:translate(0,0)!important;opacity:1}.gallery-container.one .gallery-container-ele:nth-child(2){transform:translate(90%,0) scale(.6)!important;opacity:.25}.gallery-container.one .gallery-container-ele:nth-child(3){transform:translate(180%,0) scale(.6)!important;opacity:.25}.gallery-container.two .gallery-container-ele:first-child{transform:translate(-90%,0) scale(.6)!important;opacity:.25}.gallery-container.two .gallery-container-ele:nth-child(2){transform:translate(0,0)!important;opacity:1}.gallery-container.two .gallery-container-ele:nth-child(3){transform:translate(90%,0) scale(.6)!important;opacity:.25}.gallery-container.three .gallery-container-ele:first-child{transform:translate(-180%,0) scale(.6)!important;opacity:.25}.gallery-container.three .gallery-container-ele:nth-child(2){transform:translate(-90%,0) scale(.6)!important;opacity:.25}.gallery-container.three .gallery-container-ele:nth-child(3){transform:translate(0,0)!important;opacity:1}.product-site-gallery .poster-container{background:#000}.product-site-gallery .gallery-caption-container{margin-top:1em}#smart-immu .gallery-container-ele .txt-normal{opacity:0}#smart-immu .gallery-container-ele.active .txt-normal{opacity:1;transition:opacity .3s .4s linear}#smart-immu .gallery-caption-ele.active{transition-delay:0.4s}#smart-immu .gallery-container.one .gallery-container-ele:nth-child(2){transform:translate(90%,0) scale(.6)!important}#smart-immu .gallery-container.one .gallery-container-ele:nth-child(3){transform:translate(200%,0) scale(.5)!important}#smart-immu .gallery-container.two .gallery-container-ele:first-child{transform:translate(-90%,0) scale(.6)!important}#smart-immu .gallery-container.two .gallery-container-ele:nth-child(3){transform:translate(120%,0) scale(.5)!important}#smart-immu .gallery-container.three .gallery-container-ele:first-child{transform:translate(-200%,0) scale(.45)!important}#smart-immu .gallery-container.three .gallery-container-ele:nth-child(2){transform:translate(-150%,0) scale(.45)!important}.gallery-indicator-container{left:0;width:100%;top:calc(100% + 5em);height:1em;display:flex;justify-content:center}.gallery-indicator-container{position:relative;margin:8em auto 2em auto}.gallery-indicator-ele{width:.6em;height:.6em;margin:0 .6em;border-radius:1000px;background:#524234}.gallery-indicator-ele.active,.gallery-indicator-ele.hover{background:#c9a666}.gallery-nav-container{position:absolute;left:50%;width:100%;top:50%;transform:translate(-50%,-50%);height:4em}.gallery-nav-ele{width:0;height:4em;position:absolute;background-position:center;background-size:contain;background-repeat:no-repeat}.gallery-nav-ele:first-child{left:-4em;transform:scale(-1,1)}.gallery-nav-ele:nth-child(2){right:-4em}.gallery-nav-ele.inactive{display:none}.video-over-over{opacity:.2;position:absolute;top:0;left:0;width:100%;height:100%;background:#000}.video-container.withplay .video-over-content{opacity:1!important}.video-container.withplay.active .video-over-content{opacity:1!important}.gallery-caption-container{margin:0 auto;width:90%;position:relative;text-align:center}.gallery-caption-ele{position:absolute;width:100%;opacity:0}.gallery-caption-ele.active{opacity:1;transition:opacity .4s linear}.gallery-caption-ele{width:100%!important}.hd-video-container{margin:0 auto;text-align:center;max-width:1280px;width:100%;transform:translateY(6rem)}.hd-video-container.seq-container>div{padding-bottom:0!important}.core-video-container{margin:1em auto;text-align:center;max-width:400px;width:50%;transform:scale(.5) translateY(6rem)}.core-video-container video{width:100%}.core-video-container.scrolled{opacity:1;transform:scale(1)}.seq-container>div{width:100%;padding-bottom:100%;position:relative}.core-video-container canvas,.smart-video-container canvas{position:absolute;top:0;left:0;background:0 0}.seq-container>div:nth-child(2){position:absolute;width:100%;top:50%;left:50%;transform:translate(-50%,-50%)!important}canvas.canvas-loader{display:none}.core-video-container>div:nth-child(2)>canvas{top:50%;left:50%;transform:translate(-50%,-50%)}.gallery-canvas-container.seq-container>div:nth-child(2){position:absolute;top:50%;transform:translateY(-50%)}.gallery-canvas-container.seq-container>div:nth-child(2)>canvas{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.friso-section-container.smart .gallery-container{margin:3em auto!important}.friso-section-container.smart .gallery-container{max-width:400px}.friso-section-container.smart .gallery-container-inner{padding-bottom:calc(100% + 5.5em)}.friso-section-container.smart .poster-container{background:0 0}.friso-section-container.smart .gallery-container-ele .txt-subhead{margin-bottom:.5em}.friso-section-container.smart .gallery-container-ele .txt-normal{margin-top:1em}.friso-section-container.smart .gallery-caption-container{margin-top:1em;width:100%}.gallery-canvas-container{position:absolute;width:100%;height:100%}.friso-section-container.smart .poster-container-inner{padding-bottom:calc(100% + 0em);width:100%;margin:auto;background:0 0}.friso-section-container.smart .poster-container-inner.double-larger{width:222.2%;padding-bottom:calc(100% + 0em);left:-61.1%}.friso-section-container.smart .poster-container-inner.double-larger>div{position:absolute;top:50%;transform:translate(0,-50%)}.friso-section-container.smart{display:block;height:auto;min-height:0;padding:12em 0 0 0;overflow:hidden}.friso-section-container.smart .friso-section-container-inner-wider{margin:5em auto}.double-name{position:absolute;width:222.2%;display:flex;left:-61.1%;top:100%}.double-name>div{width:45%;text-align:center}.double-name>div:first-child{margin-right:10%}.friso-section-container.smart .gallery-indicator-container{height:4em;justify-content:center}.friso-section-container.smart .gallery-indicator-ele{width:4em;height:4em;margin:0 .5em;border-radius:0;opacity:.5;background-color:transparent!important;background-position:center;background-size:contain;background-repeat:no-repeat;position:relative}.friso-section-container.smart .gallery-indicator-ele:nth-child(3){width:9em}.friso-section-container.smart .gallery-indicator-ele.active,.friso-section-container.smart .gallery-indicator-ele.hover{opacity:1}.friso-section-container.smart .gallery-indicator-ele.active:before{position:absolute;content:"";width:1em;height:1em;top:0;left:50%;transform:translate(-50%,-150%);background-position:center bottom;background-size:contain;background-repeat:no-repeat;background-image:url(../img/gold-arrow.svg)}.smart-container{width:90%!important;margin:5em auto 0 auto!important}.smart-container:nth-child(3){margin-top:2em}.smart-container-inner{width:100%;max-width:700px;margin:1em auto 0 auto;display:flex;align-items:center}.smart-container-inner>div{width:calc(50% - 1em)}.smart-container-inner>div:first-child{margin-right:1em;text-align:center}.smart-container-inner>div:nth-child(2){margin-left:1em}.smart-container-inner .smart-video-container{margin:auto}.smart-video-container.seq-container{width:70%;margin-bottom:1em}.smart-video-container{width:100%;text-align:center}.smart-caption-container{text-align:left}.smart-caption-container>div:nth-child(2){margin:1em 0}.smart-container:nth-child(3) .smart-visual-container{display:flex}.smart-col-container{width:calc(50% - 0em);line-height:1.2}.smart-col-container video{margin-bottom:1em}.smart-container video{width:100%}.smart-video-container>video{width:70%}.smart-col-container.smaller>video{width:85%}.baby-container{margin:0 auto 0 auto;width:66%;max-width:440px}.baby-caption-container{top:calc(100% - 0rem);left:.3rem;width:calc(100% - 1em)}.baby-caption-container .txt-subhead{position:relative;left:.25em}.baby-caption-container .txt-subhead>.txt-wide-little{letter-spacing:.7rem}.natural-container{display:flex;margin:3em auto 0 auto;max-width:800px;justify-content:space-around}.natural-container>div>div:first-child{margin-bottom:1em}.natural-container .fadein-ele:first-child{transition-delay:0.1s}.natural-container .fadein-ele:nth-child(2){transition-delay:0s}.natural-container .fadein-ele.scrolled:first-child{transition-delay:0s}.natural-container .fadein-ele.scrolled:nth-child(2){transition-delay:0.1s}.friso-section-container.tincan .friso-section-container-inner-wider{display:block}.friso-section-container.tincan .friso-section-container-inner-wider>div{text-align:center}.friso-section-container.tincan .friso-section-container-inner-wider>div:first-child>.txt-large{margin-bottom:0!important}.friso-section-container.tincan .friso-section-container-inner-wider>div:first-child>.txt-subhead{margin-top:.5em}.friso-section-container.tincan .friso-section-container-inner-wider>div:first-child>.txt-subhead{margin-bottom:2em}.friso-section-container.tincan img{max-width:800px}.product-btn-container{display:flex;justify-content:center;margin:0 auto 5em auto;width:90%;flex-wrap:wrap}.product-btn-container button{margin:0 .66em;width:11.8em;padding-left:0;padding-right:0}.product-btn-container>div{margin-bottom:2em}.product-btn-container>div button{margin:auto;display:block!important}.friso-section-container.contact{height:auto;min-height:0}.signature-experience-title__img{max-height:8vh}@media screen and (max-width:640px){.signature-experience-title__img{max-height:125px;max-width:80vw}}.contact-container{display:flex;margin:4em auto 2em auto;max-width:700px;justify-content:space-around}.contact-container .txt-semibold.txt-smallhead{margin:1em 0}.contact-container .friso-rect-button{color:#fff;padding:1em 3em;margin-top:1em}.contact-container>div>div:first-child{margin:0 auto 2em auto;display:block}.contact-container>div{width:245px;margin:auto;max-width:90%}.contact-container img{margin-bottom:2em;width:100%!important;height:auto!important}.contact-container img{max-width:8em!important}.contact-icon{width:150px!important;margin:0 auto 2em auto}.friso-section-container.products>div{width:100%}.friso-section-container.products .friso-section-container-inner-full{max-width:none;width:100%;overflow:hidden}.friso-section-container.products .gallery-indicator-container{position:relative;margin:2em auto 2em auto}.friso-section-container.products .btn-container{margin:0 auto;text-align:center}.friso-section-container.products .btn-container button{margin:0 auto!important}.gallery-container.for-products{width:100%}.gallery-container.for-products .gallery-container-inner{overflow:visible;padding-bottom:3em;max-width:1000px;margin:auto}.gallery-container.for-products .gallery-container-inner-inner{width:100%;padding-bottom:35%;position:relative}.gallery-container.for-products .gallery-container-ele{top:0;left:50%;width:35%;height:calc(100% + 3.5em);transform:translate(-50%,0)!important}.gallery-container.for-products .gallery-container-ele>div{background-repeat:no-repeat;background-size:contain;background-position:bottom center;width:100%;padding-bottom:100%}.gallery-container.for-products .gallery-caption-container{margin:2em auto 0 auto;width:90%}.gallery-container.for-products .gallery-nav-ele:first-child{left:0}.gallery-container.for-products .gallery-nav-ele:nth-child(2){right:0}.gallery-container.for-products .gallery-container-ele{transition:transform .4s,opacity .3s linear}.gallery-container.for-products.one .gallery-container-ele:first-child{transform:translate(-50%,0)!important;opacity:1}.gallery-container.for-products.one .gallery-container-ele:nth-child(2){transform:translate(50%,0) scale(.8)!important;opacity:.25}.gallery-container.for-products.one .gallery-container-ele:nth-child(3){transform:translate(140%,0) scale(.6)!important;opacity:.25}.gallery-container.for-products.two .gallery-container-ele:first-child{transform:translate(-150%,0) scale(.8)!important;opacity:.25}.gallery-container.for-products.two .gallery-container-ele:nth-child(2){transform:translate(-50%,0)!important;opacity:1}.gallery-container.for-products.two .gallery-container-ele:nth-child(3){transform:translate(50%,0) scale(.8)!important;opacity:.25}.gallery-container.for-products.three .gallery-container-ele:first-child{transform:translate(-240%,0) scale(.6)!important;opacity:.25}.gallery-container.for-products.three .gallery-container-ele:nth-child(2){transform:translate(-150%,0) scale(.8)!important;opacity:.25}.gallery-container.for-products.three .gallery-container-ele:nth-child(3){transform:translate(-50%,0)!important;opacity:1}.friso-section-container.footer{height:auto}.friso-rect-button.flat-btn{margin:.5em auto;padding:1em 3em}.friso-rect-button.flat-btn.cookies{padding:1em 1.7em}.remarks-container{margin:2em auto 3em auto;width:90%;text-align:left;max-width:770px}.remarks-container p{margin:0 0 .5em 0}.friso-section-container.footer .friso-rect-button{width:11em!important}.sns-container{margin:6em auto 2em auto;width:90%;display:flex;justify-content:center;align-items:center}.sns-container>div{margin-left:1em;line-height:1}.sns-container>div img{width:auto;height:1.8em}.sns-container>div:first-child{margin-left:0;margin-right:.5em}.friesland-container{margin:4em auto .5em auto;width:10.5em;transform:translateX(-2.29em)}.txt-cr{overflow:hidden}.txt-cr>div{transform:translateX(2.9em)}.friso-info-cnt{display:none}.friso-info-cnt.active{display:block}.friso-overlayer-container{position:fixed;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,.5);z-index:20;opacity:0;transform:translateX(-100%);transition:transform 0s .4s,opacity .4s linear}.friso-overlayer-container.active{opacity:1;transform:translateX(0);transition:transform 0s,opacity .4s .1s linear}.friso-overlayer-container-inner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(90% - 0em);max-width:640px;height:auto;overflow:auto;max-height:calc(100% - 10em)}.friso-overlayer-container .close-btn{position:absolute;top:1.5em;right:1.5em}.friso-overlayer-container .close-btn .close-btn-img{width:23px;height:auto}.side-navbar-container{position:fixed;right:0;padding:0 2em;top:calc(50% - 3em);transform:translate(0,-50%);display:flex;flex-direction:column;justify-content:center;z-index:15;pointer-events:none;opacity:0}.side-navbar-container.active{pointer-events:all;opacity:1;transition:opacity .3s linear}.side-navbar-ele{width:.6em;height:.6em;margin:.6em 0;background:#fff;border-radius:10em}.side-navbar-ele.active,.side-navbar-ele.hover{background:#c9a666}.cs-container{position:absolute;right:0;bottom:0;width:4.5em;transform:translateY(125%)}.shop-btn-container{position:absolute;width:4.5em;bottom:0;right:0;transform:translateY(230%)}.shop-btn-container:last-child,.shop-btn-container:nth-last-child(2),.shop-btn-container:nth-last-child(3),.shop-btn-container:nth-last-child(4){width:5.5em;transition:transform .3s ease-out}.shop-btn-container:nth-last-child(4){transform:translate(100%,305%)}.shop-btn-container:nth-last-child(3){transform:translate(100%,415%)}.shop-btn-container:nth-last-child(2){transform:translate(100%,525%)}.shop-btn-container:last-child{transform:translate(100%,635%)}.shop-btn-container.active:nth-last-child(4){transform:translate(0,305%)}.shop-btn-container.active:nth-last-child(3){transform:translate(0,415%);transition-delay:50ms}.shop-btn-container.active:nth-last-child(2){transform:translate(0,525%);transition-delay:150ms}.shop-btn-container.active:last-child{transform:translate(0,635%);transition-delay:0.3s}.cs-container,.shop-btn-container{overflow:hidden}.cs-container img,.shop-btn-container img{transform:translateX(10%);transition:transform .3s cubic-bezier(.1, 1.2, .66, 1)}.cs-container.hover img,.shop-btn-container.hover img{transform:translateX(0)}.shop-btn-container:last-child img,.shop-btn-container:nth-last-child(2) img,.shop-btn-container:nth-last-child(3) img,.shop-btn-container:nth-last-child(4) img{transform:translateX(30%)}.shop-btn-container.hover:last-child img,.shop-btn-container.hover:nth-last-child(2) img,.shop-btn-container.hover:nth-last-child(3) img,.shop-btn-container.hover:nth-last-child(4) img{transform:translateX(20%)}.friso-section-container.education .txt-large{margin-bottom:1em}.friso-section-container.baby.education{height:auto;min-height:calc(100% - 15em);padding:10em 0 5em 0}.friso-section-container.baby.education .txt-large{margin-bottom:1em}.friso-section-container.baby.education .baby-container{margin-top:2em}.friso-section-container.baby.education .friso-section-container-inner-full{margin-top:0!important;padding-top:0!important}.friso-section-container.first.education .friso-section-container-inner-wider{text-align:center}.friso-section-container.first.education .txt-body{margin-top:1.5em}.friso-section-container.cg.education{height:auto;min-height:calc(100% - 15em);padding:10em 0 5em 0}.friso-section-container.cg.education .txt-large:first-child,.friso-section-container.cg.education .txt-large:nth-child(2){margin-bottom:1em}.friso-section-container.cg.education .friso-section-container-inner-full{max-width:1280px}.friso-section-container.cg.education .friso-section-container-inner-full>div:first-child{margin-bottom:2em}.friso-section-container.cg.education .friso-section-container-inner-full .video-container{line-height:normal;position:relative}.friso-section-container.cg.education .friso-section-container-inner-full .video-container .txt-big{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-shadow:0 0 1em #000}.friso-section-container.gallery.education{height:auto}.friso-section-container.gallery.education .txt-head{margin:0 auto;width:90%}.friso-section-container.gallery.education .txt-normal{margin:1em auto 3em auto;width:90%}.friso-section-container.gallery.education{display:block;padding:10em 0 10em 0}.friso-section-container.gallery.education .friso-section-container-inner-full>div{width:100%!important}.friso-section-container.gallery.education.phaseone{height:auto;min-height:calc(100% - 20em);display:flex}.friso-info-cnt{position:relative}.friso-info-buttons{width:92%;position:absolute;left:4%;transform:translate(0,0);height:20%;top:14%;display:flex;justify-content:space-between}.friso-info-buttons>button{width:31%;height:100%}@media only screen and (min-width:0px) and (max-width:1023px){.txt-big{font-size:2.8rem}.txt-smallhead{font-size:1.25rem}.desktop-br br,.desktop-only{display:none}.mobile-br br,.mobile-only{display:block}.header-container.longer{height:11em}.friso-section-container.active .fadein-ele{opacity:0;transform:translateY(3rem)}.fadein-ele.scrolled{opacity:1!important;transform:translateY(0)!important}.friso-section-container.second,.friso-section-container.tincan{min-height:calc(100% - 0em)!important;padding:0 0!important}.friso-section-container-inner-wider{margin:10em auto;width:90%;display:block}.friso-section-container-inner-wider>div{width:100%;text-align:center;margin-left:0}.friso-section-container-inner-wider>div:nth-child(2){margin:2em auto 0 auto;max-width:35em}.friso-section-container-inner-wider>div:first-child .video-container{margin-top:0}.first.section-nav.education .friso-section-container-inner-wider>div:nth-child(2){max-width:100%}.friso-section-container-inner-full{width:90%;margin-left:5%;margin-right:5%}.friso-section-container.first .friso-section-container-inner-wider>div:first-child .fadein-ele:nth-child(1){transition-delay:0s}.friso-section-container.first .friso-section-container-inner-wider>div:first-child .fadein-ele:nth-child(2){transition-delay:0.1s}.friso-section-container.first .friso-section-container-inner-wider>div:nth-child(2) .fadein-ele:first-child{transition-delay:0s}.friso-section-container.first .friso-section-container-inner-wider>div:nth-child(2) .fadein-ele:nth-child(2){transition-delay:0.2s}.friso-section-container.first .friso-section-container-inner-wider>div:nth-child(2) .fadein-ele:nth-child(3){transition-delay:0.3s}.media-a{padding-top:0}.friso-section-container .friso-form-kv.back-blur:first-child{top:2%;left:-20%;transform:scale(.4) translate(-50%,-50%)!important}.friso-section-container .friso-form-kv.back-blur:nth-child(2){bottom:0;left:90%;transform:scale(.55) translate(-50%,50%)!important}.friso-section-container.cg{padding-top:0;min-height:0;height:auto}.friso-section-container.cg .friso-section-container-inner-wider{padding:0;margin:0 auto}.friso-section-container.cg .video-container div:not(.video-ratio):not(.yt-cover):not(.video-over-content){position:absolute;top:50%;left:50%;transform:translate(-50%,-30%);line-height:normal;width:100%}.friso-section-container.cg .video-container div.scrolled{transform:translate(-50%,-50%)!important}.friso-section-container.igg{display:flex}.gallery-nav-container{display:none}.friso-section-container.smart{min-height:100%;height:auto;padding:0;display:flex}.friso-section-container.smart>div{margin:auto}.friso-section-container.smart .friso-section-container-inner-wider{margin:0 auto}.smart-col-container:nth-child(3)>div{transform:translateY(-1em)}.smart-container{margin-left:auto!important;margin-right:auto!important;max-width:none!important}.natural-container img{width:66%;height:auto}.contact-container>.fadein-ele>div:first-child{max-width:150px;margin:1em auto}.contact-icon{margin-bottom:0!important}.friso-section-container.media-a>div{margin-bottom:0}.friso-section-container.media-b{height:auto;min-height:0}.friso-section-container.media-b>div{margin:0 auto 4em auto}.friso-section-container.gallery{height:auto;min-height:0}.friso-section-container.media-c>div{margin:0 auto 3.5em auto!important}.friso-section-container.media-d>div{margin:1.5em auto 0 auto!important}.friso-section-container-inner-full,.friso-section-container-inner-wider{width:100%!important;margin-left:auto!important;margin-right:auto!important}.friso-section-container-inner-wider{display:block}.friso-section-container.tincan .friso-section-container-inner-wider{width:100%}.friso-section-container.tincan .friso-section-container-inner-wider>div:first-child{width:100%}.friso-section-container.tincan .friso-section-container-inner-wider>div:nth-child(2){width:100%}.friso-section-container.products{width:100%}.friso-section-container.products .friso-section-container-inner-full{margin:0 auto!important;width:100%!important}.gallery-container.for-products .gallery-container-inner{padding-bottom:4em}.gallery-container.for-products .gallery-container-inner-inner{padding-bottom:40%}.gallery-container.for-products .gallery-container-ele{width:40%;height:calc(100% + 3.5em)}.gallery-indicator-container{position:relative;top:auto;margin-bottom:2em}.friso-section-container.products .gallery-indicator-container{margin-top:1.5em!important}.friso-section-container.gallery .gallery-indicator-container{margin-top:8em!important}}@media only screen and (min-width:0px) and (max-width:768px){.txt-big{font-size:2.5rem}.txt-head{font-size:2rem}.txt-large{font-size:2.3rem}.txt-headline{font-size:1.8rem}.txt-subhead{font-size:1.5rem}.txt-normal{font-size:1.1rem}.friso-home-tagline-container{width:23.5rem}.friso-home-tagline-container .txt-head{letter-spacing:.1em}.friso-home-tagline-container>div:nth-child(3){transform:translate(.2em,1rem)}body.init .friso-home-tagline-container>div:nth-child(3){transform:translate(.2em,0)}.friso-light-container{animation-duration:4s;width:110%!important}.friso-home-tagline-container{bottom:18%}.friso-home-tagline-container{text-shadow:0 0 0 #000}.friso-home-tagline-container{transform:translate(-50%,0)}.friso-signature-container{top:280px;left:-90px}.friso-signature-container .friso-home-tagline-container{bottom:100%;left:70%}.friso-section-container.smart .gallery-caption-container{margin-top:1em}.smart-video-container>video{width:80%}.smart-col-container.smaller>video{width:95%}.friso-section-container.smart .poster-container-inner.double-larger{width:140%;padding-bottom:calc(63% + 0em);left:-20%}.double-name{width:140%;left:-20%;top:125%}.friso-section-container.smart .poster-container-inner.double-larger>div{transform:translate(0,-20%)}.baby-container{margin:0 auto 2em auto;width:80%}.friso-section-container.contact{height:auto}.contact-container{display:block}.contact-container>div{width:90%;max-width:400px;margin:0 auto}.contact-container>div:first-child{margin-bottom:5em}.contact-container .friso-rect-button{margin-top:2em}.contact-container>div:nth-child(2){margin-top:5em!important}#wis{margin-top:5em!important}.gallery-container.for-products .gallery-container-inner-inner{padding-bottom:55%}.gallery-container.for-products .gallery-container-ele{width:55%}.gallery-container.for-products.one .gallery-container-ele:first-child{transform:translate(-50%,0)!important}.gallery-container.for-products.one .gallery-container-ele:nth-child(2){transform:translate(30%,0) scale(.6)!important}.gallery-container.for-products.one .gallery-container-ele:nth-child(3){transform:translate(100%,0) scale(.6)!important}.gallery-container.for-products.two .gallery-container-ele:first-child{transform:translate(-130%,0) scale(.6)!important}.gallery-container.for-products.two .gallery-container-ele:nth-child(2){transform:translate(-50%,0)!important}.gallery-container.for-products.two .gallery-container-ele:nth-child(3){transform:translate(30%,0) scale(.6)!important}.gallery-container.for-products.three .gallery-container-ele:first-child{transform:translate(-200%,0) scale(.6)!important}.gallery-container.for-products.three .gallery-container-ele:nth-child(2){transform:translate(-130%,0) scale(.6)!important}.gallery-container.for-products.three .gallery-container-ele:nth-child(3){transform:translate(-50%,0)!important}.side-navbar-container{padding:0 .8em;transform:translate(0,-50%) scale(.75);transform-origin:right center}.product-btn-container{display:block}.product-btn-container>div{margin-bottom:0}.product-btn-container button{margin:0 auto 1em auto!important;display:block}}@media only screen and (min-width:769px) and (max-width:1023px){.product-btn-container{flex-wrap:wrap}.product-btn-container>a>button{margin-bottom:1.5em}}.small-screen-br br{display:none}@media only screen and (min-width:0px) and (max-width:374px){body,html{font-size:10px}.small-screen-br br{display:block}.small-screen-no{display:none}.txt-wide{letter-spacing:.65em}}@media only screen and (min-width:375px) and (max-width:479px){body,html{font-size:12px}.small-screen-br br{display:block}.small-screen-no{display:none}.txt-wide{letter-spacing:.65em}}@media only screen and (min-width:480px) and (max-width:639px){body,html{font-size:13px}.txt-wide{letter-spacing:.65em}}@media only screen and (min-width:640px) and (max-width:1023px){body,html{font-size:14px}.txt-wide{letter-spacing:.6em}}@media only screen and (min-width:1024px) and (max-width:1279px){body,html{font-size:14px}.txt-wide{letter-spacing:.6em}.gallery-nav-ele:first-child{left:-3em}.gallery-nav-ele:nth-child(2){right:-3em}}@media only screen and (min-width:1280px) and (max-width:1599px){body,html{font-size:15px}.txt-wide{letter-spacing:.65em}}@media only screen and (orientation:portrait) and (max-width:1023px){.friso-bg-spotlight>div{-webkit-transform:translateY(-25vh) perspective(25vh) rotateX(12deg) scale(1.3);transform:translateY(-25vh) perspective(25vh) rotateX(12deg) scale(1.3)}.friso-bg-container{height:100vh}}.img-wrapper{display:flex;align-items:flex-start;flex-shrink:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative}.img-wrapper img{width:100%;height:auto}.img-wrapper .top-layer{position:absolute;inset:0}.img-wrapper{width:50px;margin-bottom:16px}.img-wrapper.vs{width:100%}section.farm .vs-info .img-wrapper.product-friso{width:148px;width:212px}@media (min-width:576px){section.farm .vs-info .img-wrapper.product-friso{width:177.6px}}@media (min-width:768px){section.farm .vs-info .img-wrapper.product-friso{width:207.2px}}@media (min-width:992px){section.farm .vs-info .img-wrapper.product-friso{width:236.8px}}@media (min-width:1200px){section.farm .vs-info .img-wrapper.product-friso{width:266.4px}}@media (min-width:1400px){section.farm .vs-info .img-wrapper.product-friso{width:296px}}@media (min-width:768px){section.farm .vs-info .img-wrapper.product-friso{width:254.4px}}@media (min-width:992px){section.farm .vs-info .img-wrapper.product-friso{width:192.4px}}@media (min-width:1200px){section.farm .vs-info .img-wrapper.product-friso{width:266.4px}}@media (min-width:1400px){section.farm .vs-info .img-wrapper.product-friso{width:296px}}section.farm .vs-info .img-wrapper.product-others{width:202px}@media (min-width:768px){section.farm .vs-info .img-wrapper.product-others{width:242.4px}}@media (min-width:992px){section.farm .vs-info .img-wrapper.product-others{width:192.4px}}@media (min-width:1200px){section.farm .vs-info .img-wrapper.product-others{width:266.4px}}@media (min-width:1400px){section.farm .vs-info .img-wrapper.product-others{width:296px}}.btn.buy-now{color:#fff;background-image:url(../img/exp-button.png);background-repeat:no-repeat;background-size:contain;line-height:1;font-weight:700;width:8.2rem;padding:0 1em;height:3.57rem;display:flex;align-items:center;text-align:center;font-size:.9rem}.btn.buy-now:hover{opacity:.8}.main-header .buy-now{font-size:.9rem}.btn.buy-now div{display:block!important}@media (min-width:1400px){.main-header .buy-now{font-size:.9rem}}.orientation-alert{position:fixed;left:0;top:0;width:100%;height:100%;z-index:5000;display:none}.header-content-wrapper .friso-rect-button{transform:translateY(-.4em);padding:1em 1.2em 1em 1.5em;position:absolute;right:0;top:0!important;letter-spacing:0!important;line-height:1.4}.main-header{position:fixed;left:0;top:0;width:100%;height:6em;z-index:20}.main-header .mi-burger-menu .burger-menu-btn{justify-content:flex-start}.main-header .mi-burger-menu .burger-menu-btn svg{width:25px;height:20px}.main-header .header-content-wrapper{position:relative;width:calc(100% - 0px);height:100%;padding:0 0;background:linear-gradient(0deg,rgba(32,8,4,0) 0,#200804 66%);transform:translateZ(1)}@media (min-width:1200px){.main-header .header-content-wrapper{padding:0 0;z-index:1}}.main-header .header-content-wrapper.float{position:absolute;inset:0;background:0 0;z-index:1;pointer-events:none}@media (min-width:1200px){.main-header .header-content-wrapper.float{z-index:2}}.main-header .header-content{position:relative;width:calc(100% - 40px);height:100%;max-width:1340px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.main-header .logo{background:#200804;position:absolute;width:7em;left:0;top:50%;transform:translate(0,-40%);transition:transform .3s ease-in-out;will-change:transform;pointer-events:visible}.education.main-header .logo,.formzero.main-header .logo{width:6em;transform:translate(0,-60%)}@media (max-width:1200px){.main-header .logo{left:50%;top:50%;width:8em;transform:translate(-50%,-45%);background:0 0}.header-container{height:10em}}@media (max-width:1200px){.education.main-header .logo,.formzero.main-header .logo{width:6em;transform:translate(-50%,-60%)}}.disabled-item{opacity:0;pointer-events:none}.main-header .menu-items{align-items:center;justify-content:space-between;height:100%;padding:0;margin:0!important;display:none;max-width:none;width:calc(100% - 106px - 10rem - 3rem)!important;transform:translateX(-2rem)}@media (min-width:1200px){.main-header .menu-items{display:flex;max-width:946px}}.main-header .menu-items .menu-item{border:none;background:0 0;padding:0;color:#c9a666;font-family:menu-item;font-weight:500;font-size:1rem;line-height:1.25rem;cursor:pointer}.main-header .menu-items .menu-item *{font-family:Baufra,"Noto Sans SC","Noto Sans HK",Arial,sans-serif}body.tc .main-header .menu-items .menu-item{font-family:menu-item}body.sc .main-header .menu-items .menu-item{font-family:Baufra,"Noto Sans SC","Noto Sans HK",Arial,sans-serif}.main-header .menu-items .menu-item:first-of-type{margin-left:0}@media (min-width:1200px){.main-header .menu-items .menu-item{font-size:1rem}}@media (min-width:1400px){.main-header .menu-items .menu-item{font-size:1rem;line-height:1.5rem}}.main-header .buy-now{font-size:.9rem}.mobile-menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#200804;transform:translate3d(-100%,0,0);will-change:transform;transition:transform .3s;display:flex;flex-direction:column;justify-content:flex-start;z-index:100}.mobile-menu-overlay.active{transform:translate3d(0,0,0)}.mobile-menu-overlay .mobile-menu-content{position:relative;overflow-y:scroll;overflow-x:hidden;height:100%;padding:30px 24px}.mobile-menu-overlay .main-navigation{display:flex;flex-direction:column}.mobile-menu-overlay .main-navigation .nav-item{display:flex}.mobile-menu-overlay .main-navigation .nav-item:first-child{margin-top:1em}.mobile-menu-overlay .main-navigation .nav-item .menu-item{display:block;margin:24px 0 0 0;font-size:18px;font-weight:600;color:#c9a666}.mobile-menu-overlay .close-btn{padding:0;background:0 0;border:none}.mobile-menu-overlay .close-btn .close-btn-img{width:23px;height:auto}.mobile-menu-content .mt-3{margin-top:24px!important}.friso-section-container.autoH{height:auto!important;min-height:calc(50vh - 10em)!important;padding:10em 0 0 0!important;margin:0 auto}.friso-section-container.autoH.nospace{padding-top:0!important;margin-top:0!important}.friso-section-container.autoH.first{padding-top:0!important}.friso-section-container.autoH.lastsection{min-height:0!important;margin-bottom:2em!important}.autoH .friso-section-container-inner-full,.autoH .friso-section-container-inner-wider{margin:0 auto!important}.friso-section-container.autoH.igg{padding-bottom:15em!important;padding-top:10em!important}@media screen and (max-width:768px){.friso-section-container.autoH.igg{padding-top:15em!important}}.friso-section-container.autoH.cg{padding-top:0!important}@media screen and (max-width:768px){.friso-section-container.autoH.cg{min-height:0!important}}.friso-section-container.autoH.baby{padding-bottom:10em!important;padding-top:5em!important}.friso-section-container.autoH.first.education{padding-top:10em!important}.friso-section-container.autoH.cg.education{padding-top:0!important}.friso-section-container.autoH.first.igghome.education{padding-bottom:0!important}.friso-section-container.autoH.babyfirst.education{padding-bottom:0!important;padding-top:15em!important}.friso-section-container.autoH.baby.education{padding-top:10em!important}.friso-section-container.autoH.first.followhome{padding-top:10em!important}@media screen and (max-width:768px){.friso-section-container.autoH.first.followhome{padding-top:0!important}}.friso-section-container.second.autoH.nominH{min-height:0!important;height:auto!important;padding-bottom:0!important}.friso-section-container.education.igghead.autoH{padding-bottom:0!important;min-height:0!important}.friso-section-container.media-a.fullframe.section-nav.autoH.nominH{min-height:0!important;padding-bottom:0!important;height:auto!important}.friso-section-container.media-c{min-height:0!important;padding-bottom:0!important;height:auto!important;padding-top:10em!important;margin:0 auto}.friso-section-container.autoH.product-site-gallery{margin-top:0!important;padding-top:10em!important}.friso-section-container.media-d{min-height:0!important;padding-bottom:0!important;height:auto!important;padding-top:2em!important;margin:0 auto}.friso-section-container.autoH.nominH.nospacevid{min-height:0!important}@media only screen and (min-width:0px) and (max-width:768px){.friso-section-container.igg .core-video-container{width:25%;left:1%}.friso-section-container.igg .core-video-container:nth-child(2n){transform:scale(.7) translateY(100%)!important;right:0;bottom:55%}.friso-section-container.igg .friso-form-kv.back-blur:first-child{left:-20%;transform:scale(.3) translate(-50%,100%)!important}.core-video-container.withreg:after{font-size:.8rem}}#IgG{margin-bottom:3em}@media only screen and (min-width:0px) and (max-width:768px){#IgG{margin-bottom:0}.header-content-wrapper .friso-rect-button{transform:translateY(-.5em);padding:.8em .6em .8em 1em;font-size:1rem}}.center-line{position:fixed;height:100%;width:2px;left:calc(50% - 1px);top:0;background:red;z-index:99999;display:none}.within-the-margin-wrapepr{position:relative;width:1260px;height:100%;margin:0 auto;display:block}.navbar::after{content:"";height:22px;width:100%;position:absolute;top:calc(100% - 2px);left:0;background:linear-gradient(to bottom,#210f03 0%,#210f03 28%,rgba(33,15,3,0) 100%);display:block}@font-face{font-family:DFLiHeiHK;src:url("../fonts/DFLiHeiHK-W3.otf");font-weight:400}@font-face{font-family:DFLiHeiHK;src:url("../fonts/DFLiHeiHK-W5.otf");font-weight:700}@font-face{font-family:DFHeiHK;src:url("../fonts/DFHeiHK-W3.otf");font-weight:300}@font-face{font-family:DFHeiHK;src:url("../fonts/DFHeiHK-W5.otf");font-weight:500}@font-face{font-family:DFHeiHK;src:url("../fonts/DFHeiHK-W7.otf");font-weight:700}@font-face{font-family:DFHeiHK;src:url("../fonts/DFHeiHK-W9.otf");font-weight:900}@font-face{font-family:DFHeiHK;src:url("../fonts/DFHeiHK-W12.otf");font-weight:1000}body,html{-webkit-overflow-scrolling:touch;overflow-x:clip;overflow-y:visible}body,div,html,img,input,select,span,textarea{font-family:Baufra,"Noto Sans HK","Noto Sans SC",Arial,sans-serif}.DFHeiHK{font-family:Baufra,"Noto Sans HK","Noto Sans SC",Arial,sans-serif}.video-over-content .DFHeiHK{font-weight:inherit}html{scroll-behavior:unset!important}.main-header .logo{background:0 0;top:0;transform:translate(-20%,0);width:9em}@media screen and (max-width:768px){.main-header .logo{transform:translate(-50%,0)}}.gallery-caption-ele.txt-normal,.natural-container .txt-semibold,[name=signature-experience] .txt-normal,p{letter-spacing:2px}.txt-xnormal{font-size:1.8rem}@media screen and (max-width:768px){.friso-background-container{background-size:auto 100%!important}}.friso-home-bottom{pointer-events:none}@media screen and (max-width:480px){.friso-home-bottom::after{height:10em;top:80%}}@media screen and (max-height:700px){.friso-home-bottom::after{top:90%}}.swiper{width:100%;height:600px}.text-img{height:100px!important}@media screen and (max-width:640px){.text-img{height:100px!important}.text-img.m-small{height:65px!important;transform:translateY(0)}}.funny-gradient-container{background:0 0!important}.no_1,.no_2{max-height:150px}.nt2{text-align:right}.friso-section-container.autoH.pt0,.pt0{padding-top:0!important}.education .education-hide{display:none!important}.super li{padding-left:2em}.super li:before{content:"[" counter(item) "]"!important;font-family:Baufra,"Noto Sans HK","Noto Sans SC",Arial,sans-serif}.sup-brand{font-size:1em!important;top:0!important;position:relative!important;line-height:1!important;overflow:visible!important;margin-right:0!important;font-family:"Noto Sans HK","Noto Sans SC",Arial,sans-serif;vertical-align:baseline!important}canvas{transform:translateZ(0)}.heroball-container{position:relative;width:100%;height:100%;pointer-events:none}.heroball-container .heroball{position:absolute;width:25%;transform:scale(.8) translateY(50%)!important}.heroball-container .heroball:first-child{top:-24%;left:0;transform:scale(.3) translateY(50%)!important}.heroball-container .heroball:nth-child(2){bottom:78%;right:10%}@media screen and (min-width:1201px) and (max-height:980px){.heroball-container .heroball:nth-child(2){bottom:75%}}@media screen and (max-width:768px){.heroball-container .heroball:nth-child(2){right:5%}}@media screen and (max-width:640px){.heroball-container .heroball:nth-child(2){width:35%;bottom:74%;right:-3%}}.heroball-container .heroball:nth-child(3){bottom:-24%;left:-12%;width:40%;max-width:500px}@media screen and (min-width:1441px){.heroball-container .heroball:nth-child(3){left:auto;max-width:640px;right:65vw}}@media screen and (min-width:1201px) and (max-height:1100px){.heroball-container .heroball:nth-child(3){left:-4%;width:30%;bottom:auto;top:34%}}@media screen and (min-width:1201px) and (max-height:768px){.heroball-container .heroball:nth-child(3){top:20%}}@media screen and (max-width:768px){.heroball-container .heroball:nth-child(3){bottom:auto;top:30vh;width:60%;left:-16%}}@media screen and (max-width:640px){.heroball-container .heroball:nth-child(3){width:70%;bottom:auto;left:-13%;top:25vh}}.heroball-container .heroball:nth-child(4){bottom:10%;right:0;transform:scale(.5) translateY(50%)!important}.key-visual{--kv-title-top:15vh;--kv-min-height:0;--kv-ball-container-width:40vh;--kv-ball-container-min-width:300px;--kv-ball-container-transfrom:translate(-60%, 40%);--kv-height:100vh;--kv-width:auto;--kv-after-height:10dvh;--kv-after-background:linear-gradient(to bottom, rgba(31, 12, 6, 0) 0%, rgb(31, 12, 6) 76%);--kv-after-opacity:1;--kv-after-bottom:0;--kv-before-top:100%;--kv-before-bottom:auto;--kv-bg-height:100%;--kv-bg-bottom:0}@media screen and (max-width:1024px){.key-visual{--kv-title-top:25%;--kv-min-height:0;--kv-ball-container-width:50vw;--kv-ball-container-min-width:50vw;--kv-ball-container-transfrom:translate(-5vw, -20%);--kv-height:100%;--kv-width:100%;--kv-after-height:3vh;--kv-after-background:linear-gradient(to bottom, rgba(31, 12, 6, 0) 0%, rgb(31, 12, 6) 50%);--kv-after-opacity:.9;--kv-after-bottom:18dvh;--kv-before-top:auto;--kv-before-bottom:8dvh;--kv-bg-height:calc(100% - 20dvh);--kv-bg-bottom:20dvh}}@media screen and (max-width:1024px) and (max-height:900px){.key-visual{--kv-ball-container-transfrom:translate(-5vw, -15%);--kv-after-height:2%;--kv-title-top:25%}}@media screen and (max-width:768px){.key-visual{min-height:100dvh;--kv-height:100dvh;--kv-after-bottom:0;--kv-before-bottom:0;--kv-bg-height:100%;--kv-bg-bottom:0}.key-visual-sequence{min-height:100dvh}}@media screen and (max-width:640px){.key-visual{--kv-after-bottom:0;--kv-before-bottom:0}}@media screen and (max-width:430px){.key-visual{--kv-after-bottom:0;--kv-before-bottom:0}}@media screen and (max-width:375px){.key-visual{--kv-after-bottom:0;--kv-before-bottom:0}}@media screen and (max-width:375px) and (max-height:700px){.key-visual{--kv-after-bottom:0;--kv-before-bottom:0}}.key-visual{position:relative}@media screen and (max-width:768px){.key-visual{margin-top:0}}.key-visual::after,.key-visual::before{content:"";height:10dvh;width:100%;position:absolute;left:0;right:0;width:100%;z-index:12;opacity:var(--kv-after-opacity)}@media screen and (max-width:768px){.key-visual::after,.key-visual::before{display:none}}.key-visual::after{bottom:var(--kv-after-bottom);background:var(--kv-after-background);height:var(--kv-after-height)}.key-visual::before{top:var(--kv-before-top);bottom:var(--kv-before-bottom);background:linear-gradient(to bottom,#210f03 0%,#210f03 24%,rgba(33,15,3,0) 100%)}.key-visual-title{top:var(--kv-title-top);opacity:0;transition:opacity .8s ease}@media screen and (min-width:641px){.key-visual-title__img{max-height:14vh}}@media screen and (max-width:640px){.key-visual-title__img{max-width:80vw}}.key-visual-ball-container,.key-visual-sequence-img,.key-visual-sequence-video-canvas{position:absolute;top:0;left:50%;height:var(--kv-height);width:var(--kv-width);transform:translateX(-50%);min-height:var(--kv-min-height);pointer-events:none}.key-visual-sequence{width:100%;overflow:hidden;position:relative;z-index:10}@media screen and (max-width:768px){.key-visual-sequence::after{position:absolute;content:"";width:100%;top:82%;bottom:auto;height:18%;background:#210f03;background:linear-gradient(180deg,rgba(33,15,3,0) 0%,rgba(33,15,3,.55) 28%,rgba(18,8,2,.95) 62%,#120802 100%);pointer-events:none;z-index:5}}.key-visual-sequence-img-fala{position:relative;left:47%}.key-visual-sequence-img-girl{left:50%}
/* Desktop: fade Fala + girl only at bottom edge; never mask the tin */
@media screen and (min-width: 769px) {
  .key-visual-sequence-img-fala.desktop-only,
  .key-visual-sequence-img-girl.desktop-only {
    -webkit-mask-image: linear-gradient(
      to bottom,
      #000 0%,
      #000 96%,
      rgba(0, 0, 0, 0.45) 98.5%,
      transparent 100%
    );
    mask-image: linear-gradient(
      to bottom,
      #000 0%,
      #000 96%,
      rgba(0, 0, 0, 0.45) 98.5%,
      transparent 100%
    );
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }
  .key-visual-sequence-video.kv-seq-fadein-3 .key-visual-sequence-video-canvas.desktop-only {
    -webkit-mask-image: none;
    mask-image: none;
  }
}
.key-visual .kv-seq-fadein{opacity:0;transition:opacity .8s ease}.key-visual .kv-seq-fadein-2{transition-delay:0.6s}.key-visual .kv-seq-fadein-3{transition-delay:1.2s}.key-visual .kv-seq-fadein-4{transition-delay:1.8s}body.init .key-visual .kv-seq-fadein{opacity:1}
/* Desktop KV appearance: Fala, Tin & kid → IgG balls → Headline */
@media screen and (min-width: 769px) {
  /* Beat 1 — Fala, Tin & kid together */
  .key-visual .key-visual-sequence-img-fala.desktop-only.kv-seq-fadein,
  .key-visual .key-visual-sequence-img-girl.desktop-only.kv-seq-fadein,
  .key-visual .key-visual-sequence-video.kv-seq-fadein-3 {
    transition-delay: 0ms;
  }
  /* Beat 2 — surrounding IgG balls */
  .key-visual .key-visual-sequence-video.kv-seq-fadein-4,
  .key-visual .key-visual-ball-container-wrapper-inner.kv-seq-fadein {
    transition-delay: 800ms;
  }
  /* Beat 3 — headline last */
  body.init .key-visual-title {
    opacity: 1;
    transition-delay: 1600ms;
  }
}
/* Mobile KV appearance: same beats as desktop */
@media screen and (max-width: 768px) {
  .key-visual .key-visual-sequence-img-fala.mobile-only.kv-seq-fadein,
  .key-visual .key-visual-sequence-img-girl.mobile-only.kv-seq-fadein,
  .key-visual .key-visual-sequence-video.kv-seq-fadein-3 {
    transition-delay: 0ms;
  }
  .key-visual .key-visual-sequence-video.kv-seq-fadein-4,
  .key-visual .key-visual-ball-container-wrapper-inner.kv-seq-fadein {
    transition-delay: 800ms;
  }
  body.init .key-visual-title {
    opacity: 1;
    transition-delay: 1600ms;
  }
  .key-visual-mobile-ball {
    opacity: 0;
    transition: opacity 800ms ease;
    transition-delay: 0ms;
  }
  body.init .key-visual-mobile-ball {
    opacity: 1;
    transition-delay: 800ms;
  }
}
.key-visual-bg{position:absolute;top:0;right:0;left:0;width:100%;bottom:var(--kv-bg-bottom);height:var(--kv-bg-height);background:url("../img/home/section1/home-background-new.png") center center no-repeat;background-size:cover!important;pointer-events:none;z-index:1}.key-visual-ball-container{width:100%;z-index:13}.key-visual-ball-container-wrapper{height:var(--kv-ball-container-width);width:var(--kv-ball-container-width);min-height:var(--kv-ball-container-min-width);min-width:var(--kv-ball-container-min-width);transform:var(--kv-ball-container-transfrom);position:absolute;right:70%;bottom:0}@media screen and (max-width:640px){.key-visual-ball-container-wrapper{bottom:-5vh}}.key-visual-ball-container-wrapper-inner{position:relative}.key-visual-ball-container-wrapper-inner canvas{position:absolute;top:0;left:0}.key-visual-mobile-ball{position:absolute;right:0;top:93px;width:20vw;z-index:13;opacity:0;transition:opacity .8s ease}.key-visual-mobile-ball canvas{width:100%;height:auto}.friso-bg-container{width:100%;overflow:hidden}.friso-light-container{height:350%;top:-20%}.friso-home-tagline-container{transform:translateX(-50%);bottom:auto;width:auto}@media screen and (min-width:1201px){.friso-home-tagline-container .txt-head{font-size:3rem;letter-spacing:1.3rem!important}}.friso-home-tagline-container .txt-noto{letter-spacing:.1px;margin-left:-1rem;margin-right:2rem}.friso-home-tagline-container .txt-wide{text-align:center}@media screen and (min-width:1201px){.friso-home-tagline-container .txt-headline{font-size:2.4rem;letter-spacing:.75em;margin-left:.5rem}}@media screen and (min-width:1201px) and (max-height:810px){.friso-home-bottom{min-height:830px}.friso-home-bottom::after{height:200px;background:linear-gradient(0deg,rgba(31,8,5,0) 0,#1f0805 50%)}}@media screen and (min-width:1024px){.did-you-know-container{display:flex;align-items:center}.did-you-know-container .did-you-know-video{flex:2}.did-you-know-container .did-you-know-content{flex:1}}@media screen and (max-width:1023px){.did-you-know-container{display:flex;flex-direction:column}.did-you-know-container>.mobile-only{order:1}.did-you-know-container .did-you-know-video{order:2;width:100%;padding:0 2rem;box-sizing:border-box}}@media screen and (max-width:1023px) and (max-width:640px){.did-you-know-container .did-you-know-video{padding:0}}@media screen and (max-width:1023px){.did-you-know-container .did-you-know-content{order:3}}.did-you-know-container .did-you-know-content{--text-width:55%}@media screen and (max-width:1440px){.did-you-know-container .did-you-know-content{--text-width:47%}}@media screen and (min-width:769px) and (max-height:640px){.did-you-know-container .did-you-know-content{--text-width:58%}}@media screen and (min-width:1024px){.did-you-know-container .did-you-know-content{width:var(--text-width);flex:0 0 var(--text-width)}}@media screen and (min-width:769px) and (max-width:1023px){.did-you-know-container .did-you-know-content{width:80%;margin:0 auto;text-align:center}}.did-you-know-container .did-you-know-video{--chart-image-width:46%;box-sizing:border-box;width:var(--chart-image-width);flex:0 0 var(--chart-image-width)}@media screen and (min-width:769px) and (max-height:640px){.did-you-know-container .did-you-know-video{--chart-image-width:40%}}@media screen and (max-width:1023px){.did-you-know-container .did-you-know-video{width:100%;transform:none}}.did-you-know-container{padding-left:1rem;padding-right:1rem;justify-content:space-between}@media screen and (max-width:640px){.did-you-know-wrapper-item-canvas{max-width:90vw!important}}.did-you-know-content{text-align:left;padding-left:1.8rem}@media screen and (max-width:640px){.did-you-know-content{padding-left:0;width:100%!important;margin:0 auto!important}}@media screen and (max-width:640px){.did-you-know-content-description{margin-top:-1rem!important}}@media screen and (max-width:640px){.did-you-know-content-description--unbranded{margin-top:-2rem!important;font-size:1.2em!important}}@media screen and (max-width:640px){.did-you-know-content-button{max-width:none!important;white-space:nowrap}.did-you-know-content-button br{display:none}}.did-you-know-content h2{letter-spacing:.5rem}@media screen and (max-width:640px){.did-you-know-video .hd-video-container>div{transform:translateX(-2.5%)}}.did-you-know-ball-container{opacity:0;pointer-events:none;visibility:hidden}.did-you-know-ball .did-you-know-ball-1{transform:scale(.4) translateY(50%)!important;bottom:0;left:32%;position:absolute}@media screen and (max-width:768px){.did-you-know-ball .did-you-know-ball-1{display:none}}.did-you-know-ball .did-you-know-ball-2{transform:scale(.4) translateY(50%)!important;bottom:-20%;left:47%;position:absolute}@media screen and (max-width:768px){.did-you-know-ball .did-you-know-ball-2{display:none}}.did-you-know-title__img{max-width:100%;max-height:33px}@media screen and (max-width:1023px){.did-you-know-title__img{width:100vw;max-width:100vw;height:auto;max-height:none;position:relative;left:50%;transform:translateX(-50%)}}.did-you-know-title__img--igG-benefits{width:100vw!important;max-width:1920px!important;height:auto;position:relative;left:50%;transform:translateX(-50%)}.did-you-know-title__img--bioactive{width:100vw!important;max-width:1920px!important;height:auto;position:relative;left:50%;transform:translateX(-50%)}.did-you-know-title__img--preserve{max-width:100%;max-height:80px}@media screen and (max-width:1023px){.did-you-know-title__img--preserve{width:100vw;max-width:100vw!important;height:auto;max-height:none;position:relative;left:50%;transform:translateX(-50%)}}.did-you-know-title__img--single-line{max-width:100%;max-height:32px}@media screen and (max-width:1023px){.did-you-know-title__img--single-line{width:100vw;max-width:100vw;height:auto;max-height:none;position:relative;left:50%;transform:translateX(-50%)}}.did-you-know-title__img--subtitle{max-width:100%;height:auto}@media screen and (max-width:1023px){.did-you-know-title__img--subtitle{width:100vw;max-width:100vw;position:relative;left:50%;transform:translateX(-50%)}}.friso-section-container.education .txt-large{margin-bottom:1rem!important}@media screen and (max-width:640px){.friso-section-container.education .txt-large{margin-bottom:1rem}}#did-you-know{padding-top:10em!important;padding-bottom:0!important}@media screen and (max-width:1023px){#did-you-know{padding-top:6em!important;padding-bottom:0!important}}[name=did-you-know]{width:100%;overflow:hidden}@media screen and (min-width:961px){.did-you-know-chart-video{max-width:520px;margin-left:0}}:root{--igg-text-left-ball-right:calc(100% - 6vw);--igg-text-left-ball-bottom:0;--igg-text-left-ball-width:8vw;--igg-bottom-ball-width:100%;--igg-bottom-ball-max-width:140px;--igg-bottom-ball-left:calc(var(--igg-bottom-ball-max-width) / -6);--igg-bottom-ball-bottom:30%;--igg-bottom-ball-transform:scale(1) translateY(100%);--igg-ball-1-bottom:auto;--igg-ball-1-top:59vh;--igg-ball-1-left:auto;--igg-ball-1-width:10vw;--igg-ball-1-transform:none;--igg-ball-2-bottom:85%;--igg-ball-2-right:0%;--igg-ball-3-left:85%;--igg-ball-3-bottom:20%}@media screen and (max-width:768px){:root{--igg-text-left-ball-right:80%;--igg-text-left-ball-bottom:125%;--igg-text-left-ball-width:25%;--igg-bottom-ball-width:40%;--igg-bottom-ball-left:75%;--igg-bottom-ball-bottom:-70%;--igg-ball-1-bottom:auto;--igg-ball-1-top:-350%;--igg-ball-1-left:80%;--igg-ball-1-width:25%;--igg-ball-1-transform:scale(1.2) translateY(50%);--igg-ball-2-bottom:95%}}@media screen and (max-width:640px){:root{--igg-bottom-ball-width:40%;--igg-bottom-ball-left:-15%;--igg-bottom-ball-bottom:-20%}}.igg{width:100%;overflow:hidden}@media screen and (max-width:1023px){.igg{display:block!important}}.igg .funny-gradient-container::after{display:none}.igg .girl-zoom-canvas-container{z-index:1}.igg .girl-zoom-canvas-container::after,.igg .girl-zoom-canvas-container::before{content:"";position:absolute;z-index:2;pointer-events:none;width:100%;left:0}.igg .girl-zoom-canvas-container::before{top:100%;height:20px;background:linear-gradient(0deg,rgba(32,10,6,0) 0,#200804 100%)}.igg .girl-zoom-canvas-container::after{bottom:0;height:30%;background:linear-gradient(0deg,#200a06 0,rgba(32,8,4,0) 100%)}@media screen and (max-width:768px){.igg .girl-zoom-canvas-container::after{height:22%}}.igg .core-video-container{z-index:3}@media screen and (max-width:640px){.igg .container-inner{display:none}}.igg-text-left-ball{right:var(--igg-text-left-ball-right)!important;bottom:var(--igg-text-left-ball-bottom)!important;width:var(--igg-text-left-ball-width)!important;max-width:none!important}.igg-bottom-ball{display:block;width:var(--igg-bottom-ball-width)!important;max-width:var(--igg-bottom-ball-max-width)!important;left:var(--igg-bottom-ball-left)!important;bottom:var(--igg-bottom-ball-bottom)!important;transform:var(--igg-bottom-ball-transform)!important;z-index:5}@media screen and (max-width:768px){.igg-bottom-ball{display:none}}.igg-bottom-ball>div:first-child{padding-bottom:100%!important}.girl-zoom-canvas-container{width:100%;height:90vh;position:relative;overflow:hidden}@media screen and (max-width:768px){.girl-zoom-canvas-container{height:100%;max-height:100vh;max-height:100svh}}.girl-zoom-canvas-container.seq-container>div{padding-bottom:0!important;height:100%}.igg-girl-video{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;pointer-events:none}.igg-girl-container{position:relative;text-align:center}@media screen and (max-width:768px){.igg-girl-container{height:100%}}.igg-girl-container .igg-title__img{max-height:120px;width:auto;max-width:min(70%,900px)}@media screen and (min-width:769px) and (max-height:640px){.igg-girl-container .igg-title__img{max-height:14vh}}@media screen and (max-width:640px){.igg-girl-container .igg-title__img{max-height:125px;max-width:80vw}}@media screen and (max-width:640px){.igg-girl-container .igg-girl-video img{width:50vw}}.igg-girl-container .igg-girl-video .funny-gradient-container{height:18em;bottom:160px;background:linear-gradient(0deg,#200a06 30%,rgba(32,8,4,0) 100%)}.igg-girl-container .igg-girl-video .funny-gradient-container::after{background:linear-gradient(0deg,#200a06 30%,rgba(32,8,4,0) 100%)}.igg-girl-container .igg-girl-video .igg-girl-img{max-width:100%;max-height:65vh}.igg-girl-container .igg-girl-image-wrapper{transform-origin:center center;will-change:transform,opacity;pointer-events:none}@media screen and (min-width:641px){.igg-girl-container .igg-girl-image-wrapper{max-width:320px;margin:0 auto}}.igg-girl-ball-wrapper{position:relative;display:inline-block}@media screen and (min-width:641px){.igg-girl-ball-wrapper{max-width:320px;margin:0 auto}}.igg-girl-ball{position:absolute;top:54%;left:48%;transform:translate(-50%,-50%);width:40%;will-change:transform,opacity;z-index:3;opacity:0}@media screen and (max-width:640px){.igg-girl-ball{width:30%}}#igg-girl-ball-canvas{width:100%;height:auto;display:block}.igg-girl-ball-tm{position:absolute;top:2%;right:2%;font-size:3rem;color:#b8973a;z-index:4;pointer-events:none;transform:scale(.25);transform-origin:top right}.igg-girl-content{position:relative;z-index:11}@media screen and (max-width:768px){.igg-girl-content h2{padding-top:6vh}}.baby-container-btm,.igg-girl-btm-content{text-align:center;z-index:1}.baby-container-btm>*,.igg-girl-btm-content>*{z-index:2}.baby-container-btm::after,.igg-girl-btm-content::after{content:"";z-index:1;background:url("../img/home/hori_shadow-2.png") center center no-repeat;background-size:100vw 100vh;position:absolute;bottom:-8vh;left:0;width:100%;height:100dvh;pointer-events:none}@media screen and (max-width:768px){.baby-container-btm::after{display:none}}@media screen and (max-width:768px){.baby-container-btm .baby-container::after{content:"";z-index:1;background:url("../img/home/hori_shadow-2.png") center center no-repeat;background-size:100vw auto;position:absolute;bottom:-40px;left:0;width:100%;height:200px;pointer-events:none}}.igg-girl-btm-content{position:relative}.igg-girl-btm-content>*{position:relative}@media screen and (max-width:768px){.igg-girl-btm-content::after{bottom:-15vh!important}}.baby-container-btm::after{bottom:-25vh;z-index:3}.friso-section-container.igg .baby-container{margin-top:2em;width:60%;max-width:400px}.friso-section-container.igg#IgG{padding-bottom:60px!important;margin-bottom:0;height:100vh!important}@media screen and (max-width:768px){.friso-section-container.igg#IgG{padding-bottom:0!important;height:100vh!important}}.friso-section-container.igg .core-video-container.igg-ball-1{bottom:var(--igg-ball-1-bottom);top:var(--igg-ball-1-top);left:var(--igg-ball-1-left);right:0;width:var(--igg-ball-1-width)!important;max-width:none!important;transform:var(--igg-ball-1-transform)!important}
.friso-section-container.igg .core-video-container.igg-ball-2{bottom:var(--igg-ball-2-bottom);right:var(--igg-ball-2-right)}.friso-section-container.igg .core-video-container.igg-ball-3{left:var(--igg-ball-3-left);bottom:var(--igg-ball-3-bottom)}.friso-section-container.y-shape{margin-top:0}.compare{--call-width:120%}.compare .friso-section-content{align-items:flex-start}.compare .friso-section-content>div{flex:1}.compare .y-shape-canvas-container{width:100%;overflow:hidden;transform:none;margin-top:-2.5%}.compare .y-shape-canvas-container.fadein-ele,.compare .y-shape-canvas-container.fadein-ele.scrolled,.compare.active .y-shape-canvas-container.fadein-ele{transform:none!important}.compare .y-shape-canvas-container canvas,.compare .y-shape-canvas-container video.y-shape-video,.compare .y-shape-canvas-container #canvas-y-shape{width:var(--call-width);display:block;position:relative;left:0;margin-left:calc((100% - var(--call-width)) / 2);transform:none;image-rendering:auto;height:auto;object-fit:contain;background:transparent}.compare .steps-num{height:auto;display:block;width:var(--call-width);position:relative;left:0!important;margin-left:calc((100% - var(--call-width)) / 2)!important;margin-top:-2.5%;transform:none!important;max-width:none!important}@media screen and (max-width:960px){.compare .steps-num.fadein-ele.scrolled{width:120%;position:relative;left:0!important;margin-left:-10%!important;transform:none!important;max-width:none!important}}.compare .compare-text{width:88%}@media screen and (max-height:640px){.compare .compare-text{width:92%}}.compare .compare-section-title__img{max-width:100%;max-height:86px}@media screen and (max-width:640px){.compare .compare-section-title__img{max-height:45px;max-width:80vw}}.compare .compare-title__img{max-height:5vh;max-width:80%}@media screen and (max-width:1023px){.compare .compare-title__img{max-height:80px;max-width:50vw;margin-top:1rem}}.compare .friso-section-content>div:first-child .fadein-ele{transition-delay:0.6s}.compare .friso-section-content>div:nth-child(2) .fadein-ele{transition-delay:1.2s}.compare .steps-num.scrolled~.compare-text .fadein-ele,.compare .y-shape-canvas-container.scrolled~.compare-text .fadein-ele{opacity:1;transform:translateY(0)}#girl-zoom-canvas{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-height:100%;max-width:100%;width:auto;height:auto}@media screen and (max-width:768px){#girl-zoom-canvas{top:12%;left:50%;transform:translateX(-50%);transform-origin:center top;width:auto;height:80%;max-width:none;max-height:80vh;max-height:80svh;-webkit-mask-image:linear-gradient(to bottom,#000 66%,transparent 100%);mask-image:linear-gradient(to bottom,#000 66%,transparent 100%)}}.img-section-transition{height:1px;width:100%;position:relative;overflow:visible}@media screen and (max-width:768px){.img-section-transition{display:none}}.img-section-transition:after{content:"";z-index:1;background:url(../img/home/hori_shadow-2.png) center center no-repeat;background-size:100vw 100%;position:absolute;top:0;transform:translateY(-70%);left:0;width:100%;height:10vw;pointer-events:none}.trio-immune-container .trio-immune-wrapper{padding-bottom:10em}.trio-immune-container .trio-immune-wrapper.pb0{padding-bottom:0}.trio-immune-container .trio-immune-wrapper .trio-immune-steps{display:flex;justify-content:center}.trio-immune-container .trio-immune-wrapper .trio-immune-steps .steps-num{max-height:100px}.trio-immune-container .trio-immune-wrapper .trio-immune-steps>div{margin:0 1em}.trio-immune-container .trio-immune-wrapper .video-container{padding-top:2em;position:relative}.trio-immune-container .trio-immune-wrapper .video-container .video-container-inner{max-width:300px;max-height:500px;padding:2em;margin:auto;border-radius:18px}.trio-immune-container .trio-immune-wrapper .video-container .video-container-inner video{width:100%;height:auto;border-radius:10px}.trio-immune-wrapper{position:relative}.trio-immune-content{position:absolute;top:.5rem;left:0;z-index:10;text-align:left;transform:translateY(160%)}@media screen and (max-width:1200px){.trio-immune-content{top:0;transform:translateY(80%)}}@media screen and (max-width:768px){.trio-immune-content{position:relative;transform:translateY(0);text-align:center}}.trio-immune-content-wrapper{position:relative;width:100%;max-width:1280px;text-align:center;display:block;margin:0 auto}@media screen and (min-width:1025px){.trio-immune-container.three-points{flex-direction:row;display:flex;gap:2rem}.trio-immune-container.three-points .trio-immune-wrapper{display:flex;flex-direction:column;justify-content:space-between}}.three-points-title{text-align:center}.trio-immune-steps .steps-num{transform:scale(1.3) translateY(7%);transform-origin:top right}.friso-section-container.three-points-wrapper{flex-direction:column;align-items:stretch}.three-points-cta{position:absolute;left:50%;bottom:10vh;transform:translateX(-50%);z-index:2}@media screen and (max-width:768px){.three-points-cta{bottom:3vh}}.three-points-cta .friso-rect-button{box-sizing:content-box;width:175px;height:25px;display:flex;align-items:center;justify-content:center}@media screen and (max-width:768px){.three-points-cta .friso-rect-button{width:155px}}.three-points-pin{position:relative;width:100%;height:100vh;height:100dvh;overflow:hidden}.three-points-pin::before{content:"";position:absolute;top:0;left:0;width:100%;height:48px;background:linear-gradient(to bottom,#120b03 0,#120b03 40%,rgba(18,11,3,0) 100%);z-index:3;pointer-events:none}.three-points-slide{position:absolute;top:0;left:0;width:100%;height:100%}.three-points-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.three-points-title-mobile{position:absolute;top:15vh;left:50%;width:100vw;transform:translateX(-50%);z-index:2;text-align:center}.three-points-title-mobile img{width:100%;max-width:100%;margin:0 auto}.three-points-title-desktop{position:absolute;top:15vh;left:50%;width:100vw;max-width:1920px;transform:translateX(-50%);z-index:2;text-align:center}.three-points-title-desktop img{width:1920px;max-width:none!important;margin:0 auto}@media screen and (min-width:769px){.three-points-title-desktop img{position:relative;left:50%;transform:translateX(-50%)}}@media screen and (max-width:768px){.three-points-title-desktop img{width:100%}}.three-points-title-desktop.fadein-ele,.three-points-title-mobile.fadein-ele{transform:translate(-50%,4rem)!important}.three-points-title-desktop.fadein-ele.scrolled,.three-points-title-mobile.fadein-ele.scrolled{transform:translate(-50%,0)!important}.three-points-step-img{position:absolute;bottom:9em;left:50%;transform:translateX(-50%);width:100vw;z-index:2;text-align:center}.three-points-step-img img{width:100%;max-width:100%;margin:0 auto}@media screen and (min-width:1024px){.friso-section-parallax-container #patented-technology{margin-bottom:20em}}.friso-section-parallax-container .panel-img-container{display:flex;justify-content:center;align-items:center;width:100%;zoom:2;padding-top:2em}@media screen and (max-width:1023px){.friso-section-parallax-container .panel-img-container{max-width:100%!important}}.friso-section-parallax-container .panel-img-container .patented-img{height:400px}@media screen and (max-width:768px){.friso-section-parallax-container .panel-img-container .patented-img{height:300px;transform:translateX(10px)}}.friso-section-parallax-container .panel-img-container .patented-img{width:auto;object-fit:contain}.only-patented-technology{margin-top:-8vh}.only-patented-technology .main-wrapper{position:relative;width:100%;height:auto}.only-patented-technology .main-wrapper__title-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;z-index:99}.only-patented-technology .panel-text-layer{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.only-patented-technology .panel-text-layer .panel-text{position:absolute;left:5%;bottom:10%;opacity:0}.only-patented-technology .panel-text-layer .panel-text[data-index="1"]{top:17%;left:68%}.only-patented-technology .panel-text-layer .panel-text[data-index="2"]{top:48%;left:19%}.only-patented-technology .panel-text-layer .panel-text[data-index="3"]{top:67%;left:70%}.only-patented-technology .main-wrapper__title-content{position:absolute;top:0;left:0;height:100vh;width:100%;display:flex;align-items:center;justify-content:center}.only-patented-technology .main-wrapper__title-content>div:first-of-type{width:100%;text-align:center;z-index:10}.only-patented-technology .main-wrapper__title-content>div:first-of-type h1{font-size:7vw;line-height:6.5vw;color:#fff}.only-patented-technology .main-wrapper__panel{position:absolute;width:100%;height:100vh;top:0;left:0;background-position:center center;background-repeat:no-repeat;background-size:cover;opacity:0;visibility:hidden}.only-patented-technology .main-wrapper__panel .panel-text{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;z-index:10}.only-patented-technology .main-wrapper__panel .panel-text[data-index="1"]{top:17%;left:68%}.only-patented-technology .main-wrapper__panel .panel-text[data-index="2"]{top:48%;left:23%}.only-patented-technology .main-wrapper__panel .panel-text[data-index="3"]{top:67%;left:70%}.only-patented-technology .main-wrapper__panel-wrapper{position:relative;min-height:100vh}.patented-technology-title{text-align:center;padding:0}.patented-technology-title h2{margin:0}.patented-technology-title__img{max-height:86px}@media screen and (max-width:640px){.patented-technology-title__img{max-height:125px;max-width:80vw}}#patented-technology{overflow:visible}#patented-technology.autoH{min-height:0!important;padding-bottom:50px!important}@media screen and (max-width:640px){#patented-technology.autoH{margin-bottom:2rem;padding-bottom:16px!important}}.smart-immu .y-ball .diagonal-line{width:126px!important}@media screen and (max-width:640px){.smart-immu .y-ball .diagonal-line{width:100px!important}}.compare{min-height:100dvh;width:100%;overflow:hidden;margin-bottom:5rem!important}.compare img{max-width:100%}.compare-text{width:70%;display:block;margin:0 auto}@media screen and (max-width:1023px){.compare-text{width:100%}}@media screen and (min-width:769px){.compare .friso-section-content{display:flex;gap:3rem}}@media screen and (min-width:769px) and (max-width:1023px){.compare .friso-section-content{gap:1.5rem;padding:0 5vw}}.compare .friso-section-content>div{flex:1}.compare .friso-section-content>div img{margin:0 auto}@media screen and (min-width:769px) and (max-width:1023px){.compare .friso-section-content>div img{width:100%}}.compare .friso-section-content>div h2,.compare .friso-section-content>div p{text-align:left}@media screen and (max-width:1023px){.compare .friso-section-content>div h2,.compare .friso-section-content>div p{text-align:center}}.patented-technology-step-num-1{position:absolute;right:100%;bottom:0;width:10vw}@media screen and (max-width:768px){.patented-technology-step-num-1{top:50%;bottom:auto;transform:translateY(-50%);right:calc(100% + 10px)}.farm-animation-content-1 .patented-technology-step-num-1{right:calc(100% + 30px)}}.patented-technology-step-num-1-wrapper{position:relative;display:inline-block}.patented-technology-step-num-2{width:15vw}.patented-technology-step-num-2-title{height:20px;vertical-align:bottom}@media screen and (max-width:960px){.patented-technology-step-num-2-title{height:18px}}.patented-technology-bg{position:relative;z-index:1;margin:0!important;padding-top:0!important}.patented-technology-content{position:absolute;top:30%;left:0;height:0;overflow:visible;z-index:2;text-align:left}@media screen and (max-width:768px){.patented-technology-content-wrapper{position:relative;padding-top:100px;margin-bottom:0;z-index:2}.patented-technology-content-wrapper::after,.patented-technology-content-wrapper::before{content:"";display:block;background:linear-gradient(to bottom,rgba(36,11,8,0) 0,#240b08 100%);width:100%;height:50px;position:absolute;left:0;top:50px}.patented-technology-content-wrapper::after{top:calc(100% - 50px);background:linear-gradient(to bottom,#240b08 50%,rgba(36,11,8,0) 100%);height:100px}}@media screen and (max-width:640px){.patented-technology-content-wrapper{margin-bottom:0}}@media screen and (max-width:768px){.patented-technology-content{position:relative;top:0;text-align:center;background:#240b08;height:auto}}#patented-technology{position:relative}.friso-section-parallax-container .panel-img-container .patented-img{height:250px}@media screen and (max-width:640px){.friso-section-parallax-container .panel-img-container .patented-img{height:180px}}.only-patented-technology{position:relative;overflow:hidden;height:100dvh;max-height:770px;background-color:#180a0a}@media screen and (max-width:640px){.only-patented-technology{margin-top:-30rem!important}}.only-patented-technology .friso-section-container{position:relative;z-index:2}@media screen and (max-width:768px){.only-patented-technology .friso-section-container{align-items:flex-start}}.only-patented-technology .friso-section-container-inner-full{height:100dvh;max-height:600px}.only-patented-technology .video-over-content{position:relative;top:0;left:50%;transform:translateX(-50%)}@media screen and (max-width:768px){.only-patented-technology .video-over-content{padding-top:100px;background:#240b08}.only-patented-technology .video-over-content::after,.only-patented-technology .video-over-content::before{content:"";display:block;background:linear-gradient(to bottom,rgba(36,11,8,0) 0,#240b08 100%);width:100%;height:50px;position:absolute;left:0;top:0}.only-patented-technology .video-over-content::after{top:calc(100% - 50px);background:linear-gradient(to bottom,#240b08 50%,rgba(36,11,8,0) 100%);height:100px}}@media screen and (max-width:640px){.only-patented-technology .video-over-content{padding-top:50px}}.only-patented-technology .video-over-content .friso-section-container-inner-wider{display:flex;justify-content:start;text-align:left;width:100%;align-items:flex-end;gap:1rem}@media screen and (min-width:0px) and (max-width:1023px){.only-patented-technology .video-over-content .friso-section-container-inner-wider>div:nth-child(2){margin:0;width:auto}}@media screen and (min-width:1201px){.only-patented-technology .video-over-content .friso-section-container-inner-wider{margin-left:-2rem}}@media screen and (max-width:768px){.only-patented-technology .video-over-content .friso-section-container-inner-wider{margin:3rem auto;justify-content:center;z-index:5}}.only-patented-technology-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1}.only-patented-technology-bg img{height:100%;object-fit:contain;display:block;margin:0 auto}@media screen and (max-width:768px){.only-patented-technology-bg img{position:relative;left:50%;width:auto!important;transform:translateX(-50%)}}.farm-animation-section{width:100%;overflow:hidden;position:relative;z-index:1}.farm-animation-pin{position:relative;width:100%;height:100vh;overflow:hidden}.farm-animation-pin::before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background-image:url(../img/home/farm-headline-gradient.webp);background-repeat:no-repeat;background-size:100% 100%;background-position:center top}@media screen and (max-width:768px){.farm-animation-pin::before{background-image:url(../img/home/farm-headline-gradient-mobile.webp)}}.farm-animation-pin #farm-animation-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center center;display:block;z-index:1}@media screen and (max-width:768px){.farm-animation-pin #farm-animation-video{object-position:center center;transform:none}}.farm-animation-overlay{position:absolute;top:15%;left:50%;transform:translate(-50%,0);width:90%;z-index:10;opacity:0;display:flex;align-items:center;justify-content:start}@media screen and (min-width:1024px){.farm-animation-overlay{text-align:left}}@media screen and (max-width:640px){.farm-animation-overlay{top:12vh;width:100%}.farm-animation-overlay.farm-animation-content-2{top:10vh;width:100%;padding-top:0}}.farm-animation-overlay .friso-section-container-inner-wider{display:flex;align-items:flex-start;text-align:left;gap:1rem;position:relative;z-index:2}@media screen and (max-width:1024px){.farm-animation-overlay .friso-section-container-inner-wider{margin:0;justify-content:flex-start}.farm-animation-overlay .friso-section-container-inner-wider>div:nth-child(2){margin:0;width:auto}}@media screen and (max-width:768px){.farm-animation-overlay .friso-section-container-inner-wider{padding-left:90px}}@media screen and (max-width:1024px){.farm-animation-overlay .content-2-text-wrapper,.farm-animation-overlay .txt-gold,.farm-animation-overlay .txt-normal{text-align:left}}@media screen and (max-width:480px){.farm-animation-overlay .steps-num{max-height:100px}}.farm-animation-overlay .content-2-text-wrapper{margin-top:0!important}.farm-animation-overlay .farm-animation-content-2__inner{position:relative;z-index:2!important}.farm-animation-overlay::after{content:"";position:absolute;top:-40%;left:-12%;width:124%;height:200%;z-index:0;pointer-events:none;background:rgba(32,8,4,.32);filter:blur(48px)}@media screen and (min-width:769px){.farm-animation-overlay::after{display:none}}@media screen and (max-width:768px){.farm-animation-overlay::after{top:-80%;left:-15%;width:130%;height:240%;background:rgba(32,8,4,.38);filter:blur(56px)}}@media screen and (max-width:640px){.farm-animation-overlay.farm-animation-content-2{top:10vh;width:100%;padding-top:0}}.farm-container{width:100%;overflow:hidden}.poster-container{background:0 0}@media screen and (min-width:1024px){.poster-container.farm-container{padding-bottom:0}}@media screen and (min-width:769px){.poster-container .video-over-content-txt{width:100%!important}}.poster-container .farm-canvas-container{padding-top:0;padding-bottom:0}@media screen and (max-width:768px){.poster-container .farm-canvas-container{padding-bottom:18em}}@media screen and (max-width:768px){.poster-container .farm-canvas-container{padding-top:0;padding-bottom:30em}}.poster-container .farm-canvas-container canvas{max-width:100vw;background-size:cover}@media screen and (max-width:768px){.poster-container .farm-canvas-container canvas{max-width:100%;width:100%;background-size:cover}}.poster-container .farm-canvas-container .canvas-container{width:100%;height:100vh;display:flex;justify-content:center;align-items:center;overflow:hidden}.poster-container .farm-canvas-container .video-over-content{position:absolute;top:20%;left:50%;transform:translate(-50%,0);text-align:center;z-index:10;display:flex;align-items:center;justify-content:center}.poster-container .farm-canvas-container .video-over-content .friso-section-container-inner-wider{gap:1rem}@media screen and (min-width:1201px){.poster-container .farm-canvas-container .video-over-content .friso-section-container-inner-wider{transform:translateX(-3%)}}@media screen and (max-width:1024px){.poster-container .farm-canvas-container .video-over-content .friso-section-container-inner-wider{margin:0;justify-content:center}.poster-container .farm-canvas-container .video-over-content .friso-section-container-inner-wider>div:nth-child(2){margin:0;width:auto}}@media screen and (min-width:1024px){.poster-container .farm-canvas-container .video-over-content{text-align:left}}.poster-container .farm-canvas-container .video-over-content>div{text-shadow:unset;filter:unset;padding-left:1em}@media screen and (max-width:480px){.poster-container .farm-canvas-container .video-over-content .steps-num{max-height:100px}}.poster-container .farm-canvas-container .video-over-content .farm-title__img{max-height:8vh}@media screen and (max-width:640px){.poster-container .farm-canvas-container .video-over-content .farm-title__img{max-height:125px;max-width:80vw}}.poster-container .spacer{width:100%;height:100vh}.farm-zoom{animation-name:zoom-bg;animation-duration:2s;animation-timing-function:ease-in-out;animation-delay:.5s;animation-iteration-count:1;animation-direction:alternate;animation-fill-mode:forwards}@keyframes zoom-bg{0%{width:70%}100%{width:100%}}.poster-container .nt1{text-align:left}.poster-container .diagonal-line{position:absolute;top:-2px;right:0;width:100%;height:100%;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:skewX(-20deg);transform-origin:top right}.poster-container .y-ball-parts{max-width:500px;position:relative}.poster-container .y-ball-parts .text-overlay-container{position:absolute;top:90px;padding:0;right:100px;width:180px;height:30px;overflow:hidden}.poster-container .y-ball-parts .text-overlay-container.nt2{width:180px;right:0}.poster-container .y-ball-parts .text-overlay-container.nt2 .diagonal-line{border:2px solid #fff;border-right:0;border-top:0;top:-5px;left:36px;transform:skewX(20deg)}.poster-container .y-ball-parts.y-ball-parts-1{left:20%;top:350px}.poster-container .y-ball-parts.y-ball-parts-1 .text-overlay-container{top:120px;padding:0;right:-10px}@media screen and (max-width:480px){.poster-container .y-ball-parts.y-ball-parts-1{left:45%;top:380px}.poster-container .y-ball-parts.y-ball-parts-1 .text-overlay-container{top:0;padding:0;right:0;width:100%;position:relative;text-align:center}}.poster-container .y-ball-parts.y-ball-parts-2{top:-180px;left:50%}@media screen and (max-width:960px){.poster-container .y-ball-parts.y-ball-parts-2{top:130px;left:75%}}.poster-container .y-ball-parts.y-ball-parts-2 .nt2{width:180px}@media screen and (max-width:960px){.poster-container .y-ball-parts.y-ball-parts-2 .nt2{width:100%}}.poster-container .y-ball-parts.y-ball-parts-2 .nt2 .diagonal-line{border:2px solid #fff;border-right:0;border-top:0;top:-5px;left:36px;transform:skewX(20deg)}@media screen and (max-width:960px){.poster-container .y-ball-parts.y-ball-parts-2 .nt2{position:relative;width:100%;right:0;top:0;left:0;text-align:center}}.poster-container .y-ball-parts.y-ball-parts-3{top:20px;left:180px;position:absolute}.poster-container .y-ball-parts.y-ball-parts-3 .nt3{top:-40px;right:80px;width:120px;height:40px;position:absolute}@media screen and (max-width:640px){.poster-container .y-ball-parts.y-ball-parts-3 .nt3{text-align:right}}.poster-container .y-ball-parts.y-ball-parts-3 .nt3 .diagonal-line{border:2px solid #fff;border-bottom:0;width:100px;border-right:0;top:20px}@media screen and (max-width:960px){.poster-container .y-ball-parts.y-ball-parts-3{top:20%;left:230px}.poster-container .y-ball-parts.y-ball-parts-3 .nt3{top:0;right:0;position:relative;width:100%!important;text-align:center!important}}.poster-container .y-ball-parts.y-ball-parts-4{top:41%;left:23%;position:absolute}@media screen and (min-width:769px) and (max-height:640px){.poster-container .y-ball-parts.y-ball-parts-4{top:33%}}.poster-container .y-ball-parts.y-ball-parts-4 .nt4{top:123px;right:10px;width:180px;height:40px;position:absolute}@media screen and (max-width:640px){.poster-container .y-ball-parts.y-ball-parts-4 .nt4{text-align:right}}.poster-container .y-ball-parts.y-ball-parts-4 .nt4 .diagonal-line{border:2px solid #fff;border-bottom:0;width:100px;border-right:0;top:20px}@media screen and (max-width:960px){.poster-container .y-ball-parts.y-ball-parts-4{top:77%;left:0}.poster-container .y-ball-parts.y-ball-parts-4 .nt4{top:0;right:0;position:relative;width:100%!important;text-align:center!important}}.poster-container .farm-canvas-container .video-over-content{top:20%!important;width:90%;justify-content:start}@media screen and (max-width:640px){.poster-container .farm-canvas-container .video-over-content{top:20vh!important}}.poster-container .farm-canvas-container .video-over-content .friso-section-container-inner-wider{display:flex;align-items:center;text-align:left}.y-shape .friso-section-container-inner-full{text-align:left}@media screen and (max-width:768px){.y-shape.friso-section-container.autoH.first{padding-top:10em!important}}.hero-lightpass-wrapper{transform:scale(1)}.hero-lightpass-wrapper.minimize{transform:scale(.85)}.patented-technology-step-title{max-height:28px}@media screen and (max-width:768px){.patented-technology-step-title{max-height:18px}}.friso-section-container.smart{overflow:visible}.friso-section-container.smart .smart-head-title{top:9vh;left:0;z-index:100;height:0;position:absolute;letter-spacing:3px}@media screen and (min-width:1921px){.friso-section-container.smart .smart-head-title{left:3%}}@media screen and (min-width:961px){.friso-section-container.smart .smart-head-title{top:auto;bottom:78vh}}.friso-section-container.smart .smart-head-title img{height:80px;display:block}@media screen and (max-width:960px){.friso-section-container.smart .smart-head-title img{height:60px;margin:0 auto}}@media screen and (min-width:1201px) and (max-height:768px){.friso-section-container.smart .smart-head-title{top:19vh;left:0}}@media screen and (max-width:960px){.friso-section-container.smart .smart-head-title{top:15dvh;left:50%;transform:translateX(-50%)}}.friso-section-container.smart .smart-head-title.is-sticky{background:linear-gradient(0deg,rgba(32,8,4,0) 0,#200804 66%)}.friso-section-container.smart .smart-head-title.move-sticky{opacity:0;transition:opacity .6s ease-in-out;transition-delay:0.3s}.friso-section-container.smart .smart-immu-container{max-width:500px;margin:0;display:grid;place-items:center;padding-bottom:0;overflow-x:hidden;overflow-y:clip}.friso-section-container.smart .smart-immu-container.visible{transition:opacity .6s ease-out;opacity:1}.friso-section-container.smart .smart-immu-container.fading{transition:opacity .6s ease-in;opacity:.5}.friso-section-container.smart .smart-immu-container.hidden{transition:opacity .6s ease-in-out;opacity:0}.friso-section-container.smart .smart-immu-container.hidden:last-child{opacity:1}.friso-section-container.smart .smart-immu-container .smart-immu-content{display:flex;align-items:flex-start;max-width:90%;margin:126px 0;justify-content:flex-start}@media screen and (min-width:769px){.friso-section-container.smart .smart-immu-container .smart-immu-content{min-width:420px}}@media screen and (min-width:768px) and (max-height:1110px){.friso-section-container.smart .smart-immu-container .smart-immu-content{transform:translateY(60%)}}@media screen and (min-width:768px) and (max-width:1440px) and (max-height:685px){.friso-section-container.smart .smart-immu-container .smart-immu-content{transform:translateY(100%)}}@media screen and (max-width:960px){.friso-section-container.smart .smart-immu-container .smart-immu-content{max-width:100%;justify-content:flex-start;align-items:flex-start;margin:1rem 0}}.friso-section-container.smart .smart-immu-container .smart-immu-content .smart-immu-content-title{font-size:11rem}.friso-section-container.smart .smart-immu-container .smart-immu-content .smart-immu-content-subtitle{font-size:1.5rem;color:var(--text-gold);text-align:left;padding-left:16.5px;margin-bottom:.5em}.friso-section-container.smart .smart-immu-container .smart-immu-content img{display:block}.friso-section-container.smart .smart-immu-container .smart-immu-content p{text-align:left;padding-left:1em}.friso-section-container.smart .smart-immu-container img{max-width:100%;height:380px}@media screen and (max-width:480px){.friso-section-container.smart .smart-immu-container img{height:300px}}.friso-section-container.smart .smart-immu-container .igg-ball-dissolve-canvas{max-width:100%;height:380px;display:block;margin:0 auto;left:-13.5%}@media screen and (min-width:1024px){.friso-section-container.smart .smart-immu-container .igg-ball-dissolve-canvas{max-width:none;position:absolute;left:50%;transform:translateX(-50%);top:10vh;margin-left:0}}}@media screen and (max-width:480px){.friso-section-container.smart .smart-immu-container .igg-ball-dissolve-canvas{height:60vh;top:38vh;width:auto;max-width:none;position:absolute;left:50%;transform:translateX(-50%)}}.friso-section-container.smart .gallery-container{max-width:600px}@media screen and (max-width:960px){.friso-section-container.smart .gallery-container{max-width:400px}}@media screen and (max-width:480px){.friso-section-container.smart .gallery-container{max-width:300px}}.friso-section-container.smart .gallery-container .gallery-container-ele{left:-80px}@media screen and (max-width:480px){.friso-section-container.smart .gallery-container .gallery-container-ele{left:-80px}}.friso-section-container.smart .splide .splide__slide p{padding-left:6em;padding-top:1em}.friso-section-container.smart .splide .splide__slide img{max-height:300px}@media screen and (min-width:961px){.friso-section-container.smart .gallery-container{margin:0!important}}.small-immu-no-added-sugar-slider{position:relative;z-index:2;width:100%;overflow:hidden}.small-immu-no-added-sugar-slider-inner{height:100dvh;width:100%}.small-immu-no-added-sugar-slider>.no-added-sugar{position:absolute;top:0;left:0;right:0}[name=no-added-sugar],[name=smart-immu]{height:100dvh;display:block}@media screen and (max-width:960px){#smart-immu{padding-top:0!important;align-items:flex-start;height:100vh!important}}@media screen and (min-width:961px){#smart-immu>.friso-section-container-inner-full{min-height:100vh}}.smart-immu{position:relative}.smart-immu::before{content:"";position:absolute;top:0;left:0;width:100%;height:20px;display:block;background:linear-gradient(0deg,rgba(32,10,6,0) 0,#200804 100%)}.smart-immu .y-ball .text-overlay-container{position:absolute;top:16.5%;left:-35%;font-size:18px;text-align:left;color:var(--text-gold)}@media screen and (max-width:960px){.smart-immu .y-ball .text-overlay-container{left:-28%;top:-4.5%}}.smart-immu .y-ball .diagonal-line{width:150px;height:30px;right:auto;left:0;top:30px;border-left:2px solid #fff;border-top:2px solid #fff;border-right:0;border-bottom:0}.smart-immu-slide{height:100dvh!important;display:flex;align-items:center;justify-content:center}.smart-immu-slide.slide-02,.smart-immu-slide.slide-03{position:absolute;top:0;left:0;box-sizing:border-box}@media screen and (max-width:960px){.smart-immu-slide.slide-02,.smart-immu-slide.slide-03{align-items:flex-start;padding-top:25vh}}@media screen and (max-width:960px) and (max-height:768px){.smart-immu-slide.slide-02,.smart-immu-slide.slide-03{padding-top:30vh}}@media screen and (min-width:1441px){.smart-immu-slide.slide-02{padding-top:10px}}@media screen and (min-width:961px){.friso-section-container.smart .smart-immu-container.slide-02 .smart-immu-content,.friso-section-container.smart .smart-immu-container.slide-03 .smart-immu-content{margin:190px 0 0}}@media screen and (max-width:960px) and (max-height:768px){.friso-section-container.smart .gallery-container{margin:10em auto 3em!important}}@media screen and (min-width:961px){.smart-immu-container{overflow:visible!important}.friso-section-container.smart{padding-top:2rem!important}.friso-section-container.smart .gallery-container,.friso-section-container.smart .smart-immu-container{max-width:1280px;width:100%}.friso-section-container.smart .gallery-container-inner{padding-bottom:56.25%}.friso-section-container.smart .gallery-container .gallery-container-ele{left:0}.y-ball{top:7%;width:37%;left:43%;transform:translateX(-50%)}/* Orange canvas sized ~2.5x white ink + ball positions */@media screen and (min-width:961px){body.friso-signature:not(.education) .y-ball{overflow:visible !important;top:7% !important;} body.friso-signature:not(.education) .y-ball canvas{position:static !important;left:auto !important;transform:none !important;max-width:none !important;} body.friso-signature:not(.education) .poster-container .y-ball-parts.y-ball-parts-3, body.friso-signature:not(.education) .slide-01 .y-ball-parts-3{position:absolute !important;top:8% !important;left:52.5% !important;} body.friso-signature:not(.education) .poster-container .y-ball-parts.y-ball-parts-2, body.friso-signature:not(.education) .slide-01 .y-ball-parts-2{position:absolute !important;top:23% !important;left:49% !important;} body.friso-signature:not(.education) .poster-container .y-ball-parts.y-ball-parts-1, body.friso-signature:not(.education) .slide-01 .y-ball-parts-1{position:absolute !important;top:34.5% !important;left:38% !important;} body.friso-signature:not(.education) .poster-container .y-ball-parts.y-ball-parts-4, body.friso-signature:not(.education) .slide-01 .y-ball-parts-4{position:absolute !important;top:41% !important;left:23% !important;}}}@media screen and (min-width:961px) and (min-width:769px) and (max-height:640px){.y-ball{top:-3.5%}}@media screen and (min-width:961px){.y-ball>div{padding-bottom:0}.poster-container .y-ball-parts.y-ball-parts-1{left:38%;top:34.5%;position:absolute}}@media screen and (min-width:961px) and (max-height:640px){.poster-container .y-ball-parts.y-ball-parts-1{top:28.5%}}@media screen and (min-width:961px){.poster-container .y-ball-parts.y-ball-parts-2{top:23%;left:49%;position:absolute}}@media screen and (min-width:961px) and (min-width:769px) and (max-height:640px){.poster-container .y-ball-parts.y-ball-parts-2{top:19%}}@media screen and (min-width:961px){.poster-container .y-ball-parts.y-ball-parts-2 .nt2{height:40px;top:121px;right:40px;text-align:right}.poster-container .y-ball-parts.y-ball-parts-2 .nt2 .diagonal-line{top:-5px;left:-4px}.poster-container .y-ball-parts.y-ball-parts-3{top:8%;left:52.5%}}@media screen and (min-width:961px) and (max-height:640px){.poster-container .y-ball-parts.y-ball-parts-3{top:5%}}@media screen and (min-width:961px){.poster-container .y-ball-parts.y-ball-parts-3 .nt3{width:150px;height:70px;text-align:right;top:118px;right:65px}.poster-container .y-ball-parts.y-ball-parts-3 .nt3 .diagonal-line{top:30px;right:0}.text-align-left-lg{text-align:left}.slide-01,.slide-02,.slide-03{margin:0}.slide-01 .smart-immu-container-inner,.slide-02 .smart-immu-container-inner,.slide-03 .smart-immu-container-inner{display:flex;align-items:flex-start;width:1280px;gap:1rem;height:650px;position:relative;pointer-events:none}.slide-01 .smart-immu-container-inner>.igg-ball-dissolve-canvas,.slide-01 .smart-immu-container-inner>img,.slide-02 .smart-immu-container-inner>.igg-ball-dissolve-canvas,.slide-02 .smart-immu-container-inner>img,.slide-03 .smart-immu-container-inner>.igg-ball-dissolve-canvas,.slide-03 .smart-immu-container-inner>img{height:65vh!important;top:50%;position:relative;transform:translateY(-50%);margin:0}.slide-03 .smart-immu-container-inner>img{height:760px!important}.friso-section-container.smart .swiper{height:900px!important}.friso-section-parallax-container #patented-technology{margin-bottom:0}}@media screen and (max-width:960px){.slide-01{max-width:none!important}}@media screen and (max-width:960px){.slide-01>.friso-section-container-inner-full{transform:translateY(11dvh) scale(1)}}@media screen and (max-width:960px){.slide-01>.friso-section-container-inner-full{transform:translateY(11dvh) scale(1)}}@media screen and (min-width:961px){.slide-01>.friso-section-container-inner-full{position:relative;width:100%;height:100dvh;display:flex;align-items:center}}@media screen and (min-width:769px) and (max-height:640px){.slide-01>.friso-section-container-inner-full{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}}.slide-01 .smart-immu-content-title{display:block;position:absolute;top:0;left:0;font-size:11rem}@media screen and (max-width:960px){.slide-01 .smart-immu-content-title{font-size:8rem}}.slide-01 .smart-immu-content-title h3{display:none}.slide-01 .smart-immu-content-title-1 img{display:block}.slide-01 .smart-immu-content-title-1{top:35%;left:0}@media screen and (max-width:960px){.slide-01 .smart-immu-content-title-1{top:-8%;left:20%}}.slide-01 .smart-immu-content-title-2{top:68%;right:3%;text-align:right}@media screen and (max-width:960px){.slide-01 .smart-immu-content-title-2{top:65%;right:-29%}}@media screen and (min-width:769px) and (max-height:640px){.slide-01 .smart-immu-content-title-2{top:60%}}@media screen and (max-width:960px) and (max-height:669px){.slide-01 .smart-immu-content-title-2{top:65%}}@media screen and (max-width:960px){.friso-section-container.smart .gallery-container-inner{padding-bottom:177.7777777778%}.friso-section-container.smart .smart-head-title{height:auto}.swiper{height:720px}.slide-01 .txt-subhead{position:relative;top:19%}.slide-01 .poster-container{top:17%}}@media screen and (max-width:960px){.slide-01 .poster-container{top:-10%;transform:scale(.8)}}@media screen and (max-width:960px) and (max-height:669px){.slide-01 .poster-container{top:-12%}}.no-added-sugar{position:absolute;top:0;left:0;right:0;height:100%;width:100%}.no-added-sugar-slide-1-txt{margin-top:1rem}
/* Was a nested descendant selector that never matched — pin decks flashed
   on refresh before GSAP gsap.set(opacity:0). Hide until enterStep/showBtm. */
/* After Smart IMMU leave-down: collapse the leftover 100dvh pin box so
   tin/girl is the next section (otherwise users scroll an extra viewport
   of last IMMU frame before baby pin start:top top can reveal them). */
body.friso-signature:not(.education) .attack-defence.immu-leave-collapsed {
  height: 0 !important;
  min-height: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}
body.friso-signature:not(.education) .attack-defence.immu-leave-collapsed .small-immu-no-added-sugar-slider-inner,
body.friso-signature:not(.education) .attack-defence.immu-leave-collapsed [name="smart-immu"],
body.friso-signature:not(.education) .attack-defence.immu-leave-collapsed #smart-immu {
  height: 0 !important;
  min-height: 0 !important;
  overflow: hidden !important;
}
body.friso-signature:not(.education) .baby-slide-1,
body.friso-signature:not(.education) .baby-slide-2,
body.friso-signature:not(.education) .baby-container-btm,
body.friso-signature:not(.education) .baby-slide-2 .natural-container {
  opacity: 0;
}
body.friso-signature:not(.education) .attack-defence .slide-01,
body.friso-signature:not(.education) .attack-defence .slide-02,
body.friso-signature:not(.education) .attack-defence .slide-03 {
  opacity: 0;
}
/* Side-nav dots: force-hide pin decks while scroll flies so GSAP inline
   opacity:1 from a prior visit cannot paint over the destination. Cleared
   in frisoNavJump.end() before ensurers reveal the landed pin.
   Do not hide .smart-head-title here — GSAP only animates the inner
   .txt-large, so wrapper opacity:0 made the headline vanish. */
body.friso-signature.friso-nav-jumping:not(.education) .baby-slide-1,
body.friso-signature.friso-nav-jumping:not(.education) .baby-slide-2,
body.friso-signature.friso-nav-jumping:not(.education) .baby-container-btm,
body.friso-signature.friso-nav-jumping:not(.education) .baby-slide-2 .natural-container,
body.friso-signature.friso-nav-jumping:not(.education) .attack-defence .slide-01,
body.friso-signature.friso-nav-jumping:not(.education) .attack-defence .slide-02,
body.friso-signature.friso-nav-jumping:not(.education) .attack-defence .slide-03,
body.friso-signature.friso-nav-jumping:not(.education) .friso-smart-immu-pin-media,
body.friso-signature.friso-nav-jumping:not(.education) .friso-smart-immu-pin-copy,
body.friso-signature.friso-nav-jumping:not(.education) .friso-smart-immu-pin-atk {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}.slide-01 .slide-02 .slide-03 .baby-slide-1 .baby-slide-2{opacity:0}@media screen and (max-width:960px){.slide-01{height:100dvh;display:flex!important;align-items:center!important}}@media screen and (max-width:960px){.smart-immu-slide.slide-03{width:100%!important}}.friso-section-container.smart .smart-immu-container.immu-defense-slide{position:relative}@media screen and (max-width:960px){.friso-section-container.smart .smart-immu-container.immu-defense-slide{place-items:start;justify-items:start;justify-content:start;width:100%;max-width:100%;height:100%}.friso-section-container.smart .smart-immu-container.immu-defense-slide .smart-immu-container-inner{width:auto;max-width:500px;height:auto;margin-left:0;justify-self:start}}.friso-section-container.smart .smart-immu-container.immu-defense-slide .immu-defense-canvas-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:visible}@media screen and (max-width:640px){.friso-section-container.smart .smart-immu-container.immu-defense-slide .immu-defense-canvas-wrapper{top:0}}@media screen and (min-width:961px){.friso-section-container.smart .smart-immu-container.immu-defense-slide .immu-defense-canvas-wrapper{left:5%}}.friso-section-container.smart .smart-immu-container.immu-defense-slide .immu-defense-canvas-wrapper canvas{position:absolute;width:auto;bottom:50%;left:50%;transform:translate(-50%,50%);height:108dvh;max-height:none}@media screen and (min-width:768px) and (max-width:1440px) and (max-height:685px){.friso-section-container.smart .smart-immu-container.immu-defense-slide .immu-defense-canvas-wrapper canvas{left:50%}}@media screen and (max-width:960px){.friso-section-container.smart .smart-immu-container.immu-defense-slide .immu-defense-canvas-wrapper canvas{bottom:50%;width:auto;height:100dvh;max-height:none;left:50%;transform:translate(-50%,50%)}}@media screen and (max-width:960px) and (max-height:669px){.friso-section-container.smart .smart-immu-container.immu-defense-slide .immu-defense-canvas-wrapper canvas{height:100dvh;max-height:none}}@media screen and (max-width:640px){.friso-section-container.smart .smart-immu-container.immu-defense-slide .immu-defense-canvas-wrapper canvas{height:100dvh;max-height:none;bottom:50%;top:auto;transform:translate(-50%,50%)}}.text-img-smart{height:120px!important}@media screen and (max-width:960px){.text-img-smart{height:70px!important}}@media screen and (max-width:960px){.y-ball{margin-top:100px;width:110%}}@media screen and (max-width:960px){.y-ball .text-overlay-container{position:relative!important;top:0!important;left:0!important;width:100%!important;text-align:center!important}}@media screen and (max-width:960px){.y-ball>div{padding-bottom:0!important}}.y-ball-parts-title-img{height:14px!important;max-width:none!important}@media screen and (max-width:960px){.y-ball-parts-title-img{height:12px!important}}.small-immu-no-added-sugar-slider-inner .seq-container>div{padding-bottom:0!important}.attack-img-txt{margin-top:8px}.slide-01 .smart-immu-content-title-1 .text-img-smart.attack-img-txt,.slide-01 .smart-immu-content-title-1 .attack-img-txt{margin-top:0}@media screen and (min-width:961px){.smart-immu-attack-content{padding-bottom:24px}}.smart-immu-title{max-height:22px!important;height:auto!important}@media screen and (max-width:768px){.smart-immu-title{max-height:18px!important}}.attack-img-txt-title{position:absolute;top:50%;transform:translateY(-50%);left:110%;white-space:nowrap;font-size:18px;color:var(--text-gold)}.attack-img-txt-title-img{height:14px!important;max-width:none!important}@media screen and (max-width:640px){.attack-img-txt.text-img.m-small,.m-defence.text-img.m-small{height:83px!important;margin-top:0}}.friso-section-container.baby .baby-caption-container{max-width:600px;margin:auto;height:350px;display:grid;place-items:center;padding-top:1.75em;padding-bottom:1.75em}.friso-section-container.baby .baby-caption-container.visible{transition:opacity .6s ease-out;opacity:1}.friso-section-container.baby .baby-caption-container.fading{transition:opacity .6s ease-in;opacity:.5}.friso-section-container.baby .baby-caption-container.hidden{transition:opacity .6s ease-in-out;opacity:0}.friso-section-container.baby .baby-container-sticky::after{content:"";height:300px;background:linear-gradient(0deg,rgba(32,7,4,0) 0,rgba(32,7,4,.65) 50%,rgba(32,7,4,0) 100%)}.baby{width:100%;overflow:hidden;height:100vh!important}.baby .friso-section-container-inner-full{height:100dvh}.baby-slide{height:100dvh!important;position:relative}.baby-slide-txt{min-height:30vh;width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}@media screen and (min-width:768px) and (max-height:768px){.baby-slide-txt{min-height:30vh}}.baby-slide-txt>img,.baby-slide-txt>picture img{max-width:500px;width:70%;height:auto}.baby-slide-1,.baby-slide-2{position:absolute;top:0;right:0;left:0;padding-top:150px}@media screen and (max-width:768px){.baby-slide-1 .baby-slide-txt>picture img{max-width:85%}}.baby-slide-2 .baby-slide-txt>img{max-width:300px}@media screen and (min-width:769px) and (max-height:640px){.baby-slide-2 .baby-slide-txt>img{max-width:220px}}@media screen and (max-width:768px){.baby-slide-2 .baby-slide-txt>img{max-width:200px}}.baby-slide-2 .baby-slide-txt .natural-container{max-width:290px}@media screen and (min-width:769px) and (max-height:640px){.baby-slide-2 .baby-slide-txt .natural-container{max-width:220px;margin-top:1.5em}}@media screen and (max-width:768px){.baby-slide-2 .baby-slide-txt .natural-container{max-width:200px;margin-top:1.5em}}.baby-caption-container{flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;display:flex!important}.baby{--baby-sticky-height:49vh}@media screen and (max-width:768px){.baby{--baby-sticky-height:30vh}}.baby-container{height:var(--baby-sticky-height);width:auto;max-width:none;position:relative}@media only screen and (min-width:0px) and (max-width:768px){.baby-container{margin-bottom:0!important}}.baby-container img{height:var(--baby-sticky-height);width:auto}.baby-container-btm{position:absolute;left:50%;transform:translateX(-50%);bottom:0}@media screen and (min-width:641px){.baby-container-btm{width:100vw}}@media screen and (max-width:960px){.baby-container-btm{top:400px;bottom:auto}}.friso-section-container.autoH.baby{padding-top:2rem!important;padding-bottom:2rem!important}.baby-container-sticky{overflow:hidden}@media screen and (max-width:640px){#fala-canvas{width:110vw!important;margin-left:-5vw!important;background:transparent!important}}#fala-canvas{background:transparent}.fala-signature__title{text-align:center;margin-top:5rem}@media screen and (max-width:768px){.fala-signature__title{margin-top:0}}.fala-signature__title img{max-height:36px}@media screen and (max-width:768px){.fala-signature__title img{max-height:20px}}.fala-signature-container-img{position:relative;z-index:1;opacity:0;transform:translateY(4rem);transition:opacity .8s ease,transform .8s cubic-bezier(0, .68, .53, 1)}.fala-signature-container-img.revealed{opacity:1;transform:translateY(0)}.fala-signature-container-img>*{z-index:2}.fala-signature-container-img::after{content:"";z-index:1;background:url("../img/home/hori_shadow-2.png") center center no-repeat;background-size:cover;position:absolute;bottom:0;left:0;width:100%;height:400px;pointer-events:none}@media screen and (max-width:768px){.fala-signature-container-img::after{bottom:-35%}}.fala-signature-container-img-wrapper{max-width:100vw;position:relative;overflow:hidden;pointer-events:none;margin-top:-10vh;margin-bottom:-10vh}.fala-signature-container-img-wrapper canvas{width:100%!important;height:auto;max-width:1280px;pointer-events:none;display:block;margin:0 auto}@media screen and (min-width:641px){.fala-signature-container-img-wrapper{width:95%;position:relative;left:50%;transform:translateX(-50%) scale(1.1)}}@media screen and (max-width:640px){.fala-signature-container-img-wrapper{margin-top:-3rem;margin-bottom:0}}.fala-signature-container-img-wrapper::after{content:"";background:linear-gradient(to bottom,rgba(31,12,6,0) 0,#1f0c06 35%);height:20dvh;width:100%;position:absolute;bottom:0;left:0;right:0}@media screen and (max-width:640px){.fala-signature-container-img-wrapper::after{height:15dvh;background:linear-gradient(to bottom,rgba(31,12,6,0) 0,#1f0c06 76%)}}.fala-signature-container-img-wrapper .friso-section-container-inner-wider img{width:120%;left:50%;position:relative;transform:translateX(-50%);margin-top:-15vh!important;pointer-events:none}@media screen and (max-width:640px){.fala-signature-container-img-wrapper .friso-section-container-inner-wider img{margin-top:0!important}}.signature-section>div{width:100%}.signature-section-fala-name{margin-top:1rem}.signature-content{background:rgba(31,9,8,.9)}.signature-bottom-fade{display:none!important;height:0!important;background:none!important}.signature-mum-title__img{max-height:35px;max-width:80vw}@media screen and (max-width:960px){.signature-mum-title__img{max-height:60px}}.mum-signature-container{width:100%;overflow:hidden}@media screen and (max-width:1024px){.mum-signature-container{padding-top:4em}}.mum-signature-container .mom-signature-splide{padding-bottom:3em}.mum-signature-container .mom-signature-splide-title{margin-bottom:1rem;margin-top:60px}@media screen and (max-width:640px){.mum-signature-container .mom-signature-splide-title{margin-top:1rem}}.mum-signature-container .mom-signature-splide .mum-signature-container-inner{padding:.5rem}.mum-signature-container .mom-signature-splide .mum-signature-container-inner img{width:100%;margin:auto}.friso-section-container.autoH.signature-section{padding-top:0!important;padding-bottom:0!important;width:100vw;overflow:hidden}@media screen and (max-width:640px){.friso-section-container.autoH.signature-section{padding-top:0!important;margin-top:30px!important}}.signature-experience-title__img{height:84px}@media screen and (max-width:960px){.signature-experience-title__img{height:44px}}.kol-img-title{height:24px}@media screen and (max-width:960px){.kol-img-title{height:16px}}.flip-card-container{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-perspective:1000px;perspective:1000px;margin-bottom:2rem;margin:0 auto}.moving .flip-card-container{transform:scale(.9)!important}.moving .splide__slide{filter:brightness(.4)!important}.back,.front{background-size:cover;-webkit-box-shadow:0 0 10px 3px rgba(31,12,6,.5);box-shadow:0 0 10px 3px rgba(31,12,6,.5);border-radius:10px;background-position:center;-webkit-transition:-webkit-transform .7s cubic-bezier(.4, .2, .2, 1);transition:-webkit-transform .7s cubic-bezier(.4, .2, .2, 1);-o-transition:transform .7s cubic-bezier(.4, .2, .2, 1);transition:transform .7s cubic-bezier(.4, .2, .2, 1);transition:transform .7s cubic-bezier(.4, .2, .2, 1),-webkit-transform .7s cubic-bezier(.4, .2, .2, 1);-webkit-backface-visibility:hidden;backface-visibility:hidden;text-align:center;height:auto;color:#fff;font-size:1.5rem;padding-top:121.7391304348%}.splide-content{position:relative;margin:0 auto}@media screen and (max-width:640px){.splide-content{max-width:85vw}}.splide-content-item{position:absolute;top:0;left:0;width:100%;text-align:center;opacity:0;transition:all .5s ease-in;pointer-events:none}.splide-content-item p{margin-top:1rem}.splide-content-item.active{position:relative;opacity:1;pointer-events:auto}.splide__slide{padding-top:2rem;padding-bottom:2rem}.splide__slide__button{margin-bottom:1rem}.splide__list .splide__slide__button{position:absolute;bottom:1rem;z-index:3;left:50%;transform:translateX(-50%)}@media screen and (max-width:640px){.splide__list .splide__slide__button{display:none}}.splide__slide img{max-width:100%}.splide__slide .back,.splide__slide .front{-webkit-transition:-webkit-transform .7s cubic-bezier(.4, .2, .2, 1);transition:-webkit-transform .7s cubic-bezier(.4, .2, .2, 1);-o-transition:transform .7s cubic-bezier(.4, .2, .2, 1);transition:transform .7s cubic-bezier(.4, .2, .2, 1);transition:transform .7s cubic-bezier(.4, .2, .2, 1),-webkit-transform .7s cubic-bezier(.4, .2, .2, 1)}.splide__pagination{display:none!important}.back{position:absolute;top:0;left:0;width:100%}.back .inner .friso-rect-button{width:75%;background:rgba(201,166,102,.2);padding:.75em 2em;border-width:1px;border-radius:5px}.back .inner::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:40%;background:linear-gradient(to bottom,rgba(31,12,6,0) 0,rgba(31,12,6,.75) 50%)}@media screen and (max-width:640px){.back .inner::after{display:none}}.inner{-webkit-transform:translateY(-50%) translateZ(1px) scale(1);transform:translateY(-50%) translateZ(1px) scale(1);top:50%;position:absolute;left:0;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;outline:1px solid transparent;-webkit-perspective:inherit;perspective:inherit;z-index:2}.back{-webkit-transform:rotateY(180deg);transform:rotateY(180deg);-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.front{-webkit-transform:rotateY(0);transform:rotateY(0);-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.front .inner p{font-size:2rem;margin-bottom:2rem;position:relative}.front .inner span{color:rgba(255,255,255,.7);font-family:Montserrat;font-weight:300}.splide__track{width:80%;margin:0 auto}@media screen and (max-width:768px){.splide__track{width:150vw;position:relative;left:50%;transform:translateX(-50%)}}.splide__track .splide__slide{transition:all .5s ease-in;filter:brightness(.4);transform:scale(1)}.splide__track .splide__slide .flip-card-container{box-shadow:0 4px 20px rgba(0,0,0,.6)}.splide__track .splide__slide .text{opacity:0;transition:all .5s ease-in}@media screen and (max-width:640px){.splide__track .splide__slide .text p{width:100vw;display:block;position:relative;left:50%;transform:translateX(-50%);margin-top:1rem}}.splide__track .splide__slide .flip-card-container{transform:scale(.9);transition:all .2s ease-in}.splide__track .splide__slide.is-active{filter:brightness(1);transform:scale(1)}.splide__track .splide__slide.is-active .text{opacity:1}.splide__track .splide__slide.is-active .flip-card-container{transform:scale(1)}.splide__pagination__page{width:.8rem!important;height:.8rem!important;opacity:.3!important;transform:scale(1)!important;margin:0 .5rem!important;background-color:#fff!important}.splide__pagination__page.is-active{background-color:#c9a666!important;opacity:1!important}.splide-buttons{text-align:center;margin-top:1rem}.splide-buttons-item{display:none}.splide-buttons-item.active{display:block}.splide-custom-pagination{display:flex;justify-content:center;gap:1rem;text-align:center;margin-bottom:1rem}.splide-custom-pagination__dot{width:.8rem;height:.8rem;border-radius:50%;background-color:#fff;opacity:.3;cursor:pointer;transition:all .3s ease}.splide-custom-pagination__dot.active{background-color:#c9a666;opacity:1}.track-easy-container{padding-bottom:10em}.track-easy-container.fadein-ele{opacity:1!important;transform:none!important}.track-easy-container .track-easy-img,.track-easy-container .track-easy-text,.track-easy-container .track-easy-title{opacity:0;transform:translateY(4rem);transition:opacity .8s ease,transform .8s cubic-bezier(0, .68, .53, 1)}.track-easy-container .track-easy-img,.track-easy-container .track-easy-text{transition-delay:0.6s}.track-easy-container.scrolled .track-easy-img,.track-easy-container.scrolled .track-easy-text,.track-easy-container.scrolled .track-easy-title{opacity:1;transform:translateY(0)}.track-easy-container .track-easy-container-inner{padding:1em}.track-easy-container .track-easy-container-inner .track-easy-title{padding-bottom:1em}.track-easy-container .track-easy-container-inner .trackeasy-title__img{max-height:8vh}@media screen and (max-width:640px){.track-easy-container .track-easy-container-inner .trackeasy-title__img{max-height:125px;max-width:80vw}}.track-easy-container .track-easy-container-inner .track-easy-img{max-width:90%;margin:auto;padding:2em 0}.track-easy-container .track-easy-container-inner .track-easy-img img{width:100%;margin:auto}.track-easy-container-inner{display:flex;align-items:flex-start;justify-content:center;text-align:left}@media screen and (max-width:1024px){.track-easy-container-inner{flex-direction:column;align-items:center}}.track-easy-container-inner-left{flex:0 0 40%;margin-top:2.5rem}@media screen and (min-width:769px) and (max-height:640px){.track-easy-container-inner-left{flex:0 0 42%}}@media screen and (max-width:1024px){.track-easy-container-inner-left{flex:0 0 100%;width:100%;text-align:center;margin-top:0}}.track-easy-container-inner-right{flex:0 0 50%}@media screen and (min-width:769px) and (max-height:640px){.track-easy-container-inner-right{flex:0 0 45%}}@media screen and (max-width:1024px){.track-easy-container-inner-right{flex:0 0 100%}}.track-easy-container-inner-left.mobile-only{width:90%}.section-transition{height:6rem;opacity:.75;z-index:10;position:relative;background-color:#200a09}.section-transition.after-y-shape{margin-top:-6rem;margin-bottom:6rem}.section-transition::after,.section-transition::before{content:"";position:absolute;left:0;width:100%;height:100%}.section-transition.zero-height{height:0}.section-transition.zero-height::after,.section-transition.zero-height::before{height:10vh}.section-transition::after{top:100%;background:linear-gradient(to bottom,#200804 0,rgba(32,8,4,0) 100%)}.section-transition::before{background:linear-gradient(to bottom,rgba(32,8,4,0) 0,#200804 100%);bottom:100%}.section-transition.no-before::before{display:none}.contact-container>div{margin:0 auto;width:280px}@media screen and (max-width:768px){.contact-container .friso-rect-button{margin-top:0}}.contact-container .contact-icon img{margin-bottom:0}@media screen and (max-width:768px){.contact-container .contact-icon img{margin-bottom:1rem}}footer *{box-sizing:border-box}.friso-section-container.footer{height:auto;min-height:0;align-items:flex-start;letter-spacing:0}@media screen and (max-width:768px){.friso-section-container.footer{padding-top:5rem;padding-bottom:5rem}}.friso-section-container.footer .super li:before{transform:none}.lang-btn{position:absolute;right:0;bottom:0;width:4.5em;transform:translateY(125%)}.lang-btn img{transform:translateX(10%)}.lang-btn.hover img{transform:translateX(0)}[lang=en] .lang-btn.en,[lang=zh-hk] .lang-btn.zh-hk{display:none}.tnc-wrapper{z-index:50}.tnc-wrapper .friso-overlay-container-inner{position:relative}.tnc-wrapper .close-tnc-popup{position:absolute;right:2rem;top:2rem;z-index:2;display:flex;align-items:center;cursor:pointer}.tnc-wrapper .close-tnc-popup p{margin:0 .5rem 0 0;font-size:16.5px}@media screen and (max-width:768px){.tnc-wrapper .close-tnc-popup p{font-size:13.2px}}.tnc-wrapper .close-tnc-popup .cross-mark{position:relative;width:1.875rem;height:1.875rem;display:flex;flex-direction:column;justify-content:center;flex-shrink:0}.tnc-wrapper .close-tnc-popup .cross-mark::after,.tnc-wrapper .close-tnc-popup .cross-mark::before{content:"";position:absolute;width:100%;height:.1rem;background-color:var(--text-gold)}.tnc-wrapper .close-tnc-popup .cross-mark::before{transform:rotate(45deg)}.tnc-wrapper .close-tnc-popup .cross-mark::after{transform:rotate(-45deg)}@media screen and (max-width:768px){.tnc-wrapper .close-tnc-popup{top:1rem;right:1rem}}.for-products{padding-top:10em}.video-player-wrapper{position:fixed;display:none;align-items:center;justify-content:center;top:0;right:0;bottom:0;left:0;z-index:500;background:rgba(31,12,6,.55)}.video-player-wrapper.active{display:flex}.video-player-wrapper-inner{width:50dvh;max-width:90vw;position:relative}.video-wrapper-close-btn{position:absolute;top:0;right:0;display:flex;align-items:center;justify-content:center;width:60px;height:60px;z-index:20}.video-wrapper-close-btn img{width:30px}.video-wrapper-ratio{padding-top:177.7777777778%;width:100%}.video-wrapper-ratio>div{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.unbranded{--unbranded-wrapper-max-w:1180px;--wrapperDirection:row;--wrapperItemTxtAlign:left;--wrapperPaddingH:0;--did-you-know-wrapper-item-canvas-scale:scale(1.3) translateY(-5%);--unbranded-txt-large-font-size:2.2rem;--soa-content-width:0 0 calc(100% - 450px);--soa-img-img-width:350px;--soa-img-flex:0 0 var(--soa-img-img-width);--soa-img-width:auto;--soa-wrapper-ai:flex-start;--soa-content-pt:2rem;--avp-item-width:50%;--avp-wrapper-gap:0;--ib-video-width:40%;--ib-txt-overlay-top:20%;--ib-txt-overlay-right:47%;--ib-kv-ball-l-w:140px;--ib-kv-ball-l-r:calc(100% - 120px);--ib-kv-ball-r-w:160px;--ib-kv-ball-r-r:calc(100% - 140px);--ib-kv-ball-tb:0;--ib-kv-ball-r-b:-33%;--y-shape-1-txt-top:47%;--y-shape-1-txt-right:75.3%;--y-shape-1-dl-border-w:1px 1px 0 0;--y-shape-right-txt-left:73%;--y-shape-2-txt-btm:83%;--y-shape-3-txt-top:64%;--y-shape-bg-w:100%;--y-shape-1-dl-transform:skew(40deg) translateX(10px);--y-shape-2-3-dl-transform:skew(-40deg) translateX(-10px);--y-shape-txt-translate-y:60%;--preserve-img-width:400px;--preserve-content-pt:0;--three-points-ani-duration:1500ms;--three-points-inner-display:block;--three-points-steps-h:140px;--three-points-txt-max-h:0;--three-points-wrapper-gap:0}@media screen and (min-width:1280px){.unbranded{--ib-kv-ball-l-r:100%;--ib-kv-ball-r-r:98%}}@media screen and (min-width:1025px) and (min-height:768px){.unbranded{--ib-kv-ball-tb:-10%;--ib-kv-ball-r-b:-33%}}@media screen and (max-width:1440px){.unbranded{--y-shape-3-txt-top:61%}}@media screen and (max-width:768px){.unbranded{--ib-txt-overlay-top:-10%;--ib-txt-overlay-right:55%;--ib-kv-ball-tb:-50%;--ib-kv-ball-r-b:-25%}}@media screen and (max-width:768px){.unbranded{--wrapperDirection:column-reverse;--wrapperItemTxtAlign:center;--wrapperPaddingH:2rem;--did-you-know-wrapper-item-canvas-scale:scale(1);--unbranded-txt-large-font-size:1.6rem;--soa-content-width:0 0 100%;--soa-img-img-width:60vw;--soa-img-flex:0 0 100%;--soa-img-width:100%;--soa-wrapper-ai:center;--soa-content-pt:0;--avp-item-width:100%;--avp-wrapper-gap:1rem;--ib-video-width:70%;--ib-txt-overlay-z:20;--ib-kv-ball-l-w:30vw;--ib-kv-ball-l-r:calc(100% - 20vw);--ib-kv-ball-r-w:25vw;--ib-kv-ball-r-r:calc(100% - 16vw);--ib-kv-ball-o:0.5;--y-shape-1-txt-right:68%;--y-shape-right-txt-left:82%;--y-shape-1-txt-top:35%;--y-shape-2-txt-btm:82%;--y-shape-3-txt-top:56%;--y-shape-bg-w:160vw;--y-shape-1-dl-transform:skew(-20deg) translateX(-5px);--y-shape-1-dl-border-w:1px 0 0 1px;--y-shape-2-3-dl-transform:skew(-20deg) translateX(-5px);--y-shape-txt-translate-y:0%;--preserve-img-width:100%;--preserve-content-pt:0;--three-points-inner-display:none;--three-points-steps-h:auto;--three-points-txt-max-h:none;--three-points-wrapper-gap:2rem}}.unbranded{letter-spacing:3px}.unbranded img{max-width:100%}.unbranded .txt-large{font-size:var(--unbranded-txt-large-font-size)}@media screen and (min-width:961px){.unbranded .friso-section-container-inner-full,.unbranded .friso-section-container-inner-wider{max-width:var(--unbranded-wrapper-max-w)!important}}.unbranded .did-you-know-wrapper{display:flex;align-items:center;flex-direction:var(--wrapperDirection)}@media screen and (max-width:960px){.unbranded .did-you-know-wrapper{margin-top:10vh!important}}@media screen and (max-width:768px){.unbranded .did-you-know-wrapper{flex-direction:column}}.unbranded .did-you-know-wrapper-item{flex:1;text-align:var(--wrapperItemTxtAlign);position:relative}.unbranded .did-you-know-wrapper-item-canvas{transform:var(--did-you-know-wrapper-item-canvas-scale)}@media screen and (max-width:768px){.unbranded .did-you-know-wrapper-item-canvas{order:2}}@media screen and (max-width:768px){.unbranded .did-you-know-wrapper-item:not(.did-you-know-wrapper-item-canvas){display:contents}.unbranded .did-you-know-wrapper-item:not(.did-you-know-wrapper-item-canvas)>div:first-child{order:1}.unbranded .did-you-know-wrapper-item:not(.did-you-know-wrapper-item-canvas)>div:nth-child(2){order:3}.unbranded .did-you-know-wrapper-item:not(.did-you-know-wrapper-item-canvas)>div:nth-child(3){order:4}}.unbranded .did-you-know-title__img{max-width:100%;max-height:32px}@media screen and (max-width:1023px){.unbranded .did-you-know-title__img{max-height:none}}@media screen and (min-width:1025px){.unbranded .did-you-know-title__img--bioactive,.unbranded .did-you-know-title__img--igG-benefits{width:1920px!important;max-width:none!important}}@media screen and (max-width:640px){.unbranded .trio-immune-container{padding-top:8rem}}.unbranded .three-points{padding-top:0}.unbranded .three-points-wrapper{padding-top:0!important}@media screen and (min-width:769px){.unbranded .three-points-wrapper{background:#120b03}}.unbranded .three-points-txt{max-height:var(--three-points-txt-max-h);transition:all var(--three-points-ani-duration) ease;overflow:hidden}.unbranded .three-points-cover{position:relative;z-index:1}.unbranded .three-points-inner{position:absolute;z-index:2;width:100%;max-width:none;top:0;bottom:0;transition:all var(--three-points-ani-duration) ease;display:var(--three-points-inner-display)}.unbranded .three-points-inner-1{left:0}.unbranded .three-points-inner-2{left:50%;transform:translateX(-50%)}.unbranded .three-points-inner-3{right:0}.unbranded .three-points-inner-img{opacity:0;position:absolute;width:100%;height:100%;left:50%;transform:translateX(-50%);object-fit:cover;transition:all var(--three-points-ani-duration) ease}.unbranded .trio-immune-steps{align-items:center;justify-content:space-evenly;gap:.5rem;height:var(--three-points-steps-h)}.unbranded .trio-immune-steps>div{margin:0!important}.unbranded .trio-immune-steps .steps-num{transform:scale(1);max-height:none!important;width:100px}.unbranded .trio-immune-img{margin-top:1rem}.unbranded .trio-immune-container:hover .trio-immune-wrapper{opacity:.5}.unbranded .trio-immune-wrapper{z-index:1;transition:all var(--three-points-ani-duration) ease;padding-bottom:0}.unbranded .trio-immune-wrapper+.trio-immune-wrapper{margin-top:var(--three-points-wrapper-gap)}.unbranded .trio-immune-wrapper:hover{z-index:2;opacity:1!important}.unbranded .trio-immune-wrapper:hover .three-points-txt{max-height:200px}.unbranded .trio-immune-wrapper:hover .three-points-inner{width:calc(300% + 4rem)}.unbranded .trio-immune-wrapper:hover .three-points-inner-img{opacity:1}.unbranded .source-of-antibodies-wrapper{display:flex;justify-content:space-between;align-items:var(--soa-wrapper-ai);flex-direction:var(--wrapperDirection)}@media screen and (max-width:640px){.unbranded .source-of-antibodies-wrapper{gap:.5rem}}.unbranded .source-of-antibodies-wrapper-item{text-align:var(--wrapperItemTxtAlign)}.unbranded .source-of-antibodies-wrapper-item-content{flex:var(--soa-content-width);padding-top:var(--soa-content-pt);padding-left:var(--wrapperPaddingH);padding-right:var(--wrapperPaddingH);position:relative;z-index:2}.unbranded .source-of-antibodies-wrapper-item-img{flex:var(--soa-img-flex);width:var(--soa-img-width);position:relative;z-index:1}.unbranded .source-of-antibodies-wrapper-item-img img{width:var(--soa-img-img-width)}@media screen and (min-width:769px){.unbranded .source-of-antibodies-wrapper-item-img img{transform-origin:bottom right;transform:scale(1.075)}}.unbranded .soa-seq{transition-delay:0.3s!important}.unbranded .antibody-vulnerable-period{width:100%;overflow:hidden}.unbranded .antibody-vulnerable-period .avp-seq{transition-delay:0.3s!important}.unbranded .antibody-vulnerable-period-video-cover,.unbranded .antibody-vulnerable-period-video-iframe{transition:all .5s ease}.unbranded .antibody-vulnerable-period-video-cover{cursor:pointer;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:2}.unbranded .antibody-vulnerable-period-video-iframe{z-index:1}@media screen and (min-width:641px){.unbranded .antibody-vulnerable-period-video{transform:scale(1.1);transform-origin:right center}}.unbranded .antibody-vulnerable-period-wrapper{display:flex;align-items:center;flex-direction:var(--wrapperDirection);gap:var(--avp-wrapper-gap)}.unbranded .antibody-vulnerable-period-wrapper-item{text-align:var(--wrapperItemTxtAlign);flex:1;width:var(--avp-item-width)}.unbranded .antibody-vulnerable-period-wrapper-item-txt{padding-left:var(--wrapperPaddingH);padding-right:var(--wrapperPaddingH)}.unbranded .antibody-vulnerable-period-wrapper-item .vjs-big-play-button{display:none}.unbranded .antibody-vulnerable-period-wrapper-item .ytvideo{position:relative}.unbranded .antibody-vulnerable-period-wrapper-item .ytvideo>div{position:absolute;top:0;right:0;bottom:0;left:0;max-width:100%;height:100%}.unbranded .bioactive .bioactive-seq{transition-delay:0.3s!important}.unbranded .bioactive-wrapper{box-sizing:border-box;padding-left:var(--wrapperPaddingH);padding-right:var(--wrapperPaddingH)}.unbranded .bioactive .gallery-container{max-width:960px}.unbranded .bioactive .video-over-content h2{font-size:.9em}.unbranded .igG-benefits{width:100%;overflow:hidden;-webkit-transform:translateZ(0);transform:translateZ(0)}.unbranded .igG-benefits-subtitle{margin:2rem auto 5rem;text-align:center}.unbranded .igG-benefits-subtitle h3{letter-spacing:5px}@media screen and (max-width:960px){.unbranded .igG-benefits-subtitle{margin-top:5rem}}.unbranded .igG-benefits .canvas-ani,.unbranded .igG-benefits .friso-form-kv-inner{position:absolute;right:0}.unbranded .igG-benefits-core-video{position:relative;width:var(--ib-video-width)}.unbranded .igG-benefits-core-video-wrapper{width:80%;margin:0 auto}.unbranded .igG-benefits-core-video-text-overlay{width:auto;position:absolute;top:var(--ib-txt-overlay-top);right:var(--ib-txt-overlay-right);text-align:left;transform:translateX(-117%);z-index:var(--ib-txt-overlay-z)}.unbranded .igG-benefits-core-video-text-overlay .text-overlay{white-space:nowrap}.unbranded .igG-benefits-core-video-text-overlay .diagonal-line{transform:skewX(40deg) translateX(13px);margin-top:.5rem;width:100%;height:30px;border:2px solid #fff;border-left:0;border-bottom:0}.unbranded .igG-benefits-kv{width:100%;overflow:visible;padding-top:1rem!important}@media screen and (max-width:768px){.unbranded .igG-benefits-kv{margin-top:3rem}}.unbranded .igG-benefits-kv-wrapper{filter:brightness(.5);position:absolute;width:100%;height:100%;display:block}.unbranded .igG-benefits-kv-ball{position:absolute}.unbranded .igG-benefits-kv-ball-left,.unbranded .igG-benefits-kv-ball-right{margin:0}.unbranded .igG-benefits-kv-ball-left>div,.unbranded .igG-benefits-kv-ball-right>div{opacity:var(--ib-kv-ball-o)}.unbranded .igG-benefits-kv-ball-left{width:var(--ib-kv-ball-l-w);height:var(--ib-kv-ball-l-w);right:var(--ib-kv-ball-l-r);bottom:var(--ib-kv-ball-tb)}.unbranded .igG-benefits-kv-ball-right{width:var(--ib-kv-ball-r-w);height:var(--ib-kv-ball-r-w);left:var(--ib-kv-ball-r-r);top:var(--ib-kv-ball-r-b)}.unbranded .igG-benefits .igG-benefits-kv-ball-left.fadein-ele,.unbranded .igG-benefits .igG-benefits-kv-ball-right.fadein-ele{transition-delay:0.2s!important}.unbranded .igG-benefits .igG-benefits-core-video-text-overlay.fadein-ele,.unbranded .igG-benefits .igG-benefits-core-video.fadein-ele{transition-delay:0.4s!important}.unbranded .igG-benefits .igG-benefits-subtitle.fadein-ele{transition-delay:0.6s!important}@media screen and (max-width:960px){.unbranded .igG-benefits .igG-benefits-subtitle.fadein-ele{transition-delay:0.9s!important}}.unbranded .y-shape{width:100%;padding-bottom:0}@media screen and (min-width:769px){.unbranded .y-shape{margin-top:8rem;border-bottom:28vh transparent solid;transition:border-bottom-color .6s cubic-bezier(0, .68, .53, 1);transition-delay:0.3s}}.unbranded .y-shape .y-shape-seq{transition-delay:0.3s!important}@media screen and (min-width:769px){.unbranded .y-shape.scrolled{border-bottom-color:#120b03}}.unbranded .y-shape.scrolled::after{opacity:1}.unbranded .y-shape::after{content:"";position:absolute;top:0;left:50%;width:100vw;height:100%;display:block;opacity:0;transition:opacity .6s cubic-bezier(0, .68, .53, 1);transition-delay:0.3s;transform:translateX(-50%);background-image:url("../img/water-png_v5.png");background-repeat:repeat-x;background-position:center 0;background-size:1920px auto}@media screen and (max-width:768px){.unbranded .y-shape::after{background-position:center 300px;background-size:150vw auto}}@media screen and (max-width:768px){.unbranded .y-shape{overflow:hidden;padding-bottom:0}}.unbranded .y-shape-outerwrapper{position:relative}.unbranded .y-shape-outerwrapper::before{content:"";position:absolute;top:100%;left:0;width:100%;height:48px;background:linear-gradient(to bottom,#120b03 0,#120b03 40%,rgba(18,11,3,0) 100%);z-index:3;pointer-events:none}.unbranded .y-shape-txt{transform:translateY(var(--y-shape-txt-translate-y)) translateX(0)}@media screen and (max-width:768px){.unbranded .y-shape-txt{transform:translateY(var(--y-shape-txt-translate-y)) translateX(0)}}.unbranded .y-shape-bg-wrapper{position:relative}.unbranded .y-shape-bg-wrapper-bg{width:var(--y-shape-bg-w);position:relative;max-width:145vw;left:50%;transform:translateX(-50%);margin-bottom:1rem}@media screen and (min-width:769px){.unbranded .y-shape-bg-wrapper-bg{transform:translateX(-50%);max-width:1280px;left:47.5%}}.unbranded .y-shape-bg-wrapper-text-overlay{position:absolute;z-index:2}.unbranded .y-shape-bg-wrapper-text-overlay .diagonal-line{margin-top:.5rem;width:100%;height:20px;border-width:1px 1px 1px 1px;border-style:solid;border-color:#fff}.unbranded .y-shape-bg-wrapper-text-overlay-1{top:var(--y-shape-1-txt-top);right:var(--y-shape-1-txt-right);transform:translateY(-50%)}.unbranded .y-shape-bg-wrapper-text-overlay-1 .diagonal-line{transform:var(--y-shape-1-dl-transform);border-width:var(--y-shape-1-dl-border-w)}.unbranded .y-shape-bg-wrapper-text-overlay-2 .diagonal-line,.unbranded .y-shape-bg-wrapper-text-overlay-3 .diagonal-line{transform:var(--y-shape-2-3-dl-transform);border-bottom:0;border-right:0}.unbranded .y-shape-bg-wrapper-text-overlay-2{bottom:var(--y-shape-2-txt-btm);left:var(--y-shape-right-txt-left)}.unbranded .y-shape-bg-wrapper-text-overlay-3{top:var(--y-shape-3-txt-top);left:var(--y-shape-right-txt-left)}.unbranded .preserve-wrapper{display:flex;align-items:flex-start;justify-content:space-between;flex-direction:var(--wrapperDirection)}@media screen and (max-width:640px){.unbranded .preserve-wrapper{align-items:center}}@media screen and (max-width:640px){.unbranded .preserve-wrapper-content-mobile{position:relative;z-index:2}}.unbranded .preserve-wrapper-item{text-align:var(--wrapperItemTxtAlign)}.unbranded .preserve-wrapper-item-content{padding-top:var(--preserve-content-pt)}.unbranded .preserve-wrapper-item-img{width:var(--preserve-img-width);text-align:center}@media screen and (min-width:769px){.unbranded .preserve-wrapper-item-img{transform:translateX(-10%)}}.unbranded .preserve-wrapper-item-img img{max-width:80vw;margin:1.25rem auto 0}@media screen and (min-width:769px){.unbranded .preserve-wrapper-item-img img{margin-top:0}}.unbranded .preserve-seq{transition-delay:0.3s!important}.unbranded .footer{padding-top:5rem}.unbranded .avp-content{margin-top:.5rem!important}.unbranded .gallery-container.two .gallery-container-ele:first-child{transform:translate(-85%,0) scale(.6)!important}.unbranded .gallery-container.one .gallery-container-ele:nth-child(2){transform:translate(85%,0) scale(.6)!important}.baby-img-wrapper,.preserve-wrapper-item-img{position:relative}.baby-img-wrapper::after,.preserve-wrapper-item-img::after{content:"";z-index:1;background:url("../img/home/hori_shadow-2.png") right center no-repeat;position:absolute;pointer-events:none;right:0;background-size:contain;height:400px;width:170%;bottom:-70px}@media screen and (max-width:768px){.baby-img-wrapper::after,.preserve-wrapper-item-img::after{height:200px;width:200%;bottom:0;background:url("../img/home/hori_shadow-2.png") center center no-repeat;background-size:100% auto;left:0;bottom:-30px;width:100%;background-size:100vw auto}}.y-shape-outerwrapper{position:relative}.y-shape-outerwrapper.scrolled::before{opacity:1}.y-shape-outerwrapper::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;display:block;opacity:0;transition:opacity .6s cubic-bezier(0, .68, .53, 1);transition-delay:0.3s;background-image:url("../img/water-png_v5.png");background-repeat:repeat-x;background-position:center 0;background-size:1920px auto}@media screen and (max-width:768px){.y-shape-outerwrapper::before{background-position:center 270px;background-size:150vw auto}}.y-shape-outerwrapper::after{background:url(../img/home/hori_shadow-2.png) right center no-repeat;position:absolute;pointer-events:none;right:0;background-size:100% 100%;height:250px;width:100%;bottom:-72px;z-index:2}@media screen and (max-width:768px){.y-shape-outerwrapper::after{height:150px;width:200%;bottom:0;background:url("../img/home/hori_shadow-2.png") right center no-repeat;left:0;bottom:-50px;width:100%;background-size:200vw 100%}}@media screen and (min-width:641px){.baby-img-wrapper img{transform:translateX(-5%)}}:root{--text-primary:#E8AC67;--text-secondary:#FFE29A;--text-white:#FFFFFF;--text-gold:#C9A666;--text-dark-green:#004524;--text-mud-green:#525613;--text-light-green:#f6f7d7;--text-gray:#b9b9b9;--text-yellow:#fcbf3f;--text-blue:#003486;--text-off-white:#FFF9E2;--friso-prestige-green:#017D41;--friso-prestige-gold:#ae9030;--friso-blue:#1D3488;--friso-medium-blue:#84BBE2;--friso-light-blue:#7AB3E0;--friso-blue-ribbon:#0851E9;--friso-gold:#D4A55D;--friso-pink:#E25D89;--frisomum-dark-gold:#B97A25;--friso-pink-bg:rgba(226, 93, 137, .1);--friso-signature:#6A3A00;--friso-signature-gold:#A28759;--text-chocolate-brown:#210f03;--text-dark-gray:#666666;--text-dark:#292929;--text-mid-gray:#808080;--text-mid-gray-2:#A4A4A4;--text-xxxl:4rem;--text-xxl:3.2rem;--text-xl:2.4rem;--text-l:2rem;--text-m:1.6rem;--text-xm:1.2rem;--text-s:1rem;--text-xs:.8rem;--border-primary:1px solid #E8AC67;--bg-light-fill-default:rgba(0, 39, 120, .1);--bg-gradient-primary:linear-gradient(to right, #FFE29A, #ECC565);--bg-gradient-default:linear-gradient(to bottom, #B2BED6, var(--text-white) 100%);--bg-gradient-signature:linear-gradient(to bottom, rgba(162, 135, 89, .7), var(--text-white) 100%);--bg-gradient-prestige-bio:linear-gradient(to bottom, rgba(232, 255, 244, .7), var(--text-white) 100%);--bg-gradient-prestige:linear-gradient(to bottom, rgba(229, 214, 197, .7), var(--text-white) 100%);--bg-gradient-gold:linear-gradient(to bottom, rgba(178, 190, 214, .7), var(--text-white) 100%);--bg-gradient-mum:linear-gradient(to right, #FBF0F1, #FCE4E7);--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--breakpoint-xxl:1400px}.navbar-open{margin:0;height:100%;overflow:hidden}.navbar *{font-family:Baufra,'Noto Sans',Arial,sans-serif;box-sizing:border-box}.navbar{box-sizing:border-box;padding:14px;position:fixed!important;top:0;width:100%;z-index:450}.navbar__header{position:relative}body.friso-signature .navbar .friso-rect-button{font-size:12px;width:200px;line-height:1.1;padding-top:10px;padding-bottom:12px;margin-top:0}@media screen and (max-width:768px){body.friso-signature .navbar .friso-rect-button{width:90px}}.navbar__wrapper{position:relative;max-width:1280px;width:100%;margin:0 auto}body.friso-signature .navbar,body.friso-signature .navbar__menu{background-color:var(--text-chocolate-brown)}body.friso-signature .main .navbar__menu-item a{color:var(--text-gold);white-space:nowrap}body.friso-signature .navbar .arrow-down{border-bottom:2px solid var(--text-gold);border-right:2px solid var(--text-gold)}body.friso-signature .navbar__menu-item{color:var(--text-gold)!important}body.friso-signature .navbar__active-menu-indicator,body.friso-signature .navbar__menu-list.child{background-color:var(--text-chocolate-brown)!important}body.friso-signature .navbar__active-menu-indicator{background-color:var(--friso-signature-gold)!important}body.friso-signature .navbar__menu-item svg circle:first-child{stroke:var(--text-gold)!important}body.friso-signature .navbar__menu-item.active svg circle:last-child{fill:var(--text-gold)!important}body.friso-signature .navbar__menu-item.header{color:var(--text-mid-gray)!important}.navbar-menu-humburger{display:block}.navbar-menu-humburger-signature{display:none}body.friso-signature .navbar-menu-humburger{display:none}body.friso-signature .navbar a{border:none!important;background:0 0!important}.navbar a{text-decoration:none}.navbar .arrow-down{display:inline-block;position:absolute;content:"";top:4px;right:-16px;width:10px;height:10px;transform:rotate(45deg);transition:transform .3s ease-in-out,top .3s ease-in-out;border-bottom:2px solid var(--friso-blue);border-right:2px solid var(--friso-blue);box-sizing:border-box}.navbar__logo{position:absolute;top:-14px;flex:.8;text-align:center;left:50%;z-index:551;transform:translateX(-50%)}.navbar__logo img{width:160px;padding:0}body.friso-signature .navbar__logo{left:50%;transform:translateX(-50%)}.navbar__btn-toggler{flex:.1}.navbar__btn-cta-wrapper.mobile{flex:.1;position:relative;z-index:551}.navbar__menu,.navbar__menu-overlay{width:100vw;height:100vh;position:fixed;left:0;top:0;right:0;bottom:0;display:none}.navbar__menu ul{list-style:none;padding:0}.navbar-open .navbar__menu-overlay{display:block}.navbar__menu-overlay{z-index:10}.navbar__menu{width:100%;z-index:550;padding:40px 20px 20px;overflow:scroll}.navbar__btn-cta-wrapper{display:flex;gap:12px;align-items:center}.navbar .desktop{display:none!important}.navbar__btn-close{color:var(--text-white);font-size:18px}.divider{width:100%;height:1px;background-color:var(--text-white);margin:14px 0;display:none}.navbar__btn-cta img{width:24px}.navbar__menu-header,.navbar__menu-item,.navbar__menu-item .sublabel{font-size:16px;font-style:normal;font-weight:600;line-height:18px}.navbar__menu-item:has(> a > .arrow-down){padding-right:10px!important}.navbar__menu-item.parent a{position:relative;white-space:nowrap}.current-language.active .navbar__menu-item.parent>a::after,.main:not(.current-language) .navbar__menu-item.parent:hover>a::after{opacity:1;width:calc(100% + 20px)}.navbar__menu-header{font-size:14px;display:none}.navbar__menu-item.parent>a::after{content:'';display:block;width:0;height:3px;background-color:var(--friso-blue);display:none;opacity:0;transition:opacity .3s ease-in-out,width .3s ease-in-out;position:absolute;left:0;bottom:-4px}body.friso-signature .navbar__menu-item.parent>a::after{background-color:var(--text-gold)}.navbar__menu-list.child{overflow:hidden;max-height:0;margin:0 -20px;padding-left:20px;padding-right:20px;background-color:var(--text-white);transition:max-height .3s ease-in-out}.navbar__menu-item.header{padding-bottom:10px}.navbar__menu-item{padding:14px 0;position:relative}.navbar__menu-item sub,.navbar__menu-item sup{line-height:0}.main>.navbar__menu-item.expand-child::after{display:none}.navbar__menu-item a{display:inline-block;position:relative}.main .navbar__menu-item a{color:var(--friso-blue);opacity:1;transition:opacity .3s ease-in-out}.main .navbar__menu-item a{transition:opacity .3s ease-in-out}.main .navbar__menu-item a:hover{opacity:.7}.child .navbar__menu-item a{color:var(--text-signature-primary)}.child .navbar__menu-item a{font-weight:400}.navbar__active-menu-indicator{width:0;height:3px;background-color:var(--friso-blue);transform:none;background-image:none;top:40px;left:0;opacity:0;position:absolute;transition:opacity .3s ease-in-out,width .3s ease-in-out}.navbar__menu-item.parent .sublabel{color:rgba(255,249,226,.6)}.navbar__menu-item.parent.expand-child>a{margin-bottom:10px}.navbar__menu-item.parent>a{transition:margin-bottom .3s ease-in-out,opacity .3s ease-in-out}.navbar__active-menu-indicator{display:none}.navbar__btn-cta-header{padding:0!important;min-width:0!important;position:relative;font-weight:500;line-height:1;transition:opacity .3s ease-in-out}.navbar__btn-cta-header .arrow-icon{display:block;margin-left:4px}.navbar__btn-cta-header:hover{opacity:.7}.crossmark{position:relative;width:24px;height:24px}.crossmark::after,.crossmark::before{content:'';position:absolute;top:0;left:50%;width:2px;height:100%;background-color:var(--friso-blue);transform-origin:center}body.friso-signature .crossmark::after,body.friso-signature .crossmark::before{background-color:var(--friso-signature-gold)}.crossmark::before{transform:rotate(45deg)}.crossmark::after{transform:rotate(-45deg)}.child .navbar__menu-item.header{color:var(--text-mid-gray);font-size:13px}.current-language:hover{cursor:pointer}.current-language .navbar__menu-list svg{position:relative;top:3px;margin-right:10px}.current-language li.active svg circle.fill{fill:#1D3488}.friso-rect-button{cursor:pointer;line-height:1.2;padding:1em 2em;text-align:center;border-radius:.5em;background-color:rgba(201,166,102,.1);color:#c9a666!important;letter-spacing:.1em;border:2px solid #ddb065;font-weight:600;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;vertical-align:middle}.friso-rect-button:hover{background-color:rgba(201,166,102,.8);color:#fff!important;border-color:#fff!important}@media screen and (max-width:768px){.txt-nano{font-size:7.5px}}@media screen and (max-width:992px){.navbar__menu{display:block;left:-110vw;padding-top:120px;padding-bottom:120px;transition:left .3s ease-in-out}body.friso-signature .navbar__menu{left:-140vw}body.friso-signature .navbar__btn-cta-wrapper.desktop{display:none}.navbar-open .navbar__menu,body.friso-signature.navbar-open .navbar__menu{left:0}body.friso-signature .navbar-menu-humburger-signature{display:block}.navbar__btn-close-wrapper{position:absolute;top:0;left:0}.navbar__btn-close{position:absolute;top:16px;left:16px}.navbar__menu-header{padding-top:80px;font-size:16px;padding-left:30px;padding-right:30px}.main .navbar__menu-item a{display:block;padding-bottom:10px;border-bottom:1px solid var(--friso-blue)}.friso-signature .main .navbar__menu-item a{border-bottom:1px solid var(--friso-signature-gold)}.main .navbar__menu-item.parent a{border:none;opacity:1}.child .navbar__menu-item a{color:var(--friso-blue);border:none}.navbar .arrow-down{top:3px;right:5px}.expand-child .navbar__menu-list.child{border-bottom:1px solid rgba(0,52,134,.5)}.navbar__menu-list.child{margin:0;padding-left:0;padding-right:0;transition:border .3s ease-in-out;border-bottom:1px solid var(--friso-blue)}body.friso-signature .navbar__menu-list.child{border-bottom-color:var(--friso-signature-gold)}.expand-child .arrow-down{transform:rotate(-130deg)}.navbar__menu-item:has(> a > .arrow-down){padding-right:0!important}.current-language .navbar__menu-item{color:var(--friso-blue)}.current-language.main .navbar__menu-item a{border-bottom:none;display:inline-block;padding-right:20px}.current-language .navbar__menu-item .arrow-down{top:2px}.current-language .navbar__menu-item.expand-child .arrow-down{top:5px}.current-language.navbar__menu-list{margin-bottom:60px}.current-language .expand-child .navbar__menu-list.child,.current-language .navbar__menu-item .navbar__menu-list.child{border:none}}@media screen and (min-width:992px){.navbar{padding:4px 20px}.navbar__logo img{width:190px}.navbar__logo{left:0;top:-8px;transform:none}.navbar_wrapper{padding:20px 20px 10px}.navbar__btn-toggler{display:none}.navbar__wrapper{display:grid;grid-template-columns:200px calc(100% - 200px);gap:20px;justify-content:flex-start;align-items:flex-start}.navbar__menu{display:flex;position:relative;padding:0;overflow:initial;height:auto;background-color:transparent;width:100%;justify-content:space-between}.navbar__menu-item.header{display:block;font-size:14px;font-weight:700;line-height:24px;color:rgba(37,37,37,.5);padding-bottom:5px}.navbar__btn-close-wrapper,.navbar__btn-cta-wrapper.mobile,.navbar__menu .divider,.navbar__menu-header,r{display:none!important}.main>.navbar__menu-item{position:relative}.main>.navbar__menu-item::after{display:none}.desktop.navbar__btn-cta-wrapper{display:flex!important}.navbar .desktop{display:inline-block!important}body.friso-signature .navbar__btn-cta-wrapper.desktop{display:flex!important}.navbar__menu-list.main{display:flex;gap:40px;padding:0;margin:0;align-items:center}.navbar__menu-list.main>.navbar__menu-item{padding:16px 0}.navbar__menu-item.parent{padding:0}.navbar__active-menu-indicator{display:inline-block}.navbar__menu-item.parent>a::after{display:inline-block}.current-language.active .arrow-down,.main:not(.current-language) .navbar__menu-item:hover .arrow-down{transform:rotate(-135deg);top:8px}.navbar__menu-item.parent.expand-child>a{margin-bottom:0}.navbar__menu-list.child{position:absolute;padding:0;top:85%;left:-24px;margin:0;border:0;opacity:0;width:auto;white-space:nowrap;max-height:0;box-shadow:0 5px 20px 0 rgba(0,0,0,.1)}.current-language.active .navbar__menu-item .navbar__menu-list.child,.main:not(.current-language) .navbar__menu-item:hover .navbar__menu-list.child{opacity:1;max-height:inherit;padding:10px 24px 14px}.current-language .navbar__menu-list.child{right:-10px;left:auto}.child .navbar__menu-item{color:var(--friso-blue);padding:7.5px 0}.child .navbar__menu-item:last-child{border:none}}@media screen and (min-width:1200px){.navbar__menu-item{font-size:14px;line-height:21px}.navbar__menu-item.header{font-size:16px}}body.friso-signature .footer__wrapper--bottom,body.friso-signature footer .footer__wrapper--top{background-color:var(--text-chocolate-brown);color:var(--text-gold)}body.friso-signature .footer__wrapper--bottom .footer__bottom--right p{color:var(--text-gold)!important}body.friso-signature footer .arrow-right::after,body.friso-signature footer hr{border-color:var(--text-gold)}body.friso-signature footer a,body.friso-signature footer p{color:var(--text-gold)}body.friso-signature footer svg path{stroke:var(--text-gold)}footer{color:var(--text-white);position:relative}footer .footer__wrapper--top{color:var(--text-white);background-color:var(--friso-blue)}footer a{color:var(--text-white);text-decoration:none;transition:opacity .3s ease-in-out;opacity:1}footer a:hover{opacity:.7}footer a.text-underline{text-decoration:underline}footer ul{list-style:none;padding:0;margin:0}footer ul li{font-size:14px;display:inline-block;margin-right:24px}footer hr{border-color:var(--text-white);border-width:1px}footer .footer__wrapper{width:100%;max-width:900px;margin:0 auto;padding:24px 0}footer .footer__region--top{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px}footer .footer__region--right{display:flex;gap:20px;font-size:14px;align-items:center}footer .footer__region--right ul{line-height:0}footer .footer__region--right ul li{margin-right:16px}footer .footer__region--right ul li:last-child{margin-right:0}footer .footer__region--right ul li img{height:18px;width:auto;max-width:none;padding:0;object-fit:contain;vertical-align:middle}@media screen and (max-width:768px){footer .footer__region--right ul li img{width:auto}}footer .footer__region--bottom{display:flex;justify-content:space-between;align-items:center;padding-top:16px}footer .arrow-right::after{border-color:var(--text-white);width:8px;height:8px}#footer__scroll-top-btn{background:0 0;border:none;outline:0;box-shadow:none;cursor:pointer}.footer__wrapper--bottom{background:var(--text-white)}.footer__wrapper--bottom .footer__wrapper{padding:24px 0 40px;display:flex;justify-content:space-between;align-items:flex-end}.footer__wrapper--bottom img{padding:0;height:48px}.footer__wrapper--bottom .footer__bottom--right p{color:#000}.footer__socmed__header{font-size:0;height:0;width:0}@media screen and (max-width:768px){footer hr{display:none}footer .footer__wrapper{padding:24px 20px}footer .footer__region--bottom,footer .footer__region--top{padding:0;display:block}footer .footer__region--top{padding-bottom:0}footer .footer__region--left{padding:16px 0;border-bottom:1px solid rgba(255,255,255,.5)}footer .footer__region--left ul,footer .footer__region--right{display:flex;justify-content:space-between!important;align-items:center}footer .footer__region--right{padding:16px 0;border-bottom:1px solid rgba(255,255,255,.5)}footer .footer__region--bottom{text-align:right}footer .footer__region--bottom ul{text-align:left}footer .footer__region--bottom ul li{display:block;padding:16px 0;margin:0;border-bottom:1px solid rgba(255,255,255,.5)}footer #footer__scroll-top-btn{padding:16px 0}.footer__wrapper--bottom .footer__wrapper{padding-left:20px;padding-right:20px}footer ul li:last-child{margin-right:0}body.friso-signature .footer__wrapper--bottom .footer__bottom--right p{font-size:var(--text-s)}}.vjs-svg-icon{display:inline-block;background-repeat:no-repeat;background-position:center;fill:currentColor;height:1.8em;width:1.8em}.vjs-svg-icon:before{content:none!important}.vjs-control:focus .vjs-svg-icon,.vjs-svg-icon:hover{filter:drop-shadow(0 0 .25em #fff)}.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.video-js .vjs-modal-dialog,.vjs-button>.vjs-icon-placeholder:before,.vjs-modal-dialog .vjs-modal-dialog-content{position:absolute;top:0;left:0;width:100%;height:100%}.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.vjs-button>.vjs-icon-placeholder:before{text-align:center}@font-face{font-family:VideoJS;src:url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABTsAAsAAAAAIpAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV32Y21hcAAAAYQAAAEJAAAD5p42+VxnbHlmAAACkAAADtIAABckI4l972hlYWQAABFkAAAAKwAAADYsvIjpaGhlYQAAEZAAAAAdAAAAJA+RCL1obXR4AAARsAAAABcAAAC8Q2YAAGxvY2EAABHIAAAAYAAAAGB7CIGGbWF4cAAAEigAAAAfAAAAIAFAAI9uYW1lAAASSAAAASUAAAIK1cf1oHBvc3QAABNwAAABfAAAAnXdFqh1eJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGR7yDiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGPHcRdyA4RZgQRADaGCyYAAHic7dPXbcMwAEXRK1vuvffem749XAbKV3bjBA6fXsaIgMMLEWoQJaAEFKNnlELyQ4K27zib5PNF6vl8yld+TKr5kH0+cUw0xv00Hwvx2DResUyFKrV4XoMmLdp06NKjz4AhI8ZMmDJjzoIlK9Zs2LJjz4EjJ85cuHLjziPe/0UWL17mf2tqKLz/9jK9f8tXpGCoRdPKhtS0RqFkWvVQNtSKoVYNtWaoddPXEBqG2jQ9XWgZattQO4baNdSeofYNdWCoQ0MdGerYUCeGOjXUmaHODXVhqEtDXRnq2lA3hro11J2h7g31YKhHQz0Z6tlQL4Z6NdSbod4N9WGoT9MfHF6GmhnZLxyDcRMAAAB4nJ1YC1hU17U+a5/HMA4iA3NmVBDmoQwP5TFnHlFeA4gYiUFRQINoSCBAyK3G2yi+0aipYtFcHYo2xsb4NiY3+VrNxSaX5uvt495ozNdoYoxmem2/L8HGpLc+InB279pnhlGr5mvL4eyz99nrrL32eu1/DQcc/okdYgdHOA6MQKp4r9gx0EcMHMezOalVasW5BM7NcXoSb9fFgE6KtSSBxWz1FYDPG+vMBGcKb9cebu2VS5s2aaTkCvRSf6C7Y+Ppibm5E09v7IDs2/3uZQtbD0zIyppwoHXh/93ukmyYgdePNRp65p5v+3v/9otQl2O7wP34cT88p8Md2YxpYLQZoRcy6FlSBRnwnGAe6BPMSCZo+7NJVqS0cE4uHendzhSnbPH6TDqL1+Nme5LZXkCHnGyoH0kne30WH+gswhm3q+pt/mTas9NLS64GnjmSlTPw0wVQT/ewRaBgxtydy3cuUB9/6SW+vb5yRvr+t0eOfPKJZ/9t3+4tL7xj32Xd3thCxi+ge6ifdsAN+l5+wi5HQ/cCoeull1AszS7CUfEcJzK7sKWJAdJhCd0sPM4+EY7QDm5ov08hXRQXE5bf6PV5Q5+IjW7X7Nku92Ask4l2hCRRD6TPqISiCJeQna3SCFwrhrNzXHzo4yFevBwxpzxk8WCIIfkvVEKVy32SbT8n68gzgaslpaiO2zIGIyuSb7RNf9HSuN26y/7OC1tgEmpiyA6aD4qcgTOiLThwGG0eB694FI8NHLLN6OBlRVaMxNAFS4JdXUG6mW8PwpKuYLCLXKGbu8iwYNdgO06Sn3Th+/vyZAxs8Ro30DjHe9gy8Fywi24OMm7Qyzh3MTZVOMYhLBnoC+J79lpTUyQmorjhnMwlcQ5uPEYGpDjsOkkH49BjQLQBqs3jFtFdJNlksYmoQFDArLh8Xh+Qd6Ghcsb6FUuehDi+U/lqD71K/qiegeV1imcwjl7ExwiSrf4BZyCujV6cVcFo6VX+G9IcPyFjJnUufbU/jzrL1X99as36reXl8K32nFaOr+E8jWJEcJ55DpMVfSMe95/AJaOsGBH2GJCNpiRQbK4C8BjdmQA22QY2j03Em13i2YHqtNLU1NI04Yj2HJgA6fQc6VPNpA/D+Ryks554NnVy2mB72uRUfPLsqR4N0LOBQKArwJYO+5W2fgZX8oC1HR6HjNaQTVIG2FPwnTcXXGZZfNB7TE6pTKZUwaw91XWLAoFFGcnB5PHjsckgBjbWutrL+0h5Y1xw3DRGDumsnXb3MJwXrJIN5U7m0rgJ3yG5w4he5ckFG4pmNEkOm0/xOO4r4yL87wqtQM+hiJIVp+6iG2wPBKD35ElGkDx+UfC2v1mFG1o+M3AjNFty8biKMXwzyxnZLds8wYD2BxmCPHAldPOeLsy/0BugftYhVYFAhO8SqQ0j3oK7dHJZnI/jxmUS4onlxskSF8thmvNZjIrRZwEPxr0lBuLRuz3oy/FOHCsxwOPYh2M+e9u3J5pgPYz9gp6G7C9m0A11F9ddqKMfV+4sbq45/YspOysXvT+3pdFdYNg2fHbW8Dz301MqDVuGrz0Fuh0YMW8mddrpqzST7rV9BcvqPoNvadRndWp0p8HvbiqrFj5yFQ/vNFSXDpxpLEFWp+DcrF3FT1afWshFcmCfeAMjEvO65i0Y6XijQfSRPWx3TV/Df7Km3E1l+kLt56s/rwVzuRusNMhudznkwdLaS+QNdeal2jDPP4l9qHc98vTYZOSkxzD+njBWVWjFPKgipx6DkWvXQiW8OYcewVHE5yukinDMcfGgc0opDltYKDxIGBedkzc6jSfE7tlvESCDFUw0Hx0opS+U0lHCxNottbNWSxX9zZVvEhKWUSyBpaXwBc2a98M6UqPeXAs/GDon8Ax7hsthO8cM5HU7Ad0UvRR9lHmtyQKZ4MAe814X5h9MSUkQmhf96eVJ6p90OjIiqSIjvykvr2l5U55O/fPQKD+jIomYpNyGJQ25uQ2kIikRfAmuBHCPsWqkSDEqgZ5KDI2sifS/R43MbZg0idFHbCPNxXxZws1ACVE6hAhOdJwRkJLFBLPZpRGYJ50pko6XzMkgmSx40ljik6AQcKhFnLcQE6rF7PXFe1Ocoj0T3AXgSgJTDIhHRfHlYZKuSzc6uievOJGXY+i5GJkkTp7UM3y0LqATDbtFcbdBxO7o4T25JYlEjoH0uynUh8rapkxp62QN70svSF+hT4gGPlovlmcm/ComLi7mV4kTykV9NFWjE/QrwgQ4uIcAP0rQF4VZYRP2o3PhHHzfPMJj9Ir+uzKUlrH49ntT18AVvj1sc3YGjUT/Mt2Dxawa8ArcA7bCQIpvfwAYu22vEG/No/5RvPdA7g+AelLrPwzy+LtkLPhnpIxH14m4EYq8eeMHbPEPNm6G7Nv9B4jcFPZ8bJj0SEjP3MPgQdKTqqEoy2v6G32P/Y6dxOv04AxnoAeq+GILvUavtYCBXm+BaIhuodcfrN5B/V2EYMCPh+SxavjGyPwV0x4CJgUPGT0mQaODGBACIJZGsMXwAD0LGXx7l3CdAcKMIKI+f5CepWeD0BvyU/GcdBxPF8SwejC6LGZmAURFdsSWKR5HyHld2kbdIZO1Ixx+bnnzU7n5+blPNV9jnUDWhP2tC68tbN3PVIldsQPxSAcSpjOav7Q05uXn5zW2LLvDXn9B6syscPy9iDLEMmSrJz6nYuWMipukjM0AH8JkGS+XFyMRkzSCH7KD/hwm172SAyZYumHlefr5AddrtA0O0TnwaVZxcRY9Bfukn9Gf05N1r9DV9MoBsJ1f+ZrqUvtPHizJAntWybv7hmqLt6QLuK6ZS9Fqi1jO5rDoWPZXXII5Tgajg53cIXCjDCGIcYrRIY2n6+mXOa/W0bdhau3ryiEYe2FV/5oeaIYK/5w5frCyll6/cYO8DiNhw6t1MBWmznt91QX62UF1N7l0eHBZTRGpKaqpKVIPF9UcIzmReud9TSY75+K899GHbBu6wjoR7RKKZVYiYxSPf5/2wJT5e3NAhmUbVn5KLx1Ujg0+BGvpAIh0DezInTkzF37KVocxrKU3r1+XLtAe2lO3l66kfQfB/unKY+q8N375Ru8bc4pJXfEcESU95q+p8ZNZRTWH1d9FzvUdYXk5rLkcdkEisoKKVHQW/b3GEx6tPaYcoJfOr9wAbSBnv1IHpep0OExr4LPMkpJM+j7sly7UHkOzXjoAZljHCGiyegtNlwljM0v+c19ET9Pvst09a2Mtgcf5/ZSzYO5h1156+eyydfAsxGa9XAuF6vzjh6CssLq6ECysperXX0sX5h5ZdpZe3guxsGIPEtHk/aqXX1hVqP5HYVVVISkrrNqvXorIc+5Ou91Hnr/LcD2afi6eX7UBloOcs7cOpqgGaNfs1g7bNbs9z6wASaylN69d0/TFTIz6Ws8+oGV3mE2612wRTHKcVUbhjKadebloMc+dyXgMVtVK6BwMB/+mVW09igdRBWaRtNQX59d/VD//xdQ0TCiYNj1KT9sq6Wdu5WTbqk3qDXyDaLa1fv621LS01G3z61sD6lH8lAxDLicV921s6Bf92JOYvzNYCL1khbqBXEFUzC521N5NyzNaQIWhjyFyDoBIVrAjmv2UEaLlI+c6zw1jmVIPLLLZZUTj6GxGHW+mq1tgHXR2D85p4Q934+jLbtjVLcyCdS10NVzpHqxp4Q/hK7WopY/NRGx9HGsPGdFjOjcpjBnGYMVqY/4eqT5khWEHWUup2A/pTw7pdWgsWft7ETUERL96nRg0HNFPmCYba6pylECaExX89A9WLUOVB4oKLu/o1oqSYHCgLzBUlAz8hNFDRpeSU1XT+LRmDUgPaKbYdHDn9suF/tu13nHJij0N97LfS0QmqONuyONk7zvUI6Qa0pF9f2+oABL92AT6e0U//z9YqAiWtJLU1JK0gS+1aacwamiNqK067u9ZQ8f1d4qLodMzz3uL89Z68V/Hnr++hXWUuHgw8dfi972PeTyPefu3aNNucemQ74qFuIaJnVkOu4Q+yjuwmmC1FqZpl1i4uzoPxjkpPf3Xv545tl26Rr+dOvUd+omqJzch9dOeU7f10Y64nMcKK137DccIZq2WdXtdZjbEoLSzHwiMtrjYLDxpHQW8gjMX6XFYAE2zSWVD04EGYSs9MbO6sEo20BMEAB4mpvSypsKjZ4Stgzb+c3A9/MQT2+vrBy+qvyFxLUtLlSRF/Ri2wjfZ2dus2Q8lXx4608/jnqK5OOap6NY2PSjYYnECCjiEeLJll/pbmqfeIK+ps3+MxrlEhqmTPipVP7kqlF4VhpEb6r+Q7YOJg38kJ9SHBf3NBl6+9YchfbUjb5ahLSzUM3kPHmwFAsZ5rpai0S7E5xWzZ1j+fW7zsUWP2g5NXTw52ySCTrgG0+lbw60l2Y/CB185CoA8NK+tbRKxfjy6pm5hzQRRR+cMqv1Jbiw6STivtEvt3DRcy0QEh92JlUGo2PG4tSKHl00YD6xc8CK+YPYyy3io2lN8BcSjKRzrIV6ypOAobqxViJPaT9M9Hy5szY33mp7OX/Zu89L/7Ww5vqY2Y8b0pKgoiUhG5cPDPzq8qTV/WkzUOIvXVVA96kmjcBrr3HrYC/Wn+fYP6Z7T1rqy3zknbvqma/FvVk96fNXGkuaXrdHW5JGSxZT/2I/O73v+yNWafMdzc5NdxYurHs6h86e01sLKLz9EBrg+x36rxAaED7hRnAMx7Vzu+9wabh3zG8XLQjx0ablUJzmxdErxYT3kzQSd0SSafVqF5PXgpp0OyYJ1EyNHpGUZmvK575ySzd85JSqF7IBzSAbMM04+MbE58xF3/njXOGecSaermlw2y9PsSQdytLJVr8t+wg+rR8cZYoeNxVIzNdk3Bngi8U5LAlgTFoQnzJCa5EsCgYhCaGL+qPj7TdhG31p9tej3R04N//PXxNwJvyUqwaJqRPJY98TJ5TPndmflRAkAhBfe46sfKW5wizSge08Xb7Ca/GUVs55trngkKkrUS2WPzKttaaqq+idmahugkY+W6fN0I6i3gPt/x88U4wAAeJxjYGRgYADiGU9YXsXz23xl4GZnAIFH7fO+IdMc/WBxDgYmEAUASbMKwAB4nGNgZGBgZwABjj4Ghv//OfoZGBlQgT4ARicDZAAAAHicY2BgYGAfxJijD8Fmu4EqBwCSpgKpAAAAAAAADgBoAH4AzADgAQIBQgFsAZgB7gIuAooC0AL8A2IDjAOoA+AEMASwBNoFCAVaBcAGCAYuBnAGrAb2B04HigfSCCoIcAiGCJwIyAkkCVYJiAmsCfIKIApWCsQLknicY2BkYGDQZ2hmYGcAASYg5gJCBob/YD4DABqrAdAAeJxdkE1qg0AYhl8Tk9AIoVDaVSmzahcF87PMARLIMoFAl0ZHY1BHdBJIT9AT9AQ9RQ9Qeqy+yteNMzDzfM+88w0K4BY/cNAMB6N2bUaPPBLukybCLvleeAAPj8JD+hfhMV7hC3u4wxs7OO4NzQSZcI/8Ltwnfwi75E/hAR7wJTyk/xYeY49fYQ/PztM+jbTZ7LY6OWdBJdX/pqs6NYWa+zMxa13oKrA6Uoerqi/JwtpYxZXJ1coUVmeZUWVlTjq0/tHacjmdxuL90OR8O0UEDYMNdtiSEpz5XQGqzlm30kzUdAYFFOb8R7NOZk0q2lwAyz1i7oAr1xoXvrOgtYhZx8wY5KRV269JZ5yGpmzPTjQhvY9je6vEElPOuJP3mWKnP5M3V+YAAAB4nG2ReVPbMBDF/ULi2EkDBFqO3gdHLxUzDB9IkdexBllydRD49ihO3Ckz7B/a31utZnafkkGyiXnyclxhgB0MMUKKMTLkmGCKV5hhF3vYxxwHOMRrvMERjnGCU7zFO7zHB3zEJ3zGF3zFN5zhHBe4xHf8wE/8wm8w/MEVimTYKv44XR9MSCsUjVoeHE3vjQoNsSZ4mmxZmVWPjSz7jlou6/0qKOWEJdKMtCe793/hQfqxa6XWZHMXFl56RS4TvPXSaDeoy0zUUZB109KstDK8lHo5q6Qi1hcOnqkImubPS6aqRq7mlnaEWabub4iYblba3SRmgldS0+FWdhNtt04F14JUaqkl7tcpOpJtErvNt3Bd9HRT5JWxK25Ldjvp6br4hzfFiIdSmlzTg2fSUzNrLd1LE1ynxq4OVaVoKLjzJ60UPtj1RKzHzsbjly6inVnFBS2MucviPncU7Rr7lfTxRepDs1A2j3ZHRc7PuzFYSfE3ZOd4kjwBy227hA==) format("woff");font-weight:400;font-style:normal}.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.video-js .vjs-play-control .vjs-icon-placeholder,.vjs-icon-play{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.video-js .vjs-play-control .vjs-icon-placeholder:before,.vjs-icon-play:before{content:"\f101"}.vjs-icon-play-circle{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-play-circle:before{content:"\f102"}.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder,.vjs-icon-pause{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before,.vjs-icon-pause:before{content:"\f103"}.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder,.vjs-icon-volume-mute{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before,.vjs-icon-volume-mute:before{content:"\f104"}.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder,.vjs-icon-volume-low{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before,.vjs-icon-volume-low:before{content:"\f105"}.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder,.vjs-icon-volume-mid{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before,.vjs-icon-volume-mid:before{content:"\f106"}.video-js .vjs-mute-control .vjs-icon-placeholder,.vjs-icon-volume-high{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-mute-control .vjs-icon-placeholder:before,.vjs-icon-volume-high:before{content:"\f107"}.video-js .vjs-fullscreen-control .vjs-icon-placeholder,.vjs-icon-fullscreen-enter{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-fullscreen-control .vjs-icon-placeholder:before,.vjs-icon-fullscreen-enter:before{content:"\f108"}.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder,.vjs-icon-fullscreen-exit{font-family:VideoJS;font-weight:400;font-style:normal}.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before,.vjs-icon-fullscreen-exit:before{content:"\f109"}.vjs-icon-spinner{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-spinner:before{content:"\f10a"}.video-js .vjs-subs-caps-button .vjs-icon-placeholder,.video-js .vjs-subtitles-button .vjs-icon-placeholder,.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder,.vjs-icon-subtitles{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js .vjs-subtitles-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before,.vjs-icon-subtitles:before{content:"\f10b"}.video-js .vjs-captions-button .vjs-icon-placeholder,.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder,.vjs-icon-captions{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-captions-button .vjs-icon-placeholder:before,.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before,.vjs-icon-captions:before{content:"\f10c"}.vjs-icon-hd{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-hd:before{content:"\f10d"}.video-js .vjs-chapters-button .vjs-icon-placeholder,.vjs-icon-chapters{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-chapters-button .vjs-icon-placeholder:before,.vjs-icon-chapters:before{content:"\f10e"}.vjs-icon-downloading{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-downloading:before{content:"\f10f"}.vjs-icon-file-download{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-file-download:before{content:"\f110"}.vjs-icon-file-download-done{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-file-download-done:before{content:"\f111"}.vjs-icon-file-download-off{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-file-download-off:before{content:"\f112"}.vjs-icon-share{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-share:before{content:"\f113"}.vjs-icon-cog{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-cog:before{content:"\f114"}.vjs-icon-square{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-square:before{content:"\f115"}.video-js .vjs-play-progress,.video-js .vjs-volume-level,.vjs-icon-circle,.vjs-seek-to-live-control .vjs-icon-placeholder{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-play-progress:before,.video-js .vjs-volume-level:before,.vjs-icon-circle:before,.vjs-seek-to-live-control .vjs-icon-placeholder:before{content:"\f116"}.vjs-icon-circle-outline{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-circle-outline:before{content:"\f117"}.vjs-icon-circle-inner-circle{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-circle-inner-circle:before{content:"\f118"}.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder,.vjs-icon-cancel{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before,.vjs-icon-cancel:before{content:"\f119"}.vjs-icon-repeat{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-repeat:before{content:"\f11a"}.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder,.vjs-icon-replay{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before,.vjs-icon-replay:before{content:"\f11b"}.video-js .vjs-skip-backward-5 .vjs-icon-placeholder,.vjs-icon-replay-5{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-skip-backward-5 .vjs-icon-placeholder:before,.vjs-icon-replay-5:before{content:"\f11c"}.video-js .vjs-skip-backward-10 .vjs-icon-placeholder,.vjs-icon-replay-10{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-skip-backward-10 .vjs-icon-placeholder:before,.vjs-icon-replay-10:before{content:"\f11d"}.video-js .vjs-skip-backward-30 .vjs-icon-placeholder,.vjs-icon-replay-30{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-skip-backward-30 .vjs-icon-placeholder:before,.vjs-icon-replay-30:before{content:"\f11e"}.video-js .vjs-skip-forward-5 .vjs-icon-placeholder,.vjs-icon-forward-5{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-skip-forward-5 .vjs-icon-placeholder:before,.vjs-icon-forward-5:before{content:"\f11f"}.video-js .vjs-skip-forward-10 .vjs-icon-placeholder,.vjs-icon-forward-10{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-skip-forward-10 .vjs-icon-placeholder:before,.vjs-icon-forward-10:before{content:"\f120"}.video-js .vjs-skip-forward-30 .vjs-icon-placeholder,.vjs-icon-forward-30{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-skip-forward-30 .vjs-icon-placeholder:before,.vjs-icon-forward-30:before{content:"\f121"}.video-js .vjs-audio-button .vjs-icon-placeholder,.vjs-icon-audio{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-audio-button .vjs-icon-placeholder:before,.vjs-icon-audio:before{content:"\f122"}.vjs-icon-next-item{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-next-item:before{content:"\f123"}.vjs-icon-previous-item{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-previous-item:before{content:"\f124"}.vjs-icon-shuffle{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-shuffle:before{content:"\f125"}.vjs-icon-cast{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-cast:before{content:"\f126"}.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder,.vjs-icon-picture-in-picture-enter{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before,.vjs-icon-picture-in-picture-enter:before{content:"\f127"}.video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder,.vjs-icon-picture-in-picture-exit{font-family:VideoJS;font-weight:400;font-style:normal}.video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before,.vjs-icon-picture-in-picture-exit:before{content:"\f128"}.vjs-icon-facebook{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-facebook:before{content:"\f129"}.vjs-icon-linkedin{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-linkedin:before{content:"\f12a"}.vjs-icon-twitter{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-twitter:before{content:"\f12b"}.vjs-icon-tumblr{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-tumblr:before{content:"\f12c"}.vjs-icon-pinterest{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-pinterest:before{content:"\f12d"}.video-js .vjs-descriptions-button .vjs-icon-placeholder,.vjs-icon-audio-description{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-descriptions-button .vjs-icon-placeholder:before,.vjs-icon-audio-description:before{content:"\f12e"}.video-js{display:inline-block;vertical-align:top;box-sizing:border-box;color:#fff;background-color:#000;position:relative;padding:0;font-size:10px;line-height:1;font-weight:400;font-style:normal;font-family:Arial,Helvetica,sans-serif;word-break:initial}.video-js:-moz-full-screen{position:absolute}.video-js:-webkit-full-screen{width:100%!important;height:100%!important}.video-js[tabindex="-1"]{outline:0}.video-js *,.video-js :after,.video-js :before{box-sizing:inherit}.video-js ul{font-family:inherit;font-size:inherit;line-height:inherit;list-style-position:outside;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}.video-js.vjs-1-1,.video-js.vjs-16-9,.video-js.vjs-4-3,.video-js.vjs-9-16,.video-js.vjs-fluid{width:100%;max-width:100%}.video-js.vjs-1-1:not(.vjs-audio-only-mode),.video-js.vjs-16-9:not(.vjs-audio-only-mode),.video-js.vjs-4-3:not(.vjs-audio-only-mode),.video-js.vjs-9-16:not(.vjs-audio-only-mode),.video-js.vjs-fluid:not(.vjs-audio-only-mode){height:0}.video-js.vjs-16-9:not(.vjs-audio-only-mode){padding-top:56.25%}.video-js.vjs-4-3:not(.vjs-audio-only-mode){padding-top:75%}.video-js.vjs-9-16:not(.vjs-audio-only-mode){padding-top:177.7777777778%}.video-js.vjs-1-1:not(.vjs-audio-only-mode){padding-top:100%}.video-js.vjs-fill:not(.vjs-audio-only-mode){width:100%;height:100%}.video-js .vjs-tech{position:absolute;top:0;left:0;width:100%;height:100%}.video-js.vjs-audio-only-mode .vjs-tech{display:none}body.vjs-full-window,body.vjs-pip-window{padding:0;margin:0;height:100%}.vjs-full-window .video-js.vjs-fullscreen,body.vjs-pip-window .video-js{position:fixed;overflow:hidden;z-index:1000;left:0;top:0;bottom:0;right:0}.video-js.vjs-fullscreen:not(.vjs-ios-native-fs),body.vjs-pip-window .video-js{width:100%!important;height:100%!important;padding-top:0!important;display:block}.video-js.vjs-fullscreen.vjs-user-inactive{cursor:none}.vjs-pip-container .vjs-pip-text{position:absolute;bottom:10%;font-size:2em;background-color:rgba(0,0,0,.7);padding:.5em;text-align:center;width:100%}.vjs-layout-small.vjs-pip-container .vjs-pip-text,.vjs-layout-tiny.vjs-pip-container .vjs-pip-text,.vjs-layout-x-small.vjs-pip-container .vjs-pip-text{bottom:0;font-size:1.4em}.vjs-hidden{display:none!important}.vjs-disabled{opacity:.5;cursor:default}.video-js .vjs-offscreen{height:1px;left:-9999px;position:absolute;top:0;width:1px}.vjs-lock-showing{display:block!important;opacity:1!important;visibility:visible!important}.vjs-no-js{padding:20px;color:#fff;background-color:#000;font-size:18px;font-family:Arial,Helvetica,sans-serif;text-align:center;width:300px;height:150px;margin:0 auto}.vjs-no-js a,.vjs-no-js a:visited{color:#66a8cc}.video-js .vjs-big-play-button{font-size:3em;line-height:1.5em;height:1.63332em;width:3em;display:block;position:absolute;top:50%;left:50%;padding:0;margin-top:-.81666em;margin-left:-1.5em;cursor:pointer;opacity:1;border:.06666em solid #fff;background-color:#2b333f;background-color:rgba(43,51,63,.7);border-radius:.3em;transition:all .4s}.vjs-big-play-button .vjs-svg-icon{width:1em;height:1em;position:absolute;top:50%;left:50%;line-height:1;transform:translate(-50%,-50%)}.video-js .vjs-big-play-button:focus,.video-js:hover .vjs-big-play-button{border-color:#fff;background-color:rgb(114.9141509434,132.7028301887,159.3858490566);background-color:rgba(114.9141509434,132.7028301887,159.3858490566,.5);transition:all 0s}.vjs-controls-disabled .vjs-big-play-button,.vjs-error .vjs-big-play-button,.vjs-has-started .vjs-big-play-button,.vjs-using-native-controls .vjs-big-play-button{display:none}.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause:not(.vjs-seeking,.vjs-scrubbing,.vjs-error) .vjs-big-play-button{display:block}.video-js button{background:0 0;border:none;color:inherit;display:inline-block;font-size:inherit;line-height:inherit;text-transform:none;text-decoration:none;transition:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.video-js.vjs-spatial-navigation-enabled .vjs-button:focus{outline:.0625em solid white;box-shadow:none}.vjs-control .vjs-button{width:100%;height:100%}.video-js .vjs-control.vjs-close-button{cursor:pointer;height:3em;position:absolute;right:0;top:.5em;z-index:2}.video-js .vjs-modal-dialog{background:rgba(0,0,0,.8);background:linear-gradient(180deg,rgba(0,0,0,.8),rgba(255,255,255,0));overflow:auto}.video-js .vjs-modal-dialog>*{box-sizing:border-box}.vjs-modal-dialog .vjs-modal-dialog-content{font-size:1.2em;line-height:1.5;padding:20px 24px;z-index:1}.vjs-menu-button{cursor:pointer}.vjs-menu-button.vjs-disabled{cursor:default}.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu{display:none}.vjs-menu .vjs-menu-content{display:block;padding:0;margin:0;font-family:Arial,Helvetica,sans-serif;overflow:auto}.vjs-menu .vjs-menu-content>*{box-sizing:border-box}.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu{display:none}.vjs-menu li{display:flex;justify-content:center;list-style:none;margin:0;padding:.2em 0;line-height:1.4em;font-size:1.2em;text-align:center;text-transform:lowercase}.js-focus-visible .vjs-menu li.vjs-menu-item:hover,.vjs-menu li.vjs-menu-item:focus,.vjs-menu li.vjs-menu-item:hover{background-color:rgb(114.9141509434,132.7028301887,159.3858490566);background-color:rgba(114.9141509434,132.7028301887,159.3858490566,.5)}.js-focus-visible .vjs-menu li.vjs-selected:hover,.vjs-menu li.vjs-selected,.vjs-menu li.vjs-selected:focus,.vjs-menu li.vjs-selected:hover{background-color:#fff;color:#2b333f}.js-focus-visible .vjs-menu li.vjs-selected:hover .vjs-svg-icon,.vjs-menu li.vjs-selected .vjs-svg-icon,.vjs-menu li.vjs-selected:focus .vjs-svg-icon,.vjs-menu li.vjs-selected:hover .vjs-svg-icon{fill:#000000}.js-focus-visible .vjs-menu :not(.vjs-selected):focus:not(.focus-visible),.video-js .vjs-menu :not(.vjs-selected):focus:not(:focus-visible){background:0 0}.vjs-menu li.vjs-menu-title{text-align:center;text-transform:uppercase;font-size:1em;line-height:2em;padding:0;margin:0 0 .3em 0;font-weight:700;cursor:default}.vjs-menu-button-popup .vjs-menu{display:none;position:absolute;bottom:0;width:10em;left:-3em;height:0;margin-bottom:1.5em;border-top-color:rgba(43,51,63,.7)}.vjs-pip-window .vjs-menu-button-popup .vjs-menu{left:unset;right:1em}.vjs-menu-button-popup .vjs-menu .vjs-menu-content{background-color:#2b333f;background-color:rgba(43,51,63,.7);position:absolute;width:100%;bottom:1.5em;max-height:15em}.vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content,.vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content{max-height:5em}.vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content{max-height:10em}.vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content{max-height:14em}.vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content,.vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,.vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content{max-height:25em}.vjs-menu-button-popup .vjs-menu.vjs-lock-showing,.vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu{display:block}.video-js .vjs-menu-button-inline{transition:all .4s;overflow:hidden}.video-js .vjs-menu-button-inline:before{width:2.222222222em}.video-js .vjs-menu-button-inline.vjs-slider-active,.video-js .vjs-menu-button-inline:focus,.video-js .vjs-menu-button-inline:hover{width:12em}.vjs-menu-button-inline .vjs-menu{opacity:0;height:100%;width:auto;position:absolute;left:4em;top:0;padding:0;margin:0;transition:all .4s}.vjs-menu-button-inline.vjs-slider-active .vjs-menu,.vjs-menu-button-inline:focus .vjs-menu,.vjs-menu-button-inline:hover .vjs-menu{display:block;opacity:1}.vjs-menu-button-inline .vjs-menu-content{width:auto;height:100%;margin:0;overflow:hidden}.video-js .vjs-control-bar{display:none;width:100%;position:absolute;bottom:0;left:0;right:0;height:3em;background-color:#2b333f;background-color:rgba(43,51,63,.7)}.video-js.vjs-spatial-navigation-enabled .vjs-control-bar{gap:1px}.video-js:not(.vjs-controls-disabled,.vjs-using-native-controls,.vjs-error) .vjs-control-bar.vjs-lock-showing{display:flex!important}.vjs-audio-only-mode .vjs-control-bar,.vjs-has-started .vjs-control-bar{display:flex;visibility:visible;opacity:1;transition:visibility .1s,opacity .1s}.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{visibility:visible;opacity:0;pointer-events:none;transition:visibility 1s,opacity 1s}.vjs-controls-disabled .vjs-control-bar,.vjs-error .vjs-control-bar,.vjs-using-native-controls .vjs-control-bar{display:none!important}.vjs-audio-only-mode.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar,.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{opacity:1;visibility:visible;pointer-events:auto}.video-js .vjs-control{position:relative;text-align:center;margin:0;padding:0;height:100%;width:4em;flex:none}.video-js .vjs-control.vjs-visible-text{width:auto;padding-left:1em;padding-right:1em}.vjs-button>.vjs-icon-placeholder:before{font-size:1.8em;line-height:1.67}.vjs-button>.vjs-icon-placeholder{display:block}.vjs-button>.vjs-svg-icon{display:inline-block}.video-js .vjs-control:focus,.video-js .vjs-control:focus:before,.video-js .vjs-control:hover:before{text-shadow:0 0 1em #fff}.video-js :not(.vjs-visible-text)>.vjs-control-text{border:0;clip:rect(0 0 0 0);height:1px;overflow:hidden;padding:0;position:absolute;width:1px}.video-js .vjs-custom-control-spacer{display:none}.video-js .vjs-progress-control{cursor:pointer;flex:auto;display:flex;align-items:center;min-width:4em;touch-action:none}.video-js .vjs-progress-control.disabled{cursor:default}.vjs-live .vjs-progress-control{display:none}.vjs-liveui .vjs-progress-control{display:flex;align-items:center}.video-js .vjs-progress-holder{flex:auto;transition:all .2s;height:.3em}.video-js .vjs-progress-control .vjs-progress-holder{margin:0 10px}.video-js .vjs-progress-control:hover .vjs-progress-holder,.video-js.vjs-scrubbing.vjs-touch-enabled .vjs-progress-control .vjs-progress-holder{font-size:1.6666666667em}.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled{font-size:1em}.video-js .vjs-progress-holder .vjs-load-progress,.video-js .vjs-progress-holder .vjs-load-progress div,.video-js .vjs-progress-holder .vjs-play-progress{position:absolute;display:block;height:100%;margin:0;padding:0;width:0}.video-js .vjs-play-progress{background-color:#fff}.video-js .vjs-play-progress:before{font-size:.9em;position:absolute;right:-.5em;line-height:.35em;z-index:1}.vjs-svg-icons-enabled .vjs-play-progress:before{content:none!important}.vjs-play-progress .vjs-svg-icon{position:absolute;top:-.35em;right:-.4em;width:.9em;height:.9em;pointer-events:none;line-height:.15em;z-index:1}.video-js .vjs-load-progress{background:rgba(114.9141509434,132.7028301887,159.3858490566,.5)}.video-js .vjs-load-progress div{background:rgba(114.9141509434,132.7028301887,159.3858490566,.75)}.video-js .vjs-time-tooltip{background-color:#fff;background-color:rgba(255,255,255,.8);border-radius:.3em;color:#000;float:right;font-family:Arial,Helvetica,sans-serif;font-size:1em;padding:6px 8px 8px 8px;pointer-events:none;position:absolute;top:-3.4em;visibility:hidden;z-index:1}.video-js .vjs-progress-holder:focus .vjs-time-tooltip{display:none}.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip,.video-js .vjs-progress-control:hover .vjs-time-tooltip,.video-js.vjs-scrubbing.vjs-touch-enabled .vjs-progress-control .vjs-time-tooltip{display:block;font-size:.6em;visibility:visible}.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip{font-size:1em}.video-js .vjs-progress-control .vjs-mouse-display{display:none;position:absolute;width:1px;height:100%;background-color:#000;z-index:1}.video-js .vjs-progress-control:hover .vjs-mouse-display{display:block}.video-js.vjs-scrubbing.vjs-touch-enabled .vjs-progress-control .vjs-mouse-display{display:block}.video-js.vjs-touch-enabled:not(.vjs-scrubbing) .vjs-progress-control .vjs-mouse-display,.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display{visibility:hidden;opacity:0;transition:visibility 1s,opacity 1s}.vjs-mouse-display .vjs-time-tooltip{color:#fff;background-color:#000;background-color:rgba(0,0,0,.8)}.video-js .vjs-slider{position:relative;cursor:pointer;padding:0;margin:0 .45em 0 .45em;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:rgb(114.9141509434,132.7028301887,159.3858490566);background-color:rgba(114.9141509434,132.7028301887,159.3858490566,.5)}.video-js .vjs-slider.disabled{cursor:default}.video-js .vjs-slider:focus{text-shadow:0 0 1em #fff;box-shadow:0 0 1em #fff}.video-js.vjs-spatial-navigation-enabled .vjs-slider:focus{outline:.0625em solid white}.video-js .vjs-mute-control{cursor:pointer;flex:none}.video-js .vjs-volume-control{cursor:pointer;margin-right:1em;display:flex}.video-js .vjs-volume-control.vjs-volume-horizontal{width:5em}.video-js .vjs-volume-panel .vjs-volume-control{visibility:visible;opacity:0;width:1px;height:1px;margin-left:-1px}.video-js .vjs-volume-panel{transition:width 1s}.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active,.video-js .vjs-volume-panel .vjs-volume-control:active,.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control,.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control,.video-js .vjs-volume-panel:active .vjs-volume-control,.video-js .vjs-volume-panel:focus .vjs-volume-control{visibility:visible;opacity:1;position:relative;transition:visibility .1s,opacity .1s,height .1s,width .1s,left 0s,top 0s}.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal,.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal,.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal{width:5em;height:3em;margin-right:0}.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical,.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical,.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control.vjs-volume-vertical,.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical,.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical,.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical{left:-3.5em;transition:left 0s}.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active{width:10em;transition:width .1s}.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only{width:4em}.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical{height:8em;width:3em;left:-3000em;transition:visibility 1s,opacity 1s,height 1s 1s,width 1s 1s,left 1s 1s,top 1s 1s}.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal{transition:visibility 1s,opacity 1s,height 1s 1s,width 1s,left 1s 1s,top 1s 1s}.video-js .vjs-volume-panel{display:flex}.video-js .vjs-volume-bar{margin:1.35em .45em}.vjs-volume-bar.vjs-slider-horizontal{width:5em;height:.3em}.vjs-volume-bar.vjs-slider-vertical{width:.3em;height:5em;margin:1.35em auto}.video-js .vjs-volume-level{position:absolute;bottom:0;left:0;background-color:#fff}.video-js .vjs-volume-level:before{position:absolute;font-size:.9em;z-index:1}.vjs-slider-vertical .vjs-volume-level{width:.3em}.vjs-slider-vertical .vjs-volume-level:before{top:-.5em;left:-.3em;z-index:1}.vjs-svg-icons-enabled .vjs-volume-level:before{content:none}.vjs-volume-level .vjs-svg-icon{position:absolute;width:.9em;height:.9em;pointer-events:none;z-index:1}.vjs-slider-horizontal .vjs-volume-level{height:.3em}.vjs-slider-horizontal .vjs-volume-level:before{line-height:.35em;right:-.5em}.vjs-slider-horizontal .vjs-volume-level .vjs-svg-icon{right:-.3em;transform:translateY(-50%)}.vjs-slider-vertical .vjs-volume-level .vjs-svg-icon{top:-.55em;transform:translateX(-50%)}.video-js .vjs-volume-panel.vjs-volume-panel-vertical{width:4em}.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level{height:100%}.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level{width:100%}.video-js .vjs-volume-vertical{width:3em;height:8em;bottom:8em;background-color:#2b333f;background-color:rgba(43,51,63,.7)}.video-js .vjs-volume-horizontal .vjs-menu{left:-2em}.video-js .vjs-volume-tooltip{background-color:#fff;background-color:rgba(255,255,255,.8);border-radius:.3em;color:#000;float:right;font-family:Arial,Helvetica,sans-serif;font-size:1em;padding:6px 8px 8px 8px;pointer-events:none;position:absolute;top:-3.4em;visibility:hidden;z-index:1}.video-js .vjs-volume-control:hover .vjs-progress-holder:focus .vjs-volume-tooltip,.video-js .vjs-volume-control:hover .vjs-volume-tooltip{display:block;font-size:1em;visibility:visible}.video-js .vjs-volume-vertical:hover .vjs-progress-holder:focus .vjs-volume-tooltip,.video-js .vjs-volume-vertical:hover .vjs-volume-tooltip{left:1em;top:-12px}.video-js .vjs-volume-control.disabled:hover .vjs-volume-tooltip{font-size:1em}.video-js .vjs-volume-control .vjs-mouse-display{display:none;position:absolute;width:100%;height:1px;background-color:#000;z-index:1}.video-js .vjs-volume-horizontal .vjs-mouse-display{width:1px;height:100%}.video-js .vjs-volume-control:hover .vjs-mouse-display{display:block}.video-js.vjs-user-inactive .vjs-volume-control .vjs-mouse-display{visibility:hidden;opacity:0;transition:visibility 1s,opacity 1s}.vjs-mouse-display .vjs-volume-tooltip{color:#fff;background-color:#000;background-color:rgba(0,0,0,.8)}.vjs-poster{display:inline-block;vertical-align:middle;cursor:pointer;margin:0;padding:0;position:absolute;top:0;right:0;bottom:0;left:0;height:100%}.vjs-has-started .vjs-poster,.vjs-using-native-controls .vjs-poster{display:none}.vjs-audio.vjs-has-started .vjs-poster,.vjs-has-started.vjs-audio-poster-mode .vjs-poster,.vjs-pip-container.vjs-has-started .vjs-poster{display:block}.vjs-poster img{width:100%;height:100%;object-fit:contain}.video-js .vjs-live-control{display:flex;align-items:flex-start;flex:auto;font-size:1em;line-height:3em}.video-js.vjs-liveui .vjs-live-control,.video-js:not(.vjs-live) .vjs-live-control{display:none}.video-js .vjs-seek-to-live-control{align-items:center;cursor:pointer;flex:none;display:inline-flex;height:100%;padding-left:.5em;padding-right:.5em;font-size:1em;line-height:3em;width:auto;min-width:4em}.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,.video-js:not(.vjs-live) .vjs-seek-to-live-control{display:none}.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{cursor:auto}.vjs-seek-to-live-control .vjs-icon-placeholder{margin-right:.5em;color:#888}.vjs-svg-icons-enabled .vjs-seek-to-live-control{line-height:0}.vjs-seek-to-live-control .vjs-svg-icon{width:1em;height:1em;pointer-events:none;fill:#888888}.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder{color:red}.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-svg-icon{fill:red}.video-js .vjs-time-control{flex:none;font-size:1em;line-height:3em;min-width:2em;width:auto;padding-left:1em;padding-right:1em}.video-js .vjs-current-time,.video-js .vjs-duration,.vjs-live .vjs-time-control,.vjs-live .vjs-time-divider{display:none}.vjs-time-divider{display:none;line-height:3em}.vjs-normalise-time-controls:not(.vjs-live) .vjs-time-control{display:flex}.video-js .vjs-play-control{cursor:pointer}.video-js .vjs-play-control .vjs-icon-placeholder{flex:none}.vjs-text-track-display{position:absolute;bottom:3em;left:0;right:0;top:0;pointer-events:none}.vjs-error .vjs-text-track-display{display:none}.video-js.vjs-controls-disabled .vjs-text-track-display,.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display{bottom:1em}.video-js .vjs-text-track{font-size:1.4em;text-align:center;margin-bottom:.1em}.vjs-subtitles{color:#fff}.vjs-captions{color:#fc6}.vjs-tt-cue{display:block}video::-webkit-media-text-track-display{transform:translateY(-3em)}.video-js.vjs-controls-disabled video::-webkit-media-text-track-display,.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display{transform:translateY(-1.5em)}.video-js.vjs-force-center-align-cues .vjs-text-track-cue{text-align:center!important;width:80%!important}@supports not (inset:10px){.video-js .vjs-text-track-display>div{top:0;right:0;bottom:0;left:0}}.video-js .vjs-picture-in-picture-control{cursor:pointer;flex:none}.video-js.vjs-audio-only-mode .vjs-picture-in-picture-control,.vjs-pip-window .vjs-picture-in-picture-control{display:none}.video-js .vjs-fullscreen-control{cursor:pointer;flex:none}.video-js.vjs-audio-only-mode .vjs-fullscreen-control,.vjs-pip-window .vjs-fullscreen-control{display:none}.vjs-playback-rate .vjs-playback-rate-value,.vjs-playback-rate>.vjs-menu-button{position:absolute;top:0;left:0;width:100%;height:100%}.vjs-playback-rate .vjs-playback-rate-value{pointer-events:none;font-size:1.5em;line-height:2;text-align:center}.vjs-playback-rate .vjs-menu{width:4em;left:0}.vjs-error .vjs-error-display .vjs-modal-dialog-content{font-size:1.4em;text-align:center}.vjs-loading-spinner{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:.85;text-align:left;border:.6em solid rgba(43,51,63,.7);box-sizing:border-box;background-clip:padding-box;width:5em;height:5em;border-radius:50%;visibility:hidden}.vjs-seeking .vjs-loading-spinner,.vjs-waiting .vjs-loading-spinner{display:flex;justify-content:center;align-items:center;animation:vjs-spinner-show 0s linear .3s forwards}.vjs-error .vjs-loading-spinner{display:none}.vjs-loading-spinner:after,.vjs-loading-spinner:before{content:"";position:absolute;box-sizing:inherit;width:inherit;height:inherit;border-radius:inherit;opacity:1;border:inherit;border-color:transparent;border-top-color:#fff}.vjs-seeking .vjs-loading-spinner:after,.vjs-seeking .vjs-loading-spinner:before,.vjs-waiting .vjs-loading-spinner:after,.vjs-waiting .vjs-loading-spinner:before{animation:vjs-spinner-spin 1.1s cubic-bezier(.6,.2,0,.8) infinite,vjs-spinner-fade 1.1s linear infinite}.vjs-seeking .vjs-loading-spinner:before,.vjs-waiting .vjs-loading-spinner:before{border-top-color:#fff}.vjs-seeking .vjs-loading-spinner:after,.vjs-waiting .vjs-loading-spinner:after{border-top-color:#fff;animation-delay:.44s}@keyframes vjs-spinner-show{to{visibility:visible}}@keyframes vjs-spinner-spin{100%{transform:rotate(360deg)}}@keyframes vjs-spinner-fade{0%{border-top-color:rgb(114.9141509434,132.7028301887,159.3858490566)}20%{border-top-color:rgb(114.9141509434,132.7028301887,159.3858490566)}35%{border-top-color:#fff}60%{border-top-color:rgb(114.9141509434,132.7028301887,159.3858490566)}100%{border-top-color:rgb(114.9141509434,132.7028301887,159.3858490566)}}.video-js.vjs-audio-only-mode .vjs-captions-button{display:none}.vjs-chapters-button .vjs-menu ul{width:24em}.video-js.vjs-audio-only-mode .vjs-descriptions-button{display:none}.vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-svg-icon{width:1.5em;height:1.5em}.video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder{vertical-align:middle;display:inline-block;margin-bottom:-.1em}.video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before{font-family:VideoJS;content:"\f10c";font-size:1.5em;line-height:inherit}.video-js.vjs-audio-only-mode .vjs-subs-caps-button{display:none}.video-js .vjs-audio-button+.vjs-menu .vjs-descriptions-menu-item .vjs-menu-item-text .vjs-icon-placeholder,.video-js .vjs-audio-button+.vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder{vertical-align:middle;display:inline-block;margin-bottom:-.1em}.video-js .vjs-audio-button+.vjs-menu .vjs-description-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before,.video-js .vjs-audio-button+.vjs-menu .vjs-descriptions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before,.video-js .vjs-audio-button+.vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before{font-family:VideoJS;content:" \f12e";font-size:1.5em;line-height:inherit}.video-js.vjs-layout-small .vjs-current-time,.video-js.vjs-layout-small .vjs-duration,.video-js.vjs-layout-small .vjs-playback-rate,.video-js.vjs-layout-small .vjs-remaining-time,.video-js.vjs-layout-small .vjs-time-divider,.video-js.vjs-layout-small .vjs-volume-control,.video-js.vjs-layout-tiny .vjs-current-time,.video-js.vjs-layout-tiny .vjs-duration,.video-js.vjs-layout-tiny .vjs-playback-rate,.video-js.vjs-layout-tiny .vjs-remaining-time,.video-js.vjs-layout-tiny .vjs-time-divider,.video-js.vjs-layout-tiny .vjs-volume-control,.video-js.vjs-layout-x-small .vjs-current-time,.video-js.vjs-layout-x-small .vjs-duration,.video-js.vjs-layout-x-small .vjs-playback-rate,.video-js.vjs-layout-x-small .vjs-remaining-time,.video-js.vjs-layout-x-small .vjs-time-divider,.video-js.vjs-layout-x-small .vjs-volume-control{display:none}.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active,.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover,.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover{width:auto;width:initial}.video-js.vjs-layout-tiny .vjs-progress-control,.video-js.vjs-layout-x-small .vjs-progress-control{display:none}.video-js.vjs-layout-x-small .vjs-custom-control-spacer{flex:auto;display:block}.vjs-modal-dialog.vjs-text-track-settings{background-color:#2b333f;background-color:rgba(43,51,63,.75);color:#fff;height:70%}.vjs-spatial-navigation-enabled .vjs-modal-dialog.vjs-text-track-settings{height:80%}.vjs-error .vjs-text-track-settings{display:none}.vjs-text-track-settings .vjs-modal-dialog-content{display:table}.vjs-text-track-settings .vjs-track-settings-colors,.vjs-text-track-settings .vjs-track-settings-controls,.vjs-text-track-settings .vjs-track-settings-font{display:table-cell}.vjs-text-track-settings .vjs-track-settings-controls{text-align:right;vertical-align:bottom}@supports (display:grid){.vjs-text-track-settings .vjs-modal-dialog-content{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;padding:20px 24px 0 24px}.vjs-track-settings-controls .vjs-default-button{margin-bottom:20px}.vjs-text-track-settings .vjs-track-settings-controls{grid-column:1/-1}.vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,.vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content,.vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content{grid-template-columns:1fr}}.vjs-text-track-settings select{font-size:inherit}.vjs-track-setting>select{margin-right:1em;margin-bottom:.5em}.vjs-text-track-settings fieldset{margin:10px;border:none}.vjs-text-track-settings fieldset span{display:inline-block;padding:0 .6em .8em}.vjs-text-track-settings fieldset span>select{max-width:7.3em}.vjs-text-track-settings legend{color:#fff;font-weight:700;font-size:1.2em}.vjs-text-track-settings .vjs-label{margin:0 .5em .5em 0}.vjs-track-settings-controls button:active,.vjs-track-settings-controls button:focus{outline-style:solid;outline-width:medium;background-image:linear-gradient(0deg,#fff 88%,rgb(114.9141509434,132.7028301887,159.3858490566) 100%)}.vjs-track-settings-controls button:hover{color:rgba(43,51,63,.75)}.vjs-track-settings-controls button{background-color:#fff;background-image:linear-gradient(-180deg,#fff 88%,rgb(114.9141509434,132.7028301887,159.3858490566) 100%);color:#2b333f;cursor:pointer;border-radius:2px}.vjs-track-settings-controls .vjs-default-button{margin-right:1em}.vjs-title-bar{background:rgba(0,0,0,.9);background:linear-gradient(180deg,rgba(0,0,0,.9) 0,rgba(0,0,0,.7) 60%,rgba(0,0,0,0) 100%);font-size:1.2em;line-height:1.5;transition:opacity .1s;padding:.666em 1.333em 4em;pointer-events:none;position:absolute;top:0;width:100%}.vjs-error .vjs-title-bar{display:none}.vjs-title-bar-description,.vjs-title-bar-title{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vjs-title-bar-title{font-weight:700;margin-bottom:.333em}.vjs-playing.vjs-user-inactive .vjs-title-bar{opacity:0;transition:opacity 1s}.video-js .vjs-skip-forward-5{cursor:pointer}.video-js .vjs-skip-forward-10{cursor:pointer}.video-js .vjs-skip-forward-30{cursor:pointer}.video-js .vjs-skip-backward-5{cursor:pointer}.video-js .vjs-skip-backward-10{cursor:pointer}.video-js .vjs-skip-backward-30{cursor:pointer}.video-js .vjs-transient-button{position:absolute;height:3em;display:flex;align-items:center;justify-content:center;background-color:rgba(50,50,50,.5);cursor:pointer;opacity:1;transition:opacity 1s}.video-js:not(.vjs-has-started) .vjs-transient-button{display:none}.video-js.not-hover .vjs-transient-button:not(.force-display),.video-js.vjs-user-inactive .vjs-transient-button:not(.force-display){opacity:0}.video-js .vjs-transient-button span{padding:0 .5em}.video-js .vjs-transient-button.vjs-left{left:1em}.video-js .vjs-transient-button.vjs-right{right:1em}.video-js .vjs-transient-button.vjs-top{top:1em}.video-js .vjs-transient-button.vjs-near-top{top:4em}.video-js .vjs-transient-button.vjs-bottom{bottom:4em}.video-js .vjs-transient-button:hover{background-color:rgba(50,50,50,.9)}@media print{.video-js>:not(.vjs-tech):not(.vjs-poster){visibility:hidden}}.vjs-resize-manager{position:absolute;top:0;left:0;width:100%;height:100%;border:none;z-index:-1000}.js-focus-visible .video-js :focus:not(.focus-visible){outline:0}.video-js :focus:not(:focus-visible){outline:0}.splide__container{box-sizing:border-box;position:relative}.splide__list{backface-visibility:hidden;display:-ms-flexbox;display:flex;height:100%;margin:0!important;padding:0!important}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.splide:not(.is-overflow) .splide__pagination{display:none}.splide__progress__bar{width:0}.splide{position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{backface-visibility:hidden;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0;list-style-type:none!important;margin:0;position:relative}.splide__slide img{vertical-align:bottom}.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}.splide__sr{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause{display:none}.splide__toggle.is-active .splide__toggle__pause{display:inline}.splide__track{overflow:hidden;position:relative;z-index:0}@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide__track--draggable{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.splide__track--fade>.splide__list>.splide__slide{margin:0!important;opacity:0;z-index:0}.splide__track--fade>.splide__list>.splide__slide.is-active{opacity:1;z-index:1}.splide--rtl{direction:rtl}.splide__track--ttb>.splide__list{display:block}.splide__arrow{-ms-flex-align:center;align-items:center;background:#ccc;border:0;border-radius:50%;cursor:pointer;display:-ms-flexbox;display:flex;height:2em;-ms-flex-pack:center;justify-content:center;opacity:.7;padding:0;position:absolute;top:50%;transform:translateY(-50%);width:2em;z-index:1}.splide__arrow svg{fill:#000;height:1.2em;width:1.2em}.splide__arrow:hover:not(:disabled){opacity:.9}.splide__arrow:disabled{opacity:.3}.splide__arrow:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide__arrow--prev{left:1em}.splide__arrow--prev svg{transform:scaleX(-1)}.splide__arrow--next{right:1em}.splide.is-focus-in .splide__arrow:focus{outline:3px solid #0bf;outline-offset:3px}.splide__pagination{bottom:.5em;left:0;padding:0 1em;position:absolute;right:0;z-index:1}.splide__pagination__page{background:#ccc;border:0;border-radius:50%;display:inline-block;height:8px;margin:3px;opacity:.7;padding:0;position:relative;transition:transform .2s linear;width:8px}.splide__pagination__page.is-active{background:#fff;transform:scale(1.4);z-index:1}.splide__pagination__page:hover{cursor:pointer;opacity:.9}.splide__pagination__page:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__pagination__page:focus{outline:3px solid #0bf;outline-offset:3px}.splide__progress__bar{background:#ccc;height:3px}.splide__slide{-webkit-tap-highlight-color:transparent}.splide__slide:focus{outline:0}@supports(outline-offset:-3px){.splide__slide:focus-visible{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide__slide:focus-visible{border:3px solid #0bf}}@supports(outline-offset:-3px){.splide.is-focus-in .splide__slide:focus{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide.is-focus-in .splide__slide:focus{border:3px solid #0bf}.splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus{border-color:#0bf}}.splide__toggle{cursor:pointer}.splide__toggle:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__toggle:focus{outline:3px solid #0bf;outline-offset:3px}.splide__track--nav>.splide__list>.splide__slide{border:3px solid transparent;cursor:pointer}.splide__track--nav>.splide__list>.splide__slide.is-active{border:3px solid #000}.splide__arrows--rtl .splide__arrow--prev{left:auto;right:1em}.splide__arrows--rtl .splide__arrow--prev svg{transform:scaleX(1)}.splide__arrows--rtl .splide__arrow--next{left:1em;right:auto}.splide__arrows--rtl .splide__arrow--next svg{transform:scaleX(-1)}.splide__arrows--ttb .splide__arrow{left:50%;transform:translate(-50%)}.splide__arrows--ttb .splide__arrow--prev{top:1em}.splide__arrows--ttb .splide__arrow--prev svg{transform:rotate(-90deg)}.splide__arrows--ttb .splide__arrow--next{bottom:1em;top:auto}.splide__arrows--ttb .splide__arrow--next svg{transform:rotate(90deg)}.splide__pagination--ttb{bottom:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;left:auto;padding:1em 0;right:.5em;top:0}
/* branded-uat-layout-s6-7-11 */
@media screen and (max-width:768px){#did-you-know{padding-top:3.25em !important;padding-bottom:1.25em !important;min-height:100vh !important;min-height:100dvh !important;box-sizing:border-box;position:relative;z-index:4;display:flex;align-items:center;justify-content:center;overflow:visible !important}.did-you-know-container{gap:0.35rem;padding-left:1.15rem;padding-right:1.15rem;position:relative;z-index:2;width:100%}.did-you-know-title__img{width:84vw !important;max-width:84vw !important;max-height:52px;height:auto;display:block;margin-left:auto;margin-right:auto;left:auto;transform:none}.did-you-know-container .did-you-know-video{width:70% !important;max-width:288px;margin:0 auto 0.1rem;padding:0 !important}.did-you-know-content{padding-left:0}.did-you-know-content-description{margin-top:0.2rem !important}.did-you-know-ball-container{opacity:0;visibility:hidden;pointer-events:none;transition:opacity 600ms ease,visibility 600ms ease}.did-you-know-ball-container.scrolled{opacity:1;visibility:visible}.did-you-know-ball{position:absolute;inset:0;z-index:6;pointer-events:none;overflow:visible !important}.did-you-know-ball .did-you-know-ball-1{display:block !important;width:42%;left:-14%;right:auto;top:auto;bottom:0;z-index:6;transform-origin:left bottom;transform:translateY(10.5vw) scale(0.5) !important}.did-you-know-ball .did-you-know-ball-2{display:block !important;width:50%;left:auto;right:-8%;top:auto;bottom:-16%;z-index:6;transform-origin:right bottom;transform:scale(0.72) !important}.friso-section-container.autoH.igg,.friso-section-container.igg#IgG{padding-top:0 !important;padding-bottom:0 !important;margin-bottom:0 !important}.igg-girl-content h2{padding-top:14vh}.igg-girl-container .igg-title__img{max-height:120px;max-width:86vw}#girl-zoom-canvas{top:16%;height:61.2%;max-height:61.2vh;max-height:61.2svh}.friso-section-container.igg .core-video-container.igg-ball-1{display:none !important}body.friso-signature:not(.education) .friso-section-container.cg{position:relative;z-index:3;margin-top:0 !important;min-height:100vh !important;min-height:100dvh !important;box-sizing:border-box;overflow:hidden;}
  body.friso-signature.igg-ball-free-leave .friso-section-container.cg:not(.igg-cg-split-layer),
  body.friso-signature.igg-cg-flow-leave .friso-section-container.cg:not(.igg-cg-split-layer){
    min-height:0 !important;max-height:none !important;height:auto !important;
    padding-top:0 !important;padding-bottom:0.2rem !important;
    margin-top:0 !important;margin-bottom:0 !important;
    justify-content:flex-start !important;overflow:visible !important;
  }
  body.friso-signature.igg-ball-free-leave .friso-section-container.cg:not(.igg-cg-split-layer) .friso-section-container-inner-wider,
  body.friso-signature.igg-cg-flow-leave .friso-section-container.cg:not(.igg-cg-split-layer) .friso-section-container-inner-wider{
    min-height:0 !important;height:auto !important;max-height:none !important;
    flex:0 0 auto !important;gap:0.3rem !important;
    padding-top:0 !important;padding-bottom:0.15rem !important;
    justify-content:flex-start !important;
  }
  body.friso-signature.igg-ball-free-leave .friso-section-container.cg:not(.igg-cg-split-layer) .friso-rect-button,
  body.friso-signature.igg-cg-flow-leave .friso-section-container.cg:not(.igg-cg-split-layer) .friso-rect-button{
    margin-top:0.3rem !important;margin-bottom:0.1rem !important;
  }
  body.friso-signature.igg-ball-free-leave .friso-section-container.compare,
  body.friso-signature.igg-cg-flow-leave .friso-section-container.compare{
    margin-top:0 !important;padding-top:0.3rem !important;
  }
  /* Free scroll from looping ball → CG: freeze current boxes, scroll-linked y */
  body.igg-ball-free-leave .girl-zoom-canvas-container.igg-cg-split-layer {
    opacity: 1 !important;
    visibility: visible !important;
    position: fixed !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 28 !important;
    pointer-events: none !important;
    overflow: visible !important;
    background: transparent !important;
    background-color: transparent !important;
  }
  body.igg-ball-free-leave .girl-zoom-canvas-container.igg-cg-split-layer > div {
    overflow: visible !important;
    height: 100% !important;
  }
  body.igg-ball-free-leave .girl-zoom-canvas-container.igg-cg-split-layer::before,
  body.igg-ball-free-leave .girl-zoom-canvas-container.igg-cg-split-layer::after {
    display: none !important;
  }
  body.igg-ball-free-leave .friso-section-container.cg.igg-cg-split-layer {
    display: block !important;
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    height: 100vh !important;
    height: 100dvh !important;
    min-height: 100vh !important;
    min-height: 100dvh !important;
    max-height: 100vh !important;
    max-height: 100dvh !important;
    margin: 0 !important;
    z-index: 27 !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: none !important;
    overflow: hidden !important;
    background: #000 !important;
  }
  /* No fade-in on CG video / copy during free-scroll leave */
  body.igg-ball-free-leave .friso-section-container.cg.igg-cg-split-layer .fadein-ele,
  body.igg-ball-free-leave .friso-section-container.cg.igg-cg-split-layer .cg-seq,
  body.igg-ball-free-leave .friso-section-container.cg.igg-cg-split-layer .video-container,
  body.igg-ball-free-leave .friso-section-container.cg.igg-cg-split-layer video {
    opacity: 1 !important;
    visibility: visible !important;
    transition: none !important;
  }
  body.igg-ball-free-leave .friso-section-container.cg.igg-cg-split-layer .video-container {
    position: relative !important;
    transform: none !important;
    overflow: hidden !important;
  }
  body.igg-ball-free-leave .friso-section-container.cg.igg-cg-split-layer video {
    transform: none !important;
  }
  /* Keep「有助主動出擊」centered on the video (transform:none above used to break it) */
  body.igg-ball-free-leave .friso-section-container.cg.igg-cg-split-layer .video-over-content {
    position: absolute !important;
    inset: 0 !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transform: none !important;
    pointer-events: none !important;
    text-align: center !important;
  }
  body.igg-ball-free-leave .friso-section-container.cg.igg-cg-split-layer .video-over-content > div,
  body.igg-ball-free-leave .friso-section-container.cg.igg-cg-split-layer .video-over-content .txt-subhead,
  body.igg-ball-free-leave .friso-section-container.cg.igg-cg-split-layer .video-over-content h2,
  body.igg-ball-free-leave .friso-section-container.cg.igg-cg-split-layer .video-over-content .cg-seq {
    position: static !important;
    top: auto !important;
    left: auto !important;
    width: 100% !important;
    margin: 0 !important;
    text-align: center !important;
    transform: none !important;
  }
  body.igg-ball-free-leave .igg-title-seq.igg-cg-split-layer {
    opacity: 1 !important;
    visibility: visible !important;
    z-index: 30 !important;
    pointer-events: none !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }
  body.igg-ball-free-leave .girl-zoom-canvas-container.igg-cg-split-layer > .igg-title-seq.igg-cg-split-layer {
    position: absolute !important;
    z-index: 30 !important;
    transform: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: block !important;
    overflow: visible !important;
    line-height: 0 !important;
  }
  body.igg-ball-free-leave .girl-zoom-canvas-container.igg-cg-split-layer > .igg-title-seq.igg-cg-split-layer h2,
  body.igg-ball-free-leave .girl-zoom-canvas-container.igg-cg-split-layer > .igg-title-seq.igg-cg-split-layer picture {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 0 !important;
  }
  body.igg-ball-free-leave .girl-zoom-canvas-container.igg-cg-split-layer #girl-zoom-canvas {
    position: absolute !important;
    left: 50% !important;
    right: auto !important;
    bottom: auto !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateX(-50%) !important;
    transform-origin: 50% 0% !important;
    -webkit-mask-image: none !important;
    mask-image: none !important;
  }
  body.igg-ball-free-leave .igg-title-seq.igg-cg-split-layer .igg-title__img,
  body.igg-ball-free-leave .igg-title-seq.igg-cg-split-layer img,
  body.igg-ball-free-leave .igg-title-seq.igg-cg-split-layer picture,
  body.igg-ball-free-leave .igg-title-seq.igg-cg-split-layer h2 {
    margin: 0 !important;
    display: block !important;
    object-fit: contain !important;
    transform: none !important;
  }
  body.igg-ball-free-leave #IgG .igg-girl-content,
  body.igg-ball-free-leave #IgG .core-video-container {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }
  /* Title is reparented to body — don't hide the in-flow stub either */
  body.igg-ball-free-leave #IgG .igg-title-seq {
    opacity: 1 !important;
    visibility: visible !important;
  }

  /* Step 3 — ball rises (JS/GSAP), then CG fades into bottom half */
  body.igg-cg-split .igg-girl-content,
  body.igg-cg-split .igg-title-seq {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }
  /* Also match body-reparented layer (soft pin transform traps fixed inside #IgG). */
  body.igg-cg-split .igg .girl-zoom-canvas-container,
  body.igg-cg-split .girl-zoom-canvas-container.igg-cg-split-layer {
    opacity: 1 !important;
    position: fixed !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 28 !important;
    pointer-events: none !important;
    overflow: visible !important;
  }
  /* Centered in top half — size stays step-2 pixels via JS inline (no shrink) */
  body.igg-cg-split.igg-cg-split-ready #girl-zoom-canvas {
    top: 30% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    transform-origin: center center !important;
    -webkit-mask-image: none !important;
    mask-image: none !important;
  }
  body.igg-cg-split:not(.igg-cg-split-ready) #girl-zoom-canvas {
    -webkit-mask-image: none !important;
    mask-image: none !important;
  }
  body.igg-cg-split .friso-section-container.igg .core-video-container.igg-ball-seq {
    display: none !important;
  }
  body.friso-signature.igg-cg-split .friso-section-container.cg,
  body.friso-signature.igg-cg-split .friso-section-container.cg.igg-cg-docked {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    top: auto !important;
    width: 100% !important;
    height: 50vh !important;
    height: 50dvh !important;
    min-height: 0 !important;
    max-height: 50vh !important;
    max-height: 50dvh !important;
    margin: 0 !important;
    padding: 0.35rem 0.85rem 0.85rem !important;
    z-index: 30 !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent !important;
    box-sizing: border-box !important;
  }
/* CG fade is GSAP-driven — no opacity:0 !important until ready (that snapped the ball rise). */
  /* After in-pin CG, remove standalone CG page so leave → compare (no empty screen). Skip while igg-cg-split. */
  body.friso-signature.igg-cg-consumed:not(.igg-cg-split):not(.igg-ball-free-leave):not(.igg-cg-flow-leave) .friso-section-container.cg {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    visibility: hidden !important;
    pointer-events: none !important;
    opacity: 0 !important;
  }
  /* Leave after split: hide IgG ball so unpin doesn't flash a looping-ball page */
  body.friso-signature.igg-cg-leaving #IgG .girl-zoom-canvas-container,
  body.friso-signature.igg-cg-leaving .girl-zoom-canvas-container.igg-cg-split-layer,
  body.friso-signature.igg-cg-leaving #girl-zoom-canvas,
  body.friso-signature.igg-cg-leaving #IgG .igg-girl-content,
  body.friso-signature.igg-cg-leaving #IgG .core-video-container {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }
  /* Coordinated leave: compare (active/inactive Y) rises with ball+video */
  body.friso-signature.igg-cg-leave-lift .friso-section-container.compare {
    background: inherit;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }
  body.friso-signature.igg-cg-leave-lift .friso-section-container.compare .fadein-ele,
  body.friso-signature.igg-cg-leave-lift .friso-section-container.compare .y-shape-canvas-container {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
  }
  /* After leave, hide bare IgG plates until re-enter sequence */
  body.friso-signature.igg-cg-consumed:not(.igg-cg-split):not(.igg-ball-free-leave) #IgG .girl-zoom-canvas-container,
  body.friso-signature.igg-cg-consumed:not(.igg-cg-split):not(.igg-ball-free-leave) .girl-zoom-canvas-container.igg-cg-split-layer,
  body.friso-signature.igg-cg-consumed:not(.igg-cg-split):not(.igg-ball-free-leave) #girl-zoom-canvas,
  body.friso-signature.igg-cg-consumed:not(.igg-cg-split):not(.igg-ball-free-leave) #IgG .igg-girl-content,
  body.friso-signature.igg-cg-consumed:not(.igg-cg-split):not(.igg-ball-free-leave) #IgG .igg-title-seq,
  body.friso-signature.igg-cg-consumed:not(.igg-cg-split):not(.igg-ball-free-leave) #IgG .core-video-container {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }
  body.friso-signature.igg-cg-split .friso-section-container.cg .friso-section-container-inner-wider {
    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.45rem !important;
    padding: 0 !important;
  }
  body.friso-signature.igg-cg-split .friso-section-container.cg .friso-section-container-inner-wider > div {
    width: 100% !important;
    flex: none !important;
  }
  body.friso-signature.igg-cg-split .friso-section-container.cg .video-container {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    transform: none !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    position: relative !important;
  }
  body.friso-signature.igg-cg-split .friso-section-container.cg .video-container video,
  body.friso-signature.igg-cg-split .friso-section-container.cg #video-cg {
    width: 100% !important;
    height: auto !important;
    max-height: 30vh !important;
    max-height: 30dvh !important;
    object-fit: cover !important;
    display: block !important;
    transform: none !important;
  }
  body.friso-signature.igg-cg-split .friso-section-container.cg .video-over-content {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    inset: 0 !important;
    transform: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    pointer-events: none !important;
    background: linear-gradient(to bottom, rgba(40, 20, 10, 0.12), rgba(40, 20, 10, 0.32)) !important;
  }
  body.friso-signature.igg-cg-split .friso-section-container.cg .video-over-content > div,
  body.friso-signature.igg-cg-split .friso-section-container.cg .video-over-content .txt-subhead,
  body.friso-signature.igg-cg-split .friso-section-container.cg .video-over-content h2 {
    position: static !important;
    top: auto !important;
    left: auto !important;
    opacity: 1 !important;
    transform: none !important;
    color: #fff !important;
    text-align: center !important;
    font-size: 1.2rem !important;
    line-height: 1.35 !important;
    margin: 0 !important;
    width: 100% !important;
  }
  body.friso-signature.igg-cg-split .friso-section-container.cg .friso-rect-button,
  body.friso-signature.igg-cg-split .friso-section-container.cg .cg-seq {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
  }
  body.friso-signature.igg-cg-split .friso-section-container.cg .friso-rect-button {
    margin-top: 0 !important;
    width: min(88vw, 320px) !important;
  }
.farm-animation-overlay{top:12vh}.farm-animation-overlay.farm-animation-content-1{top:12vh}.farm-animation-overlay .friso-section-container-inner-wider{gap:0.3rem;padding-left:78px;align-items:flex-start}.farm-animation-overlay .txt-normal{margin-top:0.5rem}.farm-animation-content-1 .patented-technology-step-num-1 {
    top: 50% !important;
    bottom: auto !important;
    transform: translateY(-50%) !important;
    right: calc(100% + 0.35rem);
    width: auto;
    height: calc(13vw * 375 / 198);
    max-width: none;
    object-fit: contain;
    object-position: right center;
  }.farm-animation-content-1 .patented-technology-step-title{height:calc(21 / 420 * 100vw) !important;max-height:21px !important;width:auto !important;max-width:min(78vw,300px)}.farm-animation-content-2 .patented-technology-step-num-2-title{height:calc(21 / 420 * 100vw) !important;max-height:21px !important;width:auto !important}.igg .girl-zoom-canvas-container::before{display:none}.compare .compare-section-title__img{max-height:64px;max-width:92vw}.compare .compare-title__img{max-height:42px;max-width:72vw;margin-top:0.35rem}.compare .compare-text .txt-normal{margin-top:0.5rem}.compare .friso-section-content{margin-top:0.6rem;gap:0.75rem}.compare .y-shape-canvas-container{transform:none;margin-top:-4%}.compare .y-shape-canvas-container canvas,.compare .y-shape-canvas-container video.y-shape-video,.compare .y-shape-canvas-container #canvas-y-shape{width:108%;left:0;margin-left:-4%;transform:none;height:auto;object-fit:contain}.compare .friso-rect-button{margin-top:1.4rem}.friso-section-container.cg .video-over-content{background:linear-gradient(0deg,rgba(32,8,4,0.28) 0%,rgba(32,8,4,0) 70%)}.friso-section-container.cg .friso-rect-button{margin-top:1.25rem !important;white-space:nowrap !important;max-width:none !important;width:auto !important}.farm-animation-overlay.farm-animation-content-2 .patented-technology-step-num-2-title{height:auto}}
/* branded-uat-layout-s8-9-12 */
@media screen and (max-width:768px){.igg .girl-zoom-canvas-container::before{display:none}.compare .compare-section-title__img{max-height:64px;max-width:92vw}.compare .compare-title__img{max-height:42px;max-width:72vw;margin-top:.35rem}.compare .compare-text .txt-normal{margin-top:.35rem}.compare .friso-section-content{margin-top:.6rem;gap:.75rem}.compare .y-shape-canvas-container{transform:none;margin-top:-4%}.compare .y-shape-canvas-container canvas,.compare .y-shape-canvas-container video.y-shape-video,.compare .y-shape-canvas-container #canvas-y-shape{width:108%;left:0;margin-left:-4%;transform:none;height:auto;object-fit:contain}.compare .friso-rect-button{margin-top:1.4rem}.friso-section-container.cg .video-over-content{background:linear-gradient(0deg,rgba(32,8,4,.28) 0,rgba(32,8,4,0) 70%)}.friso-section-container.cg .friso-rect-button{margin-top:1.25rem!important;white-space:nowrap!important;max-width:none!important;width:auto!important}.farm-animation-overlay.farm-animation-content-2 .patented-technology-step-num-2-title{height:calc(21 / 420 * 100vw)!important;max-height:21px!important;width:auto!important}}
/* branded-uat-layout-s13-15-19 */
@media screen and (max-width:768px){.farm-animation-overlay.farm-animation-content-2{top:10vh;padding-top:0}.farm-animation-overlay.farm-animation-content-2 .farm-animation-content-2__inner{justify-content:center;align-items:flex-start;padding-left:4.25rem;padding-right:1.25rem;text-align:left}.farm-animation-overlay.farm-animation-content-2 .txt-gold,.farm-animation-overlay.farm-animation-content-2 .txt-normal,.farm-animation-overlay.farm-animation-content-2 .content-2-text-wrapper{text-align:left}.farm-animation-overlay.farm-animation-content-2 .content-2-text-wrapper{width:auto;max-width:min(78vw,320px);margin-left:0;margin-right:0}.farm-animation-overlay.farm-animation-content-2 .patented-technology-step-num-1-wrapper{display:inline-block;position:relative;width:auto;text-align:left}.farm-animation-overlay.farm-animation-content-2 .patented-technology-step-num-2 {
    position: absolute !important;
    top: 50% !important;
    bottom: auto !important;
    left: auto !important;
    right: calc(100% + 0.35rem) !important;
    /* Height-locked to「1」(see milktruck-mobile-numeral-font-match) —
       width:15vw + max-width:56px was shrinking the wider「2」glyph. */
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    height: calc(13vw * 375 / 198) !important;
    margin: 0 !important;
    display: block;
    transform: translateY(-50%) !important;
    object-fit: contain !important;
    object-position: right center !important;
  }.farm-animation-overlay.farm-animation-content-2 .patented-technology-step-num-2-title{height:calc(21 / 420 * 100vw)!important;max-height:21px!important;width:auto!important}.farm-animation-overlay.farm-animation-content-2 .txt-normal{margin-top:.5rem}.farm-animation-overlay.farm-animation-content-2 .txt-normal p{line-height:1.55}.farm-animation-overlay.farm-animation-content-2::after{top:-30%;height:160%;background:rgba(32,8,4,.5);filter:blur(40px)}/* neutralized branded-uat smart-immu layout overrides — rematch CF below */.baby-slide-1{padding-top:18vh}.baby-slide-1 .baby-slide-txt>img,.baby-slide-1 .baby-slide-txt>picture img{width:100%;max-width:85%}.baby,.baby-container{--baby-sticky-height:30vh}.baby-container-btm{top:auto;bottom:0}.baby-container-btm .baby-container{transform:none;transform-origin:center bottom}.fala-signature__title{margin-top:1.25rem}.fala-signature__title img,.fala-signature-title__img{max-height:36px}.fala-signature-container-img{margin-top:.5rem}.fala-signature-container-img-wrapper{margin-top:-1.5rem}.fala-signature-container .friso-rect-button.very-wide{white-space:nowrap;min-width:16.5rem;padding:.55rem 1.4rem;font-size:1.15rem}.fala-signature-container .signature-section-fala-name,.fala-signature-container .txt-normal{margin-top:.85rem}.baby-slide-2 .baby-slide-txt>img,.baby-slide-2 .baby-slide-txt>picture img{width:auto!important;max-width:200px!important}.baby-slide-2 .baby-slide-txt .natural-container{max-width:min(96vw,480px)!important;width:min(96vw,480px)!important;margin-top:1.5em!important;display:flex;justify-content:space-around;gap:.5rem}.baby-slide-2 .natural-container img{width:220px!important;min-width:220px!important;max-width:220px!important;height:auto!important}.baby-slide-2 .natural-container .txt-semibold{font-size:inherit}.signature-mum-title__img{max-height:40px;max-width:92vw}.mum-signature-container .mom-signature-splide-title{margin-top:.9rem;margin-bottom:.85rem}.mum-signature-container .mom-signature-splide{padding-bottom:.85rem}.mom-signature-splide .splide__slide{padding-top:.35rem;padding-bottom:.35rem}.mom-signature-splide .splide__track .splide__slide .flip-card-container{transform:scale(.62);transform-origin:center center;transition:transform 500ms cubic-bezier(0,.75,.6,1),filter 400ms linear;background:transparent}.mom-signature-splide .splide__track .splide__slide.is-prev .flip-card-container,.mom-signature-splide .splide__track .splide__slide.is-next .flip-card-container{transform:scale(.62)}.mom-signature-splide .splide__track .splide__slide.is-active .flip-card-container{transform:scale(.92)}.mom-signature-splide .front,.mom-signature-splide .back{padding-top:108%;background-color:transparent}.mom-signature-splide .splide-content-item p{margin-top:.55rem;font-size:1.02rem}.mom-signature-splide .splide-content{margin-top:.4rem}.mom-signature-splide .splide-custom-pagination{margin:.6rem auto .5rem}.mom-signature-splide .friso-rect-button,.mom-signature-splide .splide__slide__button{box-sizing:content-box!important;width:155px!important;height:25px!important;min-height:25px!important;padding:.5em 1.3em!important;font-size:1.1rem!important;line-height:1;display:flex!important;align-items:center;justify-content:center;margin:.35rem auto 0}.track-easy-container .track-easy-container-inner .trackeasy-title__img{max-height:9.5vh;max-width:92vw}.track-easy-container .track-easy-container-inner .track-easy-title{padding-bottom:1.85em}.track-easy-container .track-easy-container-inner .track-easy-img{max-width:108%;padding:.2em 0 1em;margin-left:auto;margin-right:-2%}.track-easy-container .track-easy-container-inner .track-easy-img img{width:100%;transform:scale(1.1);transform-origin:center right}.track-easy-container .track-easy-text .txt-normal{margin-top:.75rem}.gallery-container.for-products{padding-top:2.5em}.gallery-container.for-products .gallery-container-ele>div{transform:scale(1.12)}.gallery-container.for-products .gallery-caption-ele br{display:block}.product-btn-container{display:flex!important;flex-direction:column;align-items:stretch;width:max-content;max-width:92%;margin-left:auto;margin-right:auto}.product-btn-container>a,.product-btn-container>div{width:100%;display:block}.product-btn-container .friso-rect-button{width:100%!important;box-sizing:border-box!important;min-height:25px;height:auto!important;padding:.45rem 1.15rem!important;font-size:.95rem;line-height:1.2;white-space:nowrap!important;display:flex!important;align-items:center;justify-content:center;margin-left:auto!important;margin-right:auto!important}.key-visual-mobile-ball{width:24vw;right:-5vw;top:88px}.key-visual-sequence::after{top:82%;bottom:auto;height:18%;background:linear-gradient(180deg,rgba(33,15,3,0) 0%,rgba(33,15,3,.45) 18%,rgba(33,15,3,.85) 38%,rgb(33,15,3) 58%,rgb(33,15,3) 100%);z-index:5}.key-visual{min-height:100dvh;--kv-height:100dvh;--kv-bg-height:100%;--kv-bg-bottom:0;--kv-after-bottom:0;--kv-before-bottom:0}.key-visual-sequence{min-height:100dvh}.heroball-container .heroball:nth-child(2){bottom:66%;right:4%}.heroball-container .heroball:nth-child(3){top:38vh}.heroball-container .heroball:nth-child(4){bottom:2%} .key-visual-sequence-img-girl{left:50%}}
/* branded-uat-layout-s47-78 */
/* Branded UAT — tablet ~820 overlap (S50). Branded index does not load tablet-fix.css */
@media screen and (min-width: 769px) and (max-width: 1023px) {
#did-you-know {
padding-top: 5em !important;
padding-bottom: 2em !important;
}
.did-you-know-container {
display: flex !important;
flex-direction: column !important;
align-items: center;
gap: 1.5rem;
}
.did-you-know-container .did-you-know-content {
width: 88% !important;
max-width: 640px;
margin: 0 auto !important;
text-align: center;
padding-left: 0;
flex: none !important;
}
.did-you-know-container .did-you-know-video {
width: 88% !important;
max-width: 640px;
margin: 0 auto;
flex: none !important;
--chart-image-width: 100%;
}
.did-you-know-title__img {
width: 88% !important;
max-width: 640px !important;
left: auto !important;
transform: none !important;
}
.did-you-know-ball .did-you-know-ball-1,
.did-you-know-ball .did-you-know-ball-2 {
display: none !important;
}
.key-visual {
--kv-title-top: 12vh;
--kv-ball-container-width: 42vw;
--kv-ball-container-min-width: 220px;
--kv-ball-container-transfrom: translate(-8vw, -10%);
}
.key-visual-title,
.friso-home-tagline-container.key-visual-title {
width: min(70vw, 28rem);
left: 50%;
transform: translateX(-50%);
z-index: 20;
}
.farm-animation-overlay .friso-section-container-inner-wider {
padding-left: 5vw;
padding-right: 5vw;
}
.friso-section-container.smart .smart-immu-container .smart-immu-content {
padding-left: 4vw;
padding-right: 4vw;
}
}

/* Desktop nav (≥992): left-align logo with hamburger hidden.
   Keep mobile-centered logo through 769–991 (see navigation.css). */
@media screen and (min-width: 992px) {
  body.friso-signature .navbar__logo {
    left: 0;
    top: -8px;
    transform: none;
  }
}

/* nav-dropdown-gap-restore — mid desktop: keep menu item breathing room */
@media screen and (min-width: 992px) and (max-width: 1200px) {
  body.friso-signature:not(.education) .navbar {
    padding-left: 20px;
    padding-right: 20px;
  }
  body.friso-signature:not(.education) .navbar__menu-list.main {
    gap: clamp(1.25rem, 1.8vw, 2rem) !important;
  }
  body.friso-signature:not(.education) .navbar__menu-list.main > .navbar__menu-item {
    padding-right: 0.35em;
  }
  /* Match desktop arrow clearance (navigation.css: right:-16px, pad 10px) */
  body.friso-signature:not(.education) .navbar .arrow-down {
    right: -16px !important;
    top: 4px;
  }

  body.friso-signature:not(.education) .navbar__menu-item:has(> a > .arrow-down) {
    padding-right: 10px !important;
  }
}

/* Branded UAT layout — desktop S67–78 */
@media screen and (min-width: 769px) {
.navbar {
overflow: visible;
}

/* nav-shadow-flush — seat ::after under bar; match --text-chocolate-brown (#210f03) */
body.friso-signature .navbar{overflow:visible}
body.friso-signature .navbar::after{
  content:""!important;display:block!important;position:absolute!important;
  top:calc(100% - 2px)!important;left:0!important;width:100%!important;height:22px!important;
  z-index:449!important;pointer-events:none!important;
  background:linear-gradient(to bottom,#210f03 0%,#210f03 28%,rgba(33,15,3,0) 100%)!important;
}

.key-visual-sequence-img-girl {
left: 50.5%;
}
.key-visual-sequence-img-fala {
left: 48%;
}
.key-visual {
--kv-ball-container-width: 40vh;
--kv-ball-container-min-width: 300px;
--kv-ball-container-transfrom: translate(-60%, 40%);
--kv-after-height: 3dvh;
--kv-after-bottom: 0;
--kv-title-top: 12vh;
}
.heroball-container .heroball:nth-child(1) {
top: -24%;
}
.heroball-container .heroball:nth-child(2) {
bottom: 82%;
right: -2%;
}
.heroball-container .heroball:nth-child(3) {
left: -4%;
top: 34%;
}
.heroball-container .heroball:nth-child(4) {
right: -2%;
}
/* Logo left-align waits until 992px (desktop nav). At 769–991 the
   hamburger is still shown — left logo overlapped it (e.g. 770×859). */
#did-you-know {
min-height: 100vh;
min-height: 100dvh;
display: flex;
align-items: center;
box-sizing: border-box;
padding-top: 72px !important;
padding-bottom: 0 !important;
}
#did-you-know .did-you-know-container {
max-width: 1280px;
width: 100%;
margin-left: auto;
margin-right: auto;
box-sizing: border-box;
justify-content: space-between;
align-items: center;
gap: 2.5rem;
padding-left: 0;
padding-right: calc(3rem - 20px);
}
#did-you-know .did-you-know-video {
--chart-image-width: 46%;
flex: 0 0 var(--chart-image-width);
width: var(--chart-image-width);
max-width: var(--chart-image-width);
margin-left: auto;
box-sizing: border-box;
}
#did-you-know .did-you-know-video .hd-video-container,
#did-you-know .did-you-know-video canvas {
max-width: 100%;
}
#did-you-know .did-you-know-content {
padding-left: 0;
flex: 0 0 49%;
width: 49%;
max-width: none;
}
#did-you-know .did-you-know-content .did-you-know-title__img,
#did-you-know .did-you-know-content-description,
#did-you-know .did-you-know-content .friso-rect-button,
#did-you-know .did-you-know-content-button {
margin-left: 0;
}
#did-you-know .did-you-know-content-description {
margin-top: 1.1rem !important;
}
.did-you-know-ball-container {
opacity: 0;
visibility: hidden;
pointer-events: none;
}
/* Desktop/tablet only — must not override mobile S49 display:block */
@media screen and (min-width: 769px) {
.did-you-know-ball .did-you-know-ball-1,
.did-you-know-ball .did-you-know-ball-2 {
display: none !important;
}
}
#did-you-know .friso-rect-button,
.did-you-know-content-button {
padding: 0.5rem 1.3rem !important;
}

#girl-zoom-canvas {
max-height: 92%;
height: 88%;
width: auto;
}
.igg-girl-container .igg-title__img {
max-height: 130px;
max-width: min(70%, 900px);
}
/* S70 — CG/MOA clip + compare (Y active/inactive) */
/* CG: enlarge 片, lighten mid-copy shadow, drop 組字 below gradient, button down */
.friso-section-container.cg {
  min-height: 100vh;
  min-height: 100dvh;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  padding-top: 72px !important;
  padding-bottom: 2rem !important;
}
.friso-section-container.cg .friso-section-container-inner-wider {
  max-width: 1280px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.friso-section-container.cg .friso-section-container-inner-wider .video-container {
  max-width: 1040px;
  width: 100%;
  margin: 0 auto;
  transform: scale(1.06);
  transform-origin: center center;
}
.friso-section-container.cg .video-over-content {
  top: 62%;
  background: linear-gradient(
    0deg,
    rgba(32, 8, 4, 0.1) 0%,
    rgba(32, 8, 4, 0) 55%
  );
}
.friso-section-container.cg .video-over-content > div {
  text-shadow: 0 0 0.04em rgba(158, 51, 4, 0.35);
  filter: drop-shadow(0 0 0.06em rgba(158, 51, 4, 0.28));
}
.friso-section-container.cg .video-container .txt-bold.txt-subhead {
  top: 62%;
}
.friso-section-container.cg .friso-rect-button {
  margin-top: 2.4rem !important;
  color: var(--text-gold, #c9a666);
  border-color: var(--text-gold, #c9a666);
  background: transparent;
}

/* Compare: enlarge Y nearer headline; graphic↔copy + title↔body breathing */
.compare {
  min-height: 100vh;
  min-height: 100dvh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  box-sizing: border-box;
  padding-top: 72px !important;
  padding-bottom: 2rem !important;
  margin-bottom: 0 !important;
}
/* Beat .autoH min-height:calc(50vh-10em)!important — fill the viewport */
.friso-section-container.autoH.compare,
body.friso-signature .friso-section-container.autoH.compare {
  height: 100vh !important;
  height: 100dvh !important;
  min-height: 100vh !important;
  min-height: 100dvh !important;
  padding-top: 72px !important;
  padding-bottom: 2rem !important;
  margin-bottom: 0 !important;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.compare .friso-section-container-inner-wider {
  max-width: 1280px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: calc(3rem - 20px);
  box-sizing: border-box;
}
.compare .compare-section-title__img {
  max-height: 52px;
}
.compare .friso-section-content {
  margin-top: 0.35rem;
  gap: 1.5rem;
}
.compare .y-shape-canvas-container {
  transform: none;
  margin-top: -2.5%;
  transform-origin: center top;
}
.compare .y-shape-canvas-container canvas,
.compare .y-shape-canvas-container video.y-shape-video,
.compare .y-shape-canvas-container #canvas-y-shape {
  width: var(--call-width);
  left: 0;
  margin-left: calc((100% - var(--call-width)) / 2);
  transform: none;
  height: auto;
  object-fit: contain;
}
.compare .compare-text {
  width: 92%;
  margin-top: 1.15rem; /* graphic → copy breathing */
}
.compare .compare-title__img {
  max-height: 36px;
  max-width: 90%;
}
.compare .compare-text .txt-normal,
.compare .compare-text p {
  margin-top: 1.1rem !important; /* title → body breathing */
}

/* Keep prev-section (girl) balls from bleeding into CG */
.friso-section-container.igg#IgG,
.friso-section-container.autoH.igg {
  overflow: hidden;
}


.farm-animation-overlay {
top: 11%;
}
.patented-technology-step-title {
max-height: 36px;
}
.farm-animation-overlay.farm-animation-content-2 {
top: 9%;
}
.farm-animation-overlay.farm-animation-content-2 .patented-technology-step-num-2-title {
height: 34px;
}
.slide-01 .smart-immu-content-title-1{top:36%;left:0!important;}
.text-img-smart {
height: 96px !important;
}
.friso-section-container.smart .smart-immu-container.slide-02 .smart-immu-content,
.friso-section-container.smart .smart-immu-container.slide-03 .smart-immu-content {
margin-left: 6%;
padding-bottom: 2rem;
}
.smart-immu-title {
max-height: 28px !important;
}
.attack-img-txt.text-img.m-small,
.m-defence.text-img.m-small {
height: 96px !important;
}
.fala-signature__title {
margin-top: 6.5rem;
}
.fala-signature__title img,
.fala-signature-title__img {
max-height: 42px;
}
.fala-signature-container-img::after {
height: 460px;
}
.baby-slide-2 .baby-slide-txt .natural-container {
max-width: 340px;
gap: 2.2rem;
display: flex;
justify-content: center;
}
.signature-mum-title__img {
max-height: 40px;
}
.mum-signature-container .mom-signature-splide-title {
margin-top: 0.85rem;
margin-bottom: 0.45rem;
}
.mum-signature-container .mom-signature-splide {
padding-bottom: 0.85rem;
}
.mom-signature-splide .splide__slide {
padding-top: 0.4rem;
padding-bottom: 0.4rem;
}
.mom-signature-splide .splide__track .splide__slide .flip-card-container {
transform: scale(0.7);
transform-origin: center center;
transition: transform 500ms cubic-bezier(0, 0.75, 0.6, 1), filter 400ms linear;
}
.mom-signature-splide .splide__track .splide__slide.is-prev .flip-card-container,
.mom-signature-splide .splide__track .splide__slide.is-next .flip-card-container {
transform: scale(0.7);
}
.mom-signature-splide .splide__track .splide__slide.is-active .flip-card-container {
transform: scale(0.9);
}
.mom-signature-splide .front,
.mom-signature-splide .back {
padding-top: 108%;
}
.mom-signature-splide .splide-content-item p {
margin-top: 0.5rem;
}
.mom-signature-splide .splide-content {
margin-top: 0.35rem;
}
.mom-signature-splide .splide-custom-pagination {
margin: 0.55rem auto 0.45rem;
}
.mom-signature-splide .splide-buttons {
margin-top: 0.15rem;
}
.mom-signature-splide .friso-rect-button,
.mom-signature-splide .splide__slide__button {
box-sizing: content-box !important;
width: 175px !important;
height: 25px !important;
min-height: 25px !important;
padding: 0.5em 1.3em !important;
font-size: 1.1rem !important;
line-height: 1;
display: flex !important;
align-items: center;
justify-content: center;
margin: 0.25rem auto 0;
}
.track-easy-container {
padding-bottom: 3.5rem;
}
.track-easy-container .track-easy-container-inner {
padding: 0.5rem 0.25rem;
max-width: 1280px;
margin: 0 auto;
width: calc(100% - 5rem);
}
.track-easy-container .track-easy-container-inner .track-easy-title {
padding-bottom: 0.55em;
}
.track-easy-container .track-easy-container-inner .trackeasy-title__img {
max-height: 11.5vh;
}
.track-easy-container-inner-left {
margin-top: 1.1rem;
padding-left: 0;
}
.track-easy-container .track-easy-text .txt-normal {
margin-top: 0.85rem;
}
.track-easy-container .track-easy-text .txt-normal:first-child {
margin-top: 0.35rem;
}
.track-easy-container .track-easy-container-inner .track-easy-img {
max-width: 108%;
margin-left: auto;
margin-right: -2%;
padding: 0.35em 0 0.75em;
}
.track-easy-container .track-easy-container-inner .track-easy-img img {
width: 100%;
transform: scale(1.06);
transform-origin: center right;
}
.gallery-container.for-products {
padding-top: 1.5rem;
}
.gallery-container.for-products .gallery-container-inner {
padding-bottom: 1.25rem;
}
.gallery-container.for-products .gallery-container-ele > div {
transform: scale(1);
}
.gallery-container.for-products .gallery-caption-container {
margin-top: 0.75rem;
}
.product-btn-container {
margin-bottom: 1.25em;
}
.product-btn-container > div {
margin-bottom: 0.65em;
}
.product-btn-container {
display: flex !important;
flex-direction: column;
align-items: stretch;
width: max-content;
max-width: 92%;
margin-left: auto;
margin-right: auto;
}
.product-btn-container > a,
.product-btn-container > div {
width: 100%;
display: block;
}
.product-btn-container .friso-rect-button {
box-sizing: border-box !important;
width: 100% !important;
height: auto !important;
min-height: 25px !important;
padding: 0.5em 1.3em !important;
font-size: 1.1rem;
line-height: 1.2;
white-space: nowrap !important;
display: flex !important;
align-items: center;
justify-content: center;
margin-top: 0.35em;
}
.contact-container .friso-rect-button {
box-sizing: border-box !important;
width: 175px !important;
height: auto !important;
min-height: 42px !important;
padding: 0.55em 1.3em !important;
font-size: 1.1rem;
line-height: 1.2;
display: inline-flex !important;
align-items: center;
justify-content: center;
margin-top: 0.35em;
margin-left: auto !important;
margin-right: auto !important;
}
.contact-container {
--s78-y: 2.25rem;
max-width: 980px;
width: 92%;
gap: calc(3.5rem + 8 * var(--s78-y));
margin-top: 2.25em;
margin-bottom: 1em;
justify-content: center;
}
 .contact-container > div {
width: 280px;
}
.contact-container .contact-icon {
margin-bottom: 0.65rem !important;
}
.contact-container .contact-icon img,
.contact-container img {
margin-bottom: 0.35rem !important;
}
.contact-container .txt-normal {
margin-top: 0;
margin-bottom: 0.15rem;
line-height: 1.45;
}
.contact-container .txt-normal br + br {
display: none;
}
.friso-section-container.contact {
padding-top: 2.25rem !important;
padding-bottom: 2.25rem !important;
}
.friso-section-container.products {
padding-bottom: 1rem !important;
}
.friso-section-container.products .friso-section-container-inner-full.section-nav {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
}

/* farm-step-title-fix-1789369000 */
@media screen and (max-width:768px){
.farm-animation-overlay{top:9vh!important}
.farm-animation-overlay.farm-animation-content-1{top:9vh!important}
.farm-animation-overlay.farm-animation-content-2{top:8vh!important;padding-top:0!important}
.farm-animation-content-1 .patented-technology-step-title{height:calc(21 / 420 * 100vw)!important;max-height:21px!important;width:auto!important;max-width:min(78vw,300px)}
.farm-animation-content-1 .patented-technology-step-num-1{top:50%!important;bottom:auto!important;transform:translateY(-50%)!important}
.farm-animation-overlay.farm-animation-content-2 .patented-technology-step-num-2 {
    position: absolute !important;
    top: 50% !important;
    bottom: auto !important;
    left: auto !important;
    right: calc(100% + 0.35rem) !important;
    /* Height-locked to「1」(see milktruck-mobile-numeral-font-match) —
       width:15vw + max-width:56px was shrinking the wider「2」glyph. */
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    height: calc(13vw * 375 / 198) !important;
    margin: 0 !important;
    display: block;
    transform: translateY(-50%) !important;
    object-fit: contain !important;
    object-position: right center !important;
  }
.farm-animation-overlay.farm-animation-content-2 .patented-technology-step-num-2-title{height:calc(21 / 420 * 100vw)!important;max-height:21px!important;width:auto!important}
.farm-animation-overlay.farm-animation-content-2 .patented-technology-step-num-1-wrapper{display:inline-block!important;position:relative!important;width:auto!important;flex-direction:row!important}
.farm-animation-overlay.farm-animation-content-2 .farm-animation-content-2__inner{justify-content:center;align-items:flex-start;padding-left:4.25rem;padding-right:1.25rem;text-align:left}
}


/* s52-kv-shadow-1789429000 */
@media screen and (max-width:768px){
  .key-visual-sequence::after{
    
    bottom:auto!important;
    height:18%!important;
    background:linear-gradient(180deg,rgba(33,15,3,0) 0%,rgba(33,15,3,.55) 12%,rgba(33,15,3,.88) 28%,rgba(18,8,2,.97) 48%,#120802 62%,#120802 100%)!important;
    z-index:5!important;
  }
  .key-visual-sequence-img-fala.mobile-only{
    overflow:visible;z-index:3;
    -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 76%,rgba(0,0,0,.5) 84%,rgba(0,0,0,.12) 90%,transparent 96%);
    mask-image:linear-gradient(to bottom,#000 0%,#000 76%,rgba(0,0,0,.5) 84%,rgba(0,0,0,.12) 90%,transparent 96%);
    -webkit-mask-size:100% 100%;mask-size:100% 100%;
    -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  }
  .key-visual-sequence-img-girl.mobile-only{
    overflow:visible;z-index:3;
    -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 74%,rgba(0,0,0,.55) 80%,rgba(0,0,0,.15) 86%,transparent 92%);
    mask-image:linear-gradient(to bottom,#000 0%,#000 74%,rgba(0,0,0,.55) 80%,rgba(0,0,0,.15) 86%,transparent 92%);
    -webkit-mask-size:100% 100%;mask-size:100% 100%;
    -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  }
  .key-visual-sequence-video.kv-seq-fadein-3 .key-visual-sequence-video-canvas.mobile-only{
    z-index:4;
    -webkit-mask-image:none;
    mask-image:none;
  }
}


/* farm-titles-upper-1789421000 */
@media screen and (max-width:768px){
  .farm-animation-overlay{top:9vh !important;}
  .farm-animation-overlay.farm-animation-content-1{top:9vh !important;}
  .farm-animation-overlay.farm-animation-content-2{top:8vh !important;padding-top:0 !important;}
}

/* ad-cf-rematch-1789425000 — full CF mobile SMART IMMU + step02 攻 align */
@media screen and (max-width:768px){
  .friso-section-container.smart .smart-head-title{top:17.5dvh!important;left:50%!important;transform:translateX(-50%)!important;z-index:100;height:auto!important;position:absolute!important;}
  .friso-section-container.smart .smart-head-title img{height:calc(60 / 420 * 100vw)!important;max-height:60px!important;margin:0 auto;width:auto!important;}
  .friso-section-container.smart .gallery-container{max-width:300px!important;width:auto!important;margin:0 auto!important;}
  .friso-section-container.smart .gallery-container-inner{padding-bottom:177.7777777778%!important;}
  .friso-section-container.smart .gallery-container .gallery-container-ele,
  .slide-01 .gallery-container .gallery-container-ele{left:-80px!important;width:calc(100% - 0em)!important;}
  .friso-section-container.smart .poster-container-inner,
  .slide-01 .poster-container-inner{padding-bottom:calc(100% + 0em)!important;width:100%!important;margin:auto!important;position:relative!important;}
  .slide-01 .poster-container{position:relative!important;top:-10%!important;left:auto!important;right:auto!important;width:100%!important;margin:28px 0 0!important;transform:scale(.8)!important;transform-origin:top center!important;}
  .slide-01 .smart-immu-content-title-1{top:-8%!important;left:0!important;right:auto!important;}
  .slide-01 .smart-immu-content-title-2{top:48%!important;right:-18%!important;left:auto!important;text-align:right;}
  .text-img-smart,.slide-01 .text-img-smart{height:70px!important;}
  .slide-01 .y-ball,.y-ball{margin-top:118px!important;width:110%!important;top:auto!important;left:auto!important;transform:none!important;}
  .poster-container .y-ball-parts.y-ball-parts-1,.slide-01 .y-ball-parts-1{position:relative!important;top:380px!important;left:45%!important;}
  .poster-container .y-ball-parts.y-ball-parts-2,.slide-01 .y-ball-parts-2{position:relative!important;top:130px!important;left:75%!important;}
  .poster-container .y-ball-parts.y-ball-parts-3,.slide-01 .y-ball-parts-3{position:absolute!important;top:20%!important;left:230px!important;}
  .poster-container .y-ball-parts.y-ball-parts-4,.slide-01 .y-ball-parts-4{position:absolute!important;top:77%!important;left:0!important;}
  .attack-img-txt-title-img{height:14px!important;}
  .m-defence.text-img.m-small,.slide-03 .m-defence.text-img.m-small{height:calc(67.5 / 420 * 100vw)!important;max-height:67.5px!important;margin-top:0!important;}
  .smart-immu-slide.slide-02{align-items:flex-start!important;justify-content:flex-start!important;padding-top:calc(15dvh + 78px)!important;padding-left:25px!important;}
  .smart-immu-slide.slide-03{align-items:flex-start!important;padding-top:25vh!important;justify-content:flex-start!important;}
  .smart-immu-slide.slide-02 .smart-immu-content,.friso-section-container.smart .smart-immu-container .smart-immu-attack-content{margin-top:0!important;}
  .slide-02 .attack-img-txt.text-img.m-small,.smart-immu-attack-content .attack-img-txt.text-img.m-small{height:calc(67.5 / 420 * 100vw)!important;max-height:67.5px!important;margin-top:0!important;}
  .smart-immu-slide.slide-03 .smart-immu-content,.friso-section-container.smart .smart-immu-container.immu-defense-slide .smart-immu-content{margin-top:12px!important;}
  .friso-section-container.smart .smart-immu-container .igg-ball-dissolve-canvas{height:60vh!important;max-height:none!important;top:38vh!important;width:auto!important;max-width:none!important;position:absolute!important;left:50%!important;transform:translateX(-50%)!important;}
  .friso-section-container.smart .smart-immu-container.immu-defense-slide .immu-defense-canvas-wrapper{top:0!important;overflow:visible!important;}
}

/* no-additives-cf-size — tin/girl size; icons at 2/3 of prior enlarge */
@media screen and (max-width:768px){
  .baby,.baby-container{--baby-sticky-height:30vh !important;}
  .baby-container-btm{bottom:2vh !important;top:auto !important;}
  .baby-container-btm .baby-container{height:calc(var(--baby-sticky-height) * 1.18) !important;overflow:visible !important;}
  .baby-container-btm .baby-container img{height:calc(var(--baby-sticky-height) * 1.18) !important;}
  .baby-slide-2 .baby-slide-txt > img,
  .baby-slide-2 .baby-slide-txt > picture img{width:auto !important;max-width:220px !important;}
  .baby-slide-2 .baby-slide-txt .natural-container{max-width:220px !important;margin-top:2em !important;gap:0 !important;justify-content:space-around !important;display:flex !important;}
  .baby-slide-2 .natural-container img{width:66% !important;min-width:0 !important;max-width:none !important;height:auto !important;}
  .baby-slide-2 .natural-container .txt-semibold{font-size:inherit !important;}
}


/* product-btns-equal-1line-1789427000 */
@media screen and (max-width:768px){
  .product-btn-container{display:flex!important;flex-direction:column;align-items:stretch;width:max-content;max-width:92%;margin-left:auto;margin-right:auto}
  .product-btn-container>a,.product-btn-container>div{width:100%;display:block}
  .product-btn-container .friso-rect-button{width:100%!important;box-sizing:border-box!important;height:auto!important;min-height:25px!important;padding:.45rem 1.15rem!important;font-size:1.1rem;line-height:1.2;white-space:nowrap!important;display:flex!important;align-items:center;justify-content:center}
}


/* step01-gong-space-1789428000 */
@media screen and (max-width:768px){
  .slide-01 .poster-container{margin:28px 0 0!important;}
  .slide-01 .y-ball,.y-ball{margin-top:118px!important;}
}


/* fala-shadow-darker-1789429000 */
@media screen and (max-width:768px){
  .key-visual-sequence::after{
    bottom:auto!important;height:18%!important;
    background:linear-gradient(180deg,rgba(33,15,3,0) 0%,rgba(33,15,3,.55) 12%,rgba(33,15,3,.88) 28%,rgba(18,8,2,.97) 48%,#120802 62%,#120802 100%)!important;
    z-index:5!important;
  }
  .key-visual-sequence-img-fala.mobile-only{
    -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 62%,rgba(0,0,0,.45) 70%,rgba(0,0,0,.12) 76%,transparent 82%)!important;
    mask-image:linear-gradient(to bottom,#000 0%,#000 62%,rgba(0,0,0,.45) 70%,rgba(0,0,0,.12) 76%,transparent 82%)!important;
  }
}


/* girl-match-cf */
@media screen and (min-width:769px){.girl-zoom-canvas-container{height:90vh;overflow:visible}#girl-zoom-canvas{top:50%;left:50%;transform:translate(-50%,-50%);max-height:100%;max-width:100%;height:auto;width:auto}}

.nowrap{white-space:nowrap}

/* dyk-vertical-center-v1 */
@media screen and (max-width:768px){#did-you-know{display:flex!important;align-items:center!important;justify-content:center!important;min-height:100vh!important;min-height:100dvh!important}.did-you-know-container{width:100%}}
@media screen and (min-width:769px){#did-you-know{min-height:100vh!important;min-height:100dvh!important;display:flex!important;align-items:center!important}}


/* cg-fit-viewport-v2 */
@media screen and (min-width:769px){.friso-section-container.cg{min-height:100vh!important;min-height:100dvh!important;display:flex!important;align-items:center;justify-content:center;box-sizing:border-box;padding-top:72px!important;padding-bottom:1.25rem!important}.friso-section-container.cg .friso-section-container-inner-wider{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.85rem;width:100%;max-width:100%;margin-left:auto;margin-right:auto;box-sizing:border-box;max-height:calc(100dvh - 72px - 1.25rem)}.friso-section-container.cg .friso-section-container-inner-wider > div:nth-child(1){width:100%;display:flex;justify-content:center;min-height:0;flex:0 1 auto}.friso-section-container.cg .friso-section-container-inner-wider .video-container{--cg-video-max-h:min(62vh,calc(100dvh - 72px - 7rem));max-width:min(1100px,90vw,calc(var(--cg-video-max-h) * 16 / 9));width:min(1100px,90vw,calc(var(--cg-video-max-h) * 16 / 9));margin:0 auto;transform:none;max-height:var(--cg-video-max-h)}.friso-section-container.cg .friso-section-container-inner-wider .video-container video{display:block;width:100%;height:auto;max-height:var(--cg-video-max-h);object-fit:contain}.friso-section-container.cg .friso-section-container-inner-wider > div:nth-child(2){flex:0 0 auto;text-align:center}.friso-section-container.cg .video-over-content{top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;width:100%;background:linear-gradient(0deg,rgba(32,8,4,.1) 0%,rgba(32,8,4,0) 55%)}.friso-section-container.cg .video-over-content > div{text-shadow:0 0 .04em rgba(158,51,4,.35);filter:drop-shadow(0 0 .06em rgba(158,51,4,.28))}.friso-section-container.cg .video-container .txt-bold.txt-subhead{top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important}.friso-section-container.cg .friso-rect-button{margin-top:0!important;color:var(--text-gold,#c9a666);border-color:var(--text-gold,#c9a666);background:transparent;white-space:nowrap!important;max-width:none!important;width:auto!important}}

/* compare-title-y-v2 */
@media screen and (min-width:769px){.compare .compare-section-title__img{max-height:78px}.compare .y-shape-canvas-container{transform:none;margin-top:-2.5%;transform-origin:center top}.compare .y-shape-canvas-container canvas,.compare .y-shape-canvas-container video.y-shape-video,.compare .y-shape-canvas-container #canvas-y-shape{width:var(--call-width);left:0;margin-left:calc((100% - var(--call-width)) / 2);transform:none;height:auto;object-fit:contain}.compare .steps-num{width:var(--call-width)!important;max-width:none!important;left:0!important;margin-left:calc((100% - var(--call-width)) / 2)!important;margin-top:-2.5%;transform:none!important;transform-origin:center top!important}.compare .compare-text{width:92%;margin-top:1.15rem;margin-left:auto;margin-right:auto;text-align:center}.compare .compare-title__img{max-height:36px;max-width:90%;margin-left:auto;margin-right:auto;display:block}.compare .compare-text .txt-normal,.compare .compare-text p{margin-top:.85rem!important}.compare .friso-section-content > div h2,.compare .friso-section-content > div p,.compare .compare-text h2,.compare .compare-text p{text-align:center!important}}

/* dyk-chart-enlarge-v1 */
@media screen and (min-width:769px){#did-you-know .did-you-know-container{gap:1.25rem}#did-you-know .did-you-know-video{--chart-image-width:46%;flex:0 0 var(--chart-image-width);width:var(--chart-image-width);max-width:var(--chart-image-width);margin-left:auto}#did-you-know .did-you-know-content{flex:0 0 50%;width:50%}#did-you-know .did-you-know-video .hd-video-container,#did-you-know .did-you-know-video canvas{max-width:100%;width:100%}}

/* dyk-chart — enlarge 10% (50% → 55%) */
@media screen and (min-width:769px){
  body.friso-signature:not(.education) #did-you-know .did-you-know-container{
    gap:1.25rem !important;
    align-items:center !important;
    overflow:visible
  }
  body.friso-signature:not(.education) #did-you-know .did-you-know-content{
    flex:0 0 42% !important;
    width:42% !important;
    max-width:42% !important;
    min-width:0 !important
  }
  body.friso-signature:not(.education) #did-you-know .did-you-know-video{
    --chart-image-width:55% !important;
    flex:0 0 55% !important;
    width:55% !important;
    max-width:55% !important;
    min-width:0 !important;
    margin-left:auto !important
  }
  body.friso-signature:not(.education) #did-you-know .did-you-know-video .hd-video-container,
  body.friso-signature:not(.education) #did-you-know .did-you-know-video canvas{
    transform:none !important;
    width:100% !important;
    max-width:100% !important;
    aspect-ratio:640 / 467 !important;
    height:auto !important;
    max-height:min(79vh,748px) !important;
    object-fit:contain !important;
    display:block !important;
    margin-left:auto !important;
    margin-right:auto !important
  }
}
@media screen and (max-width:768px){
  body.friso-signature:not(.education) #did-you-know .did-you-know-container .did-you-know-video{
    width:min(86vw,475px) !important;
    max-width:min(86vw,475px) !important
  }
  body.friso-signature:not(.education) #did-you-know .did-you-know-container{
    gap:0.35rem !important
  }
  body.friso-signature:not(.education) #did-you-know .did-you-know-content-description{
    margin-top:0.2rem !important
  }
}

/* cg-title-shadow — soften to match gallery「專利科技配合低温精密過濾技術」 */
body.friso-signature:not(.education) .friso-section-container.cg .video-over-content > div,
body.friso-signature:not(.education) .friso-section-container.cg .video-over-content h2 {
  text-shadow: 0 0 0.08em rgba(158, 51, 4, 0.75) !important;
  filter: drop-shadow(0 0 0.14em rgba(158, 51, 4, 0.65)) !important;
}

/* cg-title-size —「有助主動出擊／精準擊退威脅」responsive across viewports */
body.friso-signature:not(.education) .friso-section-container.cg .video-over-content .txt-subhead,
body.friso-signature:not(.education) .friso-section-container.cg .video-over-content h2,
body.friso-signature.igg-cg-split .friso-section-container.cg .video-over-content .txt-subhead,
body.friso-signature.igg-cg-split .friso-section-container.cg .video-over-content h2 {
  font-size: clamp(1.15rem, 0.85rem + 1.6vw, 1.75rem) !important;
}

/* cg-title-fadein-fix — title stayed opacity:0 because video-container also had cg-seq
   (excluded from scroll fadein). Trigger is video-container; title/button keep cg-seq sync. */
body.friso-signature:not(.education) .friso-section-container.cg .video-container.scrolled .video-over-content .fadein-ele,
body.friso-signature:not(.education) .friso-section-container.cg .video-over-content .fadein-ele.scrolled {
  opacity: 1 !important;
}
body.friso-signature:not(.education) .friso-section-container.cg .video-over-content {
  z-index: 2;
  pointer-events: none;
}
body.friso-signature:not(.education) .friso-section-container.cg .video-over-content .fadein-ele {
  z-index: 2;
}

/* cg-video-max-fit — pack video+CTA as one group in the viewport; CTA not stuck in fadein */
@media screen and (min-width:769px){
  body.friso-signature:not(.education) .friso-section-container.cg{
    min-height:100dvh !important;
    max-height:100dvh !important;
    height:100dvh !important;
    padding-top:72px !important;
    padding-bottom:.85rem !important;
    display:flex !important;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    box-sizing:border-box;
    overflow:hidden
  }
  body.friso-signature:not(.education) .friso-section-container.cg .friso-section-container-inner-wider{
    display:flex !important;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:.7rem;
    width:100%;
    max-width:100%;
    flex:1 1 auto;
    min-height:0;
    height:100%;
    max-height:100%;
    box-sizing:border-box
  }
  body.friso-signature:not(.education) .friso-section-container.cg .friso-section-container-inner-wider > div:nth-child(1){
    flex:0 1 auto !important;
    min-height:0 !important;
    width:100%;
    max-height:calc(100% - 3.6rem);
    display:flex;
    justify-content:center;
    align-items:center;
    overflow:hidden
  }
  body.friso-signature:not(.education) .friso-section-container.cg .friso-section-container-inner-wider > div:nth-child(2){
    flex:0 0 auto !important;
    width:auto
  }
  body.friso-signature:not(.education) .friso-section-container.cg .friso-section-container-inner-wider .video-container{
    width:min(92vw,1080px) !important;
    max-width:min(92vw,1080px) !important;
    height:auto !important;
    max-height:min(100%,60vh) !important;
    aspect-ratio:16 / 9;
    margin:0 auto;
    transform:none !important
  }
  body.friso-signature:not(.education) .friso-section-container.cg .friso-section-container-inner-wider .video-container video{
    display:block;
    width:100% !important;
    height:100% !important;
    max-height:100% !important;
    object-fit:contain !important
  }
  body.friso-signature:not(.education) .friso-section-container.cg .friso-rect-button{
    margin-top:0 !important;
    margin-bottom:0 !important
  }
}

/* compare-col-left-align — title + body line up with opaque Y content (not transparent box) */
@media screen and (min-width:769px){
  body.friso-signature:not(.education) .compare .compare-text{
    width:100%;
    margin-left:0;
    margin-right:0;
    box-sizing:border-box;
    text-align:left !important
  }
  body.friso-signature:not(.education) .compare .friso-section-content > div:nth-child(1) .compare-text{
    padding-left:2.4%;
    padding-right:4%
  }
  body.friso-signature:not(.education) .compare .friso-section-content > div:nth-child(2) .compare-text{
    padding-left:21.1%;
    padding-right:4%
  }
  body.friso-signature:not(.education) .compare .compare-title__img{
    margin-left:0 !important;
    margin-right:0 !important;
    max-width:100%;
    display:block
  }
  body.friso-signature:not(.education) .compare .friso-section-content > div h2,
  body.friso-signature:not(.education) .compare .friso-section-content > div p,
  body.friso-signature:not(.education) .compare .compare-text h2,
  body.friso-signature:not(.education) .compare .compare-text p{
    text-align:left !important
  }
}



/* milktruck-step1-title-optical — shrink「源自荷蘭自家農場」vs step2 superscript title */
@media screen and (min-width:769px){
  body.friso-signature:not(.education) .farm-animation-content-1 .patented-technology-step-title{
    max-height:32px !important;
    height:auto
  }
  body.friso-signature:not(.education) .farm-animation-content-1 .friso-section-container-inner-wider > div:last-child{
    padding-top:calc((150px - 32px) / 2 - .65rem)
  }
}
/* milktruck-step-align-v1 */
@media screen and (min-width:769px){.farm-animation-overlay{top:12%}.farm-animation-overlay.farm-animation-content-2{top:11%}.patented-technology-step-title{max-height:36px}.farm-animation-overlay.farm-animation-content-2 .patented-technology-step-num-2-title{height:34px}.farm-animation-overlay .friso-section-container-inner-wider{align-items:flex-start}.farm-animation-content-1 .friso-section-container-inner-wider > div:last-child{padding-top:calc((150px - 36px) / 2 - 0.65rem)}.farm-animation-content-2 .content-2-text-wrapper{padding-top:calc((150px - 34px) / 2 - 0.65rem)}.farm-animation-overlay .txt-gold{display:flex;align-items:center;min-height:0}
.slide-01 .smart-immu-content-title-1{top:36%;left:0!important}
.slide-01 .smart-immu-content-title-2{top:78%;right:2%}
.text-img-smart,.attack-img-txt.text-img.m-small,.m-defence.text-img.m-small{height:calc(112.5 / 1920 * 100vw)!important;max-height:112.5px!important;width:auto!important}
  /* SMART IMMU balls: CF white unchanged; orange 2.5× white, top so orange ink aligns with title */
  body.friso-signature:not(.education) #smart-immu .slide-01 .y-ball,
  body.friso-signature:not(.education) .slide-01 .y-ball {
    width: calc(500px * 0.3 * 2.5 / 0.7) !important;
    top: calc(8% - (500px * 0.3 * 2.5 / 0.7) * 0.15) !important;
    left: 43% !important;
    transform: translateX(-50%) !important;
  }
  .slide-01 .poster-container .y-ball-parts {
    width: 100% !important;
    max-width: 500px !important;
  }
  /* smart-immu vertical center — true viewport center (was -8vh) */
body.friso-signature:not(.education) .attack-defence #smart-immu > .friso-section-container-inner-full.relative{transform:translateY(0)}
/* defence canvas — centered with section (no -8vh offset) */
body.friso-signature:not(.education) .attack-defence .immu-defense-slide .immu-defense-canvas-wrapper canvas{transform:translate(-50%,50%)}
}

/* smart-immu-attack-align-v6 — step2 攻 match step1 viewport position (desktop) */
@media screen and (min-width:1025px){
body.friso-signature .friso-section-container.smart .smart-immu-container .smart-immu-content.smart-immu-attack-content,
body.friso-signature .smart-immu-slide.slide-02 .smart-immu-attack-content{
  transform:none!important;
  margin:0!important;
  margin-left:0!important;
  margin-top:0!important;
  position:absolute!important;
  left:0!important;
  top:34.5%!important;
}
body.friso-signature .friso-section-container.smart .smart-immu-container .smart-immu-attack-content .attack-img-txt,
body.friso-signature .smart-immu-slide.slide-02 .smart-immu-attack-content .attack-img-txt{
  margin-top:0!important;
  height:calc(112.5 / 1920 * 100vw)!important;
  max-height:112.5px!important;
  width:auto!important;
}
}

/* kv-waist-fade-v1 — lower Fala/girl fade; tin unmasked */
@media screen and (max-width:768px){
  .key-visual-sequence::after{
    bottom:auto!important;height:18%!important;
    background:linear-gradient(180deg,rgba(33,15,3,0) 0%,rgba(33,15,3,.55) 28%,rgba(18,8,2,.95) 62%,#120802 100%)!important;
  }
  .key-visual-sequence-video.kv-seq-fadein-3 .key-visual-sequence-video-canvas.mobile-only{
    -webkit-mask-image:none!important;mask-image:none!important;
  }
}
@media screen and (min-width:769px){
  .key-visual-sequence-img-fala.desktop-only,
  .key-visual-sequence-img-girl.desktop-only,
  .key-visual-sequence-video.kv-seq-fadein-3 .key-visual-sequence-video-canvas.desktop-only{
    -webkit-mask-image:none!important;mask-image:none!important;
  }
}

/* pc-btn-vcenter-v1 — Windows/PC CJK button label center + equal vertical spacing */
@media screen and (min-width:769px){
.friso-rect-button,a.friso-rect-button,button.friso-rect-button,.splide__slide__button,.did-you-know-content-button{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  text-align:center!important;line-height:1.2!important;box-sizing:border-box!important;vertical-align:middle
}
.friso-rect-button{padding-top:.55em!important;padding-bottom:.55em!important}
.navbar .friso-rect-button{display:inline-block!important;text-align:center!important;align-items:unset!important;justify-content:unset!important;padding-top:.75em!important;padding-bottom:.75em!important;padding-left:1.5em!important;padding-right:1.5em!important;line-height:1.3!important;white-space:normal!important}
.navbar .friso-rect-button
.three-points-cta .friso-rect-button,.contact-container .friso-rect-button,
.mom-signature-splide .friso-rect-button,.mom-signature-splide .splide__slide__button,
.product-btn-container .friso-rect-button{
  box-sizing:border-box!important;height:auto!important;min-height:25px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  line-height:1.2!important;padding-top:.5em!important;padding-bottom:.5em!important
}
}


/* product-btns-2row-v4 — 營養資料 row1; 銷售地點+2 on row2; even gaps */
@media screen and (min-width:769px){
.product-btn-container{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  justify-content:center!important;justify-items:stretch!important;align-items:stretch!important;
  column-gap:.85em!important;row-gap:.7em!important;gap:.7em .85em!important;
  width:max-content!important;max-width:min(920px,92%)!important;
  margin-left:auto!important;margin-right:auto!important;
  flex-direction:unset!important;flex-wrap:unset!important
}
.product-btn-container>a[name="product"]{
  display:none!important;width:0!important;height:0!important;margin:0!important;padding:0!important;overflow:hidden!important
}
.product-btn-container>div{
  grid-column:2!important;grid-row:1!important;width:100%!important;display:block!important;
  justify-content:unset!important;flex:unset!important;margin-bottom:0!important
}
.product-btn-container>div>a{display:block!important;width:100%!important}
.product-btn-container>a:not([name="product"]){
  grid-row:2!important;width:100%!important;min-width:0!important;display:block!important;flex:unset!important
}
.product-btn-container .friso-rect-button{
  box-sizing:border-box!important;width:100%!important;height:auto!important;
  min-height:25px!important;padding:.5em 1.15em!important;margin:0!important;
  white-space:nowrap!important;display:flex!important;align-items:center!important;justify-content:center!important
}
.product-btn-container>div .friso-rect-button{width:100%!important;min-width:0!important}
}


/* signature-exp-btn-center-v1 — button under icon; 字 equal vertical spacing */
@media screen and (min-width:769px){
.contact-container{
  display:flex!important;justify-content:center!important;align-items:flex-start!important
}
.contact-container>div{
  width:280px!important;display:flex!important;flex-direction:column!important;
  align-items:center!important;text-align:center!important;margin-left:auto!important;margin-right:auto!important
}
.contact-container .contact-icon{
  width:100%!important;display:flex!important;justify-content:center!important
}
.contact-container .contact-icon img,.contact-container img{
  margin-left:auto!important;margin-right:auto!important
}
.contact-container .txt-normal{
  text-align:center!important;width:100%!important
}
.contact-container>div>.fadein-ele:last-child,
.contact-container>div>div:last-child{
  width:100%!important;display:flex!important;justify-content:center!important;align-items:center!important
}
.contact-container>div>.fadein-ele:last-child>a,
.contact-container a{
  display:inline-flex!important;justify-content:center!important;margin-left:auto!important;margin-right:auto!important
}
.contact-container .friso-rect-button{
  box-sizing:border-box!important;width:175px!important;height:auto!important;min-height:42px!important;
  padding:.55em 1.3em!important;line-height:1.2!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  text-align:center!important;margin-top:.35em!important;margin-left:auto!important;margin-right:auto!important
}
}

/* watch-more-fontsize-v1 — 觀看更多 = other button 1.1rem */
.mom-signature-splide .friso-rect-button,
.mom-signature-splide .splide__slide__button,
.splide__slide__button.friso-rect-button{
  font-size:1.1rem!important
}

/* nav-cta-multiline-v1 — restore 體驗FRISO CTA line breaks (no flex columns) */
.navbar .friso-rect-button,
.navbar__btn-cta-wrapper .friso-rect-button{
  display:inline-block!important;text-align:center!important;
  align-items:unset!important;justify-content:unset!important;
  line-height:1.3!important;white-space:normal!important;
  padding-top:.75em!important;padding-bottom:.75em!important
}
.navbar .friso-rect-button .nav-cta-line{display:inline-block;text-align:center}
.navbar .friso-rect-button

/* fala-quote-breathing-v1 — stronger image→copy gradient; equal quote/name/button gaps */
.fala-signature-container-img::after{
  height:580px!important;opacity:1!important
}
@media screen and (min-width:769px){
  .fala-signature-container-img::after{height:680px!important}
}
.fala-signature-container-img-wrapper::after{
  height:48dvh!important;z-index:2!important;
  background:linear-gradient(to bottom,rgba(31,12,6,0) 0%,rgba(31,12,6,.25) 28%,rgba(31,12,6,.7) 62%,rgba(31,12,6,.92) 82%,#1f0c06 100%)!important
}
@media screen and (max-width:640px){
  .fala-signature-container-img-wrapper::after{
    height:26dvh!important;
    background:linear-gradient(to bottom,rgba(31,12,6,0) 0%,rgba(31,12,6,.35) 40%,rgba(31,12,6,.88) 78%,#1f0c06 100%)!important
  }
}
.signature-content{
  background:linear-gradient(to bottom,#1f0c06 0%,rgba(31,9,8,.96) 18%,rgba(31,9,8,.9) 100%)!important;
  padding-top:.5rem!important;padding-bottom:1.5rem!important
}
.fala-signature-container-inner-text{
  display:flex!important;flex-direction:column!important;align-items:center!important;
  text-align:center!important;gap:1.35rem!important
}
.fala-signature-container-inner-text>.txt-normal,
.fala-signature-container-inner-text>.signature-section-fala-name,
.fala-signature-container-inner-text>.fadein-ele{
  margin-top:0!important;margin-bottom:0!important
}
.fala-signature-container-inner-text p{margin:0!important}
.fala-signature-container .friso-rect-button.very-wide{margin-top:0!important}
@media screen and (max-width:768px){
  .fala-signature-container-inner-text{gap:1.25rem!important}
}

/* mum-cta-1line-v1 — 了解更多Signature Mum理念 single line */
.fala-signature-container .friso-rect-button.very-wide,
button.friso-rect-button.very-wide.txt-label{
  white-space:nowrap!important;width:auto!important;max-width:none!important;
  min-width:22rem!important;letter-spacing:.3em!important;
  padding-left:1.75rem!important;padding-right:1.75rem!important
}
@media screen and (max-width:768px){
  .fala-signature-container .friso-rect-button.very-wide{
    min-width:min(92vw,22rem)!important;font-size:1.05rem!important;padding-left:1.25rem!important;padding-right:1.25rem!important
  }
}

/* title-body-breathing-unbranded-v1 — match unbranded .txt-normal { margin-top:1em } ≈ 1.1rem; mobile AVP 0.5rem */
@media screen and (min-width:769px){
  body.friso-signature #did-you-know .did-you-know-content-description,
  body.friso-signature .compare .compare-text .txt-normal,
  body.friso-signature .compare .compare-text p,
  body.friso-signature .track-easy-container .track-easy-text .txt-normal,
  body.friso-signature .track-easy-container .track-easy-text .txt-normal:first-child,
  body.friso-signature .farm-animation-overlay .txt-normal,
  body.friso-signature .igg-girl-content .txt-normal,
  body.friso-signature .friso-section-container.igg .txt-normal,
  body.friso-signature .signature-content .fala-signature-container-inner-text > .txt-normal:first-child{
    margin-top:1.1rem!important
  }
}
@media screen and (max-width:768px){
  body.friso-signature #did-you-know .did-you-know-content-description,
  body.friso-signature .did-you-know-content-description,
  body.friso-signature .compare .compare-text .txt-normal,
  body.friso-signature .compare .compare-text p,
  body.friso-signature .track-easy-container .track-easy-text .txt-normal,
  body.friso-signature .farm-animation-overlay .txt-normal,
  body.friso-signature .igg-girl-content .txt-normal{
    margin-top:.5rem!important
  }
}

/* mum-trackeasy-experience-onepage-v1 */
/* Mum / TrackEasy(+products) / Signature Experience — one viewport, vertically centered */
@media screen and (min-width: 769px) {
  .mum-signature-container {
    min-height: 100vh;
    min-height: 100dvh;
    box-sizing: border-box;
    display: flex !important;
    align-items: center;
    justify-content: center;
    padding-top: 72px;
    padding-bottom: 0.75rem;
  }
  .mum-signature-container .mom-signature-splide {
    --mum-title-h: 3.25rem;
    --mum-copy-h: 5.5rem;
    --mum-pager-h: 1.75rem;
    --mum-btn-h: 3.25rem;
    --mum-gaps: 1.75rem;
    --mum-card-h: calc(
      100dvh - 72px - 0.75rem - var(--mum-title-h) - var(--mum-copy-h) - var(--mum-pager-h) -
        var(--mum-btn-h) - var(--mum-gaps)
    );
    width: 100%;
    max-width: 1200px;
    height: calc(100dvh - 72px - 0.75rem);
    max-height: calc(100dvh - 72px - 0.75rem);
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 0;
    box-sizing: border-box;
    text-align: center;
  }
  .mum-signature-container .mom-signature-splide-title {
    flex: 0 0 auto;
    margin-top: 0;
    margin-bottom: 0.35rem;
    text-align: center;
    width: 100%;
  }
  .mum-signature-container .signature-mum-title__picture,
  .mum-signature-container .signature-mum-title__img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-height: 40px;
    width: auto;
  }
  .mom-signature-splide .splide__track-wrapper {
    flex: 1 1 auto;
    min-height: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .mom-signature-splide .splide__track {
    width: 100%;
    height: var(--mum-card-h);
    display: flex;
    align-items: center;
  }
  .mom-signature-splide .splide__list {
    align-items: center;
  }
  /* Height-driven cards: as tall as leftover viewport; keep CF aspect */
  .mom-signature-splide .splide__track .splide__slide .flip-card-container {
    width:100%!important;
    max-width: 90%;
    height: var(--mum-card-h) !important;
    margin-left: auto;
    margin-right: auto;
    transform: scale(0.9) !important;
    transform-origin: center center !important;
  }
  .mom-signature-splide .splide__track .splide__slide.is-prev .flip-card-container,
  .mom-signature-splide .splide__track .splide__slide.is-next .flip-card-container {
    transform: scale(0.9) !important;
  }
  .mom-signature-splide .splide__track .splide__slide.is-active .flip-card-container {
    transform: scale(1) !important;
  }
  .mom-signature-splide .front,
  .mom-signature-splide .back {
    padding-top: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background-size: cover !important;
    background-position: center !important;
  }
  .mom-signature-splide .splide-content {
    flex: 0 0 auto;
    text-align: center;
    width: 100%;
    max-width: 42rem;
    margin: 0.35rem auto 0;
  }
  .mom-signature-splide .splide-content-item p {
    margin-top: 0.35rem;
  }
  .mom-signature-splide .splide-custom-pagination {
    flex: 0 0 auto;
    margin: 0.35rem auto 0.25rem;
  }
  .mom-signature-splide .splide-buttons {
    flex: 0 0 auto;
    margin-top: 0;
    width: 100%;
  }
  .mom-signature-splide .splide__track,
  .mom-signature-splide .splide-content,
  .mom-signature-splide .splide-buttons,
  .mom-signature-splide .splide-custom-pagination {
    margin-left: auto;
    margin-right: auto;
  }

  /* TrackEasy + tin carousel: each its own full viewport (no shared crop) */
  #product.friso-section-container.products {
    min-height: 0 !important;
    height: auto !important;
    display: block !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    overflow: visible !important;
    align-items: unset !important;
    justify-content: unset !important;
  }
  #product.friso-section-container.products > div {
    width: 100%;
    max-height: none !important;
    display: block !important;
    overflow: visible !important;
    gap: 0;
  }
  #product > div > .friso-section-container-inner-wider {
    min-height: 100vh;
    min-height: 100dvh;
    box-sizing: border-box;
    display: flex !important;
    align-items: center;
    justify-content: center;
    padding-top: 72px;
    padding-bottom: 1.25rem;
    overflow: visible !important;
  }
  #product .track-easy-container {
    padding-bottom: 0 !important;
    width: 100%;
    flex: none;
    min-height: 0;
  }
  #product .track-easy-container .track-easy-container-inner {
    padding-top: 0;
    padding-bottom: 0;
    align-items: flex-start;
  }
  #product .track-easy-container .track-easy-container-inner .track-easy-title {
    padding-bottom: 0.45em;
  }
  #product .track-easy-container .track-easy-container-inner .trackeasy-title__img {
    max-height: min(11vh, 96px);
    width: auto;
    max-width: 100%;
    display: block;
  }
  #product .track-easy-container-inner-left {
    margin-top: 0;
  }
  #product .track-easy-container .track-easy-text .txt-normal {
    margin-top: 0.85rem;
  }
  #product .track-easy-container .track-easy-container-inner .track-easy-img {
    padding: 0.25em 0;
    max-width: 100%;
  }
  #product .track-easy-container .track-easy-container-inner .track-easy-img img {
    display: block;
    width: auto;
    max-width: 100%;
    max-height: min(58vh, 520px);
    height: auto;
    transform: none !important;
    margin-left: auto;
    margin-right: auto;
    object-fit: contain;
  }
  #product > div > .friso-section-container-inner-full.section-nav {
    min-height: 100vh;
    min-height: 100dvh;
    box-sizing: border-box;
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-top: 72px;
    padding-bottom: 1.25rem;
    overflow: visible !important;
    width: 100%;
  }
  #product .gallery-container.for-products {
    padding-top: 0;
    overflow: visible !important;
    width: 100%;
    flex: 0 1 auto;
  }
  #product .gallery-container.for-products .gallery-container-inner {
    overflow: visible !important;
    padding-bottom: 0.75rem;
    max-height: none;
  }
  #product .gallery-container.for-products .gallery-container-inner-inner {
    padding-bottom: min(32vh, 280px);
  }
  #product .gallery-container.for-products .gallery-container-ele {
    height: 100% !important;
  }
  #product .gallery-container.for-products .gallery-container-ele > div {
    transform: scale(1);
    transform-origin: bottom center;
  }
  #product .gallery-container.for-products .gallery-caption-container {
    margin-top: 0.85rem;
    margin-bottom: 0.35rem;
    overflow: visible !important;
    height: auto !important;
    min-height: 2.75em;
  }
  #product .gallery-container.for-products .gallery-caption-ele {
    overflow: visible !important;
    line-height: 1.35;
    white-space: normal;
  }
  #product .product-btn-container {
    margin-top: 0.5em;
    margin-bottom: 0.25em;
    flex: 0 0 auto;
  }

  #signature-experience.friso-section-container.contact {
    min-height: 100vh !important;
    min-height: 100dvh !important;
    box-sizing: border-box;
    display: flex !important;
    align-items: center;
    justify-content: center;
    padding-top: 72px !important;
    padding-bottom: 1.25rem !important;
  }
  #signature-experience .friso-section-container-inner-full {
    width: 100%;
    max-height: calc(100dvh - 72px - 1.5rem);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    box-sizing: border-box;
  }
  #signature-experience .contact-container {
    margin-top: 0.5em;
    margin-bottom: 0;
  }
}

@media screen and (max-width: 768px) {
  .mum-signature-container {
    min-height: 100vh;
    min-height: 100dvh;
    box-sizing: border-box;
    display: flex !important;
    align-items: center;
    justify-content: center;
    padding-top: 3.25rem;
    padding-bottom: 0.65rem;
  }
  .mum-signature-container .mom-signature-splide {
    --mum-title-h: 2.75rem;
    --mum-copy-h: 5.25rem;
    --mum-pager-h: 1.5rem;
    --mum-btn-h: 3rem;
    --mum-gaps: 1.35rem;
    --mum-card-h: calc(
      100dvh - 3.25rem - 0.65rem - var(--mum-title-h) - var(--mum-copy-h) - var(--mum-pager-h) -
        var(--mum-btn-h) - var(--mum-gaps)
    );
    width: 100%;
    height: calc(100dvh - 3.9rem);
    max-height: calc(100dvh - 3.9rem);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 0;
    box-sizing: border-box;
    text-align: center;
  }
  .mum-signature-container .mom-signature-splide-title {
    flex: 0 0 auto;
    margin-top: 0;
    margin-bottom: 0.3rem;
    text-align: center;
    width: 100%;
  }
  .mum-signature-container .signature-mum-title__picture,
  .mum-signature-container .signature-mum-title__img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-height: 36px;
    width: auto;
  }
  .mom-signature-splide .splide__track-wrapper {
    flex: 1 1 auto;
    min-height: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .mom-signature-splide .splide__track {
    width: 100%;
    height: var(--mum-card-h);
    display: flex;
    align-items: center;
  }
  .mom-signature-splide .splide__track .splide__slide .flip-card-container {
    width:100%!important;max-width:100%;
    height: var(--mum-card-h) !important;
    margin-left: auto;
    margin-right: auto;
    transform: scale(0.9) !important;
    transform-origin: center center !important;
  }
  .mom-signature-splide .splide__track .splide__slide.is-prev .flip-card-container,
  .mom-signature-splide .splide__track .splide__slide.is-next .flip-card-container {
    transform: scale(0.9) !important;
  }
  .mom-signature-splide .splide__track .splide__slide.is-active .flip-card-container {
    transform: scale(1) !important;
  }
  .mom-signature-splide .front,
  .mom-signature-splide .back {
    padding-top: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background-size: cover !important;
    background-position: center !important;
  }
  .mom-signature-splide .splide-content {
    flex: 0 0 auto;
    text-align: center;
    width: 100%;
    margin: 0.25rem auto 0;
  }
  .mom-signature-splide .splide-custom-pagination {
    flex: 0 0 auto;
    margin: 0.25rem auto;
  }
  .mom-signature-splide .splide-buttons {
    flex: 0 0 auto;
    margin-top: 0;
  }

  #product.friso-section-container.products {
    min-height: 0 !important;
    height: auto !important;
    display: block !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    overflow: visible !important;
  }
  #product.friso-section-container.products > div {
    max-height: none !important;
    display: block !important;
    overflow: visible !important;
  }
  #product > div > .friso-section-container-inner-wider {
    min-height: 100vh;
    min-height: 100dvh;
    box-sizing: border-box;
    display: flex !important;
    align-items: center;
    justify-content: center;
    padding-top: 3.25rem;
    padding-bottom: 1rem;
    overflow: visible !important;
  }
  #product .track-easy-container {
    padding-bottom: 0 !important;
  }
  #product .track-easy-container .track-easy-container-inner .trackeasy-title__img {
    max-height: min(9vh, 72px);
    width: auto;
    max-width: 92%;
    display: block;
  }
  #product .track-easy-container .track-easy-container-inner .track-easy-img img {
    display: block;
    width: auto;
    max-width: 92%;
    max-height: min(42vh, 320px);
    height: auto;
    transform: none !important;
    margin: 0 auto;
    object-fit: contain;
  }
  #product > div > .friso-section-container-inner-full.section-nav {
    min-height: 100vh;
    min-height: 100dvh;
    box-sizing: border-box;
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-top: 3.25rem;
    padding-bottom: 1rem;
    overflow: visible !important;
    width: 100%;
  }
  #product .gallery-container.for-products {
    padding-top: 0;
    overflow: visible !important;
    width: 100%;
  }
  #product .gallery-container.for-products .gallery-container-inner {
    overflow: visible !important;
    padding-bottom: 0.5rem;
  }
  #product .gallery-container.for-products .gallery-container-inner-inner {
    padding-bottom: min(34vh, 240px);
  }
  #product .gallery-container.for-products .gallery-container-ele {
    height: 100% !important;
  }
  #product .gallery-container.for-products .gallery-container-ele > div {
    transform: scale(1);
  }
  #product .gallery-container.for-products .gallery-caption-container {
    margin-top: 0.65rem;
    overflow: visible !important;
    min-height: 2.5em;
  }
  #product .product-btn-container {
    margin-bottom: 0.25em;
    margin-top: 0.35em;
  }

  #signature-experience.friso-section-container.contact {
    min-height: 100vh !important;
    min-height: 100dvh !important;
    box-sizing: border-box;
    display: flex !important;
    align-items: center;
    justify-content: center;
    padding-top: 3.25rem !important;
    padding-bottom: 1rem !important;
  }
  #signature-experience .friso-section-container-inner-full {
    width: 100%;
    max-height: calc(100dvh - 4.25rem);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.65rem;
    box-sizing: border-box;
  }
  #signature-experience .contact-container {
    margin-top: 0.35em;
    margin-bottom: 0;
  }
}

/* Mum / TrackEasy(+products) / Signature Experience — one viewport, vertically centered */
@media screen and (min-width: 769px) {
  .mum-signature-container {
    min-height: 100vh;
    min-height: 100dvh;
    box-sizing: border-box;
    display: flex !important;
    align-items: center;
    justify-content: center;
    padding-top: 72px;
    padding-bottom: 0.75rem;
  }
  .mum-signature-container .mom-signature-splide {
    --mum-title-h: 3.25rem;
    --mum-copy-h: 5.5rem;
    --mum-pager-h: 1.75rem;
    --mum-btn-h: 3.25rem;
    --mum-gaps: 1.75rem;
    --mum-card-h: calc(
      100dvh - 72px - 0.75rem - var(--mum-title-h) - var(--mum-copy-h) - var(--mum-pager-h) -
        var(--mum-btn-h) - var(--mum-gaps)
    );
    width: 100%;
    max-width: 1200px;
    height: calc(100dvh - 72px - 0.75rem);
    max-height: calc(100dvh - 72px - 0.75rem);
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 0;
    box-sizing: border-box;
    text-align: center;
  }
  .mum-signature-container .mom-signature-splide-title {
    flex: 0 0 auto;
    margin-top: 0;
    margin-bottom: 0.35rem;
    text-align: center;
    width: 100%;
  }
  .mum-signature-container .signature-mum-title__picture,
  .mum-signature-container .signature-mum-title__img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-height: 40px;
    width: auto;
  }
  .mom-signature-splide .splide__track-wrapper {
    flex: 1 1 auto;
    min-height: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .mom-signature-splide .splide__track {
    width: 100%;
    height: var(--mum-card-h);
    display: flex;
    align-items: center;
  }
  .mom-signature-splide .splide__list {
    align-items: center;
  }
  /* Height-driven cards: as tall as leftover viewport; keep CF aspect */
  .mom-signature-splide .splide__track .splide__slide .flip-card-container {
    width:100%!important;
    max-width: 90%;
    height: var(--mum-card-h) !important;
    margin-left: auto;
    margin-right: auto;
    transform: scale(0.9) !important;
    transform-origin: center center !important;
  }
  .mom-signature-splide .splide__track .splide__slide.is-prev .flip-card-container,
  .mom-signature-splide .splide__track .splide__slide.is-next .flip-card-container {
    transform: scale(0.9) !important;
  }
  .mom-signature-splide .splide__track .splide__slide.is-active .flip-card-container {
    transform: scale(1) !important;
  }
  .mom-signature-splide .front,
  .mom-signature-splide .back {
    padding-top: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background-size: cover !important;
    background-position: center !important;
  }
  .mom-signature-splide .splide-content {
    flex: 0 0 auto;
    text-align: center;
    width: 100%;
    max-width: 42rem;
    margin: 0.35rem auto 0;
  }
  .mom-signature-splide .splide-content-item p {
    margin-top: 0.35rem;
  }
  .mom-signature-splide .splide-custom-pagination {
    flex: 0 0 auto;
    margin: 0.35rem auto 0.25rem;
  }
  .mom-signature-splide .splide-buttons {
    flex: 0 0 auto;
    margin-top: 0;
    width: 100%;
  }
  .mom-signature-splide .splide__track,
  .mom-signature-splide .splide-content,
  .mom-signature-splide .splide-buttons,
  .mom-signature-splide .splide-custom-pagination {
    margin-left: auto;
    margin-right: auto;
  }

  #product.friso-section-container.products {
    min-height: 100vh !important;
    min-height: 100dvh !important;
    height: auto !important;
    box-sizing: border-box;
    display: flex !important;
    align-items: center;
    justify-content: center;
    padding-top: 72px !important;
    padding-bottom: 1rem !important;
    overflow: visible !important;
  }
  #product.friso-section-container.products > div {
    width: 100%;
    max-height: calc(100dvh - 72px - 1.25rem);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: safe center;
    gap: 0.25rem;
    box-sizing: border-box;
    overflow: visible !important;
  }
  #product .track-easy-container {
    padding-bottom: 0.35rem !important;
    width: 100%;
    flex: 0 1 auto;
    min-height: 0;
  }
  #product .track-easy-container .track-easy-container-inner {
    padding-top: 0;
    padding-bottom: 0;
    align-items: flex-start;
  }
  #product .track-easy-container .track-easy-container-inner .track-easy-title {
    padding-bottom: 0.35em;
  }
  #product .track-easy-container .track-easy-container-inner .trackeasy-title__img {
    max-height: min(9.5vh, 88px);
    width: auto;
    max-width: 100%;
    display: block;
  }
  #product .track-easy-container-inner-left {
    margin-top: 0;
  }
  #product .track-easy-container .track-easy-text .txt-normal {
    margin-top: 0.65rem;
  }
  #product .track-easy-container .track-easy-container-inner .track-easy-img {
    padding: 0;
    max-width: 100%;
  }
  #product .track-easy-container .track-easy-container-inner .track-easy-img img {
    display: block;
    width: auto;
    max-width: 100%;
    max-height: min(46vh, 420px);
    height: auto;
    transform: none;
    margin-left: auto;
    margin-right: auto;
    object-fit: contain;
  }
  #product .friso-section-container-inner-full.section-nav {
    flex: 0 1 auto;
    min-height: 0;
    width: 100%;
  }
  #product .gallery-container.for-products {
    padding-top: 0.15rem;
  }
  #product .gallery-container.for-products .gallery-container-inner {
    padding-bottom: 0.25rem;
  }
  #product .gallery-container.for-products .gallery-container-ele > div {
    transform: scale(0.78);
    transform-origin: center center;
  }
  #product .gallery-container.for-products .gallery-caption-container {
    margin-top: 0.25rem;
  }
  #product .product-btn-container {
    margin-bottom: 0.15em;
    margin-top: 0.15em;
  }

  #signature-experience.friso-section-container.contact {
    min-height: 100vh !important;
    min-height: 100dvh !important;
    box-sizing: border-box;
    display: flex !important;
    align-items: center;
    justify-content: center;
    padding-top: 72px !important;
    padding-bottom: 1.25rem !important;
  }
  #signature-experience .friso-section-container-inner-full {
    width: 100%;
    max-height: calc(100dvh - 72px - 1.5rem);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    box-sizing: border-box;
  }
  #signature-experience .contact-container {
    margin-top: 0.5em;
    margin-bottom: 0;
  }
}

@media screen and (max-width: 768px) {
  .mum-signature-container {
    min-height: 100vh;
    min-height: 100dvh;
    box-sizing: border-box;
    display: flex !important;
    align-items: center;
    justify-content: center;
    padding-top: 3.25rem;
    padding-bottom: 0.65rem;
  }
  .mum-signature-container .mom-signature-splide {
    --mum-title-h: 2.75rem;
    --mum-copy-h: 5.25rem;
    --mum-pager-h: 1.5rem;
    --mum-btn-h: 3rem;
    --mum-gaps: 1.35rem;
    --mum-card-h: calc(
      100dvh - 3.25rem - 0.65rem - var(--mum-title-h) - var(--mum-copy-h) - var(--mum-pager-h) -
        var(--mum-btn-h) - var(--mum-gaps)
    );
    width: 100%;
    height: calc(100dvh - 3.9rem);
    max-height: calc(100dvh - 3.9rem);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 0;
    box-sizing: border-box;
    text-align: center;
  }
  .mum-signature-container .mom-signature-splide-title {
    flex: 0 0 auto;
    margin-top: 0;
    margin-bottom: 0.3rem;
    text-align: center;
    width: 100%;
  }
  .mum-signature-container .signature-mum-title__picture,
  .mum-signature-container .signature-mum-title__img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-height: 36px;
    width: auto;
  }
  .mom-signature-splide .splide__track-wrapper {
    flex: 1 1 auto;
    min-height: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .mom-signature-splide .splide__track {
    width: 100%;
    height: var(--mum-card-h);
    display: flex;
    align-items: center;
  }
  .mom-signature-splide .splide__track .splide__slide .flip-card-container {
    width:100%!important;max-width:100%;
    height: var(--mum-card-h) !important;
    margin-left: auto;
    margin-right: auto;
    transform: scale(0.9) !important;
    transform-origin: center center !important;
  }
  .mom-signature-splide .splide__track .splide__slide.is-prev .flip-card-container,
  .mom-signature-splide .splide__track .splide__slide.is-next .flip-card-container {
    transform: scale(0.9) !important;
  }
  .mom-signature-splide .splide__track .splide__slide.is-active .flip-card-container {
    transform: scale(1) !important;
  }
  .mom-signature-splide .front,
  .mom-signature-splide .back {
    padding-top: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background-size: cover !important;
    background-position: center !important;
  }
  .mom-signature-splide .splide-content {
    flex: 0 0 auto;
    text-align: center;
    width: 100%;
    margin: 0.25rem auto 0;
  }
  .mom-signature-splide .splide-custom-pagination {
    flex: 0 0 auto;
    margin: 0.25rem auto;
  }
  .mom-signature-splide .splide-buttons {
    flex: 0 0 auto;
    margin-top: 0;
  }

  #product.friso-section-container.products {
    min-height: 100vh !important;
    min-height: 100dvh !important;
    height: auto !important;
    box-sizing: border-box;
    display: flex !important;
    align-items: center;
    justify-content: center;
    padding-top: 3.25rem !important;
    padding-bottom: 1rem !important;
    overflow: visible !important;
  }
  #product.friso-section-container.products > div {
    width: 100%;
    max-height: calc(100dvh - 4.25rem);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: safe center;
    gap: 0.2rem;
    box-sizing: border-box;
    overflow: visible !important;
  }
  #product .track-easy-container {
    padding-bottom: 0.35rem !important;
  }
  #product .track-easy-container .track-easy-container-inner .trackeasy-title__img {
    max-height: min(8.5vh, 64px);
    width: auto;
    max-width: 92%;
    display: block;
  }
  #product .track-easy-container .track-easy-container-inner .track-easy-img img {
    display: block;
    width: auto;
    max-width: 92%;
    max-height: min(36vh, 280px);
    height: auto;
    transform: none;
    margin: 0 auto;
    object-fit: contain;
  }
  #product .gallery-container.for-products {
    padding-top: 0.15rem;
  }
  #product .gallery-container.for-products .gallery-container-ele > div {
    transform: scale(0.72);
  }
  #product .product-btn-container {
    margin-bottom: 0.15em;
  }

  #signature-experience.friso-section-container.contact {
    min-height: 100vh !important;
    min-height: 100dvh !important;
    box-sizing: border-box;
    display: flex !important;
    align-items: center;
    justify-content: center;
    padding-top: 3.25rem !important;
    padding-bottom: 1rem !important;
  }
  #signature-experience .friso-section-container-inner-full {
    width: 100%;
    max-height: calc(100dvh - 4.25rem);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.65rem;
    box-sizing: border-box;
  }
  #signature-experience .contact-container {
    margin-top: 0.35em;
    margin-bottom: 0;
  }
}

/* Mum / TrackEasy(+products) / Signature Experience — one viewport, vertically centered */
@media screen and (min-width: 769px) {
  .mum-signature-container {
    min-height: 100vh;
    min-height: 100dvh;
    box-sizing: border-box;
    display: flex !important;
    align-items: center;
    justify-content: center;
    padding-top: 72px;
    padding-bottom: 0.75rem;
  }
  .mum-signature-container .mom-signature-splide {
    --mum-title-h: 3.25rem;
    --mum-copy-h: 5.5rem;
    --mum-pager-h: 1.75rem;
    --mum-btn-h: 3.25rem;
    --mum-gaps: 1.75rem;
    --mum-card-h: calc(
      100dvh - 72px - 0.75rem - var(--mum-title-h) - var(--mum-copy-h) - var(--mum-pager-h) -
        var(--mum-btn-h) - var(--mum-gaps)
    );
    width: 100%;
    max-width: 1200px;
    height: calc(100dvh - 72px - 0.75rem);
    max-height: calc(100dvh - 72px - 0.75rem);
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 0;
    box-sizing: border-box;
    text-align: center;
  }
  .mum-signature-container .mom-signature-splide-title {
    flex: 0 0 auto;
    margin-top: 0;
    margin-bottom: 0.35rem;
    text-align: center;
    width: 100%;
  }
  .mum-signature-container .signature-mum-title__picture,
  .mum-signature-container .signature-mum-title__img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-height: 40px;
    width: auto;
  }
  .mom-signature-splide .splide__track-wrapper {
    flex: 1 1 auto;
    min-height: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .mom-signature-splide .splide__track {
    width: 100%;
    height: var(--mum-card-h);
    display: flex;
    align-items: center;
  }
  .mom-signature-splide .splide__list {
    align-items: center;
  }
  /* Height-driven cards: as tall as leftover viewport; keep CF aspect */
  .mom-signature-splide .splide__track .splide__slide .flip-card-container {
    width:100%!important;
    max-width: 90%;
    height: var(--mum-card-h) !important;
    margin-left: auto;
    margin-right: auto;
    transform: scale(0.9) !important;
    transform-origin: center center !important;
  }
  .mom-signature-splide .splide__track .splide__slide.is-prev .flip-card-container,
  .mom-signature-splide .splide__track .splide__slide.is-next .flip-card-container {
    transform: scale(0.9) !important;
  }
  .mom-signature-splide .splide__track .splide__slide.is-active .flip-card-container {
    transform: scale(1) !important;
  }
  .mom-signature-splide .front,
  .mom-signature-splide .back {
    padding-top: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background-size: cover !important;
    background-position: center !important;
  }
  .mom-signature-splide .splide-content {
    flex: 0 0 auto;
    text-align: center;
    width: 100%;
    max-width: 42rem;
    margin: 0.35rem auto 0;
  }
  .mom-signature-splide .splide-content-item p {
    margin-top: 0.35rem;
  }
  .mom-signature-splide .splide-custom-pagination {
    flex: 0 0 auto;
    margin: 0.35rem auto 0.25rem;
  }
  .mom-signature-splide .splide-buttons {
    flex: 0 0 auto;
    margin-top: 0;
    width: 100%;
  }
  .mom-signature-splide .splide__track,
  .mom-signature-splide .splide-content,
  .mom-signature-splide .splide-buttons,
  .mom-signature-splide .splide-custom-pagination {
    margin-left: auto;
    margin-right: auto;
  }

  #product.friso-section-container.products {
    min-height: 100vh !important;
    min-height: 100dvh !important;
    box-sizing: border-box;
    display: flex !important;
    align-items: center;
    justify-content: center;
    padding-top: 72px !important;
    padding-bottom: 1rem !important;
  }
  #product.friso-section-container.products > div {
    width: 100%;
    max-height: calc(100dvh - 72px - 1.25rem);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    box-sizing: border-box;
    overflow: hidden;
  }
  #product .track-easy-container {
    padding-bottom: 0.75rem;
    width: 100%;
  }
  #product .track-easy-container .track-easy-container-inner {
    padding-top: 0;
    padding-bottom: 0;
  }
  #product .track-easy-container .track-easy-container-inner .trackeasy-title__img {
    max-height: 8.5vh;
  }
  #product .track-easy-container-inner-left {
    margin-top: 0;
  }
  #product .track-easy-container .track-easy-container-inner .track-easy-img {
    padding: 0.15em 0 0.35em;
  }
  #product .track-easy-container .track-easy-container-inner .track-easy-img img {
    transform: scale(0.72);
    transform-origin: center right;
  }
  #product .gallery-container.for-products {
    padding-top: 0.35rem;
  }
  #product .gallery-container.for-products .gallery-container-inner {
    padding-bottom: 0.5rem;
  }
  #product .gallery-container.for-products .gallery-container-ele > div {
    transform: scale(0.88);
  }
  #product .product-btn-container {
    margin-bottom: 0.35em;
  }

  #signature-experience.friso-section-container.contact {
    min-height: 100vh !important;
    min-height: 100dvh !important;
    box-sizing: border-box;
    display: flex !important;
    align-items: center;
    justify-content: center;
    padding-top: 72px !important;
    padding-bottom: 1.25rem !important;
  }
  #signature-experience .friso-section-container-inner-full {
    width: 100%;
    max-height: calc(100dvh - 72px - 1.5rem);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    box-sizing: border-box;
  }
  #signature-experience .contact-container {
    margin-top: 0.5em;
    margin-bottom: 0;
  }
}

@media screen and (max-width: 768px) {
  .mum-signature-container {
    min-height: 100vh;
    min-height: 100dvh;
    box-sizing: border-box;
    display: flex !important;
    align-items: center;
    justify-content: center;
    padding-top: 3.25rem;
    padding-bottom: 0.65rem;
  }
  .mum-signature-container .mom-signature-splide {
    --mum-title-h: 2.75rem;
    --mum-copy-h: 5.25rem;
    --mum-pager-h: 1.5rem;
    --mum-btn-h: 3rem;
    --mum-gaps: 1.35rem;
    --mum-card-h: calc(
      100dvh - 3.25rem - 0.65rem - var(--mum-title-h) - var(--mum-copy-h) - var(--mum-pager-h) -
        var(--mum-btn-h) - var(--mum-gaps)
    );
    width: 100%;
    height: calc(100dvh - 3.9rem);
    max-height: calc(100dvh - 3.9rem);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 0;
    box-sizing: border-box;
    text-align: center;
  }
  .mum-signature-container .mom-signature-splide-title {
    flex: 0 0 auto;
    margin-top: 0;
    margin-bottom: 0.3rem;
    text-align: center;
    width: 100%;
  }
  .mum-signature-container .signature-mum-title__picture,
  .mum-signature-container .signature-mum-title__img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-height: 36px;
    width: auto;
  }
  .mom-signature-splide .splide__track-wrapper {
    flex: 1 1 auto;
    min-height: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .mom-signature-splide .splide__track {
    width: 100%;
    height: var(--mum-card-h);
    display: flex;
    align-items: center;
  }
  .mom-signature-splide .splide__track .splide__slide .flip-card-container {
    width:100%!important;max-width:100%;
    height: var(--mum-card-h) !important;
    margin-left: auto;
    margin-right: auto;
    transform: scale(0.9) !important;
    transform-origin: center center !important;
  }
  .mom-signature-splide .splide__track .splide__slide.is-prev .flip-card-container,
  .mom-signature-splide .splide__track .splide__slide.is-next .flip-card-container {
    transform: scale(0.9) !important;
  }
  .mom-signature-splide .splide__track .splide__slide.is-active .flip-card-container {
    transform: scale(1) !important;
  }
  .mom-signature-splide .front,
  .mom-signature-splide .back {
    padding-top: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background-size: cover !important;
    background-position: center !important;
  }
  .mom-signature-splide .splide-content {
    flex: 0 0 auto;
    text-align: center;
    width: 100%;
    margin: 0.25rem auto 0;
  }
  .mom-signature-splide .splide-custom-pagination {
    flex: 0 0 auto;
    margin: 0.25rem auto;
  }
  .mom-signature-splide .splide-buttons {
    flex: 0 0 auto;
    margin-top: 0;
  }

  #product.friso-section-container.products {
    min-height: 100vh !important;
    min-height: 100dvh !important;
    box-sizing: border-box;
    display: flex !important;
    align-items: center;
    justify-content: center;
    padding-top: 3.25rem !important;
    padding-bottom: 1rem !important;
  }
  #product.friso-section-container.products > div {
    width: 100%;
    max-height: calc(100dvh - 4.25rem);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.25rem;
    box-sizing: border-box;
    overflow: hidden;
  }
  #product .track-easy-container {
    padding-bottom: 0.5rem;
  }
  #product .track-easy-container .track-easy-container-inner .trackeasy-title__img {
    max-height: 9vh;
  }
  #product .gallery-container.for-products {
    padding-top: 0.25rem;
  }
  #product .gallery-container.for-products .gallery-container-ele > div {
    transform: scale(0.85);
  }
  #product .product-btn-container {
    margin-bottom: 0.25em;
  }

  #signature-experience.friso-section-container.contact {
    min-height: 100vh !important;
    min-height: 100dvh !important;
    box-sizing: border-box;
    display: flex !important;
    align-items: center;
    justify-content: center;
    padding-top: 3.25rem !important;
    padding-bottom: 1rem !important;
  }
  #signature-experience .friso-section-container-inner-full {
    width: 100%;
    max-height: calc(100dvh - 4.25rem);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.65rem;
    box-sizing: border-box;
  }
  #signature-experience .contact-container {
    margin-top: 0.35em;
    margin-bottom: 0;
  }
}

/* Mum / TrackEasy(+products) / Signature Experience — one viewport, vertically centered */
@media screen and (min-width: 769px) {
  .mum-signature-container {
    min-height: 100vh;
    min-height: 100dvh;
    box-sizing: border-box;
    display: flex !important;
    align-items: center;
    justify-content: center;
    padding-top: 72px;
    padding-bottom: 1.25rem;
  }
  .mum-signature-container .mom-signature-splide {
    width: 100%;
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
    max-height: calc(100dvh - 72px - 1.5rem);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-bottom: 0.5rem;
    box-sizing: border-box;
    text-align: center;
  }
  .mum-signature-container .mom-signature-splide-title {
    margin-top: 0.35rem;
    margin-bottom: 0.35rem;
    text-align: center;
    width: 100%;
  }
  .mum-signature-container .signature-mum-title__picture,
  .mum-signature-container .signature-mum-title__img {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  /* Match CloudFront carousel size — do not shrink cards */
  .mom-signature-splide .splide__track .splide__slide .flip-card-container,
  .mom-signature-splide .splide__track .splide__slide.is-prev .flip-card-container,
  .mom-signature-splide .splide__track .splide__slide.is-next .flip-card-container {
    transform: scale(0.9) !important;
  }
  .mom-signature-splide .splide__track .splide__slide.is-active .flip-card-container {
    transform: scale(1) !important;
  }
  .mom-signature-splide .front,
  .mom-signature-splide .back {
    padding-top: 121.7391304348% !important;
  }
  .mom-signature-splide .splide__track,
  .mom-signature-splide .splide-content,
  .mom-signature-splide .splide-buttons,
  .mom-signature-splide .splide-custom-pagination {
    margin-left: auto;
    margin-right: auto;
  }
  .mom-signature-splide .splide-content {
    text-align: center;
    width: 100%;
  }

  #product.friso-section-container.products {
    min-height: 100vh !important;
    min-height: 100dvh !important;
    box-sizing: border-box;
    display: flex !important;
    align-items: center;
    justify-content: center;
    padding-top: 72px !important;
    padding-bottom: 1rem !important;
  }
  #product.friso-section-container.products > div {
    width: 100%;
    max-height: calc(100dvh - 72px - 1.25rem);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    box-sizing: border-box;
    overflow: hidden;
  }
  #product .track-easy-container {
    padding-bottom: 0.75rem;
    width: 100%;
  }
  #product .track-easy-container .track-easy-container-inner {
    padding-top: 0;
    padding-bottom: 0;
  }
  #product .track-easy-container .track-easy-container-inner .trackeasy-title__img {
    max-height: 8.5vh;
  }
  #product .track-easy-container-inner-left {
    margin-top: 0;
  }
  #product .track-easy-container .track-easy-container-inner .track-easy-img {
    padding: 0.15em 0 0.35em;
  }
  #product .track-easy-container .track-easy-container-inner .track-easy-img img {
    transform: scale(0.72);
    transform-origin: center right;
  }
  #product .gallery-container.for-products {
    padding-top: 0.35rem;
  }
  #product .gallery-container.for-products .gallery-container-inner {
    padding-bottom: 0.5rem;
  }
  #product .gallery-container.for-products .gallery-container-ele > div {
    transform: scale(0.88);
  }
  #product .product-btn-container {
    margin-bottom: 0.35em;
  }

  #signature-experience.friso-section-container.contact {
    min-height: 100vh !important;
    min-height: 100dvh !important;
    box-sizing: border-box;
    display: flex !important;
    align-items: center;
    justify-content: center;
    padding-top: 72px !important;
    padding-bottom: 1.25rem !important;
  }
  #signature-experience .friso-section-container-inner-full {
    width: 100%;
    max-height: calc(100dvh - 72px - 1.5rem);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    box-sizing: border-box;
  }
  #signature-experience .contact-container {
    margin-top: 0.5em;
    margin-bottom: 0;
  }
}

@media screen and (max-width: 768px) {
  .mum-signature-container {
    min-height: 100vh;
    min-height: 100dvh;
    box-sizing: border-box;
    display: flex !important;
    align-items: center;
    justify-content: center;
    padding-top: 3.5rem;
    padding-bottom: 1rem;
  }
  .mum-signature-container .mom-signature-splide {
    width: 100%;
    max-height: calc(100dvh - 4.5rem);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-bottom: 0.5rem;
    box-sizing: border-box;
    text-align: center;
  }
  .mum-signature-container .mom-signature-splide-title {
    margin-top: 0.35rem;
    margin-bottom: 0.45rem;
    text-align: center;
    width: 100%;
  }
  .mum-signature-container .signature-mum-title__picture,
  .mum-signature-container .signature-mum-title__img {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  .mom-signature-splide .splide__track .splide__slide .flip-card-container,
  .mom-signature-splide .splide__track .splide__slide.is-prev .flip-card-container,
  .mom-signature-splide .splide__track .splide__slide.is-next .flip-card-container {
    transform: scale(0.9) !important;
  }
  .mom-signature-splide .splide__track .splide__slide.is-active .flip-card-container {
    transform: scale(1) !important;
  }
  .mom-signature-splide .front,
  .mom-signature-splide .back {
    padding-top: 121.7391304348% !important;
  }

  #product.friso-section-container.products {
    min-height: 100vh !important;
    min-height: 100dvh !important;
    box-sizing: border-box;
    display: flex !important;
    align-items: center;
    justify-content: center;
    padding-top: 3.25rem !important;
    padding-bottom: 1rem !important;
  }
  #product.friso-section-container.products > div {
    width: 100%;
    max-height: calc(100dvh - 4.25rem);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.25rem;
    box-sizing: border-box;
    overflow: hidden;
  }
  #product .track-easy-container {
    padding-bottom: 0.5rem;
  }
  #product .track-easy-container .track-easy-container-inner .trackeasy-title__img {
    max-height: 9vh;
  }
  #product .gallery-container.for-products {
    padding-top: 0.25rem;
  }
  #product .gallery-container.for-products .gallery-container-ele > div {
    transform: scale(0.85);
  }
  #product .product-btn-container {
    margin-bottom: 0.25em;
  }

  #signature-experience.friso-section-container.contact {
    min-height: 100vh !important;
    min-height: 100dvh !important;
    box-sizing: border-box;
    display: flex !important;
    align-items: center;
    justify-content: center;
    padding-top: 3.25rem !important;
    padding-bottom: 1rem !important;
  }
  #signature-experience .friso-section-container-inner-full {
    width: 100%;
    max-height: calc(100dvh - 4.25rem);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.65rem;
    box-sizing: border-box;
  }
  #signature-experience .contact-container {
    margin-top: 0.35em;
    margin-bottom: 0;
  }
}

/* Mum / TrackEasy(+products) / Signature Experience — one viewport, vertically centered */
@media screen and (min-width: 769px) {
  .mum-signature-container {
    min-height: 100vh;
    min-height: 100dvh;
    box-sizing: border-box;
    display: flex !important;
    align-items: center;
    justify-content: center;
    padding-top: 72px;
    padding-bottom: 1.25rem;
  }
  .mum-signature-container .mom-signature-splide {
    width: 100%;
    max-height: calc(100dvh - 72px - 1.5rem);
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-bottom: 0.5rem;
    box-sizing: border-box;
  }
  .mum-signature-container .mom-signature-splide-title {
    margin-top: 0.35rem;
    margin-bottom: 0.35rem;
  }
  .mom-signature-splide .splide__track .splide__slide .flip-card-container {
    transform: scale(0.62);
  }
  .mom-signature-splide .splide__track .splide__slide.is-active .flip-card-container {
    transform: scale(0.82);
  }
  .mom-signature-splide .front,
  .mom-signature-splide .back {
    padding-top: 96%;
  }

  #product.friso-section-container.products {
    min-height: 100vh !important;
    min-height: 100dvh !important;
    box-sizing: border-box;
    display: flex !important;
    align-items: center;
    justify-content: center;
    padding-top: 72px !important;
    padding-bottom: 1rem !important;
  }
  #product.friso-section-container.products > div {
    width: 100%;
    max-height: calc(100dvh - 72px - 1.25rem);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    box-sizing: border-box;
    overflow: hidden;
  }
  #product .track-easy-container {
    padding-bottom: 0.75rem;
    width: 100%;
  }
  #product .track-easy-container .track-easy-container-inner {
    padding-top: 0;
    padding-bottom: 0;
  }
  #product .track-easy-container .track-easy-container-inner .trackeasy-title__img {
    max-height: 8.5vh;
  }
  #product .track-easy-container-inner-left {
    margin-top: 0;
  }
  #product .track-easy-container .track-easy-container-inner .track-easy-img {
    padding: 0.15em 0 0.35em;
  }
  #product .track-easy-container .track-easy-container-inner .track-easy-img img {
    transform: scale(0.72);
    transform-origin: center right;
  }
  #product .gallery-container.for-products {
    padding-top: 0.35rem;
  }
  #product .gallery-container.for-products .gallery-container-inner {
    padding-bottom: 0.5rem;
  }
  #product .gallery-container.for-products .gallery-container-ele > div {
    transform: scale(0.88);
  }
  #product .product-btn-container {
    margin-bottom: 0.35em;
  }

  #signature-experience.friso-section-container.contact {
    min-height: 100vh !important;
    min-height: 100dvh !important;
    box-sizing: border-box;
    display: flex !important;
    align-items: center;
    justify-content: center;
    padding-top: 72px !important;
    padding-bottom: 1.25rem !important;
  }
  #signature-experience .friso-section-container-inner-full {
    width: 100%;
    max-height: calc(100dvh - 72px - 1.5rem);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    box-sizing: border-box;
  }
  #signature-experience .contact-container {
    margin-top: 0.5em;
    margin-bottom: 0;
  }
}

@media screen and (max-width: 768px) {
  .mum-signature-container {
    min-height: 100vh;
    min-height: 100dvh;
    box-sizing: border-box;
    display: flex !important;
    align-items: center;
    justify-content: center;
    padding-top: 3.5rem;
    padding-bottom: 1rem;
  }
  .mum-signature-container .mom-signature-splide {
    width: 100%;
    max-height: calc(100dvh - 4.5rem);
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-bottom: 0.5rem;
    box-sizing: border-box;
  }
  .mum-signature-container .mom-signature-splide-title {
    margin-top: 0.35rem;
    margin-bottom: 0.45rem;
  }
  .mom-signature-splide .splide__track .splide__slide .flip-card-container {
    transform: scale(0.55);
  }
  .mom-signature-splide .splide__track .splide__slide.is-active .flip-card-container {
    transform: scale(0.72);
  }

  #product.friso-section-container.products {
    min-height: 100vh !important;
    min-height: 100dvh !important;
    box-sizing: border-box;
    display: flex !important;
    align-items: center;
    justify-content: center;
    padding-top: 3.25rem !important;
    padding-bottom: 1rem !important;
  }
  #product.friso-section-container.products > div {
    width: 100%;
    max-height: calc(100dvh - 4.25rem);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.25rem;
    box-sizing: border-box;
    overflow: hidden;
  }
  #product .track-easy-container {
    padding-bottom: 0.5rem;
  }
  #product .track-easy-container .track-easy-container-inner .trackeasy-title__img {
    max-height: 9vh;
  }
  #product .gallery-container.for-products {
    padding-top: 0.25rem;
  }
  #product .gallery-container.for-products .gallery-container-ele > div {
    transform: scale(0.85);
  }
  #product .product-btn-container {
    margin-bottom: 0.25em;
  }

  #signature-experience.friso-section-container.contact {
    min-height: 100vh !important;
    min-height: 100dvh !important;
    box-sizing: border-box;
    display: flex !important;
    align-items: center;
    justify-content: center;
    padding-top: 3.25rem !important;
    padding-bottom: 1rem !important;
  }
  #signature-experience .friso-section-container-inner-full {
    width: 100%;
    max-height: calc(100dvh - 4.25rem);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.65rem;
    box-sizing: border-box;
  }
  #signature-experience .contact-container {
    margin-top: 0.35em;
    margin-bottom: 0;
  }
}

/* mum-carousel-layout-fix-v2 — Splide track block; fit title+cards+copy+button in one viewport */
@media screen and (min-width:769px){
body.friso-signature .mum-signature-container{
  min-height:100vh!important;min-height:100dvh!important;max-height:100dvh!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  padding-top:72px!important;padding-bottom:.5rem!important;box-sizing:border-box!important;overflow:hidden!important
}
body.friso-signature .mum-signature-container .mom-signature-splide{
  --mum-chrome:13rem;
  --mum-card-max-h:calc(100dvh - 72px - .5rem - var(--mum-chrome));
  width:100%!important;max-width:1200px!important;margin-left:auto!important;margin-right:auto!important;
  height:calc(100dvh - 72px - .5rem)!important;max-height:calc(100dvh - 72px - .5rem)!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
  text-align:center!important;box-sizing:border-box!important;padding-bottom:0!important;gap:0!important
}
body.friso-signature .mum-signature-container .mom-signature-splide-title{flex:0 0 auto!important;text-align:center!important;width:100%!important;margin:0 0 1.5rem!important}
body.friso-signature .mum-signature-container .signature-mum-title__img{display:block!important;margin:0 auto!important;max-height:36px!important;width:auto!important;height:auto!important}
body.friso-signature .mom-signature-splide .splide__track-wrapper{
  flex:0 1 auto!important;min-height:0!important;width:100%!important;max-height:var(--mum-card-max-h)!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
  margin-bottom:.35rem!important
}
body.friso-signature .mom-signature-splide .splide__track{
  display:block!important;width:100%!important;height:auto!important;max-height:var(--mum-card-max-h)!important;overflow:hidden!important;position:relative!important
}
body.friso-signature .mom-signature-splide .splide__list{align-items:center!important}
body.friso-signature .mom-signature-splide .splide__slide{padding-top:.2rem!important;padding-bottom:.2rem!important}
body.friso-signature .mom-signature-splide .splide__track .splide__slide .flip-card-container{
  width:min(100%,calc(var(--mum-card-max-h) / 1.217391304348))!important;max-width:100%!important;
  height:auto!important;aspect-ratio:1 / 1.217391304348!important;
  margin-left:auto!important;margin-right:auto!important;transform:scale(.72)!important;transform-origin:center center!important
}
body.friso-signature .mom-signature-splide .splide__track .splide__slide.is-prev .flip-card-container,
body.friso-signature .mom-signature-splide .splide__track .splide__slide.is-next .flip-card-container{transform:scale(.72)!important}
body.friso-signature .mom-signature-splide .splide__track .splide__slide.is-active .flip-card-container{transform:scale(1)!important}
body.friso-signature .mom-signature-splide .front,
body.friso-signature .mom-signature-splide .back{
  padding-top:0!important;width:100%!important;height:100%!important;
  background-size:cover!important;background-position:center!important;position:absolute!important;inset:0!important
}
body.friso-signature .mom-signature-splide .flip-card-container{position:relative!important}
body.friso-signature .mom-signature-splide .splide-content{flex:0 0 auto!important;text-align:center!important;width:100%!important;max-width:min(1100px,92vw)!important;margin:1rem auto 0!important;position:relative!important}
body.friso-signature .mom-signature-splide .splide-content-item .txt-smallhead{margin-top:0!important;margin-bottom:0!important}
body.friso-signature .mom-signature-splide .splide-content-item p{
  margin-top:.35rem!important;white-space:nowrap!important;max-width:none!important
}
body.friso-signature .mom-signature-splide .splide-custom-pagination{flex:0 0 auto!important;margin:.65rem auto 0!important}
body.friso-signature .mom-signature-splide .splide-buttons{flex:0 0 auto!important;margin-top:.35rem!important;width:100%!important}
body.friso-signature .mom-signature-splide .splide-buttons-item{margin-top:1rem!important}
body.friso-signature .mom-signature-splide .friso-rect-button,
body.friso-signature .mom-signature-splide .splide__slide__button{width:175px!important;min-height:25px!important;margin:.15rem auto .1rem!important}
}
@media screen and (max-width:768px){
body.friso-signature .mum-signature-container{
  min-height:100vh!important;min-height:100dvh!important;max-height:100dvh!important;display:flex!important;align-items:center!important;justify-content:center!important;
  padding-top:3.25rem!important;padding-bottom:.5rem!important;box-sizing:border-box!important;overflow:hidden!important
}
body.friso-signature .mum-signature-container .mom-signature-splide{
  --mum-chrome:11rem;
  --mum-card-max-h:calc(100dvh - 3.25rem - .5rem - var(--mum-chrome));
  width:100%!important;height:calc(100dvh - 3.75rem)!important;max-height:calc(100dvh - 3.75rem)!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;gap:.25rem!important
}
body.friso-signature .mum-signature-container .mom-signature-splide-title{flex:0 0 auto!important;text-align:center!important;width:100%!important;margin:0!important}
body.friso-signature .mum-signature-container .signature-mum-title__img{display:block!important;margin:0 auto!important;height:calc(60 / 420 * 100vw)!important;max-height:60px!important;width:auto!important}
body.friso-signature .mom-signature-splide .splide__track-wrapper{
  flex:0 1 auto!important;min-height:0!important;width:100%!important;max-height:var(--mum-card-max-h)!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important
}
body.friso-signature .mom-signature-splide .splide__track{
  display:block!important;width:100%!important;height:auto!important;overflow:hidden!important;position:relative!important
}
body.friso-signature .mom-signature-splide .splide__track .splide__slide .flip-card-container{
  width:min(100%,calc(var(--mum-card-max-h) / 1.217391304348))!important;max-width:100%!important;
  height:auto!important;aspect-ratio:1 / 1.217391304348!important;
  margin-left:auto!important;margin-right:auto!important;transform:scale(.72)!important;transform-origin:center center!important;position:relative!important
}
body.friso-signature .mom-signature-splide .splide__track .splide__slide.is-prev .flip-card-container,
body.friso-signature .mom-signature-splide .splide__track .splide__slide.is-next .flip-card-container{transform:scale(.72)!important}
body.friso-signature .mom-signature-splide .splide__track .splide__slide.is-active .flip-card-container{transform:scale(1)!important}
body.friso-signature .mom-signature-splide .front,
body.friso-signature .mom-signature-splide .back{
  padding-top:0!important;width:100%!important;height:100%!important;background-size:cover!important;position:absolute!important;inset:0!important
}
body.friso-signature .mom-signature-splide .splide-content{flex:0 0 auto!important;width:100%!important;margin:0 auto!important;text-align:center!important;position:relative!important}
body.friso-signature .mom-signature-splide .splide-buttons,
body.friso-signature .mom-signature-splide .splide-custom-pagination{flex:0 0 auto!important}
body.friso-signature .mom-signature-splide .friso-rect-button,
body.friso-signature .mom-signature-splide .splide__slide__button{width:175px!important;min-height:25px!important}
}

/* product-two-panels-v1 — TrackEasy + tin carousel each full viewport, no crop */
@media screen and (min-width:769px){
body.friso-signature #product.friso-section-container.products{
  min-height:0!important;height:auto!important;display:block!important;
  padding-top:0!important;padding-bottom:0!important;overflow:visible!important
}
body.friso-signature #product.friso-section-container.products>div{
  max-height:none!important;display:block!important;overflow:visible!important
}
body.friso-signature #product>div>.friso-section-container-inner-wider{
  min-height:100vh!important;min-height:100dvh!important;display:flex!important;
  align-items:center!important;justify-content:center!important;
  padding-top:72px!important;padding-bottom:1.25rem!important;overflow:visible!important;box-sizing:border-box!important
}
body.friso-signature #product .track-easy-container{padding-bottom:0!important;width:100%!important}
body.friso-signature #product .track-easy-container .track-easy-container-inner{
  width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;
  justify-content:space-between!important;align-items:flex-start!important;gap:1.25rem!important
}
body.friso-signature #product .track-easy-container-inner-left{
  flex:0 1 38%!important;max-width:460px!important;min-width:min(380px,36%)!important;
  margin-top:0!important;padding-left:0!important;text-align:left!important;z-index:2!important;position:relative!important
}
body.friso-signature #product .track-easy-container-inner-right{flex:1 1 58%!important;max-width:none!important;min-width:0!important;overflow:visible!important;z-index:1!important;position:relative!important}
body.friso-signature #product .trackeasy-title__img,
body.friso-signature #product .track-easy-container .track-easy-container-inner .trackeasy-title__img{
  max-height:min(11vh,96px)!important;width:auto!important;display:block!important;margin-left:0!important
}
body.friso-signature #product .track-easy-container .track-easy-title{padding-bottom:0!important;text-align:left!important}
body.friso-signature #product .track-easy-container .track-easy-text{text-align:left!important}
body.friso-signature #product .track-easy-container .track-easy-text .txt-normal{margin-top:.85rem!important}
body.friso-signature #product .track-easy-container .track-easy-text .txt-normal:first-child{margin-top:1.1rem!important}
body.friso-signature #product .track-easy-container .track-easy-container-inner .track-easy-img{
  max-width:none!important;margin:0!important;padding:0!important;width:100%!important;overflow:visible!important
}
body.friso-signature #product .track-easy-container .track-easy-container-inner .track-easy-img img{
  max-height:min(72vh,580px)!important;width:auto!important;max-width:min(820px,58vw)!important;height:auto!important;
  transform:none!important;object-fit:contain!important;object-position:right top!important;
  margin-left:auto!important;margin-right:0!important;display:block!important
}
body.friso-signature #product>div>.friso-section-container-inner-full.section-nav{
  min-height:100vh!important;min-height:100dvh!important;
  display:flex!important;flex-direction:column!important;
  align-items:center!important;justify-content:center!important;padding-top:72px!important;padding-bottom:1rem!important;
  overflow:visible!important;width:100%!important;box-sizing:border-box!important;gap:0!important
}
body.friso-signature #product .gallery-container.for-products{
  overflow:visible!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important
}
body.friso-signature #product .gallery-container.for-products .gallery-container-inner,
body.friso-signature #product .gallery-container.for-products .gallery-caption-container{
  overflow:visible!important
}
body.friso-signature #product .gallery-container.for-products .gallery-container-inner{
  width:100%!important;padding-bottom:.35rem!important;margin:0!important
}
body.friso-signature #product .gallery-container.for-products .gallery-container-inner-inner{
  padding-bottom:min(48vh,420px)!important
}
body.friso-signature #product .gallery-container.for-products .gallery-container-ele{height:100%!important;width:40%!important}
body.friso-signature #product .gallery-container.for-products .gallery-container-ele>div{
  transform:none!important;
  height:100%!important;max-height:100%!important;padding-bottom:0!important;box-sizing:border-box!important
}
body.friso-signature #product .gallery-container.for-products .gallery-caption-container{
  margin-top:1.75rem!important;margin-bottom:.4rem!important;min-height:2.75em!important;height:auto!important;width:100%!important
}
body.friso-signature #product .gallery-container.for-products .gallery-indicator-container{
  margin:1rem auto .55rem!important;display:flex!important;justify-content:center!important;width:100%!important;position:relative!important;top:auto!important
}
body.friso-signature #product .product-btn-container{
  display:grid!important;margin:.85rem auto .25rem!important;transform:none!important;opacity:1!important
}
}
@media screen and (max-width:768px){
body.friso-signature #product.friso-section-container.products{min-height:0!important;height:auto!important;display:block!important;padding:0!important;overflow:visible!important}
body.friso-signature #product.friso-section-container.products>div{max-height:none!important;display:block!important;overflow:visible!important}
body.friso-signature #product>div>.friso-section-container-inner-wider,
body.friso-signature #product>div>.friso-section-container-inner-full.section-nav{
  min-height:100vh!important;min-height:100dvh!important;display:flex!important;align-items:center!important;justify-content:center!important;
  flex-direction:column!important;padding-top:3.25rem!important;padding-bottom:1rem!important;overflow:visible!important;box-sizing:border-box!important;width:100%!important
}
body.friso-signature #product .gallery-container.for-products .gallery-container-inner-inner{padding-bottom:min(34vh,240px)!important}
body.friso-signature #product .gallery-container.for-products .gallery-container-ele{height:100%!important}
body.friso-signature #product .gallery-caption-container{overflow:visible!important;min-height:2.5em!important}
}

/* igg-side-balls-layout-v11 — CF: left-of-title + bottom-left + bottom-right (IgG section only) */
@media screen and (min-width:769px){
body.friso-signature .friso-section-container.igg,
body.friso-signature .friso-section-container.igg .igg-girl-video,
body.friso-signature .friso-section-container.igg .igg-girl-container{overflow:visible!important}
.friso-section-container.igg .igg-text-left-ball,
.friso-section-container.igg .core-video-container.igg-text-left-ball{
  /* Bottom-left ball: ~1/6 off left edge; nudged down from 65vh */
  top:58vh;bottom:auto!important;right:auto!important;
  left:calc(var(--igg-text-left-ball-width) * 2.5 / -6)!important;
  transform:scale(2.5)!important;transform-origin:left center!important
}
/* Top-left title ball: right edge = nav logo right edge */
.friso-section-container.igg .igg-bottom-ball{
  display:block!important;
  left:calc(
    var(--logo-rail-gutter, 20px)
    + max(0px, (100vw - 2 * var(--logo-rail-gutter, 20px) - var(--logo-rail-max, 1280px)) / 2)
    + (var(--logo-rail-logo-col, 200px) - var(--logo-rail-logo-width, 190px)) / 2
    + var(--logo-rail-logo-width, 190px)
    - var(--igg-bottom-ball-max-width)
  )!important
}
/* Bottom-right orange ball: peek left half only @1920 (width 10vw → right -5vw) */
.friso-section-container.igg .core-video-container.igg-ball-1{
  right:calc(var(--igg-ball-1-width) * -0.5)!important
}
}
/* igg-girl-ball-tablet-scale — match desktop visual fill on mid-widths */
@media screen and (min-width:769px) and (max-width:1024px){
body.friso-signature:not(.education) #IgG .girl-zoom-canvas-container{
  height:86vh!important;overflow:visible!important
}
body.friso-signature:not(.education) #IgG #girl-zoom-canvas{
  top:50%;left:50%;transform:translate(-50%,-50%);
  height:100%;width:auto;max-width:none;max-height:100%
}
}


.baby-container-btm .baby-container picture,
.baby-container-btm .baby-container img{
  display:block;
  height:calc(var(--baby-sticky-height) * 1.18)!important;
  width:auto!important;
  max-width:none!important;
  transform:translateY(7%)!important;
  transform-origin:center top!important;
}

/* basic-girl-m-lower-v2 — center H; container matches img height (no bottom crop) */
.baby-container-btm .baby-container{
  overflow:visible!important;
  height:calc(var(--baby-sticky-height) * 1.18)!important;
  display:flex!important;
  justify-content:center!important;
  align-items:flex-start!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.baby-container-btm .baby-container picture,
.baby-container-btm .baby-container img{
  display:block!important;
  height:calc(var(--baby-sticky-height) * 1.18)!important;
  width:auto!important;
  max-width:none!important;
  margin-left:auto!important;
  margin-right:auto!important;
  /* no upward translate — was cropping top inside overflow:hidden */
  transform:none!important;
  transform-origin:center top!important;
}

/* basic-girl-m-shadow-v2 — lower wash; keep hands clear */
.baby-container-btm .baby-container{position:relative!important}
.baby-container-btm .baby-container::before{
  content:""!important;position:absolute!important;left:50%!important;transform:translateX(-50%)!important;
  bottom:-2%!important;width:140%!important;height:20%!important;z-index:5!important;pointer-events:none!important;
  background:linear-gradient(to top,#120802 0%,rgba(18,8,2,.96) 28%,rgba(32,7,4,.5) 62%,transparent 100%)!important
}
@media screen and (max-width:768px){
.baby-container-btm .baby-container::after{
  content:""!important;z-index:5!important;position:absolute!important;bottom:-2%!important;left:50%!important;
  transform:translateX(-50%)!important;width:100vw!important;height:22%!important;min-height:72px!important;pointer-events:none!important;
  background:linear-gradient(to top,#120802 0%,rgba(18,8,2,.95) 22%,rgba(32,7,4,.55) 55%,transparent 100%),
    url("../img/home/hori_shadow-2.png") center bottom / 100vw auto no-repeat!important
}
}
.baby-container-btm .funny-gradient-container.radial{
  opacity:1!important;z-index:4!important;width:90%!important;height:32%!important;left:5%!important;bottom:-14%!important;
  transform:none!important;
  background:radial-gradient(ellipse 70% 50% at 50% 100%,rgba(18,8,2,.98) 0%,rgba(32,7,4,.75) 40%,rgba(32,7,4,.25) 70%,transparent 100%)!important
}

/* txt-normal-1rem — branded homepage only (do not touch education/unbranded) */
body.friso-signature:not(.education) .txt-normal{
  font-size:1.1rem !important
}


/* mum/exp appearance seq — Headline first, then content beat together */
.mum-seq,
.exp-seq {
  transition-delay: 300ms !important;
}

/* exp-seq-order — Headline (.exp-title-seq) first, then icons/copy/buttons.
   Beat 2 stays hidden until syncSeqToTrigger mirrors title .scrolled. */
body.friso-signature:not(.education) #signature-experience .exp-seq.fadein-ele:not(.scrolled),
body.friso-signature:not(.education) #signature-experience.active .exp-seq.fadein-ele:not(.scrolled) {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transform: translateY(4rem) !important;
}
body.friso-signature:not(.education) #signature-experience .exp-seq.fadein-ele.scrolled,
body.friso-signature:not(.education) #signature-experience.active .exp-seq.fadein-ele.scrolled {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: translateY(0) !important;
}

/* cta-btn-1.1rem — 觀看更多 + tin carousel + 立即預約/聯絡我們 */
body.friso-signature:not(.education) .mom-signature-splide .friso-rect-button,
body.friso-signature:not(.education) .mom-signature-splide .splide__slide__button,
body.friso-signature:not(.education) .splide__slide__button.friso-rect-button,
body.friso-signature:not(.education) .product-btn-container .friso-rect-button,
body.friso-signature:not(.education) .contact-container .friso-rect-button{
  font-size:1.1rem !important
}


/* gong-size-75 — 攻/守 at 75% (150→112.5 / 90→67.5), incl. slide-01 first stop */
@media screen and (min-width: 769px) {
  body.friso-signature:not(.education) .smart-immu-attack-content,
  body.friso-signature:not(.education) .immu-defense-slide .smart-immu-content,
  body.friso-signature:not(.education) .slide-03 .smart-immu-content,
  body.friso-signature:not(.education) .slide-01 {
    --smart-gong-h: min(112.5px, calc(112.5 / 1920 * 100vw)) !important;
    --smart-gong-w: calc(var(--smart-gong-h) * 155.33 / 150) !important;
  }
  body.friso-signature:not(.education) .smart-immu-attack-content .attack-img-txt,
  body.friso-signature:not(.education) .friso-section-container.smart .smart-immu-container .smart-immu-attack-content .attack-img-txt,
  body.friso-signature:not(.education) .smart-immu-slide.slide-02 .smart-immu-attack-content .attack-img-txt,
  body.friso-signature:not(.education) .immu-defense-slide .m-defence,
  body.friso-signature:not(.education) .slide-03 .m-defence,
  body.friso-signature:not(.education) .slide-01 .text-img-smart,
  body.friso-signature:not(.education) .slide-01 .text-img-smart.attack-img-txt,
  body.friso-signature:not(.education) .slide-01 .text-img-smart.m-defence,
  body.friso-signature:not(.education) .slide-01 .smart-immu-content-title-1 .text-img-smart,
  body.friso-signature:not(.education) .slide-01 .smart-immu-content-title-2 .text-img-smart,
  body.friso-signature:not(.education) .smart-immu-content-title .text-img-smart,
  body.friso-signature:not(.education) .smart-immu-content-title-1 .text-img-smart,
  body.friso-signature:not(.education) .smart-immu-content-title-2 .text-img-smart,
  body.friso-signature:not(.education) .text-img-smart.attack-img-txt,
  body.friso-signature:not(.education) .text-img-smart.m-defence,
  body.friso-signature:not(.education) .attack-img-txt.text-img.m-small,
  body.friso-signature:not(.education) .m-defence.text-img.m-small {
    height: min(112.5px, calc(112.5 / 1920 * 100vw)) !important;
    max-height: 112.5px !important;
    width: auto !important;
  }
}
@media screen and (max-width: 768px) {
  body.friso-signature:not(.education) .text-img-smart.attack-img-txt,
  body.friso-signature:not(.education) .text-img-smart.m-defence,
  body.friso-signature:not(.education) .text-img-smart.m-small,
  body.friso-signature:not(.education) .smart-immu-content-title .text-img-smart,
  body.friso-signature:not(.education) .smart-immu-content-title-1 .text-img-smart,
  body.friso-signature:not(.education) .smart-immu-content-title-2 .text-img-smart,
  body.friso-signature:not(.education) .slide-01 .text-img-smart,
  body.friso-signature:not(.education) .slide-02 .attack-img-txt,
  body.friso-signature:not(.education) .slide-03 .m-defence,
  body.friso-signature:not(.education) .m-defence.text-img.m-small,
  body.friso-signature:not(.education) .attack-img-txt.text-img.m-small,
  body.friso-signature:not(.education) .smart-immu-attack-content .attack-img-txt {
    height: calc(67.5 / 420 * 100vw) !important;
    max-height: 67.5px !important;
    width: auto !important;
  }
}

/* hero-girl-nudge-v11 — branded: move girl left + down (front tin covers her tin) */
@media screen and (min-width:769px){
  body.friso-signature:not(.education) .key-visual-sequence-img-girl.desktop-only,
  body.friso-signature:not(.education) .key-visual-sequence-img-girl{
    left:44% !important;
    top:9vh !important;
    transform:translateX(-50%) translateY(0) !important;
  }
}

/* kv-tr-corner-shadow — sibling of ball-container; mix-blend orbs hide in-container pseudos */
@media screen and (min-width:769px){
  body.friso-signature:not(.education) .key-visual{isolation:isolate}
  body.friso-signature:not(.education) .key-visual-ball-container::before,
  body.friso-signature:not(.education) .key-visual-ball-container::after{content:none!important}
  body.friso-signature:not(.education) .key-visual::before{
    content:""!important;
    display:block!important;
    position:absolute!important;
    top:0!important;
    right:0!important;
    left:auto!important;
    bottom:auto!important;
    width:48%!important;
    height:55%!important;
    pointer-events:none!important;
    z-index:20!important;
    opacity:1!important;
    background:radial-gradient(ellipse 100% 95% at 100% 0%,rgba(31,12,6,1) 0%,rgba(31,12,6,.92) 22%,rgba(31,12,6,.65) 45%,rgba(31,12,6,.28) 68%,rgba(31,12,6,0) 88%)!important
  }
  body.friso-signature:not(.education) .key-visual-sequence-video.kv-seq-fadein-4 .key-visual-sequence-video-canvas.desktop-only{
    overflow:visible!important
  }
}


/* kv-right-ball-v6 — top-left locked to logo band (no vw drift); keep upper/scale */
@media screen and (min-width:769px){
body.friso-signature .key-visual-sequence-video.kv-seq-fadein-4 .key-visual-sequence-video-canvas.desktop-only{
  top:0!important;
  /* E≈8px keeps video left-ball edge on navbar logo left for vw≥1280 */
  transform:translateX(calc(-50% + 36px)) translateY(0.5vh) scale(.9)!important;
  transform-origin:top center!important
}
}
@media screen and (max-width:768px){
/* top-right ball: slightly larger; ~1/5 out horizontally */
.key-visual-mobile-ball{width:28vw!important;right:-5.6vw!important;top:76px!important}
}

/* kv-ball-cf-match — branded homepage only (:not(.education)) */
@media screen and (min-width:1025px){
body.friso-signature:not(.education) .key-visual{
  /* section1 bottom-left ball — CloudFront UAT 40vh */
  --kv-ball-container-width:40vh!important;
  --kv-ball-container-min-width:300px!important;
  --kv-ball-container-transfrom:translate(-60%, 40%)!important
}
body.friso-signature:not(.education) .key-visual-ball-container-wrapper{
  left:auto!important;
  right:70%!important;
  top:auto!important;
  bottom:0!important;
  transform:var(--kv-ball-container-transfrom)!important
}
}


/* kv-bottom-shadow-v1 — section bottom fade only (image masks removed per client) */
@media screen and (min-width:769px){
body.friso-signature .key-visual{
  --kv-after-height:3dvh!important;
  --kv-after-bottom:0!important;
  --kv-after-background:linear-gradient(to bottom, rgba(31,12,6,0) 0%, rgba(31,12,6,.55) 55%, rgb(31,12,6) 100%)!important
}
}

/* smart-immu-gong-hold-v1 — desktop only: keep step1 攻; swap right-side copy on step2.
   Mobile fades slide-01 out (JS holdGong off ≤1024) so slide-02 shows its own 攻. */
@media screen and (min-width: 1025px) {
  /* Hold slide-01 under slide-02: hide balls/守/labels, keep 攻 */
  body.friso-signature .attack-defence .slide-01.smart-immu-gong-hold {
    z-index: 2 !important;
    pointer-events: none !important;
  }
  body.friso-signature .attack-defence .slide-01.smart-immu-gong-hold .poster-container,
  body.friso-signature .attack-defence .slide-01.smart-immu-gong-hold .y-ball,
  body.friso-signature .attack-defence .slide-01.smart-immu-gong-hold .smart-immu-content-title-2,
  body.friso-signature .attack-defence .slide-01.smart-immu-gong-hold .diagonal-line,
  body.friso-signature .attack-defence .slide-01.smart-immu-gong-hold .attack-img-txt-title-img,
  body.friso-signature .attack-defence .slide-01.smart-immu-gong-hold .gallery-caption-ele,
  body.friso-signature .attack-defence .slide-01.smart-immu-gong-hold .txt-normal {
    opacity: 0 !important;
    visibility: hidden !important;
  }
  body.friso-signature .attack-defence .slide-01.smart-immu-gong-hold .smart-immu-content-title-1 {
    opacity: 1 !important;
    visibility: visible !important;
    z-index: 3 !important;
  }
  /* Only while holding 攻: attack copy above slide-01; transparent so 攻 shows through */
  body.friso-signature .attack-defence .slide-01.smart-immu-gong-hold ~ .slide-02 {
    z-index: 4 !important;
    background: transparent !important;
  }
  body.friso-signature .attack-defence .slide-02 .smart-immu-container,
  body.friso-signature .attack-defence .slide-02 .smart-immu-container-inner,
  body.friso-signature .attack-defence .slide-02 .smart-immu-attack-content {
    background: transparent !important;
  }
  body.friso-signature .attack-defence .slide-02 .smart-immu-attack-content .attack-img-txt,
  body.friso-signature .attack-defence .slide-02 .smart-immu-attack-content > .smart-immu-content-title {
    visibility: hidden !important;
  }
  /* Defence always stacks above attack during/after 攻→守 (prevents prev anim peek) */
  body.friso-signature .attack-defence .slide-03 {
    z-index: 5 !important;
  }
}
/* Mobile: slide-02 must show its own 攻 (not held from slide-01) */
@media screen and (max-width: 1024px) {
  body.friso-signature .attack-defence .slide-02 .smart-immu-attack-content .attack-img-txt,
  body.friso-signature .attack-defence .slide-02 .smart-immu-attack-content > .smart-immu-content-title {
    visibility: visible !important;
  }
}



/* kv-mobile-ratio-1789480700 */
@media screen and (max-width:768px){
  .key-visual-sequence-img-fala.mobile-only,
  .key-visual-sequence-img-girl.mobile-only{
    width:auto!important;max-width:none!important;object-fit:contain!important;
  }
}

/* kv-mobile-rematch-ref-1789483100 — width-fit plate (no L/R crop), restore BR ball */
@media screen and (max-width:768px){
  .key-visual{
    --kv-title-top:32vh;
    --kv-ball-container-width:45vw!important;
    --kv-ball-container-min-width:45vw!important;
    --kv-ball-container-transfrom:none!important;
    overflow:hidden!important;
  }
  .key-visual-sequence{overflow:hidden!important}
  body.init .key-visual-title,
  body.init .friso-home-tagline-container.key-visual-title{
    opacity:1!important;
  }
  .key-visual-title,
  .friso-home-tagline-container.key-visual-title{
    top:var(--kv-title-top,18vh)!important;
    bottom:auto!important;
    left:50%!important;
    right:auto!important;
    transform:translateX(-50%)!important;
    width:min(72vw,26rem)!important;
    text-align:center!important;
    z-index:20!important;
    pointer-events:none;
  }
  .key-visual-title__img{
    max-width:72vw!important;
    width:auto!important;
    height:auto!important;
    display:block!important;
    margin:0 auto!important;
  }
  /* Plate: absolute stack + full width (cancel fala position:relative) */
  .key-visual-sequence-img-fala.mobile-only,
  .key-visual-sequence-video.kv-seq-fadein-3 .key-visual-sequence-video-canvas.mobile-only,
  .key-visual-sequence-video.kv-seq-fadein-3 .kv-tin-canvas.mobile-only,
  .key-visual-sequence-video.kv-seq-fadein-3 .kv-tin-video.mobile-only{
    position:absolute!important;
    left:50%!important;
    top:50vh!important;
    width:100vw!important;
    height:50dvh!important;
    max-width:100vw!important;
    object-fit:contain!important;
    object-position:center center!important;
    transform:translateX(-50%)!important;
  }
  .key-visual-sequence-img-fala.mobile-only,
  .key-visual-sequence-img-girl.mobile-only{
    z-index:3!important;
    -webkit-mask-image:none!important;
    mask-image:none!important;
  }
  .key-visual-sequence-video.kv-seq-fadein-3 .key-visual-sequence-video-canvas.mobile-only{
    z-index:6!important;
    -webkit-mask-image:none!important;
    mask-image:none!important;
  }
  /* TR ball */
  .key-visual-mobile-ball{
    width:28vw!important;
    right:-5.6vw!important;
    top:76px!important;
    z-index:13!important;
  }
  /* BR ball restored — bottom-anchored so 3× plate isn't clipped by overflow */
  .key-visual-sequence-video.kv-seq-fadein-4{
    display:block!important;
    visibility:visible!important;
    pointer-events:none!important;
  }
  .key-visual-sequence-video.kv-seq-fadein-4 .kv-ball-video.mobile-only{
    display:block!important;
    visibility:visible!important;
    /* geometry owned by kv-mobile-br-ball */
  }
  /* BL ball — 1.5× (was 30vw); nudged down */
  .key-visual-ball-container-wrapper{
    width:45vw!important;
    height:45vw!important;
    min-width:45vw!important;
    min-height:45vw!important;
    left:-6vw!important;
    right:auto!important;
    bottom:4vh!important;
    transform:none!important;
  }
  /* band owned by kv-mobile-bottom-grad / kv-shadow-uat-final */
}

/* ==========================================================================
   Desktop text images — recalculated from Headline/Desktop SVG artboards
   Rule: SVG viewBox = 0 0 1920 H → height: calc(H/1920*100vw); width: auto
   (cropped webp aspect preserved). Verified against SVG path bounds.
   ========================================================================== */
@media screen and (min-width: 769px) {
  /* Text-30 branded viewBox 1920×125 · 01FRC25070020 Desktop Text-30
     baby-slide-1 wraps img in <picture> — match section-1 KV size */
  .key-visual-title__img,
  .baby-slide-txt > img[src*="000-key-visual-title"],
  .baby-slide-txt picture img[src*="000-key-visual-title"],
  .baby-slide-1 .baby-slide-txt img[src*="000-key-visual-title"] {
    height: calc(125 / 1920 * 100vw) !important;
    max-height: 125px !important;
    width: auto !important;
    max-width: min(651px, 90vw) !important;
  }
  /* Text-31 viewBox 1920×32 · crop 1442×122 · designW@1920=378 (svgC=378) · scale≈3.81 */
  .did-you-know-title__img {
    height: calc(32 / 1920 * 100vw) !important;
    max-height: 32px !important;
    width: auto !important;
    max-width: none !important;
  }
  /* Text-32 viewBox 1920×86.84 · Headline 2026-09-16 */
  .igg-girl-container .igg-title__img {
    height: calc(86.84 / 1920 * 100vw) !important;
    max-height: 86.84px !important;
    width: auto !important;
    max-width: min(873px, 90vw) !important;
  }
  /* Text-33 viewBox 1920×82.8 · Headline 2026-09-16 */
  .compare .compare-section-title__img {
    height: calc(82.8 / 1920 * 100vw) !important;
    max-height: 82.8px !important;
    width: auto !important;
    max-width: none !important;
  }
  /* Text-34 viewBox 1920×32 · crop 879×80 · designW@1920=352 (svgC=350) · scale≈2.50 */
  .compare .compare-title__img {
    height: calc(32 / 1920 * 100vw) !important;
    max-height: 32px !important;
    width: auto !important;
    max-width: none !important;
  }
  /* Text-36 viewBox 1920×82.8 · Headline 2026-09-16 */
  .patented-technology-title__img {
    height: calc(82.8 / 1920 * 100vw) !important;
    max-height: 82.8px !important;
    width: auto !important;
    max-width: none !important;
  }
  /* Text-47 viewBox 1920×25 · crop 682×62 · designW@1920=275 (svgC=271) · scale≈2.48 */
  .patented-technology-step-title,
  .farm-title__img {
    height: calc(25 / 1920 * 100vw) !important;
    max-height: 25px !important;
    width: auto !important;
    max-width: none !important;
  }
  /* Text-40 viewBox 1920×25 · crop 704×62 · designW@1920=284 (svgC=280) · scale≈2.48 */
  .patented-technology-step-num-2-title {
    height: calc(25 / 1920 * 100vw) !important;
    max-height: 25px !important;
    width: auto !important;
    max-width: none !important;
  }
  /* Text-53 viewBox 1920×84.8 · Headline 2026-09-16 */
  .smart-head-title img,
  .smart-head-title picture img {
    height: calc(84.8 / 1920 * 100vw) !important;
    max-height: 84.8px !important;
    width: auto !important;
    max-width: none !important;
  }
  /* 主動出擊／防禦保護 — CF uses fixed 22px; do not shrink via Text-43 vw calc */
  .smart-immu-title,
  body.friso-signature img[src*="smart-immu-content-subtitle"] {
    height: 22px !important;
    max-height: 22px !important;
    width: auto !important;
    max-width: none !important;
  }
  /* Text-51 Desktop Headline · crop ~1190×99 · display H=16.5 */
  .attack-img-txt-title-img {
    height: 14px !important;
    max-height: 14px !important;
    width: auto !important;
    max-width: none !important;
  }
  /* Text-48–50/52 Desktop Headline · crops ~750–1227×99 · display H=16.5 */
  .y-ball-parts-title-img {
    height: 14px !important;
    max-height: 14px !important;
    width: auto !important;
    max-width: none !important;
  }
  /* Text-45 viewBox 1920×32 · crop 642×80 · designW@1920=257 (svgC=255) · scale≈2.50 */
  .baby-slide-txt > img[src*="013-no-added-sugar-title-2"] {
    height: calc(32 / 1920 * 100vw) !important;
    max-height: 32px !important;
    width: auto !important;
    max-width: none !important;
  }
  /* Text-46 viewBox 1920×32 · crop 912×80 · designW@1920=365 (svgC=363) · scale≈2.50 */
  .fala-signature__title img,
  .fala-signature-title__img {
    height: calc(32 / 1920 * 100vw) !important;
    max-height: 32px !important;
    width: auto !important;
    max-width: none !important;
  }
  /* Text-54 viewBox 1920×32 · Headline 2026-09-16 */
  .signature-mum-title__img,
  .mum-signature-container .signature-mum-title__img {
    height: calc(32 / 1920 * 100vw) !important;
    max-height: 32px !important;
    width: auto !important;
    max-width: none !important;
  }
  /* Text-57 viewBox 1920×24 · crop 610×60 · designW@1920=244 (svgC=242) · scale≈2.50 */
  .kol-img-title {
    height: calc(24 / 1920 * 100vw) !important;
    max-height: 24px !important;
    width: auto !important;
    max-width: none !important;
  }
  /* Text-37 viewBox 1920×60 · crop 1606×200 · designW@1920=482 (svgC=480) · scale≈3.33 */
  .track-easy-container .track-easy-container-inner .trackeasy-title__img {
    height: calc(60 / 1920 * 100vw) !important;
    max-height: 60px !important;
    width: auto !important;
    max-width: none !important;
  }
  /* Text-58 viewBox 1920×81.23 · Headline 2026-09-16 */
  .signature-experience-title__img {
    height: calc(81.23 / 1920 * 100vw) !important;
    max-height: 81.23px !important;
    width: auto !important;
    max-width: none !important;
  }
  /* Text-41 viewBox 1920×150 · 75% → 112.5 */
  .text-img-smart,
  .smart-immu-content-title .text-img,
  .attack-defence .text-img {
    height: calc(112.5 / 1920 * 100vw) !important;
    max-height: 112.5px !important;
    width: auto !important;
    max-width: none !important;
  }
}

/* ==========================================================================
   Mobile text images — from Headline/Mobile SVG artboards (viewBox 0 0 420 H)
   Mobile Text-N ↔ Desktop Text-(N+29). height: calc(H/420*100vw); width: auto
   ========================================================================== */
@media screen and (max-width: 768px) {
  /* Mobile Text-1 branded viewBox 420×60 · pairs with Desktop Text-30 branded */
  .key-visual-title__img,
  .baby-slide-txt > img[src*="000-key-visual-title"],
  .baby-slide-txt picture img[src*="000-key-visual-title"],
  .baby-slide-1 .baby-slide-txt img[src*="000-key-visual-title"] {
    height: calc(60 / 420 * 100vw) !important;
    max-height: 60px !important;
    width: auto !important;
    max-width: none !important;
  }
  /* Mobile Text-2 viewBox 420×24.34 · crop 1442×122 · designW@420≈288 (svgC≈287) */
  .did-you-know-title__img {
    height: calc(24.34 / 420 * 100vw) !important;
    max-height: 24.34px !important;
    width: auto !important;
    max-width: none !important;
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
    left: auto !important;
    transform: none !important;
  }
  /* Mobile DYK headline — keep 「抗體脆弱期」horizontally centered */
  #did-you-know > .did-you-know-container > .dyk-title-seq.mobile-only,
  #did-you-know > .did-you-know-container > .dyk-title-seq.mobile-only h2 {
    text-align: center !important;
    width: 100% !important;
  }
  /* Mobile Text-3 viewBox 420×53.54 · Headline 2026-09-16 */
  .igg-girl-container .igg-title__img {
    height: calc(53.54 / 420 * 100vw) !important;
    max-height: 53.54px !important;
    width: auto !important;
    max-width: none !important;
  }
  /* Mobile Text-4 viewBox 420×60.17 · Headline 2026-09-16 */
  .compare .compare-section-title__img {
    height: calc(60.17 / 420 * 100vw) !important;
    max-height: 60.17px !important;
    width: auto !important;
    max-width: none !important;
  }
  /* Mobile Text-5/6 viewBox 420×24.34 · Headline 2026-09-16 */
  .compare .compare-title__img {
    height: calc(24.34 / 420 * 100vw) !important;
    max-height: 24.34px !important;
    width: auto !important;
    max-width: none !important;
  }
  /* Mobile Text-7 viewBox 420×50 · crop 1446×200 · designW@420≈362 (svgC≈360) */
  .patented-technology-title__img {
    height: calc(50 / 420 * 100vw) !important;
    max-height: 50px !important;
    width: auto !important;
    max-width: none !important;
  }
  /* Mobile Text-8 viewBox 420×45.53 · Headline 2026-09-16 */
  .track-easy-container .track-easy-container-inner .trackeasy-title__img {
    height: calc(45.53 / 420 * 100vw) !important;
    max-height: 45.53px !important;
    width: auto !important;
    max-width: none !important;
  }
  /* Mobile Text-11 viewBox 420×20.24 · crop 704×62 · designW@420≈230 (svgC≈226) */
  .patented-technology-step-num-2-title {
    height: calc(21 / 420 * 100vw) !important;
    max-height: 21px !important;
    width: auto !important;
    max-width: none !important;
  }
  /* Mobile Text-14 viewBox 420×15 · crop 266×50 · designW@420≈80 (svgC≈78) */
  .smart-immu-title {
    height: calc(15 / 420 * 100vw) !important;
    max-height: 15px !important;
    width: auto !important;
    max-width: none !important;
  }
  /* Mobile Text-16 viewBox 420×24.34 · Headline 2026-09-16 */
  .baby-slide-txt > img[src*="013-no-added-sugar-title-2"] {
    height: calc(24.34 / 420 * 100vw) !important;
    max-height: 24.34px !important;
    width: auto !important;
    max-width: none !important;
  }
  /* Mobile Text-17 viewBox 420×24.34 · Headline 2026-09-16 */
  .fala-signature__title img,
  .fala-signature-title__img {
    height: calc(24.34 / 420 * 100vw) !important;
    max-height: 24.34px !important;
    width: auto !important;
    max-width: none !important;
  }
  /* Mobile Text-18 viewBox 420×21 · crop 682×62 · designW@420≈231 (svgC≈227) */
  .patented-technology-step-title {
    height: calc(21 / 420 * 100vw) !important;
    max-height: 21px !important;
    width: auto !important;
    max-width: none !important;
  }
  /* Mobile Text-19 viewBox 420×13.2 · crop 318×41 · designW@420≈102 (svgC≈100) */
  .y-ball-parts-title-img {
    height: calc(13.2 / 420 * 100vw) !important;
    max-height: 13.2px !important;
    width: auto !important;
    max-width: none !important;
  }
  /* Mobile Text-22 viewBox 420×13.2 · crop 500×41 · designW@420≈161 (svgC≈158) */
  .attack-img-txt-title-img {
    height: calc(13.2 / 420 * 100vw) !important;
    max-height: 13.2px !important;
    width: auto !important;
    max-width: none !important;
  }
  /* Mobile Text-24 viewBox 420×60 · crop 810×240 · designW@420≈202 (svgC≈203) */
  .smart-head-title img,
  .smart-head-title picture img {
    height: calc(60 / 420 * 100vw) !important;
    max-height: 60px !important;
    width: auto !important;
    max-width: none !important;
  }
  /* Mobile Text-25 viewBox 420×60 · crop 1098×240 · designW@420≈274 (svgC≈273) */
  .signature-mum-title__img,
  .mum-signature-container .signature-mum-title__img {
    height: calc(60 / 420 * 100vw) !important;
    max-height: 60px !important;
    width: auto !important;
    max-width: none !important;
  }
  /* Mobile Text-28 viewBox 420×19 · crop 610×60 · designW@420≈193 (svgC≈192) */
  .kol-img-title {
    height: calc(19 / 420 * 100vw) !important;
    max-height: 19px !important;
    width: auto !important;
    max-width: none !important;
  }
  /* Mobile Text-29 / Desktop Text-58 viewBox ~81 — keep mobile slot; asset from D58 */
  .signature-experience-title__img {
    height: calc(60 / 420 * 100vw) !important;
    max-height: 60px !important;
    width: auto !important;
    max-width: none !important;
  }
  /* Mobile Text-12 viewBox 420×90 · 75% → 67.5 */
  .text-img-smart,
  .smart-immu-content-title .text-img,
  .attack-defence .text-img {
    height: calc(67.5 / 420 * 100vw) !important;
    max-height: 67.5px !important;
    width: auto !important;
    max-width: none !important;
  }
}

@media screen and (min-width: 769px) {
  .did-you-know-content-description .dyk-desk-line1,
  .did-you-know-content-description .dyk-desk-line2,
  .did-you-know-content-description .dyk-desk-line3,
  .did-you-know-content-description .nowrap {
    white-space: nowrap;
  }
}

.contact-container .txt-normal .nowrap{white-space:nowrap}

/* CTA 175x25 — product + contact (design slides 30–31 / S78) */
body.friso-signature .product-btn-container .friso-rect-button,
body.friso-signature .contact-container .friso-rect-button {
  box-sizing: content-box !important;
  width: 175px !important;
  height: 25px !important;
  min-height: 25px !important;
  max-height: 25px !important;
  padding: 0.5em 1.3em !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
body.friso-signature .product-btn-container .friso-rect-button {
  font-size: 1.1rem !important;
}
body.friso-signature .contact-container .friso-rect-button {
  font-size: 1.1rem !important;
}
body.friso-signature .product-btn-container > a,
body.friso-signature .product-btn-container > div,
body.friso-signature .product-btn-container > div > a {
  width: auto !important;
  min-width: 0 !important;
  display: flex !important;
  justify-content: center !important;
}
body.friso-signature .product-btn-container {
  width: max-content !important;
  max-width: 92% !important;
  justify-items: center !important;
  column-gap: 0.85em !important;
}
@media screen and (max-width: 768px) {
  body.friso-signature .product-btn-container .friso-rect-button,
  body.friso-signature .contact-container .friso-rect-button {
    width: 155px !important;
    height: 25px !important;
    min-height: 25px !important;
    max-height: 25px !important;
  }
}

/* kv-ball-nudge-1789484900 — balls further from Fala/girl; TR → + ↓ */
@media screen and (min-width: 769px) {
  /* Hide baked left + right balls; overlays nudge independently */
  body.friso-signature .key-visual-sequence-video.kv-seq-fadein-4 .key-visual-sequence-video-canvas.desktop-only.kv-hero-ball-base {
    clip-path: inset(0 36% 0 22%);
  }
  /* Left ball (beside Fala) — further left / away */
  body.friso-signature .key-visual-sequence-video.kv-seq-fadein-4 .key-visual-sequence-video-canvas.desktop-only.kv-hero-ball-left {
    clip-path: inset(28% 78% 35% -5%);
    transform: translateX(calc(-50% + 36px - 120px)) translateY(0.5vh) scale(0.9) !important;
    transform-origin: top center !important;
    pointer-events: none;
    z-index: 6;
  }
  /* Ball beside girl (BR) — further right / away (keep ~1/4 in frame) */
  body.friso-signature .key-visual-sequence-video.kv-seq-fadein-4 .key-visual-sequence-video-canvas.desktop-only.kv-hero-ball-br {
    clip-path: inset(48% -8% -8% 68%);
    transform: translateX(calc(-50% + 36px + 48px)) translateY(0.5vh) scale(0.9) !important;
    transform-origin: top center !important;
    pointer-events: none;
    z-index: 6;
  }
  /* Top-right ball — right + down */
  body.friso-signature .key-visual-sequence-video.kv-seq-fadein-4 .key-visual-sequence-video-canvas.desktop-only.kv-hero-ball-tr {
    clip-path: inset(-8% -8% 68% 64%);
    transform: translateX(calc(-50% + 36px + 56px)) translateY(1.5vh) scale(0.9) !important;
    transform-origin: top center !important;
    pointer-events: none;
    z-index: 6;
  }
}
@media screen and (max-width: 1023px) {
  /* Beside girl (mobile BR) — video only (canvas stays hidden outside Safari) */
  body.friso-signature .key-visual-ball-container .key-visual-sequence-video.kv-seq-fadein-4 .kv-ball-video.mobile-only {
    display: block !important;
    visibility: visible !important;
    top: auto !important;
  }
  /* Top-right mobile ball — 1/5 out of screen (width 28vw → right -5.6vw) */
  body.friso-signature .key-visual-mobile-ball {
    width: 28vw !important;
    right: -5.6vw !important;
    top: 108px !important;
  }
}

/* mobile-title-fix-1789485300 — force Headline/Mobile artboard sizes past layout overrides */
@media screen and (max-width: 768px) {
  /* Mobile Text-25 — Signature Mum (beats carousel height:auto) */
  body.friso-signature .mum-signature-container .signature-mum-title__img,
  body.friso-signature .signature-mum-title__img {
    height: calc(60 / 420 * 100vw) !important;
    max-height: 60px !important;
    width: auto !important;
    max-width: none !important;
  }
  /* Mobile DYK — 「抗體脆弱期」title centered (beats width:auto artboard size) */
  body.friso-signature:not(.education) #did-you-know > .did-you-know-container > .dyk-title-seq.mobile-only,
  body.friso-signature:not(.education) #did-you-know > .did-you-know-container > .dyk-title-seq.mobile-only h2 {
    text-align: center !important;
    width: 100% !important;
  }
  body.friso-signature:not(.education) #did-you-know .did-you-know-title__img {
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
    left: auto !important;
    transform: none !important;
  }
  /* Mobile Text-18 — farm / patented step 1 title */
  body.friso-signature .patented-technology-step-title,
  body.friso-signature .farm-animation-content-1 .patented-technology-step-title,
  body.friso-signature .farm-title__img {
    height: calc(21 / 420 * 100vw) !important;
    max-height: 21px !important;
    width: auto !important;
  }
  /* Mobile Text-11 — farm step 2 title */
  body.friso-signature .patented-technology-step-num-2-title,
  body.friso-signature .farm-animation-content-2 .patented-technology-step-num-2-title,
  body.friso-signature .farm-animation-overlay.farm-animation-content-2 .patented-technology-step-num-2-title {
    height: calc(21 / 420 * 100vw) !important;
    max-height: 21px !important;
    width: auto !important;
  }
  /* Mobile Text-5/6 — compare col titles (Headline 2026-09-16) */
  body.friso-signature .compare .compare-title__img {
    height: calc(24.34 / 420 * 100vw) !important;
    max-height: 24.34px !important;
    width: auto !important;
    max-width: none !important;
  }
  /* Mobile Text-14/15 — SMART IMMU content subtitles */
  body.friso-signature .smart-immu-title,
  body.friso-signature img[src*="smart-immu-content-subtitle"] {
    height: calc(15 / 420 * 100vw) !important;
    max-height: 15px !important;
    width: auto !important;
    max-width: none !important;
  }
  /* Mobile Text-20/21/23 — small ball/label plates (same H as Text-19) */
  body.friso-signature .y-ball-parts-title-img {
    height: calc(13.2 / 420 * 100vw) !important;
    max-height: 13.2px !important;
    width: auto !important;
    max-width: none !important;
  }
  body.friso-signature .attack-img-txt-title-img {
    height: calc(13.2 / 420 * 100vw) !important;
    max-height: 13.2px !important;
    width: auto !important;
    max-width: none !important;
  }
  /* Mobile Text-26/27/28 — KOL nameplates */
  body.friso-signature .kol-img-title {
    height: calc(19 / 420 * 100vw) !important;
    max-height: 19px !important;
    width: auto !important;
    max-width: none !important;
  }
  /* Mobile Text-24 — prefer -m smart title sizing */
  body.friso-signature .friso-section-container.smart .smart-head-title img,
  body.friso-signature .smart-head-title img,
  body.friso-signature .smart-head-title picture img {
    height: calc(60 / 420 * 100vw) !important;
    max-height: 60px !important;
    width: auto !important;
    max-width: none !important;
  }
  /* Mobile Text-9/10/13 — 攻/守 at 75% (90→67.5) */
  body.friso-signature .text-img-smart,
  body.friso-signature .smart-immu-content-title .text-img,
  body.friso-signature .attack-defence .text-img {
    height: calc(67.5 / 420 * 100vw) !important;
    max-height: 67.5px !important;
    width: auto !important;
    max-width: none !important;
  }
}

/* kv-tin-z-girl-1789485500 — tin always above Fala/girl during fade; girl +hand */
body.friso-signature .key-visual-sequence-img-fala,
body.friso-signature .key-visual-sequence-img-girl {
  z-index: 3;
}
/* Opacity on wrapper flattens child z-index — put stack on the wrapper itself */
body.friso-signature .key-visual-sequence-video.kv-seq-fadein-3 {
  position: absolute;
  inset: 0;
  z-index: 6;
  pointer-events: none;
}
body.friso-signature .key-visual-sequence-video.kv-seq-fadein-3 .key-visual-sequence-video-canvas {
  z-index: 6;
  /* mov has no alpha — screen makes pure black see-through so Fala/girl stay visible */
  mix-blend-mode: screen;
}

/* kv-safari-canvas — Safari: video→canvas + screen; one ball layer (no overlay ghosts) */
html:not(.is-safari) body.friso-signature .kv-tin-canvas,
html:not(.is-safari) body.friso-signature .kv-ball-canvas,
html:not(.is-safari) body.friso-signature .key-visual-ball-container .kv-ball-canvas.mobile-only {
  display: none !important;
}
html.is-safari body.friso-signature .kv-tin-video,
html.is-safari body.friso-signature .kv-ball-video {
  opacity: 0 !important;
  pointer-events: none !important;
  mix-blend-mode: normal !important;
}
html.is-safari body.friso-signature .kv-tin-canvas,
html.is-safari body.friso-signature .kv-ball-canvas {
  mix-blend-mode: screen;
  pointer-events: none;
}
html.is-safari body.friso-signature .key-visual-sequence-video.kv-seq-fadein-3 .kv-tin-canvas {
  z-index: 6;
}
/* Hide nudged overlay clones on Safari — they stack full frames and blow out rims */
html.is-safari body.friso-signature .kv-ball-video.kv-hero-ball-left,
html.is-safari body.friso-signature .kv-ball-video.kv-hero-ball-br,
html.is-safari body.friso-signature .kv-ball-video.kv-hero-ball-tr,
html.is-safari body.friso-signature .kv-ball-canvas.kv-hero-ball-left,
html.is-safari body.friso-signature .kv-ball-canvas.kv-hero-ball-br,
html.is-safari body.friso-signature .kv-ball-canvas.kv-hero-ball-tr {
  display: none !important;
}
/* Show full baked ball plate once (undo side-hide clip used for overlay nudges) */
html.is-safari body.friso-signature .key-visual-sequence-video.kv-seq-fadein-4 .kv-ball-canvas.kv-hero-ball-base {
  clip-path: none !important;
  -webkit-clip-path: none !important;
  transform: translateX(calc(-50% + 36px)) translateY(0.5vh) scale(0.9) !important;
  transform-origin: top center !important;
}
/* kv-br-in-ball-container — fadein-4 moved under .key-visual-ball-container; fill KV box */
body.friso-signature:not(.education) .key-visual-ball-container > .key-visual-sequence-video.kv-seq-fadein-4 {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  overflow: visible;
  z-index: 1;
}
@media screen and (min-width: 769px) {
  body.friso-signature:not(.education) .key-visual-ball-container {
    left: 0 !important;
    top: 0 !important;
    right: 0 !important;
    width: 100% !important;
    height: 100% !important;
    transform: none !important;
  }
}

/* Non-Safari balls: knock out black plate (desktop overlays — keep screen).
   BR mobile in ball-container: no screen/brightness. */
body.friso-signature .key-visual-sequence-video.kv-seq-fadein-4 .kv-ball-video {
  mix-blend-mode: screen;
}
/* Mobile BR hero-ball.webm is RGB on black (no alpha) — needs screen to punch out */
body.friso-signature:not(.education) .key-visual-ball-container .key-visual-sequence-video.kv-seq-fadein-4 .kv-ball-video.mobile-only,
body.friso-signature:not(.education) .key-visual-ball-container .key-visual-sequence-video.kv-seq-fadein-4 .kv-ball-canvas.mobile-only,
html.is-safari body.friso-signature:not(.education) .key-visual-ball-container .kv-ball-canvas.mobile-only {
  mix-blend-mode: screen !important;
}



@media screen and (max-width: 1023px) {
  body.friso-signature .key-visual-sequence-img-girl.mobile-only {
    left: 44% !important;
  }
}

/* kv-tin-soft-bottom-1789485800 — dissolve hard silver-rim cut before it reads as a knife edge */
@media screen and (max-width: 768px) {
  body.friso-signature .key-visual-sequence-img-fala.mobile-only,
  body.friso-signature .key-visual-sequence-img-girl.mobile-only {
    -webkit-mask-image: linear-gradient(
      to bottom,
      #000 0%,
      #000 62%,
      rgba(0, 0, 0, 0.85) 68%,
      rgba(0, 0, 0, 0.45) 72%,
      rgba(0, 0, 0, 0.12) 75%,
      transparent 78%
    ) !important;
    mask-image: linear-gradient(
      to bottom,
      #000 0%,
      #000 62%,
      rgba(0, 0, 0, 0.85) 68%,
      rgba(0, 0, 0, 0.45) 72%,
      rgba(0, 0, 0, 0.12) 75%,
      transparent 78%
    ) !important;
  }
  body.friso-signature .key-visual-sequence-video.kv-seq-fadein-3 .key-visual-sequence-video-canvas.mobile-only {
    -webkit-mask-image: linear-gradient(
      to bottom,
      #000 0%,
      #000 63%,
      rgba(0, 0, 0, 0.85) 69%,
      rgba(0, 0, 0, 0.4) 73%,
      rgba(0, 0, 0, 0.1) 75.5%,
      transparent 78%
    ) !important;
    mask-image: linear-gradient(
      to bottom,
      #000 0%,
      #000 63%,
      rgba(0, 0, 0, 0.85) 69%,
      rgba(0, 0, 0, 0.4) 73%,
      rgba(0, 0, 0, 0.1) 75.5%,
      transparent 78%
    ) !important;
  }
}
@media screen and (min-width: 769px) {
  /* Desktop: no plate dissolve — hard 78% cut looked like a shelf across tin + girl.
     Bottom blend is handled by section fade / bg, not image masks. */
  body.friso-signature .key-visual-sequence-img-fala.desktop-only,
  body.friso-signature .key-visual-sequence-img-girl.desktop-only,
  body.friso-signature .key-visual-sequence-video.kv-seq-fadein-3 .key-visual-sequence-video-canvas.desktop-only,
  body.friso-signature .key-visual-sequence-video.kv-seq-fadein-3 .kv-tin-canvas.desktop-only,
  body.friso-signature .key-visual-sequence-video.kv-seq-fadein-3 .kv-tin-video.desktop-only {
    -webkit-mask-image: none !important;
    mask-image: none !important;
  }
}

/* kv-no-img-bottom-mask — branded: remove fala / girl / tin image bottom dissolve
   (beats kv-tin-soft-bottom .desktop-only !important — that 78% cut reads as a hard shelf) */
body.friso-signature:not(.education) .key-visual-sequence-img-fala,
body.friso-signature:not(.education) .key-visual-sequence-img-fala.desktop-only,
body.friso-signature:not(.education) .key-visual-sequence-img-fala.mobile-only,
body.friso-signature:not(.education) .key-visual-sequence-img-girl,
body.friso-signature:not(.education) .key-visual-sequence-img-girl.desktop-only,
body.friso-signature:not(.education) .key-visual-sequence-img-girl.mobile-only,
body.friso-signature:not(.education) .key-visual-sequence-video.kv-seq-fadein-3 .key-visual-sequence-video-canvas,
body.friso-signature:not(.education) .key-visual-sequence-video.kv-seq-fadein-3 .key-visual-sequence-video-canvas.desktop-only,
body.friso-signature:not(.education) .key-visual-sequence-video.kv-seq-fadein-3 .key-visual-sequence-video-canvas.mobile-only,
body.friso-signature:not(.education) .key-visual-sequence-video.kv-seq-fadein-3 .kv-tin-canvas,
body.friso-signature:not(.education) .key-visual-sequence-video.kv-seq-fadein-3 .kv-tin-canvas.desktop-only,
body.friso-signature:not(.education) .key-visual-sequence-video.kv-seq-fadein-3 .kv-tin-canvas.mobile-only,
body.friso-signature:not(.education) .key-visual-sequence-video.kv-seq-fadein-3 .kv-tin-video,
body.friso-signature:not(.education) .key-visual-sequence-video.kv-seq-fadein-3 .kv-tin-video.desktop-only,
body.friso-signature:not(.education) .key-visual-sequence-video.kv-seq-fadein-3 .kv-tin-video.mobile-only {
  -webkit-mask-image: none !important;
  mask-image: none !important;
}

/* kv-girl-no-clip — soft PNG edges must not hard-crop against tin screen-blend glow */
body.friso-signature:not(.education) .key-visual-sequence-img-girl,
body.friso-signature:not(.education) .key-visual-sequence-img-girl.desktop-only,
body.friso-signature:not(.education) .key-visual-sequence-img-girl.mobile-only,
body.friso-signature:not(.education) .key-visual-sequence-img-fala,
body.friso-signature:not(.education) .key-visual-sequence-img-fala.desktop-only,
body.friso-signature:not(.education) .key-visual-sequence-img-fala.mobile-only {
  overflow: visible !important;
  filter: none !important;
}

/* kv-mobile-bottom-grad — mobile/tablet plates through 1023 (.mobile-only stays on).
   Visual heads at 49vh (asset empty-pad compensated). Desktop ≥1024 uses desktop-only. */
@media screen and (max-width: 1023px) {
  /* Mobile plates — visual heads at 49vh (asset empty-pad compensated) */
  body.friso-signature:not(.education) .key-visual-sequence-img-fala.mobile-only,
  body.friso-signature:not(.education) .key-visual-sequence-video.kv-seq-fadein-3 .key-visual-sequence-video-canvas.mobile-only,
  body.friso-signature:not(.education) .key-visual-sequence-video.kv-seq-fadein-3 .kv-tin-canvas.mobile-only,
  body.friso-signature:not(.education) .key-visual-sequence-video.kv-seq-fadein-3 .kv-tin-video.mobile-only {
    position: absolute !important;
    left: 50% !important;
    top: 49vh !important;
    width: 100vw !important;
    height: auto !important;
    max-width: 100vw !important;
    max-height: none !important;
    object-fit: fill !important;
    object-position: center top !important;
    transform: translateX(-50%) translateY(-42%) !important;
    transform-origin: top center !important;
  }
  body.friso-signature:not(.education) .key-visual-sequence-img-girl.mobile-only {
    position: absolute !important;
    left: 44% !important;
    top: 49vh !important;
    width: 100vw !important;
    height: auto !important;
    max-width: 100vw !important;
    max-height: none !important;
    object-fit: fill !important;
    object-position: center top !important;
    transform: translateX(-50%) translateY(-44.5%) scale(1.08) !important;
    transform-origin: top center !important;
  }
}

/* kv-tr-corner-shadow — sibling of ball-container; mix-blend orbs hide in-container pseudos */
@media screen and (min-width: 769px) {
  body.friso-signature:not(.education) .key-visual {
    isolation: isolate;
  }
  body.friso-signature:not(.education) .key-visual-ball-container::before,
  body.friso-signature:not(.education) .key-visual-ball-container::after {
    content: none !important;
  }
  body.friso-signature:not(.education) .key-visual::before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    left: auto !important;
    bottom: auto !important;
    width: 48% !important;
    height: 55% !important;
    pointer-events: none !important;
    z-index: 20 !important;
    opacity: 1 !important;
    background: radial-gradient(
      ellipse 100% 95% at 100% 0%,
      rgba(31, 12, 6, 1) 0%,
      rgba(31, 12, 6, 0.92) 22%,
      rgba(31, 12, 6, 0.65) 45%,
      rgba(31, 12, 6, 0.28) 68%,
      rgba(31, 12, 6, 0) 88%
    ) !important;
  }
  body.friso-signature:not(.education) .key-visual-sequence-video.kv-seq-fadein-4 .key-visual-sequence-video-canvas.desktop-only {
    overflow: visible !important;
  }
}

/* dyk-chart — enlarge 10% (50% → 55%). Desktop row only. */
@media screen and (min-width: 1024px) {
  body.friso-signature:not(.education) #did-you-know .did-you-know-container {
    gap: 1.25rem !important;
    align-items: center !important;
    overflow: visible;
  }
  body.friso-signature:not(.education) #did-you-know .did-you-know-content {
    flex: 0 0 42% !important;
    width: 42% !important;
    max-width: 42% !important;
    min-width: 0 !important;
  }
  body.friso-signature:not(.education) #did-you-know .did-you-know-video {
    --chart-image-width: 55% !important;
    flex: 0 0 55% !important;
    width: 55% !important;
    max-width: 55% !important;
    min-width: 0 !important;
    margin-left: auto !important;
  }
  /* Sprite cells are 1920×1400 — keep cell ratio inside the 55% column */
  body.friso-signature:not(.education) #did-you-know .did-you-know-video .hd-video-container,
  body.friso-signature:not(.education) #did-you-know .did-you-know-video canvas {
    transform: none !important;
    width: 100% !important;
    max-width: 100% !important;
    aspect-ratio: 640 / 467 !important;
    height: auto !important;
    max-height: min(79vh, 748px) !important;
    object-fit: contain !important;
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
@media screen and (max-width: 768px) {
  body.friso-signature:not(.education) #did-you-know .did-you-know-container .did-you-know-video {
    width: min(86vw, 475px) !important;
    max-width: min(86vw, 475px) !important;
  }
  body.friso-signature:not(.education) #did-you-know .did-you-know-container {
    gap: 0.35rem !important;
  }
  body.friso-signature:not(.education) #did-you-know .did-you-know-content-description {
    margin-top: 0.2rem !important;
  }
}

/* cg-title-shadow — soften to match gallery「專利科技配合低温精密過濾技術」 */
body.friso-signature:not(.education) .friso-section-container.cg .video-over-content > div,
body.friso-signature:not(.education) .friso-section-container.cg .video-over-content h2 {
  text-shadow: 0 0 0.08em rgba(158, 51, 4, 0.75) !important;
  filter: drop-shadow(0 0 0.14em rgba(158, 51, 4, 0.65)) !important;
}

/* cg-video-max-fit — pack video+CTA as one group in the viewport; CTA not stuck in fadein */
@media screen and (min-width: 769px) {
  body.friso-signature:not(.education) .friso-section-container.cg {
    min-height: 100dvh !important;
    max-height: 100dvh !important;
    height: 100dvh !important;
    padding-top: 72px !important;
    padding-bottom: 0.85rem !important;
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    overflow: hidden;
  }
  body.friso-signature:not(.education) .friso-section-container.cg .friso-section-container-inner-wider {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.7rem;
    width: 100%;
    max-width: 100%;
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  /* Video grows up to leftover space, but does not leave a tall empty flex gap */
  body.friso-signature:not(.education) .friso-section-container.cg .friso-section-container-inner-wider > div:nth-child(1) {
    flex: 0 1 auto !important;
    min-height: 0 !important;
    width: 100%;
    max-height: calc(100% - 3.6rem);
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
  }
  body.friso-signature:not(.education) .friso-section-container.cg .friso-section-container-inner-wider > div:nth-child(2) {
    flex: 0 0 auto !important;
    width: auto;
  }
  body.friso-signature:not(.education) .friso-section-container.cg .friso-section-container-inner-wider .video-container {
    width: min(92vw, 1080px) !important;
    max-width: min(92vw, 1080px) !important;
    height: auto !important;
    max-height: min(100%, 60vh) !important;
    aspect-ratio: 16 / 9;
    margin: 0 auto;
    transform: none !important;
  }
  body.friso-signature:not(.education) .friso-section-container.cg .friso-section-container-inner-wider .video-container video {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
  }
  body.friso-signature:not(.education) .friso-section-container.cg .friso-rect-button {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}

/* compare-col-left-align — title + body line up with opaque Y content (not transparent box) */
@media screen and (min-width: 769px) {
  body.friso-signature:not(.education) .compare .compare-text {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    box-sizing: border-box;
    text-align: left !important;
  }
  /* Active Y frames: opaque @13.91% of 132% canvas → ≈2.4% of column */
  body.friso-signature:not(.education) .compare .friso-section-content > div:nth-child(1) .compare-text {
    padding-left: 2.4%;
    padding-right: 4%;
  }
  /* Inactive virus.png: opaque @28.1% of 132% canvas → ≈21.1% of column */
  body.friso-signature:not(.education) .compare .friso-section-content > div:nth-child(2) .compare-text {
    padding-left: 21.1%;
    padding-right: 4%;
  }
  body.friso-signature:not(.education) .compare .compare-title__img {
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: 100%;
    display: block;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  body.friso-signature:not(.education) .compare .compare-text .fadein-ele.scrolled {
    transform: none !important;
  }
  body.friso-signature:not(.education) .compare .friso-section-content > div h2,
  body.friso-signature:not(.education) .compare .friso-section-content > div p,
  body.friso-signature:not(.education) .compare .compare-text h2,
  body.friso-signature:not(.education) .compare .compare-text p {
    text-align: left !important;
  }
}

/* milktruck-step1-title-optical — shrink「源自荷蘭自家農場」vs step2 superscript title */
@media screen and (min-width: 769px) {
  body.friso-signature:not(.education) .farm-animation-content-1 .patented-technology-step-title {
    max-height: 24px !important;
    height: auto;
  }
  body.friso-signature:not(.education) .farm-animation-content-1 .friso-section-container-inner-wider > div:last-child {
    padding-top: calc((118px - 24px) / 2 - 0.65rem);
  }
}

/* smart-immu-title-fill — attack/defence: 22px titles top-align with 攻/守;
   white copy uses shared line-height (match CF / attack), not flex-spread by line count */
@media screen and (min-width: 769px) {
  body.friso-signature:not(.education) .smart-immu-attack-content,
  body.friso-signature:not(.education) .immu-defense-slide .smart-immu-content,
  body.friso-signature:not(.education) .slide-03 .smart-immu-content {
    --smart-gong-h: min(112.5px, calc(112.5 / 1920 * 100vw));
    --smart-gong-w: calc(var(--smart-gong-h) * 155.33 / 150);
    --smart-immu-line-h: 1.5;
    /* Title optical nudge (subtitle glyph tops vs 攻 tip) */
    --smart-immu-title-nudge: calc(var(--smart-gong-h) * -0.05);
    --smart-immu-title-gap: 0.35rem; /* fixed across desktop widths */
    align-items: flex-start !important;
  }
  body.friso-signature:not(.education) .smart-immu-attack-content > .smart-immu-content-title,
  body.friso-signature:not(.education) .immu-defense-slide .smart-immu-content > .smart-immu-content-title,
  body.friso-signature:not(.education) .slide-03 .smart-immu-content > .smart-immu-content-title {
    display: flex !important;
    align-items: flex-start !important;
    /* Shared column = 攻/守 glyph width (Text-41/42 cropped) */
    flex: 0 0 var(--smart-gong-w) !important;
    width: var(--smart-gong-w) !important;
    max-width: calc(112.5px * 155.33 / 150) !important;
    overflow: visible !important;
    font-size: 0 !important;
    line-height: 0 !important;
    height: auto !important;
  }
  body.friso-signature:not(.education) .smart-immu-attack-content > .smart-immu-content-title picture,
  body.friso-signature:not(.education) .immu-defense-slide .smart-immu-content > .smart-immu-content-title picture,
  body.friso-signature:not(.education) .slide-03 .smart-immu-content > .smart-immu-content-title picture,
  body.friso-signature:not(.education) .smart-immu-attack-content > .smart-immu-content-title img,
  body.friso-signature:not(.education) .immu-defense-slide .smart-immu-content > .smart-immu-content-title img,
  body.friso-signature:not(.education) .slide-03 .smart-immu-content > .smart-immu-content-title img {
    display: block !important;
  }
  body.friso-signature:not(.education) .smart-immu-attack-content .attack-img-txt,
  body.friso-signature:not(.education) .immu-defense-slide .m-defence,
  body.friso-signature:not(.education) .slide-03 .m-defence,
  body.friso-signature:not(.education) .slide-01 .smart-immu-content-title-2 .text-img-smart,
  body.friso-signature:not(.education) .slide-01 .text-img-smart.m-defence,
  body.friso-signature:not(.education) .slide-01 .text-img-smart.attack-img-txt {
    margin-top: 0 !important;
    height: var(--smart-gong-h) !important;
    max-height: 112.5px !important;
    width: auto !important;
  }
  /* text column: title + body; attack pins to 攻 height, defence grows naturally */
  body.friso-signature:not(.education) .smart-immu-attack-content > div:last-child,
  body.friso-signature:not(.education) .immu-defense-slide .smart-immu-content > div:last-child,
  body.friso-signature:not(.education) .slide-03 .smart-immu-content > div:last-child {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    box-sizing: border-box !important;
    position: relative !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    /* Glyph fills artboard height — titles share 攻/守 ink top */
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin: 0 !important;
    height: auto !important;
    max-height: none !important;
  }
  /* Attack: text column = 攻 box; white lines fill remaining height */
  body.friso-signature:not(.education) .smart-immu-attack-content > div:last-child {
    height: var(--smart-gong-h) !important;
    max-height: 112.5px !important;
    padding-bottom: calc(var(--smart-gong-h) * 0.05) !important;
  }
  body.friso-signature:not(.education) .smart-immu-attack-content .smart-immu-content-subtitle,
  body.friso-signature:not(.education) .immu-defense-slide .smart-immu-content-subtitle,
  body.friso-signature:not(.education) .slide-03 .smart-immu-content-subtitle {
    position: static !important;
    display: block !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
    padding: 0 !important;
    /* Same inset as white copy — title assets are ink-cropped so glyphs share left */
    padding-left: 15px !important;
    height: auto !important;
    max-height: none !important;
    line-height: 0 !important;
  }
  /* Attack/defence: same title top + gap before white lines */
  body.friso-signature:not(.education) .smart-immu-attack-content .smart-immu-content-subtitle,
  body.friso-signature:not(.education) .immu-defense-slide .smart-immu-content-subtitle,
  body.friso-signature:not(.education) .slide-03 .smart-immu-content-subtitle {
    margin-top: var(--smart-immu-title-nudge) !important;
    margin-bottom: var(--smart-immu-title-gap) !important;
  }
  /* Keep CF/original size (22px) — glyph top/left with 攻/守 + white text */
  body.friso-signature:not(.education) .smart-immu-attack-content .smart-immu-title,
  body.friso-signature:not(.education) .immu-defense-slide .smart-immu-title,
  body.friso-signature:not(.education) .slide-03 .smart-immu-title {
    height: 22px !important;
    max-height: 22px !important;
    width: auto !important;
    display: block !important;
    vertical-align: top !important;
    object-fit: contain !important;
    object-position: left top !important;
    margin: 0 !important;
  }
  /* Attack/defence white copy: same line-height as sitewide .txt-normal (1.5) */
  body.friso-signature:not(.education) .smart-immu-attack-content p.txt-normal {
    display: block !important;
    position: static !important;
    flex: 0 0 auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    padding-left: 15px !important;
    font-size: 1.1rem !important;
    line-height: 1.5 !important;
  }
  body.friso-signature:not(.education) .immu-defense-slide .smart-immu-content p.txt-normal,
  body.friso-signature:not(.education) .slide-03 .smart-immu-content p.txt-normal {
    display: block !important;
    position: static !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
    padding: 0 !important;
    padding-left: 15px !important;
    font-size: 1.1rem !important;
    line-height: 1.5 !important;
  }
  body.friso-signature:not(.education) .smart-immu-attack-content p.txt-normal .smart-immu-line,
  body.friso-signature:not(.education) .immu-defense-slide .smart-immu-content p.txt-normal .smart-immu-line,
  body.friso-signature:not(.education) .slide-03 .smart-immu-content p.txt-normal .smart-immu-line {
    display: block !important;
    flex: none !important;
    line-height: 1.5 !important;
    font-size: inherit !important;
    padding-left: 0 !important;
    margin: 0 !important;
  }
  body.friso-signature:not(.education) .smart-immu-attack-content p.txt-normal .smart-immu-line sup,
  body.friso-signature:not(.education) .immu-defense-slide .smart-immu-content p.txt-normal .smart-immu-line sup,
  body.friso-signature:not(.education) .slide-03 .smart-immu-content p.txt-normal .smart-immu-line sup {
    font-size: 0.5em !important;
    line-height: 1 !important;
    position: relative !important;
    top: -1em !important;
    vertical-align: baseline !important;
    transform: none !important;
  }
}

/* smart-immu-defence-align —「防禦保護」block same spot as「主動出擊」*/
@media screen and (min-width: 769px) {
  body.friso-signature:not(.education) .immu-defense-slide .smart-immu-content,
  body.friso-signature:not(.education) .slide-03 .smart-immu-content {
    transform: none !important;
    margin: 0 !important;
    margin-left: 0 !important;
    margin-top: 0 !important;
    position: absolute !important;
    left: 0 !important;
    top: 34.5% !important;
  }
}

/* trackeasy-img-enlarge-left — bigger graphic, grow left, keep ratio, clear of text */
@media screen and (min-width: 1025px) {
  body.friso-signature:not(.education) #product .track-easy-container,
  body.friso-signature:not(.education) #product .track-easy-container-inner,
  body.friso-signature:not(.education) #product .track-easy-container-inner-right,
  body.friso-signature:not(.education) #product .track-easy-img {
    overflow: visible !important;
  }
  body.friso-signature:not(.education) #product .track-easy-container-inner-left {
    flex: 0 1 38% !important;
    max-width: 460px !important;
    min-width: min(380px, 36%) !important;
    z-index: 2 !important;
  }
  body.friso-signature:not(.education) #product .track-easy-container-inner-right {
    flex: 1 1 58% !important;
    max-width: none !important;
    min-width: 0 !important;
    z-index: 1 !important;
  }
  body.friso-signature:not(.education) #product .track-easy-container .track-easy-img {
    max-width: none !important;
    width: 100% !important;
    padding: 0 !important;
  }
  body.friso-signature:not(.education) #product .track-easy-container .track-easy-img img {
    width: auto !important;
    height: auto !important;
    max-width: min(820px, 58vw) !important;
    max-height: min(72vh, 580px) !important;
    object-fit: contain !important;
    object-position: right top !important;
    margin-left: auto !important;
    margin-right: 0 !important;
    transform: none !important;
  }
}

/* carousel-tighter-gap-v2 — mum + bottom tins: less space between images */
@media screen and (min-width: 769px) {
  body.friso-signature:not(.education) #mom-signature-splide .splide__slide {
    
  }
}

/* tin-caption-align — active tin width matches product name line under it (desktop) */
@media screen and (min-width: 769px) {
  body.friso-signature:not(.education) #product .gallery-container.for-products {
    /* FRISO® SIGNATURE™ 3號 ≈ 13.375em at 15px + letter-spacing */
    /* was 13.375em; +10% tin enlarge */
    --tin-caption-w: 14.7125em;
  }
  body.friso-signature:not(.education) #product .gallery-container.for-products .gallery-container-ele {
    width: var(--tin-caption-w) !important;
  }
  body.friso-signature:not(.education) #product .gallery-container.for-products .gallery-container-inner-inner {
    /* pack art 361×530 — height so contain is width-limited to caption */
    padding-bottom: calc(var(--tin-caption-w) * 530 / 361) !important;
  }
  /* Side peeks: keep init (.one) gap on .two/.three — center -50%, near ±118%, far ±198% */
  body.friso-signature:not(.education) #product .gallery-container.for-products.one .gallery-container-ele:nth-child(1),
  body.friso-signature:not(.education) #product .gallery-container.for-products.two .gallery-container-ele:nth-child(2),
  body.friso-signature:not(.education) #product .gallery-container.for-products.three .gallery-container-ele:nth-child(3) {
    transform: translate(-50%, 0) !important;
  }
  body.friso-signature:not(.education) #product .gallery-container.for-products.one .gallery-container-ele:nth-child(2) {
    transform: translate(68%, 0) scale(0.8) !important;
  }
  body.friso-signature:not(.education) #product .gallery-container.for-products.one .gallery-container-ele:nth-child(3) {
    transform: translate(148%, 0) scale(0.6) !important;
  }
  body.friso-signature:not(.education) #product .gallery-container.for-products.two .gallery-container-ele:nth-child(1) {
    transform: translate(-168%, 0) scale(0.8) !important;
  }
  body.friso-signature:not(.education) #product .gallery-container.for-products.two .gallery-container-ele:nth-child(3) {
    transform: translate(68%, 0) scale(0.8) !important;
  }
  body.friso-signature:not(.education) #product .gallery-container.for-products.three .gallery-container-ele:nth-child(1) {
    transform: translate(-248%, 0) scale(0.6) !important;
  }
  body.friso-signature:not(.education) #product .gallery-container.for-products.three .gallery-container-ele:nth-child(2) {
    transform: translate(-168%, 0) scale(0.8) !important;
  }
}

/* signature-experience-title-up-icons — icons size kept; section vertically centered */
@media screen and (min-width: 769px) {
  body.friso-signature:not(.education) #signature-experience.friso-section-container.contact {
    align-items: center !important;
    justify-content: center !important;
    padding-top: 72px !important; /* clear sticky nav; center in leftover */
    padding-bottom: 1.25rem !important;
    box-sizing: border-box !important;
  }
  body.friso-signature:not(.education) #signature-experience .friso-section-container-inner-full {
    justify-content: center !important;
    align-items: center !important;
    padding-top: 0 !important;
    gap: 1.25rem;
    max-height: calc(100dvh - 72px - 1.25rem);
  }
  body.friso-signature:not(.education) #signature-experience .contact-container {
    margin-top: 0.75em !important;
  }
  body.friso-signature:not(.education) #signature-experience .contact-container > div > div:first-child,
  body.friso-signature:not(.education) #signature-experience .contact-icon {
    /* opaque art ~95% of 150px canvas; slightly below prior 190 */
    width: 160px !important;
    max-width: 160px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  body.friso-signature:not(.education) #signature-experience .contact-container .contact-icon img,
  body.friso-signature:not(.education) #signature-experience .contact-container img {
    width: 160px !important;
    max-width: 160px !important;
    height: auto !important;
  }
}

/* footer-ref-num-align
 * [n] always top-aligned with footnote body (single + multi-line)
 * .footer-ref-body keeps text+em/i in one cell (no split columns)
 */
body.friso-signature.education .friso-section-container.footer .super li,
body.friso-signature .friso-section-container.footer .super li {
  position: relative !important;
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  gap: 0 !important;
  width: 100% !important;
  border: 0 !important;
  padding-left: 0 !important;
  text-indent: 0 !important;
  text-align: left !important;
}

body.friso-signature.education .friso-section-container.footer .super li:before,
body.friso-signature.education .friso-section-container.footer .super li::before,
body.friso-signature .friso-section-container.footer .super li:before,
body.friso-signature .friso-section-container.footer .super li::before {
  content: "[" counter(item) "]" !important;
  counter-increment: item;
  display: block !important;
  flex: 0 0 2.35em !important;
  position: static !important;
  left: auto !important;
  top: 0 !important;
  transform: none !important;
  width: 2.35em !important;
  min-width: 2.35em !important;
  max-width: 2.35em !important;
  padding: 0 0.35em 0 0 !important;
  margin: 0 !important;
  white-space: nowrap !important;
  text-align: left !important;
  line-height: inherit !important;
  font-family: inherit !important;
  font-size: inherit !important;
  align-self: flex-start !important;
  vertical-align: top !important;
}

body.friso-signature.education .friso-section-container.footer .super li .footer-ref-body,
body.friso-signature .friso-section-container.footer .super li .footer-ref-body {
  display: block !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  width: auto !important;
  text-align: left !important;
  text-align-last: left !important;
  align-self: flex-start !important;
}

/* 2+ lines: table row, [n] top */
body.friso-signature.education .friso-section-container.footer .super li.is-multiline,
body.friso-signature .friso-section-container.footer .super li.is-multiline {
  display: table !important;
  table-layout: fixed !important;
  border-collapse: collapse !important;
  border-spacing: 0 !important;
  align-items: unset !important;
  flex-direction: unset !important;
  flex-wrap: unset !important;
  justify-content: unset !important;
  gap: 0 !important;
}

body.friso-signature.education .friso-section-container.footer .super li.is-multiline:before,
body.friso-signature.education .friso-section-container.footer .super li.is-multiline::before,
body.friso-signature .friso-section-container.footer .super li.is-multiline:before,
body.friso-signature .friso-section-container.footer .super li.is-multiline::before {
  display: table-cell !important;
  vertical-align: top !important;
  flex: none !important;
  align-self: unset !important;
  width: 2.35em !important;
  min-width: 2.35em !important;
  max-width: 2.35em !important;
}

body.friso-signature.education .friso-section-container.footer .super li.is-multiline .footer-ref-body,
body.friso-signature .friso-section-container.footer .super li.is-multiline .footer-ref-body {
  display: table-cell !important;
  vertical-align: top !important;
  flex: none !important;
  align-self: unset !important;
  width: auto !important;
}

body.friso-signature.education .friso-section-container.footer .super li em,
body.friso-signature.education .friso-section-container.footer .super li i,
body.friso-signature .friso-section-container.footer .super li em,
body.friso-signature .friso-section-container.footer .super li i,
body.friso-signature.education .friso-section-container.footer .super li .footer-ref-body em,
body.friso-signature .friso-section-container.footer .super li .footer-ref-body em,
body.friso-signature.education .friso-section-container.footer .super li .footer-ref-body i,
body.friso-signature .friso-section-container.footer .super li .footer-ref-body i {
  display: inline !important;
  text-align: left !important;
  text-align-last: left !important;
  flex: none !important;
  min-width: 0 !important;
  width: auto !important;
}

@media screen and (max-width: 768px) {
  body.friso-signature:not(.education) .friso-section-container.cg .friso-section-container-inner-wider .video-container {
    width: min(94vw, 100%) !important;
    max-width: min(94vw, 100%) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    transform: none !important;
  }
}

/* farm-title-seq — Headline → Factor 1; GSAP drives entrance */
body.friso-signature .patented-technology-title.farm-title-seq {
  opacity: 0;
}

/* Branded farm — title-hold (JS .is-title-hold) then video fills viewport */
body.friso-signature:not(.education) .farm-animation-pin {
  --farm-title-band: 33.333vh;
  --farm-title-band: 33.333dvh;
  height: 100vh;
  height: 100dvh;
  overflow: hidden;
  background-color: #240b08;
  /* Y-pattern site bg (same as KV / after 活性結構) */
  background-image: url("../img/home/section1/home-background-new.png");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
}
/* After milktruck leave → normal scroll: hide farm so windmill does not
   sit above smart-immu. Restored in enterPin. */
body.friso-signature:not(.education) .farm-animation-pin.is-left-hidden {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  background-image: none;
  background-color: transparent;
}
/* Pin gradient lives on the video stage (not over the title band) */
body.friso-signature:not(.education) .farm-animation-pin::before {
  display: none;
}
body.friso-signature:not(.education) .farm-scroll-track {
  display: flex;
  flex-direction: column;
  width: 100%;
  /* Default / title-hold: top Y-bg band reserved */
  transform: translateY(0);
  /* Animate both expand (up) and revert (down) */
  transition: transform 0.55s ease;
  will-change: transform;
}
/* Approach / reset: no shove — keep band without animating into it */
body.friso-signature:not(.education) .farm-animation-pin.is-track-instant .farm-scroll-track {
  transition: none;
}
/* Expanded: video fills viewport */
body.friso-signature:not(.education) .farm-animation-pin:not(.is-title-hold) .farm-scroll-track {
  transform: translateY(calc(-1 * var(--farm-title-band)));
}
body.friso-signature:not(.education) .farm-animation-pin .farm-pin-title {
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  flex: 0 0 var(--farm-title-band);
  width: 100%;
  height: var(--farm-title-band);
  transform: none;
  display: flex;
  /* Center title in the top third, below the fixed navbar */
  align-items: center;
  justify-content: center;
  z-index: 2;
  text-align: center;
  pointer-events: none;
  opacity: 0;
  padding: 72px 4vw 1.25rem;
  box-sizing: border-box;
  /* Transparent so the pin’s Y-pattern bg shows through the title band */
  background-color: transparent;
}
body.friso-signature:not(.education) .farm-animation-pin .farm-pin-title .patented-technology-title__img {
  height: auto !important;
  max-height: 86px !important;
  width: auto !important;
  max-width: min(92vw, 1100px) !important;
  aspect-ratio: 1524 / 208;
  min-width: 0;
}
/* Title opacity is JS-driven (approach fade-in). Do not force opacity:1 here —
   that fought the scrub and made the band feel like it was shoving the video. */
body.friso-signature:not(.education) .farm-video-stage {
  position: relative;
  flex: 0 0 100vh;
  flex: 0 0 100dvh;
  width: 100%;
  height: 100vh;
  height: 100dvh;
  overflow: hidden;
}
body.friso-signature:not(.education) .farm-video-stage::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  /* Dithered overlay — must stretch to viewport (100% 100%), not 100% auto
     (auto only shows the darkest tip → harsh black band on the video). */
  background-image: url("../img/home/farm-headline-gradient.webp");
  background-repeat: no-repeat;
  background-size: 100% calc(100% + 2px);
  background-position: center -2px;
  opacity: 1;
  transition: opacity 0.45s ease;
}
/* Title-hold: no overlay wash — title sits in its own band above the video */
body.friso-signature:not(.education) .farm-animation-pin.is-title-hold .farm-video-stage::before {
  opacity: 1;
  visibility: visible;
}
body.friso-signature:not(.education) .farm-animation-pin #farm-animation-video {
  position: absolute;
  top: 0 !important;
  left: 0;
  width: 100%;
  height: 100% !important;
  object-fit: cover;
  object-position: center center;
  clip-path: none;
  transform: none !important;
  z-index: 1;
  transition: none;
}
/* Overlays are inside the video stage — left/width set by milktruck-logo-align */
body.friso-signature:not(.education) .farm-video-stage .farm-animation-overlay {
  /* desktop: transform none via milktruck-logo-align; keep centered fallback for narrow */
  transform: translate(-50%, 0);
}
@media screen and (min-width: 769px) {
  body.friso-signature:not(.education) .farm-video-stage .farm-animation-overlay {
    transform: none;
  }
}
body.friso-signature:not(.education) .farm-animation-pin.is-title-hold .farm-animation-overlay.farm-animation-content-2 {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}
body.friso-signature:not(.education) .farm-video-stage .farm-animation-overlay.farm-animation-content-1 {
  top: 14% !important;
  visibility: visible;
  pointer-events: none;
}
@media screen and (max-width: 768px) {
  body.friso-signature:not(.education) .farm-animation-pin {
    --farm-title-band: 33.333vh;
    --farm-title-band: 33.333dvh;
  }
  body.friso-signature:not(.education) .farm-animation-pin .farm-pin-title {
    padding-top: 56px;
    padding-bottom: 1rem;
  }
  body.friso-signature:not(.education) .farm-animation-pin .farm-pin-title .patented-technology-title__img {
    max-height: 125px !important;
    max-width: 80vw !important;
  }
  body.friso-signature:not(.education) .farm-video-stage::before {
    background-image: url("../img/home/farm-headline-gradient-mobile.webp");
  }
  body.friso-signature:not(.education) .farm-video-stage .farm-animation-overlay.farm-animation-content-1 {
    top: 12vh !important;
  }
}


/* === R2 S14 shop side CTA (match CS + live friso-shop) === */
.cs-container,
.shop-btn-container.shop-btn-main {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 4.5em;
  padding: 0;
  margin: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  overflow: hidden;
  line-height: 0;
  -webkit-appearance: none;
  appearance: none;
  text-decoration: none;
  display: block;
  box-sizing: border-box;
}
.cs-container {
  transform: translateY(125%);
  z-index: 3;
}
.shop-btn-container.shop-btn-main,
.shop-btn-container.shop-btn-main.active,
.shop-btn-container.shop-btn-main.active:nth-last-child(4) {
  /* Stay put when .active — main.css nth-last-child(4).active
     would otherwise slide the trigger into the first submenu slot. */
  transform: translateY(230%) !important;
  width: 4.5em !important;
  z-index: 3;
}
.cs-container > a {
  display: block;
  line-height: 0;
}
.cs-container img,
.shop-btn-container.shop-btn-main img {
  display: block;
  width: 100%;
  height: auto;
  transform: translateX(10%);
  transition: transform 300ms cubic-bezier(0.1, 1.2, 0.66, 1);
}
.cs-container.hover img,
.cs-container:hover img,
.shop-btn-container.shop-btn-main.hover img,
.shop-btn-container.shop-btn-main:hover img {
  transform: translateX(0%);
}
/* side-nav-z — keep dots above section overlays (many pins use z 20–100);
   intermittent missed clicks were overlays stealing the hit target.
   Parent is pointer-events:none; re-enable every interactive child (dots,
   CS, shop trigger, shop subs, lang) — not only .side-navbar-ele. */
body.friso-signature:not(.education) .side-navbar-container,
body.friso-signature:not(.education) .side-navbar-container.active {
  z-index: 600 !important;
  pointer-events: none;
}
body.friso-signature:not(.education) .side-navbar-container.active .side-navbar-ele {
  pointer-events: auto !important;
  cursor: pointer;
  position: relative;
}
body.friso-signature:not(.education) .side-navbar-container.active .cs-container,
body.friso-signature:not(.education) .side-navbar-container.active .cs-container > a,
body.friso-signature:not(.education) .side-navbar-container.active .shop-btn-container,
body.friso-signature:not(.education) .side-navbar-container.active .shop-btn-container.shop-btn-main,
body.friso-signature:not(.education) .side-navbar-container.active .shop-btn-container.subshop,
body.friso-signature:not(.education) .side-navbar-container.active .lang-btn,
body.friso-signature:not(.education) .side-navbar-container.active .lang-btn > a {
  pointer-events: auto !important;
  cursor: pointer;
}

.side-navbar-container > .shop-btn-container.subshop {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 5.5em;
  z-index: 2;
  transition: transform 300ms ease-out;
  overflow: hidden;
}
/* Live friso.com.hk: ~0.5rem (5px) gap between shop ↔ subs and between subs.
   Sub row pitch ≈ sub-height(38.5px) + 5px ≈ 3.1em at 14px root. */
.side-navbar-container > .shop-btn-container.subshop:nth-last-child(3) {
  transform: translate(100%, 11.5em);
}
.side-navbar-container > .shop-btn-container.subshop:nth-last-child(2) {
  transform: translate(100%, 14.6em);
}
.side-navbar-container > .shop-btn-container.subshop:nth-last-child(1) {
  transform: translate(100%, 17.7em);
}
.side-navbar-container > .shop-btn-container.subshop.active:nth-last-child(3) {
  transform: translate(0, 11.5em);
}
.side-navbar-container > .shop-btn-container.subshop.active:nth-last-child(2) {
  transform: translate(0, 14.6em);
  transition-delay: 50ms;
}
.side-navbar-container > .shop-btn-container.subshop.active:nth-last-child(1) {
  transform: translate(0, 17.7em);
  transition-delay: 100ms;
}
.side-navbar-container > .shop-btn-container.subshop img {
  display: block;
  width: 100%;
  height: auto;
  transform: translateX(30%);
}
.friso-shop-inner {
  max-width: 360px;
  margin: 0 auto;
  padding: 2rem 1.5rem 3rem;
}
.friso-shop-links {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: stretch;
}
.friso-shop-links a img {
  width: 100%;
  height: auto;
  display: block;
}

/* === R2 S6/S15 攻=守 equal size — match Text-41/42 font metric (viewBox H=150) === */
.text-img-smart.attack-img-txt,
.text-img-smart.m-defence,
.smart-immu-content-title .text-img-smart,
.smart-immu-content-title-1 .text-img-smart,
.smart-immu-content-title-2 .text-img-smart {
  height: calc(112.5 / 1920 * 100vw) !important;
  width: auto !important;
  max-height: 112.5px;
  object-fit: contain;
}
@media (max-width: 1023px) {
  .text-img-smart.attack-img-txt,
  .text-img-smart.m-defence,
  .smart-immu-content-title .text-img-smart,
  .smart-immu-content-title-1 .text-img-smart,
  .smart-immu-content-title-2 .text-img-smart {
    /* Mobile Text-12/13 viewBox H=90 */
    height: calc(67.5 / 420 * 100vw) !important;
    max-height: 67.5px;
  }
}



/* === R2 S11 already HTML; S7 subtitle equalize === */
.smart-immu-content-subtitle .smart-immu-title {
  height: auto;
  width: min(100%, 420px);
  max-height: 72px;
  object-fit: contain;
  display: block;
}
.smart-immu-attack-content .smart-immu-content-subtitle .smart-immu-title,
.immu-defense-slide .smart-immu-content-subtitle .smart-immu-title {
  width: min(100%, 420px);
  max-height: 72px;
}

/* === R2 S10 no-sugar icons — equal columns (match CF); drop 88px cap that shrank 蔗糖/vanilla === */
.baby-slide-2 .natural-container > div {
  flex: 1 1 0;
  text-align: center;
  min-width: 0;
}
.natural-container > div > div:first-child img {
  width: 60% !important;
  max-width: none;
  height: auto;
}
@media (min-width: 1024px) {
  .baby .friso-section-container-inner-full.relative {
    background-size: 18% auto;
  }
}

/* === R2 S14/S15 button text centering === */
.friso-rect-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  font-size: 1.1rem;
  line-height: 1.25;
}
.friso-rect-button .nav-cta-line {
  display: block;
  text-align: center;
}



/* R2 S8: keep dithered farm overlay at 100% 100% (see farm-video-stage::before above).
   Do not use background-size: 100% auto — that only reveals the dark tip of the strip. */

/* === R2 S9 Mum / fala photo gaps + breathing === */
.mom-signature-splide .splide__slide {
  padding-left: 0;
  padding-right: 0;
}
.fala-signature-container-inner-text {
  margin-top: 1.1rem;
}
.fala-signature__title,
.fala-signature-title__img {
  margin-bottom: 0.85rem;
}

/* === R2 S13 CG: video + Master brand CTA share one viewport === */
.friso-section-container.cg {
  min-height: 100vh;
  min-height: 100dvh;
  display: flex;
  align-items: center;
}
.friso-section-container.cg .friso-section-container-inner-wider {
  width: 100%;
}


/* footer-ref: kill legacy raised [n] (vertical-align:super / translateY) */
body.friso-signature .friso-section-container.footer .super li:before,
body.friso-signature .friso-section-container.footer .super li::before {
  vertical-align: top !important;
  top: 0 !important;
  transform: none !important;
  translate: none !important;
}

/* HP/Windows: hide text I-beam cursor and click caret on page copy */
html, body {
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  caret-color: transparent;
}
input, textarea, select, [contenteditable="true"] {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  caret-color: auto;
  cursor: text;
}
a, button, [role="button"], .friso-rect-button, label[for] {
  cursor: pointer;
}

/* footer-ref-top — [n] always top-aligned with footnote body */
body.friso-signature .friso-section-container.footer .super li {
  display: grid !important;
  grid-template-columns: 2.35em minmax(0, 1fr) !important;
  align-items: start !important;
  column-gap: 0 !important;
  flex-direction: unset !important;
  flex-wrap: unset !important;
  justify-content: unset !important;
  gap: 0 !important;
}
body.friso-signature .friso-section-container.footer .super li:before,
body.friso-signature .friso-section-container.footer .super li::before {
  display: block !important;
  grid-column: 1 !important;
  grid-row: 1 !important;
  align-self: start !important;
  justify-self: start !important;
  position: static !important;
  left: auto !important;
  top: 0 !important;
  transform: none !important;
  translate: none !important;
  vertical-align: top !important;
  padding: 0 0.35em 0 0 !important;
  margin: 0 !important;
  line-height: 1.35 !important;
  height: auto !important;
  flex: none !important;
  width: 2.35em !important;
  min-width: 2.35em !important;
  max-width: 2.35em !important;
  box-sizing: border-box !important;
}
body.friso-signature .friso-section-container.footer .super li .footer-ref-body {
  display: block !important;
  grid-column: 2 !important;
  grid-row: 1 !important;
  align-self: start !important;
  flex: none !important;
  min-width: 0 !important;
  width: auto !important;
  line-height: 1.35 !important;
}
body.friso-signature .friso-section-container.footer .super li.is-multiline,
body.friso-signature .friso-section-container.footer .super li.is-multiline:before,
body.friso-signature .friso-section-container.footer .super li.is-multiline::before,
body.friso-signature .friso-section-container.footer .super li.is-multiline .footer-ref-body {
  display: block !important;
  vertical-align: top !important;
  table-layout: unset !important;
  align-self: start !important;
}
body.friso-signature .friso-section-container.footer .super li.is-multiline {
  display: grid !important;
  align-items: start !important;
}
/* footer body supers → handled by superscript-match-cf */

/* fala-name DFLiHeiHK W5 — .txt-bold uses 600 and missed the W5 face (700) */
body.friso-signature .signature-section-fala-name,
h2.signature-section-fala-name {
  font-family: DFLiHeiHK, "Noto Sans HK", "Noto Sans SC", sans-serif !important;
  font-weight: 700 !important;
}

/* compare-y-content-align — active/inactive opaque tops; titles share one grid row */
@media screen and (min-width: 769px) {
  body.friso-signature:not(.education) .compare .friso-section-content > div:nth-child(2) > .steps-num,
  body.friso-signature:not(.education) .compare .friso-section-content > div:nth-child(2) .steps-num {
    transform: translateX(3.5%) translateY(-1.4%) !important;
    transform-origin: center top !important;
  }
  /* Flatten columns into a 2×2 grid so both titles sit on the same row */
  body.friso-signature:not(.education) .compare .friso-section-content {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto;
    align-items: start;
    column-gap: 1.5rem;
  }
  body.friso-signature:not(.education) .compare .friso-section-content > div {
    display: contents;
  }
  body.friso-signature:not(.education) .compare .y-shape-canvas-container {
    grid-column: 1;
    grid-row: 1;
  }
  body.friso-signature:not(.education) .compare .friso-section-content > div:nth-child(2) > .steps-num,
  body.friso-signature:not(.education) .compare .steps-num {
    grid-column: 2;
    grid-row: 1;
  }
  body.friso-signature:not(.education) .compare .friso-section-content > div:nth-child(1) .compare-text {
    grid-column: 1;
    grid-row: 2;
    margin-top: 1.15rem !important;
  }
  body.friso-signature:not(.education) .compare .friso-section-content > div:nth-child(2) .compare-text {
    grid-column: 2;
    grid-row: 2;
    margin-top: 1.15rem !important;
  }
  body.friso-signature:not(.education) .compare .compare-title__img {
    height: calc(32 / 1920 * 100vw) !important;
    max-height: 32px !important;
    width: auto !important;
    object-fit: contain;
  }
}

/* compare-cta-nudge — desktop original; mobile gap under Y/video ≈ 2× headline */
@media screen and (min-width: 769px) {
  body.friso-signature:not(.education) .compare > .friso-section-container-inner-wider > a .friso-rect-button,
  body.friso-signature:not(.education) .compare a .friso-rect-button.very-wide,
  body.friso-signature:not(.education) .compare .friso-rect-button.very-wide {
    margin-top: 2.85rem !important;
  }
}
@media screen and (max-width: 768px) {
  body.friso-signature:not(.education) .compare {
    --compare-headline-h: min(60.17px, calc(60.17 / 420 * 100vw));
  }
  body.friso-signature:not(.education) .compare > .friso-section-container-inner-wider > a.compare-cta-fade,
  body.friso-signature:not(.education) .compare a.fadein-ele.easier-fade.compare-cta-fade {
    display: block !important;
    margin-top: calc(var(--compare-headline-h) * 0.5) !important;
  }
  body.friso-signature:not(.education) .compare > .friso-section-container-inner-wider > a.compare-cta-fade .friso-rect-button,
  body.friso-signature:not(.education) .compare a.compare-cta-fade .friso-rect-button.very-wide,
  body.friso-signature:not(.education) .compare .friso-rect-button.very-wide {
    margin-top: 0 !important;
  }
}

/* compare-y-scale-110 — enlarge active + inactive Y by 10% (120% → 132%) */
@media screen and (min-width: 769px) {
  body.friso-signature:not(.education) .compare {
    --call-width: 132%;
  }
}
@media screen and (max-width: 768px) {
  body.friso-signature:not(.education) .compare .y-shape-canvas-container canvas,
  body.friso-signature:not(.education) .compare .y-shape-canvas-container video.y-shape-video,
  body.friso-signature:not(.education) .compare .y-shape-canvas-container #canvas-y-shape,
  body.friso-signature:not(.education) .compare .steps-num {
    width: 118.8% !important; /* 108% × 1.1 */
    margin-left: -9.4% !important;
  }
}

/* compare-cta-visible — section was height:100dvh + overflow:hidden, so enlarged Y
   clipped「探索…獨特性」. Allow section to grow; show CTA when in / near viewport. */
@media screen and (min-width: 769px) {
  body.friso-signature:not(.education) .friso-section-container.autoH.compare,
  body.friso-signature:not(.education) .compare {
    height: auto !important;
    min-height: 100vh !important;
    min-height: 100dvh !important;
    overflow: visible !important;
    overflow-x: clip !important;
    padding-bottom: 2.5rem !important;
  }
  /* Fade-in: no 4rem push that keeps top below the 85% trigger band */
  body.friso-signature:not(.education) .compare > .friso-section-container-inner-wider > a.fadein-ele {
    transform: translateY(1.25rem);
  }
  body.friso-signature:not(.education) .compare > .friso-section-container-inner-wider > a.fadein-ele.scrolled,
  body.friso-signature:not(.education) .compare.active > .friso-section-container-inner-wider > a.fadein-ele,
  body.friso-signature:not(.education) .friso-section-container.compare.active > .friso-section-container-inner-wider > a.fadein-ele {
    opacity: 1 !important;
    transform: none !important;
    visibility: visible !important;
  }
}
@media screen and (max-width: 768px) {
  body.friso-signature:not(.education) .friso-section-container.autoH.compare,
  body.friso-signature:not(.education) .compare {
    height: auto !important;
    min-height: 100vh !important;
    min-height: 100dvh !important;
    overflow: visible !important;
    overflow-x: clip !important;
  }
  body.friso-signature:not(.education) .compare > .friso-section-container-inner-wider > a.fadein-ele.scrolled,
  body.friso-signature:not(.education) .compare.active > .friso-section-container-inner-wider > a.fadein-ele {
    opacity: 1 !important;
    transform: none !important;
  }
}

/* smart-immu-vcenter — vertically center whole branded smart-immu content in viewport */
@media screen and (min-width: 961px) {
  body.friso-signature:not(.education) .attack-defence #smart-immu,
  body.friso-signature:not(.education) #smart-immu.friso-section-container.smart {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: stretch !important;
    height: 100vh !important;
    height: 100dvh !important;
    min-height: 100vh !important;
    min-height: 100dvh !important;
    padding-top: 0 !important; /* was 2rem — fights true vertical center */
    box-sizing: border-box !important;
  }
  body.friso-signature:not(.education) .attack-defence #smart-immu > .friso-section-container-inner-full.relative,
  body.friso-signature:not(.education) #smart-immu > .friso-section-container-inner-full.relative {
    transform: none !important; /* was translateY(-8vh) */
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: 100% !important;
    padding-top: 0 !important;
    box-sizing: border-box !important;
    width: 100% !important;
  }
  /* Fill parent (already viewport-tall) so flex can center the 650px content block */
  body.friso-signature:not(.education) .smart-immu-slide,
  body.friso-signature:not(.education) .smart-immu-slide.slide-01,
  body.friso-signature:not(.education) .smart-immu-slide.slide-02,
  body.friso-signature:not(.education) .smart-immu-slide.slide-03 {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 100% !important;
    max-height: 100% !important;
  }
  body.friso-signature:not(.education) .slide-01 .smart-immu-container-inner,
  body.friso-signature:not(.education) .slide-02 .smart-immu-container-inner,
  body.friso-signature:not(.education) .slide-03 .smart-immu-container-inner {
    align-items: center !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  /* SMART IMMU title — ball-align Y + DYK title→body gap (1.1rem) */
  body.friso-signature:not(.education) .friso-section-container.smart .smart-head-title {
    --smart-immu-y: calc(2.25rem + 1.1rem); /* prior 1Y + title→text like DYK/compare */
    top: max(
      calc(88px + var(--smart-immu-y)),
      calc(50% - 273px + var(--smart-immu-y))
    ) !important;
    bottom: auto !important;
    left: 0 !important;
    transform: none !important;
  }
}

/* smart-immu-title-ball-top — orange INK top = title / top white (8%);
   canvas is oversized (2.5× / fill 0.7) so pull box up by side pad */
@media screen and (min-width: 961px) {
  body.friso-signature:not(.education) #smart-immu .slide-01 .y-ball,
  body.friso-signature:not(.education) .attack-defence #smart-immu .slide-01 .y-ball,
  body.friso-signature:not(.education) .slide-01 .y-ball {
    /* pad = width * (1 - 0.7) / 2 */
    top: calc(8% - (500px * 0.3 * 2.5 / 0.7) * 0.15) !important;
  }
}



/* mum-carousel-closer-v3 — tighter CF-like gap; even spacing while moving
   (same side scale during .moving; negative Splide gap pulls cards together) */
@media screen and (min-width: 769px) {
  body.friso-signature:not(.education) #mom-signature-splide .splide__slide {
    
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  body.friso-signature:not(.education) #mom-signature-splide .splide__track .splide__slide .flip-card-container,
  body.friso-signature:not(.education) #mom-signature-splide .splide__track .splide__slide.is-prev .flip-card-container,
  body.friso-signature:not(.education) #mom-signature-splide .splide__track .splide__slide.is-next .flip-card-container,
  body.friso-signature:not(.education) #mom-signature-splide.moving .splide__track .splide__slide .flip-card-container,
  body.friso-signature:not(.education) #mom-signature-splide.moving .splide__track .splide__slide.is-prev .flip-card-container,
  body.friso-signature:not(.education) #mom-signature-splide.moving .splide__track .splide__slide.is-next .flip-card-container {
    transform: scale(0.72) !important;
    transform-origin: center center !important;
  }
  body.friso-signature:not(.education) #mom-signature-splide .splide__track .splide__slide.is-active .flip-card-container,
  body.friso-signature:not(.education) #mom-signature-splide.moving .splide__track .splide__slide.is-active .flip-card-container {
    transform: scale(1) !important;
  }
}
@media screen and (max-width: 768px) {
  body.friso-signature:not(.education) #mom-signature-splide .splide__slide {
    
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  body.friso-signature:not(.education) #mom-signature-splide .splide__track .splide__slide .flip-card-container,
  body.friso-signature:not(.education) #mom-signature-splide .splide__track .splide__slide.is-prev .flip-card-container,
  body.friso-signature:not(.education) #mom-signature-splide .splide__track .splide__slide.is-next .flip-card-container,
  body.friso-signature:not(.education) #mom-signature-splide.moving .splide__track .splide__slide .flip-card-container,
  body.friso-signature:not(.education) #mom-signature-splide.moving .splide__track .splide__slide.is-prev .flip-card-container,
  body.friso-signature:not(.education) #mom-signature-splide.moving .splide__track .splide__slide.is-next .flip-card-container {
    transform: scale(0.72) !important;
    transform-origin: center center !important;
  }
  body.friso-signature:not(.education) #mom-signature-splide .splide__track .splide__slide.is-active .flip-card-container,
  body.friso-signature:not(.education) #mom-signature-splide.moving .splide__track .splide__slide.is-active .flip-card-container {
    transform: scale(1) !important;
  }
}

/* mum-carousel-square — no rounded corners on mum photos */
body.friso-signature:not(.education) #mom-signature-splide .front,
body.friso-signature:not(.education) #mom-signature-splide .back,
body.friso-signature:not(.education) #mom-signature-splide .flip-card-container,
body.friso-signature:not(.education) #mom-signature-splide .flip-card-container img {
  border-radius: 0 !important;
}


/* mum-dots-match-tin — indicator size matches #product .gallery-indicator-ele (0.6em) */
body.friso-signature:not(.education) #mom-signature-splide .splide-custom-pagination {
  gap: 0 !important;
}
body.friso-signature:not(.education) #mom-signature-splide .splide-custom-pagination__dot {
  width: 0.6em !important;
  height: 0.6em !important;
  margin: 0 0.6em !important;
  border-radius: 1000px !important;
}


/* tin-match-btns-mobile — active tin = bottom CTA column width (mobile only).
   Also size stage height from pack aspect so width growth is visible (was
   height-capped at 34vh/240px → contain ignored wider boxes). */
@media screen and (max-width: 768px) {
  body.friso-signature:not(.education) #product {
    /* stacked CTAs: 155px content-box + horizontal pad (matches .friso-rect-button) */
    --product-btns-w: calc(155px + 2 * 1.3em);
  }
  body.friso-signature:not(.education) #product .product-btn-container {
    width: var(--product-btns-w) !important;
    max-width: 92vw !important;
  }
  body.friso-signature:not(.education) #product .gallery-container.for-products .gallery-container-inner-inner {
    width: var(--product-btns-w) !important;
    max-width: 92vw !important;
    margin-left: auto !important;
    margin-right: auto !important;
    height: 0 !important;
    /* pack art 361×530 — grow with tin width so image actually enlarges */
    padding-bottom: calc(var(--product-btns-w) * 530 / 361) !important;
  }
  body.friso-signature:not(.education) #product .gallery-container.for-products .gallery-container-ele {
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
  }
  body.friso-signature:not(.education) #product .gallery-container.for-products .gallery-container-ele > div {
    transform: none !important;
    width: 100% !important;
    height: 100% !important;
    max-height: 100% !important;
    padding-bottom: 0 !important;
    box-sizing: border-box !important;
    background-size: contain !important;
    background-position: center bottom !important;
    background-repeat: no-repeat !important;
  }
}


/* signature-icons-opaque — slightly under prior 190; final size also in title-4y block */
@media screen and (min-width: 769px) {
  body.friso-signature:not(.education) #signature-experience .contact-icon,
  body.friso-signature:not(.education) #signature-experience .contact-container > div > div:first-child {
    width: 160px !important;
    max-width: 160px !important;
  }
  body.friso-signature:not(.education) #signature-experience .contact-container .contact-icon img,
  body.friso-signature:not(.education) #signature-experience .contact-container img {
    width: 160px !important;
    max-width: 160px !important;
    height: auto !important;
  }
}


/* signature-experience-vcenter — whole content vertically centered in viewport */
@media screen and (min-width: 769px) {
  body.friso-signature:not(.education) #signature-experience.friso-section-container.contact {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 100vh !important;
    min-height: 100dvh !important;
    padding-top: 72px !important;
    padding-bottom: 1.25rem !important;
    box-sizing: border-box !important;
  }
  body.friso-signature:not(.education) #signature-experience .friso-section-container-inner-full {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    max-height: calc(100dvh - 72px - 1.25rem) !important;
    padding-top: 0 !important;
    box-sizing: border-box !important;
  }
}
@media screen and (max-width: 768px) {
  body.friso-signature:not(.education) #signature-experience.friso-section-container.contact {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  body.friso-signature:not(.education) #signature-experience .friso-section-container-inner-full {
    justify-content: center !important;
    align-items: center !important;
  }
}


/* mum-cta-visible — keep「觀看更多」+ dots on-screen; reveal when in viewport */
@media screen and (min-width: 769px) {
  body.friso-signature:not(.education) .mum-signature-container {
    overflow: visible !important;
    overflow-x: clip !important;
    max-height: none !important;
  }
  body.friso-signature:not(.education) .mum-signature-container .mom-signature-splide {
    overflow: visible !important;
    height: auto !important;
    max-height: none !important;
    min-height: calc(100dvh - 72px - 0.5rem) !important;
    justify-content: flex-start !important;
    gap: 0.35rem !important;
    /* leave room for title + copy + dots + 觀看更多 inside one screen */
    --mum-chrome: 15.75rem !important;
    --mum-card-max-h: calc(100dvh - 72px - 0.5rem - var(--mum-chrome)) !important;
  }
  body.friso-signature:not(.education) .mom-signature-splide .splide__track-wrapper {
    max-height: var(--mum-card-max-h) !important;
    flex: 0 1 auto !important;
  }
  body.friso-signature:not(.education) .mom-signature-splide .splide__track {
    max-height: var(--mum-card-max-h) !important;
  }
  body.friso-signature:not(.education) #mom-signature-splide .splide-buttons,
  body.friso-signature:not(.education) #mom-signature-splide .splide-custom-pagination {
    flex: 0 0 auto !important;
    position: relative !important;
    z-index: 3 !important;
  }
  body.friso-signature:not(.education) #mom-signature-splide .splide-buttons.fadein-ele.scrolled,
  body.friso-signature:not(.education) #mom-signature-splide .splide-buttons.mum-seq.scrolled {
    opacity: 1 !important;
    transform: none !important;
    visibility: visible !important;
  }
  body.friso-signature:not(.education) #mom-signature-splide .splide-custom-pagination,
  body.friso-signature:not(.education) #mom-signature-splide .splide-custom-pagination__dot {
    opacity: 1 !important;
    visibility: visible !important;
  }
}
@media screen and (max-width: 768px) {
  body.friso-signature:not(.education) .mum-signature-container {
    overflow: visible !important;
    max-height: none !important;
  }
  body.friso-signature:not(.education) #mom-signature-splide .splide-buttons.fadein-ele.scrolled {
    opacity: 1 !important;
    transform: none !important;
    visibility: visible !important;
  }
}


/* signature-experience-nav-land — min viewport for side-dot land (not fixed height — fixed 100vh could under-measure document end / hide footer). */
@media screen and (min-width: 769px) {
  body.friso-signature:not(.education) #signature-experience.friso-section-container.contact {
    height: auto !important;
    min-height: 100vh !important;
    min-height: 100dvh !important;
    max-height: none !important;
    overflow: visible !important;
  }
}

/* milktruck-title-top — step 1/2 titles: more space from top of milktruck video */
@media screen and (min-width: 769px) {
  body.friso-signature:not(.education) .farm-animation-overlay,
  body.friso-signature:not(.education) .farm-animation-overlay.farm-animation-content-1,
  body.friso-signature:not(.education) .farm-video-stage .farm-animation-overlay.farm-animation-content-1,
  body.friso-signature:not(.education) .farm-animation-overlay.farm-animation-content-2,
  body.friso-signature:not(.education) .farm-video-stage .farm-animation-overlay.farm-animation-content-2 {
    top: 15% !important;
  }
}
@media screen and (max-width: 768px) {
  body.friso-signature:not(.education) .farm-animation-overlay,
  body.friso-signature:not(.education) .farm-animation-overlay.farm-animation-content-1,
  body.friso-signature:not(.education) .farm-video-stage .farm-animation-overlay.farm-animation-content-1,
  body.friso-signature:not(.education) .farm-animation-overlay.farm-animation-content-2,
  body.friso-signature:not(.education) .farm-video-stage .farm-animation-overlay.farm-animation-content-2 {
    top: 12vh !important;
    padding-top: 0 !important;
  }
}

/* milktruck-text-down-mobile — MOBILE ONLY: step 1/2 copy lower on video
   Desktop milktruck-title-top (15%) unchanged. */
@media screen and (max-width: 768px) {
  body.friso-signature:not(.education) .farm-animation-overlay.farm-animation-content-1,
  body.friso-signature:not(.education) .farm-video-stage .farm-animation-overlay.farm-animation-content-1,
  body.friso-signature:not(.education) .farm-animation-overlay.farm-animation-content-2,
  body.friso-signature:not(.education) .farm-video-stage .farm-animation-overlay.farm-animation-content-2 {
    top: 18vh !important;
    padding-top: 0 !important;
  }
}

/* milktruck-step2-size-match-1 — same display height as「1」so tops align
   assets are both 375px tall;「2」is wider so width-based sizing made it shorter.
   Sized down so numerals clear the golden plate in step-2 video. */
@media screen and (min-width: 769px) {
  body.friso-signature:not(.education) .farm-animation-overlay .steps-num.desktop-only.no_1,
  body.friso-signature:not(.education) .farm-animation-overlay .steps-num.desktop-only.no_2 {
    height: 118px !important;
    max-height: 118px !important;
    width: auto !important;
    max-width: none !important;
  }
  /* title middle-align vs shared 118px numeral */
  body.friso-signature:not(.education) .farm-animation-content-2 .content-2-text-wrapper {
    padding-top: calc((118px - 28px) / 2 - 0.65rem) !important;
  }
}
@media screen and (max-width: 768px) {
  /* step1 mobile: width 13vw → height 13vw*(375/198); size「2」to that height */
  body.friso-signature:not(.education) .farm-animation-content-1 .patented-technology-step-num-1 {
    width: 13vw !important;
    max-width: none !important;
    height: auto !important;
    top: 50% !important;
    bottom: auto !important;
    transform: translateY(-50%) !important;
  }
  body.friso-signature:not(.education) .farm-animation-overlay.farm-animation-content-2 .patented-technology-step-num-2,
  body.friso-signature:not(.education) .farm-animation-content-2 .patented-technology-step-num-2 {
    width: auto !important;
    max-width: none !important;
    height: calc(13vw * 375 / 198) !important;
    top: 50% !important;
    bottom: auto !important;
    transform: translateY(-50%) !important;
  }
  /*「2」is wider (286×375 vs「1」198×375); hang left of title needs matching pad
     so farm-video-stage overflow:hidden does not crop it */
  body.friso-signature:not(.education) .farm-animation-overlay.farm-animation-content-2 .farm-animation-content-2__inner {
    padding-left: 0 !important; /* was +0.5rem — broke step2 vs step1 left */
  }
}

/* hero-girl-nudge-v11 — mobile: match desktop left + scale */
@media screen and (max-width:768px){
  body.friso-signature:not(.education) .key-visual-sequence-img-girl.mobile-only{
    left:44% !important;
    top:50vh !important;
    transform:translateX(-50%) scale(1.08) !important;
    transform-origin:center bottom !important;
  }
}

/* trackeasy-p1-6lines — exact 6 lines via <br>+nowrap; shrink right img if left needs room */
body.friso-signature:not(.education) .track-easy-container .track-easy-text .txt-normal.trackeasy-p1 {
  overflow-wrap: normal;
  word-wrap: normal;
  word-break: keep-all;
  line-break: strict;
}
body.friso-signature:not(.education) .track-easy-container .track-easy-text .txt-normal.trackeasy-p1 .nowrap,
body.friso-signature:not(.education) .track-easy-container .track-easy-text .txt-normal.trackeasy-p2 .nowrap {
  white-space: nowrap !important;
}
@media screen and (min-width: 1025px) {
  body.friso-signature:not(.education) #product .track-easy-container-inner-left {
    flex: 0 1 42% !important;
    max-width: 480px !important;
    min-width: min(300px, 34%) !important;
  }
  body.friso-signature:not(.education) #product .track-easy-container-inner-right {
    flex: 1 1 52% !important;
  }
  body.friso-signature:not(.education) #product .track-easy-container .track-easy-img img {
    max-width: min(820px, 58vw) !important;
    max-height: min(72vh, 580px) !important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  body.friso-signature:not(.education) #product .track-easy-container .track-easy-img img {
    max-width: min(560px, 52vw) !important;
    max-height: min(58vh, 460px) !important;
  }
}

/* signature-exp-title-4y-icons-80 — title up 4Y via margin (not transform/fadein); icons 80% of 200px (=160); copy mb 0.8rem */
@media screen and (min-width: 769px) {
  body.friso-signature:not(.education) #signature-experience.friso-section-container.contact {
    --s78-y: 2.25rem; /* one background-Y step */
    overflow: visible !important; /* allow title shifted up by 4Y to remain visible */
  }
  body.friso-signature:not(.education) #signature-experience .friso-section-container-inner-full {
    overflow: visible !important;
  }
  body.friso-signature:not(.education) #signature-experience .exp-title-seq,
  body.friso-signature:not(.education) #signature-experience .exp-title-seq.fadein-ele {
    /* margin shift only — do NOT force opacity; fadein .scrolled drives Headline → content */
    transform: none !important;
    margin-top: calc(-4 * var(--s78-y, 2.25rem)) !important;
    position: relative !important;
    z-index: 2 !important;
  }
  body.friso-signature:not(.education) #signature-experience .signature-experience-title__img {
    display: block !important;
    max-height: min(12vh, 96px) !important;
    height: auto !important;
    width: auto !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  /* 80% of prior enlarge (200 → 160) */
  body.friso-signature:not(.education) #signature-experience .contact-icon,
  body.friso-signature:not(.education) #signature-experience .contact-container > div > div:first-child {
    width: 160px !important;
    max-width: 160px !important;
    min-width: 0 !important;
  }
  body.friso-signature:not(.education) #signature-experience .contact-container .contact-icon img,
  body.friso-signature:not(.education) #signature-experience .contact-container img {
    width: 160px !important;
    max-width: 160px !important;
    min-width: 0 !important;
    height: auto !important;
  }
  body.friso-signature:not(.education) #signature-experience .contact-container .txt-normal {
    margin-bottom: 0.8rem !important;
  }
}


/* dyk-chart-opaque-enlarge — desktop row + CTA align (≥1024). Tablet keeps S50 stack. */
@media screen and (min-width: 1024px) {
  body.friso-signature:not(.education) #did-you-know .did-you-know-container {
    gap: 1rem !important;
    overflow: visible !important;
  }
  body.friso-signature:not(.education) #did-you-know .did-you-know-content {
    flex: 0 0 38% !important;
    width: 38% !important;
    max-width: 38% !important;
    min-width: 0 !important;
  }
  body.friso-signature:not(.education) #did-you-know .did-you-know-video {
    --chart-image-width: 56% !important;
    flex: 0 0 56% !important;
    width: 56% !important;
    max-width: 56% !important;
    min-width: 0 !important;
    margin-left: auto !important;
    overflow: visible !important;
  }
  /* --dyk-chart-width / --dyk-chart-cta-nudge from dyk-chart-cta-align.js.
     Nudge ONLY on the container — canvas must stay transform:none or reveal
     double-applies translateX (container was transform:none while hidden). */
  body.friso-signature:not(.education) #did-you-know .did-you-know-video .hd-video-container,
  body.friso-signature:not(.education) #did-you-know .did-you-know-video canvas {
    width: var(--dyk-chart-width, 100%) !important;
    max-width: var(--dyk-chart-width, 100%) !important;
    aspect-ratio: 640 / 467 !important;
    height: auto !important;
    max-height: min(82vh, 800px) !important;
    object-fit: contain !important;
    display: block !important;
    margin-left: auto !important;
    margin-right: 0 !important;
  }
  body.friso-signature:not(.education) #did-you-know .did-you-know-video .hd-video-container {
    transform: translateX(var(--dyk-chart-cta-nudge, 0px)) !important;
  }
  body.friso-signature:not(.education) #did-you-know .did-you-know-video canvas {
    transform: none !important;
  }
}

/* dyk-chart-mid-desktop — 1024–1439: match UAT 55% chart column, full width */
@media screen and (min-width: 1024px) and (max-width: 1439px) {
  body.friso-signature:not(.education) #did-you-know .did-you-know-container {
    gap: 1.25rem !important;
  }
  body.friso-signature:not(.education) #did-you-know .did-you-know-content {
    flex: 0 0 40% !important;
    width: 40% !important;
    max-width: 40% !important;
    position: relative !important;
    z-index: 2 !important;
  }
  body.friso-signature:not(.education) #did-you-know .did-you-know-video {
    --chart-image-width: 56% !important;
    flex: 0 0 56% !important;
    width: 56% !important;
    max-width: 56% !important;
    overflow: visible !important;
  }
  body.friso-signature:not(.education) #did-you-know .did-you-know-video .hd-video-container,
  body.friso-signature:not(.education) #did-you-know .did-you-know-video canvas {
    width: var(--dyk-chart-width, 100%) !important;
    max-width: var(--dyk-chart-width, 100%) !important;
    margin-left: auto !important;
    margin-right: 0 !important;
  }
}

/* mum-carousel-nocrop — never crop mum photos; if tight, let copy/dots/CTA leave the viewport */
@media screen and (min-width: 769px) {
  body.friso-signature:not(.education) .mum-signature-container {
    overflow: visible !important;
    overflow-x: clip !important;
    max-height: none !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
  }
  body.friso-signature:not(.education) .mum-signature-container .mom-signature-splide {
    height: auto !important;
    max-height: none !important;
    min-height: 0 !important;
    overflow: visible !important;
    justify-content: flex-start !important;
    /* size cards for the photo, not for fitting chrome in-viewport */
    --mum-chrome: 0rem !important;
    --mum-card-max-h: min(70vh, calc(100dvh - 72px - 4.25rem)) !important;
  }
  body.friso-signature:not(.education) .mom-signature-splide .splide__track-wrapper,
  body.friso-signature:not(.education) .mom-signature-splide .splide__track {
    max-height: none !important;
    height: auto !important;
    overflow: visible !important;
    flex: 0 0 auto !important;
  }
  body.friso-signature:not(.education) .mom-signature-splide .splide__track .splide__slide .flip-card-container {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: none !important;
    aspect-ratio: 1 / 1.217391304348 !important;
  }
  body.friso-signature:not(.education) .mom-signature-splide .front,
  body.friso-signature:not(.education) .mom-signature-splide .back {
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
  }
  body.friso-signature:not(.education) #mom-signature-splide .splide-content,
  body.friso-signature:not(.education) #mom-signature-splide .splide-custom-pagination,
  body.friso-signature:not(.education) #mom-signature-splide .splide-buttons {
    flex: 0 0 auto !important;
  }
}
@media screen and (max-width: 768px) {
  body.friso-signature:not(.education) .mum-signature-container {
    overflow: visible !important;
    max-height: none !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
  }
  body.friso-signature:not(.education) .mum-signature-container .mom-signature-splide {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    justify-content: flex-start !important;
    --mum-chrome: 0rem !important;
    --mum-card-max-h: min(58vh, calc(100dvh - 3.25rem - 3.5rem)) !important;
  }
  body.friso-signature:not(.education) .mom-signature-splide .splide__track-wrapper,
  body.friso-signature:not(.education) .mom-signature-splide .splide__track {
    max-height: none !important;
    height: auto !important;
    overflow: visible !important;
  }
  body.friso-signature:not(.education) .mom-signature-splide .splide__track .splide__slide .flip-card-container {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: none !important;
    aspect-ratio: 1 / 1.217391304348 !important;
    position: relative !important;
  }
  body.friso-signature:not(.education) .mom-signature-splide .front,
  body.friso-signature:not(.education) .mom-signature-splide .back {
    padding-top: 0 !important;
    width: 100% !important;
    height: 100% !important;
    position: absolute !important;
    inset: 0 !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
  }
}

/* trackeasy-linebreaks-v2 — exact client line breaks; nowrap; shrink right img for longest lines */
body.friso-signature:not(.education) .track-easy-container .track-easy-text .txt-normal.trackeasy-p1 .nowrap,
body.friso-signature:not(.education) .track-easy-container .track-easy-text .txt-normal.trackeasy-p2 .nowrap {
  white-space: nowrap !important;
}
@media screen and (min-width: 1025px) {
  body.friso-signature:not(.education) #product .track-easy-container-inner-left {
    flex: 0 1 46% !important;
    max-width: 560px !important;
    min-width: min(320px, 36%) !important;
  }
  body.friso-signature:not(.education) #product .track-easy-container-inner-right {
    flex: 1 1 48% !important;
  }
  body.friso-signature:not(.education) #product .track-easy-container .track-easy-img img {
    max-width: min(620px, 46vw) !important;
    max-height: min(60vh, 500px) !important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  body.friso-signature:not(.education) #product .track-easy-container-inner-left {
    flex: 0 1 48% !important;
    max-width: 520px !important;
  }
  body.friso-signature:not(.education) #product .track-easy-container .track-easy-img img {
    max-width: min(480px, 44vw) !important;
    max-height: min(52vh, 420px) !important;
  }
}

/* signature-exp-overflow-visible — keep title visible after −4Y shift */
@media screen and (min-width: 769px) {
  body.friso-signature:not(.education) #signature-experience.friso-section-container.contact {
    overflow: visible !important;
  }
}



/* signature-exp-title-icon-gap — desktop unchanged; mobile tighter below */
@media screen and (min-width: 769px) {
  body.friso-signature:not(.education) #signature-experience .friso-section-container-inner-full {
    gap: 3.5rem !important;
  }
  body.friso-signature:not(.education) #signature-experience .contact-container {
    margin-top: 2.5rem !important;
  }
  body.friso-signature:not(.education) #signature-experience .exp-title-seq {
    margin-bottom: 0.75rem !important;
  }
}
@media screen and (max-width: 768px) {
  body.friso-signature:not(.education) #signature-experience .friso-section-container-inner-full {
    gap: 0.75rem !important;
  }
  body.friso-signature:not(.education) #signature-experience .contact-container {
    margin-top: 0.35rem !important;
  }
}

/* milktruck-logo-align — step numeral/title block left = navbar logo left (JS closed-loop) */
@media screen and (min-width: 769px) {
  body.friso-signature:not(.education) .farm-video-stage {
    /* allow step content flush to logo; video still clipped by stage box */
    overflow: hidden;
  }
  body.friso-signature:not(.education) .farm-video-stage .farm-animation-overlay,
  body.friso-signature:not(.education) .farm-animation-overlay.farm-animation-content-1,
  body.friso-signature:not(.education) .farm-animation-overlay.farm-animation-content-2 {
    left: 0 !important;
    right: auto !important;
    transform: none !important;
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    padding-left: var(--nav-logo-left, 20px) !important;
    box-sizing: border-box !important;
    justify-content: flex-start !important;
    text-align: left !important;
  }
  body.friso-signature:not(.education) .farm-animation-overlay .friso-section-container-inner-wider,
  body.friso-signature:not(.education) .farm-animation-overlay .farm-animation-content-2__inner {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 1.5rem !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: 0.85rem !important;
    position: relative !important;
    text-align: left !important;
    display: flex !important;
  }
  /* Keep numeral in-flow so its left edge can sit on the logo left (JS pads overlay) */
  /* Tablet desktop (769–1023): main.css hides .desktop-only — keep farm 1/2
     as the large in-flow numerals so they can sit on the navbar logo left. */
  body.friso-signature:not(.education) .farm-animation-overlay .steps-num.desktop-only,
  body.friso-signature:not(.education) .farm-animation-overlay .steps-num.desktop-only.no_1,
  body.friso-signature:not(.education) .farm-animation-overlay .steps-num.desktop-only.no_2 {
    display: block !important;
    position: relative !important;
    left: auto !important;
    top: auto !important;
    margin: 0 !important;
    transform: none !important;
    flex: 0 0 auto !important;
    object-fit: contain !important;
    object-position: left center !important;
  }
  body.friso-signature:not(.education) .farm-animation-overlay .steps-num.mobile-only,
  body.friso-signature:not(.education) .farm-animation-overlay img.patented-technology-step-num-1.mobile-only,
  body.friso-signature:not(.education) .farm-animation-overlay img.patented-technology-step-num-2.mobile-only {
    display: none !important;
  }
  body.friso-signature:not(.education) .farm-animation-content-1 .friso-section-container-inner-wider > div:last-child,
  body.friso-signature:not(.education) .farm-animation-content-2 .content-2-text-wrapper {
    margin-left: 0 !important;
    width: auto !important;
    max-width: none !important;
    text-align: left !important;
    flex: 0 1 auto !important;
  }
  body.friso-signature:not(.education) .farm-animation-overlay .txt-gold {
    justify-content: flex-start !important;
    text-align: left !important;
    width: auto !important;
  }
  body.friso-signature:not(.education) .farm-animation-overlay .patented-technology-step-title,
  body.friso-signature:not(.education) .farm-animation-overlay .patented-technology-step-num-2-title {
    display: block !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}


/* signature-exp-icons-90 — booking/chat icons to 90% of 160px (=144) */
@media screen and (min-width: 769px) {
  body.friso-signature:not(.education) #signature-experience .contact-icon,
  body.friso-signature:not(.education) #signature-experience .contact-container > div > div:first-child {
    width: 144px !important;
    max-width: 144px !important;
  }
  body.friso-signature:not(.education) #signature-experience .contact-container .contact-icon img,
  body.friso-signature:not(.education) #signature-experience .contact-container img {
    width: 144px !important;
    max-width: 144px !important;
    height: auto !important;
  }
}

/* hero-girl-scale-up — desktop plates only (tablet keeps .mobile-only pad compensate) */
@media screen and (min-width: 1024px) {
  body.friso-signature:not(.education) .key-visual-sequence-img-girl.desktop-only {
    transform: translateX(-50%) translateY(0) scale(1.08) !important;
    transform-origin: center bottom !important;
  }
}
@media screen and (max-width: 1023px) {
  body.friso-signature:not(.education) .key-visual-sequence-img-girl.mobile-only {
    left: 44% !important;
    top: 49vh !important;
    height: auto !important;
    max-height: none !important;
    transform: translateX(-50%) translateY(-44.5%) scale(1.08) !important;
    transform-origin: top center !important;
  }
}

/* smart-immu-gong-fit-title — 攻/守 same H; top inset = font-top; bottom flush with 攻 stack */
@media screen and (min-width: 769px) {
  body.friso-signature:not(.education) .smart-immu-attack-content,
  body.friso-signature:not(.education) .immu-defense-slide .smart-immu-content,
  body.friso-signature:not(.education) .slide-03 .smart-immu-content,
  body.friso-signature:not(.education) .slide-01 {
    --smart-immu-title-h: 22px;
    --smart-immu-title-gap: 0.35rem;
    /* Top inset = font-top with subtitle; height matches 攻 (title+gap+3 lines) */
    --smart-gong-top-inset: 8px;
    --smart-gong-h: calc(
      var(--smart-immu-title-h) + var(--smart-immu-title-gap) + (1.1rem * 1.5 * 3) -
        var(--smart-gong-top-inset)
    ) !important;
    --smart-gong-w: calc(var(--smart-gong-h) * 155.33 / 150) !important;
    --smart-shou-w: calc(var(--smart-gong-h) * 148.96 / 150) !important;
    --smart-immu-title-nudge: 0px !important;
  }
  body.friso-signature:not(.education) .smart-immu-attack-content > .smart-immu-content-title,
  body.friso-signature:not(.education) .slide-01 .smart-immu-content-title-1 {
    flex: 0 0 var(--smart-gong-w) !important;
    width: var(--smart-gong-w) !important;
    max-width: none !important;
    align-self: flex-start !important;
  }
  body.friso-signature:not(.education) .immu-defense-slide .smart-immu-content > .smart-immu-content-title,
  body.friso-signature:not(.education) .slide-03 .smart-immu-content > .smart-immu-content-title {
    /* Same column width as 攻 so title/white text share left edge */
    flex: 0 0 var(--smart-gong-w) !important;
    width: var(--smart-gong-w) !important;
    max-width: none !important;
    align-self: flex-start !important;
  }
  /* slide-01 守: keep absolute right placement — do not set width (left:0 + width pins left) */
  body.friso-signature:not(.education) .smart-immu-attack-content .attack-img-txt,
  body.friso-signature:not(.education) .friso-section-container.smart .smart-immu-container .smart-immu-attack-content .attack-img-txt,
  body.friso-signature:not(.education) .smart-immu-slide.slide-02 .smart-immu-attack-content .attack-img-txt,
  body.friso-signature:not(.education) .slide-01 .text-img-smart.attack-img-txt,
  body.friso-signature:not(.education) .slide-01 .smart-immu-content-title-1 .text-img-smart,
  body.friso-signature:not(.education) .text-img-smart.attack-img-txt,
  body.friso-signature:not(.education) .attack-img-txt.text-img.m-small,
  body.friso-signature:not(.education) .immu-defense-slide .m-defence,
  body.friso-signature:not(.education) .slide-03 .m-defence,
  body.friso-signature:not(.education) .slide-01 .text-img-smart.m-defence,
  body.friso-signature:not(.education) .slide-01 .smart-immu-content-title-2 .text-img-smart,
  body.friso-signature:not(.education) .text-img-smart.m-defence,
  body.friso-signature:not(.education) .m-defence.text-img.m-small {
    height: var(--smart-gong-h) !important;
    max-height: none !important;
    width: auto !important;
    /* Drop glyph so ink top meets subtitle font top; bottom matches 攻 */
    margin-top: var(--smart-gong-top-inset) !important;
  }
  body.friso-signature:not(.education) .smart-immu-attack-content .smart-immu-title,
  body.friso-signature:not(.education) .smart-immu-attack-content img.smart-immu-title[src*="smart-immu-content-subtitle-a"],
  body.friso-signature:not(.education) .immu-defense-slide .smart-immu-title,
  body.friso-signature:not(.education) .slide-03 .smart-immu-title,
  body.friso-signature:not(.education) .immu-defense-slide img.smart-immu-title[src*="smart-immu-content-subtitle-d"] {
    height: var(--smart-immu-title-h) !important;
    max-height: var(--smart-immu-title-h) !important;
    width: auto !important;
    object-position: left top !important;
  }
  body.friso-signature:not(.education) .smart-immu-attack-content > div:last-child,
  body.friso-signature:not(.education) .immu-defense-slide .smart-immu-content > div:last-child,
  body.friso-signature:not(.education) .slide-03 .smart-immu-content > div:last-child {
    height: auto !important;
    max-height: none !important;
    padding-bottom: 0 !important;
    justify-content: flex-start !important;
  }
  body.friso-signature:not(.education) .smart-immu-attack-content .smart-immu-content-subtitle,
  body.friso-signature:not(.education) .immu-defense-slide .smart-immu-content-subtitle,
  body.friso-signature:not(.education) .slide-03 .smart-immu-content-subtitle {
    margin-top: 0 !important;
    margin-bottom: var(--smart-immu-title-gap) !important;
    padding-left: 15px !important;
  }
  /* Title assets are ink-cropped to the top — keep attack/defence margin-top identical */
  body.friso-signature:not(.education) .immu-defense-slide .smart-immu-content-subtitle,
  body.friso-signature:not(.education) .slide-03 .smart-immu-content-subtitle {
    margin-top: 0 !important;
  }
  body.friso-signature:not(.education) .smart-immu-attack-content p.txt-normal,
  body.friso-signature:not(.education) .immu-defense-slide .smart-immu-content p.txt-normal,
  body.friso-signature:not(.education) .slide-03 .smart-immu-content p.txt-normal {
    margin-top: 0 !important;
    padding-top: 0 !important;
    padding-left: 15px !important;
    font-size: 1.1rem !important;
    line-height: 1.5 !important;
  }
}
@media screen and (max-width: 768px) {
  body.friso-signature:not(.education) .smart-immu-attack-content,
  body.friso-signature:not(.education) .immu-defense-slide .smart-immu-content,
  body.friso-signature:not(.education) .slide-03 .smart-immu-content,
  body.friso-signature:not(.education) .slide-01 {
    --smart-immu-title-h: 16px;
    --smart-immu-title-gap: 0.3rem;
    --smart-gong-top-inset: 5px;
    --smart-gong-h: calc(
      var(--smart-immu-title-h) + var(--smart-immu-title-gap) + (0.95rem * 1.45 * 3) -
        var(--smart-gong-top-inset)
    ) !important;
  }
  body.friso-signature:not(.education) .smart-immu-attack-content .attack-img-txt,
  body.friso-signature:not(.education) .slide-02 .attack-img-txt,
  body.friso-signature:not(.education) .text-img-smart.attack-img-txt,
  body.friso-signature:not(.education) .attack-img-txt.text-img.m-small,
  body.friso-signature:not(.education) .immu-defense-slide .m-defence,
  body.friso-signature:not(.education) .slide-03 .m-defence,
  body.friso-signature:not(.education) .text-img-smart.m-defence,
  body.friso-signature:not(.education) .m-defence.text-img.m-small,
  body.friso-signature:not(.education) .slide-01 .smart-immu-content-title-2 .text-img-smart {
    height: var(--smart-gong-h) !important;
    max-height: none !important;
    margin-top: var(--smart-gong-top-inset) !important;
  }
  body.friso-signature:not(.education) .smart-immu-attack-content .smart-immu-title,
  body.friso-signature:not(.education) .immu-defense-slide .smart-immu-title,
  body.friso-signature:not(.education) .slide-03 .smart-immu-title {
    height: var(--smart-immu-title-h) !important;
    max-height: var(--smart-immu-title-h) !important;
  }
}

/* igg-top-left-ball-1_1x — girl→ball section top-left ball 1.1× */
body.friso-signature:not(.education) {
  --igg-bottom-ball-max-width: 154px; /* 140 × 1.1 */
}

/* fala-title-born-gap — tighter space: 天生突破注定出眾 → Born to be Signature */
body.friso-signature:not(.education) .fala-signature__title,
body.friso-signature:not(.education) .fala-signature-title__img{
  margin-bottom:0 !important;
}
body.friso-signature:not(.education) .fala-signature-container-img-wrapper{
  margin-top:-16vh !important;
}
@media screen and (max-width:768px){
  body.friso-signature:not(.education) .fala-signature__title,
  body.friso-signature:not(.education) h2.fala-signature__title {
    margin-top: 0.5rem !important;
    margin-bottom: 0 !important;
  }
  body.friso-signature:not(.education) .fala-signature-container-img {
    margin-top: 0 !important;
  }
  body.friso-signature:not(.education) .fala-signature-container-img-wrapper{
    margin-top:-11.5rem !important;
  }
}

/* fala-bottom-content-nudge-up — quote / 陳法拉 / CTA overlay fala bottom ~1/4
   MOBILE ONLY — desktop spacing unchanged */
@media screen and (max-width: 768px) {
  body.friso-signature:not(.education) .signature-content {
    padding-top: 0 !important;
  }
  body.friso-signature:not(.education) .signature-content .fala-signature-container-inner-text {
    /* 420×800 canvas → pull up by 25% of video height */
    margin-top: calc(-100vw * 800 / 420 * 2 / 5) !important;
  }
}

/* fala-seq-order — Headline → Fala / Born to be Signature anim → Copy & Button.
   Beat 3 stays hidden until falaController.revealContent() adds .scrolled.
   Do NOT key off section .active — that class reveals all .fadein-ele and
   collapses the appearance sequence. */
body.friso-signature:not(.education) .fala-title-fadein.fadein-ele:not(.scrolled),
body.friso-signature:not(.education) .friso-section-container.active .fala-title-fadein.fadein-ele:not(.scrolled){
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  transform:translateY(4rem) !important;
}
body.friso-signature:not(.education) .fala-title-fadein.fadein-ele.scrolled,
body.friso-signature:not(.education) .friso-section-container.active .fala-title-fadein.fadein-ele.scrolled{
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
  transform:translateY(0) !important;
}
body.friso-signature:not(.education) .fala-content-fadein.fadein-ele:not(.scrolled),
body.friso-signature:not(.education) .friso-section-container.active .fala-content-fadein.fadein-ele:not(.scrolled){
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  transform:translateY(4rem) !important;
}
body.friso-signature:not(.education) .fala-content-fadein.fadein-ele.scrolled,
body.friso-signature:not(.education) .friso-section-container.active .fala-content-fadein.fadein-ele.scrolled{
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
  transform:translateY(0) !important;
}

/* trackeasy-title-chart-top-align — title top = chart top (both 0 top pad);
   title→text matches DYK h2「寶寶的「抗體脆弱期」」(Text-31 → 1.1rem) scaled by
   title height, minus TrackEasy 018 inter-line transparent gap (27/182). */
@media screen and (min-width: 769px) {
  body.friso-signature:not(.education) #product .track-easy-container {
    --dyk-title-h: min(32px, calc(32 / 1920 * 100vw)); /* Text-31 h2 */
    --trackeasy-title-h: min(60px, calc(60 / 1920 * 100vw)); /* Text-37 */
    --trackeasy-title-gap: calc(
      1.1rem * var(--trackeasy-title-h) / var(--dyk-title-h)
      - var(--trackeasy-title-h) * 27 / 182
    );
  }
  body.friso-signature:not(.education) #product .track-easy-container .track-easy-container-inner {
    align-items: flex-start !important;
  }
  body.friso-signature:not(.education) #product .track-easy-container-inner-left {
    margin-top: 0 !important;
  }
  body.friso-signature:not(.education) #product .track-easy-container .track-easy-title {
    padding-bottom: 0 !important;
  }
  body.friso-signature:not(.education) #product .trackeasy-title__img,
  body.friso-signature:not(.education) #product .track-easy-container .track-easy-container-inner .trackeasy-title__img {
    height: var(--trackeasy-title-h) !important;
    max-height: var(--trackeasy-title-h) !important;
  }
  body.friso-signature:not(.education) #product .track-easy-container .track-easy-text .txt-normal:first-child {
    margin-top: var(--trackeasy-title-gap) !important;
  }
  body.friso-signature:not(.education) #product .track-easy-container .track-easy-container-inner .track-easy-img {
    padding-top: 0 !important;
    margin-top: 0 !important;
    align-items: flex-start !important;
  }
  body.friso-signature:not(.education) #product .track-easy-container .track-easy-container-inner .track-easy-img img {
    object-position: right top !important;
  }
}
/* trackeasy-img-no-left-margin — no extra left margin; right edge stays CTA-locked */
@media screen and (min-width:769px){
  body.friso-signature:not(.education) #product .track-easy-container .track-easy-img{
    margin-left:0 !important;
  }
}

/* compare-title-fontsize — 活性/非活性 match one line of「探索免疫…」section title
   (was wrongly set to button 1.1rem — too small) */
@media screen and (min-width:769px){
  body.friso-signature:not(.education) .compare .compare-title__img{
    height:calc(32 / 1920 * 100vw) !important;
    max-height:32px !important;
    width:auto !important;
    object-fit:contain !important;
  }
}
@media screen and (max-width:768px){
  body.friso-signature:not(.education) .compare .compare-title__img{
    height:calc(24.34 / 420 * 100vw) !important;
    max-height:24.34px !important;
    width:auto !important;
    object-fit:contain !important;
  }
}

/* superscript-top-align — CF sizes; top: flush mark top with parent text top
   brand 1em → top:0; ref 0.5em → top:-1em (= (1-0.5)/0.5 in own-em) */
body.friso-signature .sup-brand,
body.friso-signature:not(.education) .sup-brand,
body.friso-signature.education .sup-brand,
body.friso-signature .friso-section-container.footer .super li .footer-ref-body .sup-brand,
body.friso-signature .navbar .friso-rect-button .sup-brand {
  font-size: 1em !important;
  top: 0 !important;
  line-height: 1 !important;
  overflow: visible !important;
  position: relative !important;
  display: inline !important;
  vertical-align: baseline !important;
  bottom: auto !important;
  transform: none !important;
  margin: 0 !important;
  padding: 0 !important;
  font-variant-position: normal !important;
  font-feature-settings: "sups" 0, "subs" 0 !important;
  font-family: "Noto Sans HK", "Noto Sans SC", "Arial", sans-serif !important;
}
body.friso-signature:not(.education) sup:not(.sup-brand),
body.friso-signature.education sup:not(.sup-brand),
body.friso-signature .friso-section-container.footer .super li .footer-ref-body sup:not(.sup-brand),
body.friso-signature .navbar .friso-rect-button sup:not(.sup-brand) {
  font-size: 0.5em !important;
  top: -1em !important;
  line-height: 1 !important;
  position: relative !important;
  display: inline !important;
  vertical-align: baseline !important;
  bottom: auto !important;
  transform: none !important;
  margin: 0 !important;
  padding: 0 !important;
  font-variant-position: normal !important;
  font-feature-settings: "sups" 0, "subs" 0 !important;
}

/* basic-girl-no-top-crop — keep top visible; raise whole frame instead of img translate */
body.friso-signature:not(.education) .baby-container-btm .baby-container picture,
body.friso-signature:not(.education) .baby-container-btm .baby-container img{
  transform:none !important;
}
/* basic-girl-no-bottom-crop — container fits 1.18 img; don't clip feet */
body.friso-signature:not(.education) .baby-container-btm .baby-container{
  overflow:visible !important;
  height:calc(var(--baby-sticky-height) * 1.18) !important;
}
@media screen and (min-width:769px){
  body.friso-signature:not(.education) .baby-container-btm{
    bottom:-3vh !important;
  }
}
@media screen and (max-width:768px){
  body.friso-signature:not(.education) .baby-container-btm{
    bottom:3vh !important;
  }
}

/* mum-carousel-gap-cf — final: tighter even gaps (sides 0.72 UAT; gap via JS −6rem) */
body.friso-signature:not(.education) #mom-signature-splide .splide__slide{
  padding-left:0 !important;padding-right:0 !important;
}
body.friso-signature:not(.education) #mom-signature-splide .splide__track .splide__slide .flip-card-container,
body.friso-signature:not(.education) #mom-signature-splide .splide__track .splide__slide.is-prev .flip-card-container,
body.friso-signature:not(.education) #mom-signature-splide .splide__track .splide__slide.is-next .flip-card-container,
body.friso-signature:not(.education) #mom-signature-splide.moving .splide__track .splide__slide .flip-card-container,
body.friso-signature:not(.education) #mom-signature-splide.moving .splide__track .splide__slide.is-prev .flip-card-container,
body.friso-signature:not(.education) #mom-signature-splide.moving .splide__track .splide__slide.is-next .flip-card-container{
  transform:scale(0.72) !important;transform-origin:center center !important;
}
body.friso-signature:not(.education) #mom-signature-splide .splide__track .splide__slide.is-active .flip-card-container,
body.friso-signature:not(.education) #mom-signature-splide.moving .splide__track .splide__slide.is-active .flip-card-container{
  transform:scale(1) !important;
}

/* trackeasy-img-cta-right — right edge locked to nav「體驗FRISO」via JS */
@media screen and (min-width:769px){
  body.friso-signature:not(.education) #product .track-easy-container .track-easy-container-inner{
    gap:0.5rem !important;
  }
  body.friso-signature:not(.education) #product .track-easy-container-inner-right,
  body.friso-signature:not(.education) #product .track-easy-container .track-easy-img{
    margin-left:0 !important;
    margin-right:0 !important;
    padding-left:0 !important;
    padding-right:0 !important;
    display:flex !important;
    justify-content:flex-end !important;
  }
  body.friso-signature:not(.education) #product .track-easy-container .track-easy-img img{
    margin-left:auto !important;
    margin-right:0 !important;
    object-position:right center !important;
    /* transform set by trackeasy-cta-align.js (--trackeasy-cta-nudge) */
    transform:translateX(var(--trackeasy-cta-nudge, 0px)) !important;
  }
}

/* kv-seq-order-v4 — Fala, Tin & kid → IgG balls → Headline */
.key-visual-title,
.friso-home-tagline-container.key-visual-title {
  transition: opacity 800ms ease !important;
}
@media screen and (min-width: 769px) {
  .key-visual .key-visual-sequence-img-fala.desktop-only.kv-seq-fadein,
  .key-visual .key-visual-sequence-img-girl.desktop-only.kv-seq-fadein,
  .key-visual .key-visual-sequence-video.kv-seq-fadein-3 {
    transition-delay: 0ms !important;
  }
  .key-visual .key-visual-sequence-video.kv-seq-fadein-4,
  .key-visual .key-visual-ball-container-wrapper-inner.kv-seq-fadein {
    transition-delay: 800ms !important;
  }
  body.init .key-visual-title {
    opacity: 1 !important;
    transition-delay: 1600ms !important;
  }
}
@media screen and (max-width: 768px) {
  .key-visual .key-visual-sequence-img-fala.mobile-only.kv-seq-fadein,
  .key-visual .key-visual-sequence-img-girl.mobile-only.kv-seq-fadein,
  .key-visual .key-visual-sequence-video.kv-seq-fadein-3 {
    transition-delay: 0ms !important;
  }
  .key-visual .key-visual-sequence-video.kv-seq-fadein-4,
  .key-visual .key-visual-ball-container-wrapper-inner.kv-seq-fadein,
  body.init .key-visual-mobile-ball {
    transition-delay: 800ms !important;
  }
  body.init .key-visual-title {
    opacity: 1 !important;
    transition-delay: 1600ms !important;
  }
}

/* dyk-seq-order-v2 — Headline → Chart + body → CTA + IgG balls
   (desktop + mobile; replays on revisit — applyDykTrigger / resetDykSequence) */
body.friso-signature:not(.education) #did-you-know .dyk-title-seq.fadein-ele,
body.friso-signature:not(.education) #did-you-know .dyk-title-seq.fadein-ele.scrolled {
  transition-delay: 0ms !important;
}
body.friso-signature:not(.education) #did-you-know .dyk-seq.fadein-ele,
body.friso-signature:not(.education) #did-you-know .dyk-seq.fadein-ele.scrolled,
body.friso-signature:not(.education) #did-you-know .dyk-cta-seq.fadein-ele,
body.friso-signature:not(.education) #did-you-know .dyk-cta-seq.fadein-ele.scrolled {
  transition-delay: 0ms !important;
}
/* Beats 2–3 stay hidden until JS adds .scrolled. Do NOT key off
   section .active — that class is unreliable on home and lets content leak. */
body.friso-signature:not(.education) #did-you-know .dyk-seq.fadein-ele:not(.scrolled),
body.friso-signature:not(.education) #did-you-know .dyk-cta-seq.fadein-ele:not(.scrolled),
body.friso-signature:not(.education) #did-you-know .did-you-know-ball-container:not(.scrolled) {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transform: none !important;
}
body.friso-signature:not(.education) #did-you-know .dyk-seq.fadein-ele.scrolled,
body.friso-signature:not(.education) #did-you-know .dyk-cta-seq.fadein-ele.scrolled,
body.friso-signature:not(.education) #did-you-know .did-you-know-ball-container.scrolled {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}
/* dyk-chart-cta-nudge-lock — chart keeps CTA nudge while still opacity:0 so
   reveal is fade-only (no jump right when transform:none drops). */
@media screen and (min-width: 1024px) {
  body.friso-signature:not(.education) #did-you-know .did-you-know-video .hd-video-container.dyk-seq.fadein-ele:not(.scrolled),
  body.friso-signature:not(.education) #did-you-know .did-you-know-video .hd-video-container.dyk-seq.fadein-ele.scrolled {
    transform: translateX(var(--dyk-chart-cta-nudge, 0px)) !important;
  }
}
/* compare-seq — headline → active Y + bottom text → inactive Y + bottom text */
body.friso-signature:not(.education) .compare .friso-section-content .fadein-ele{
  transform:translateY(1.25rem);
  transition:transform .55s ease-out,opacity .4s ease-out;
}
body.friso-signature:not(.education) .compare .friso-section-content .fadein-ele.scrolled{
  transform:translateY(0);
}
/* Beat 2: active Y graphic + title + white copy together */
body.friso-signature:not(.education) .compare .friso-section-content > div:nth-child(1) .y-shape-canvas-container.fadein-ele,
body.friso-signature:not(.education) .compare .friso-section-content > div:nth-child(1) .compare-title-seq.fadein-ele,
body.friso-signature:not(.education) .compare .friso-section-content > div:nth-child(1) .compare-copy-seq.fadein-ele{
  transition-delay:500ms !important;
}
/* Beat 3: inactive Y graphic + title + white copy together */
body.friso-signature:not(.education) .compare .friso-section-content > div:nth-child(2) .steps-num.fadein-ele,
body.friso-signature:not(.education) .compare .friso-section-content > div:nth-child(2) .compare-title-seq.fadein-ele,
body.friso-signature:not(.education) .compare .friso-section-content > div:nth-child(2) .compare-copy-seq.fadein-ele{
  transition-delay:1000ms !important;
}
/* Copy still gated by title .scrolled (JS) — not an independent scroll threshold */
body.friso-signature:not(.education) .compare .compare-text .compare-copy-seq.fadein-ele:not(.scrolled){
  opacity:0 !important;visibility:hidden !important;pointer-events:none !important;
}
body.friso-signature:not(.education) .compare .compare-text .compare-copy-seq.fadein-ele.scrolled{
  opacity:1 !important;visibility:visible !important;pointer-events:auto !important;
}

/* mum-carousel-even-gap — UAT 0.72 sides; equal gaps while swiping (all 0.72 when .moving) */
body.friso-signature:not(.education) #mom-signature-splide .splide__slide{
  padding-left:0 !important;padding-right:0 !important;
}
body.friso-signature:not(.education) #mom-signature-splide .splide__track .splide__slide .flip-card-container,
body.friso-signature:not(.education) #mom-signature-splide .splide__track .splide__slide.is-prev .flip-card-container,
body.friso-signature:not(.education) #mom-signature-splide .splide__track .splide__slide.is-next .flip-card-container{
  transform:scale(0.72) !important;transform-origin:center center !important;
}
body.friso-signature:not(.education) #mom-signature-splide:not(.moving) .splide__track .splide__slide.is-active .flip-card-container{
  transform:scale(1) !important;
}
body.friso-signature:not(.education) #mom-signature-splide.moving .splide__track .splide__slide .flip-card-container,
body.friso-signature:not(.education) #mom-signature-splide.moving .splide__track .splide__slide.is-prev .flip-card-container,
body.friso-signature:not(.education) #mom-signature-splide.moving .splide__track .splide__slide.is-next .flip-card-container,
body.friso-signature:not(.education) #mom-signature-splide.moving .splide__track .splide__slide.is-active .flip-card-container{
  transform:scale(0.72) !important;transform-origin:center center !important;
}

/* trackeasy-grow-left-v2 — match live UAT size (820/72); right edge CTA-locked via JS */
@media screen and (min-width:1025px){
  body.friso-signature:not(.education) #product .track-easy-container,
  body.friso-signature:not(.education) #product .track-easy-container-inner,
  body.friso-signature:not(.education) #product .track-easy-container-inner-right,
  body.friso-signature:not(.education) #product .track-easy-img{overflow:visible !important}
  body.friso-signature:not(.education) #product .track-easy-container .track-easy-container-inner{gap:clamp(1.5rem, 3vw, 2.75rem) !important}
  body.friso-signature:not(.education) #product .track-easy-container .track-easy-img img{
    max-width:min(820px, 58vw) !important;max-height:min(72vh, 580px) !important;
    width:auto !important;height:auto !important;object-fit:contain !important;
    object-position:right top !important;margin-left:auto !important;margin-right:0 !important;
    transform-origin:right center !important;
  }
}
@media screen and (min-width:769px) and (max-width:1024px){
  body.friso-signature:not(.education) #product .track-easy-container,
  body.friso-signature:not(.education) #product .track-easy-container-inner,
  body.friso-signature:not(.education) #product .track-easy-container-inner-right,
  body.friso-signature:not(.education) #product .track-easy-img{overflow:visible !important}
  body.friso-signature:not(.education) #product .track-easy-container .track-easy-img img{
    max-width:min(560px, 52vw) !important;max-height:min(58vh, 460px) !important;
    object-position:right top !important;margin-left:auto !important;margin-right:0 !important;
    transform-origin:right center !important;
  }
}

@media screen and (max-width:768px){
  body.friso-signature:not(.education) .baby-container-btm .baby-container::after{
    bottom:0 !important;height:16% !important;min-height:56px !important;
    background:linear-gradient(to top,#120802 0%,rgba(18,8,2,.95) 30%,rgba(32,7,4,.5) 65%,transparent 100%),
      url("../img/home/hori_shadow-2.png") center bottom / 100vw auto no-repeat !important;
  }
  body.friso-signature:not(.education) .baby-container-btm .baby-container::before{height:16% !important}
  body.friso-signature:not(.education) .baby-container-btm .funny-gradient-container.radial{height:24% !important}
}

/* mum-carousel-gap-live — Splide applies gap as slide margin-right; never zero it.
   CSS fallback matches JS options (desktop −2.5rem / mobile 1rem). */
body.friso-signature:not(.education) #mom-signature-splide .splide__slide {
  /* margin-right owned by Splide gap — do not force 0 */
  padding-left: 0 !important;
  padding-right: 0 !important;
}
@media screen and (min-width: 769px) {
  body.friso-signature:not(.education) #mom-signature-splide .splide__slide {
    margin-right: -2.5rem !important;
  }
}
@media screen and (max-width: 768px) {
  body.friso-signature:not(.education) #mom-signature-splide .splide__slide {
    margin-right: 1rem !important;
  }
}

/* mum-carousel-crop-outers — negative gap pulls the middle 3 in, so 4th/5th
   slide edges peek inside the track. Clip the track; do NOT opacity-hide
   non-prev/next/active (loop clones lose those classes mid-move → photos vanish). */
body.friso-signature:not(.education) .mum-signature-container .mom-signature-splide .splide__track-wrapper,
body.friso-signature:not(.education) .mum-signature-container .mom-signature-splide .splide__track {
  overflow: hidden !important;
}
body.friso-signature:not(.education) #mom-signature-splide .splide__slide:not(.is-active):not(.is-prev):not(.is-next) {
  /* was opacity:0 — caused disappear on next/prev in loop */
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: none !important;
}
/* Extra edge mask for clone slivers that still sit in the prev/next slot */
@media screen and (min-width: 769px) {
  body.friso-signature:not(.education) #mom-signature-splide .splide__track {
    clip-path: inset(0 1.25rem 0 1.25rem);
  }
}
@media screen and (max-width: 768px) {
  body.friso-signature:not(.education) #mom-signature-splide .splide__track {
    clip-path: inset(0 0.75rem 0 0.75rem);
  }
}

/* basic-girl-shadow — match desktop: soft ::before wash + hori_shadow plate
   (no radial blob; no mobile-only linear+png double wash) */
body.friso-signature:not(.education) .baby-container-btm .funny-gradient-container.radial {
  display: none !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
/* Kill mobile-only stacked ::after wash — desktop does not use it */
body.friso-signature:not(.education) .baby-container-btm .baby-container::after {
  display: none !important;
  content: none !important;
  background: none !important;
}
/* Soft bottom wash (desktop recipe) so tin/girl edge blends into section bg */
body.friso-signature:not(.education) .baby-container-btm .baby-container::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  bottom: -2% !important;
  width: 140% !important;
  height: 20% !important;
  z-index: 5 !important;
  pointer-events: none !important;
  background: linear-gradient(
    to top,
    #120802 0%,
    rgba(18, 8, 2, 0.96) 28%,
    rgba(32, 7, 4, 0.5) 62%,
    transparent 100%
  ) !important;
}
/* Designed horizontal shadow plate — same asset/placement language as desktop */
body.friso-signature:not(.education) .baby-container-btm::after {
  content: "" !important;
  display: block !important;
  bottom: -32vh !important;
  left: 0 !important;
  width: 100% !important;
  height: 100dvh !important;
  z-index: 3 !important;
  opacity: 1 !important;
  pointer-events: none !important;
  background: url("../img/home/hori_shadow-2.png") center bottom / 100% auto no-repeat !important;
}
/* Soft under-shadow beneath hori_shadow — dark under tin/girl → clear toward next page */
body.friso-signature:not(.education) .baby-container-btm::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: -58vh !important;
  width: 100% !important;
  height: 48vh !important;
  z-index: 2 !important; /* under ::after plate (z:3) */
  opacity: 1 !important;
  pointer-events: none !important;
  background: linear-gradient(
    to bottom,
    rgba(18, 8, 2, 0.72) 0%,
    rgba(12, 5, 1, 0.48) 28%,
    rgba(10, 4, 1, 0.22) 58%,
    rgba(10, 4, 1, 0.06) 82%,
    transparent 100%
  ) !important;
}
@media screen and (max-width: 768px) {
  body.friso-signature:not(.education) .baby-container-btm .baby-container::before {
    bottom: -2% !important;
    height: 18% !important;
  }
  /* mobile far soft + full-width plate: see baby-mobile-shadow-far-after */
}


/* kv-title-nudge-down — move 000-key-visual-title down a bit */
@media screen and (min-width: 769px) {
  body.friso-signature:not(.education) .key-visual {
    --kv-title-top: 15vh !important;
  }
  body.friso-signature:not(.education) .key-visual .key-visual-title,
  body.friso-signature:not(.education) .key-visual .friso-home-tagline-container.key-visual-title {
    top: 15vh !important;
  }
}
@media screen and (max-width: 768px) {
  body.friso-signature:not(.education) .key-visual {
    --kv-title-top: 32vh !important;
  }
  body.friso-signature:not(.education) .key-visual .key-visual-title,
  body.friso-signature:not(.education) .key-visual .friso-home-tagline-container.key-visual-title,
  body.friso-signature:not(.education) .key-visual-hero-group .key-visual-title,
  body.friso-signature:not(.education) .key-visual-hero-group .friso-home-tagline-container.key-visual-title {
    top: 32vh !important;
  }
}

/* smart-immu-orange-br-nudge — orange ball toward bottom-right a bit */
@media screen and (min-width: 769px) {
  body.friso-signature:not(.education) #smart-immu .slide-01 .y-ball,
  body.friso-signature:not(.education) .attack-defence #smart-immu .slide-01 .y-ball,
  body.friso-signature:not(.education) .slide-01 .y-ball {
    left: 46% !important;
    top: calc(11% - (500px * 0.3 * 2.5 / 0.7) * 0.15) !important;
    transform: translateX(-50%) !important;
  }
}
/* smart-immu-orange mobile: match CF (no translate nudge) */

/* milktruck-gold-title-enlarge — step 1/2 golden titles share one display H
   (section4-title-1 / section4-title-2 same font-size level). */
@media screen and (min-width: 769px) {
  body.friso-signature:not(.education) .farm-animation-content-1 .patented-technology-step-title,
  body.friso-signature:not(.education) .farm-animation-overlay .patented-technology-step-title,
  body.friso-signature:not(.education) .farm-animation-overlay .patented-technology-step-num-2-title,
  body.friso-signature:not(.education) .farm-animation-content-2 .patented-technology-step-num-2-title {
    height: calc(25 / 1920 * 100vw) !important;
    max-height: 25px !important;
    width: auto !important;
  }
  body.friso-signature:not(.education) .farm-animation-content-1 .friso-section-container-inner-wider > div:last-child,
  body.friso-signature:not(.education) .farm-animation-content-2 .content-2-text-wrapper {
    padding-top: calc((118px - 25px) / 2 - 0.65rem) !important;
  }
}
@media screen and (max-width: 768px) {
  body.friso-signature:not(.education) .farm-animation-content-1 .patented-technology-step-title,
  body.friso-signature:not(.education) .farm-animation-overlay .patented-technology-step-title,
  body.friso-signature:not(.education) .farm-animation-overlay .patented-technology-step-num-2-title,
  body.friso-signature:not(.education) .farm-animation-content-2 .patented-technology-step-num-2-title {
    height: calc(21 / 420 * 100vw) !important;
    max-height: 21px !important;
    width: auto !important;
  }
}


/* kv-hero-group-vcenter — title @32vh; plates visual heads @49vh
   Mobile assets are 1170x2100 with ~42% empty top pad — compensate via translateY.
   Through 1023px (main.css .mobile-only); desktop ≥1024 unchanged. */
.key-visual-hero-group {
  display: contents;
}
@media screen and (max-width: 1023px) {
  body.friso-signature:not(.education) .key-visual {
    min-height: 100dvh !important;
    height: 100dvh !important;
    /* Was overflow:hidden — clipped the BL ball (bottom:-8vh hangs past the box) */
    overflow: visible !important;
  }
body.friso-signature:not(.education) .key-visual-ball-container {
    overflow: visible !important;
    /* Full-bleed positioning context for BL + BR (same box as former sequence) */
    inset: 0 !important;
    left: 0 !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 100% !important;
    transform: none !important;
    z-index: 13 !important;
  }
  /* BR plate lives here now — fill ball-container so right/bottom match prior sequence coords */
  body.friso-signature:not(.education) .key-visual-ball-container .key-visual-sequence-video.kv-seq-fadein-4 {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    pointer-events: none !important;
    overflow: visible !important;
    z-index: 1 !important;
  }
  body.friso-signature:not(.education) .key-visual-hero-group {
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 4;
    pointer-events: none;
  }
  body.friso-signature:not(.education) .key-visual-hero-group .key-visual-title,
  body.friso-signature:not(.education) .key-visual-hero-group .friso-home-tagline-container.key-visual-title {
    position: absolute !important;
    top: 32vh !important;
    left: 50% !important;
    right: auto !important;
    bottom: auto !important;
    transform: translateX(-50%) !important;
    width: min(78vw, 26rem) !important;
    margin: 0 !important;
    z-index: 20 !important;
    text-align: center !important;
  }
  body.friso-signature:not(.education) .key-visual-hero-group .key-visual-title__img {
    display: block !important;
    width: min(78vw, 26rem) !important;
    max-width: 78vw !important;
    height: auto !important;
    margin: 0 auto !important;
  }
  body.friso-signature:not(.education) .key-visual-hero-group .key-visual-sequence {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-height: none !important;
    min-height: 0 !important;
    /* visible — BR ball sits flush on plate's right edge; hidden hard-crops the sphere */
    overflow: visible !important;
  }
  /*
   * Fala / tin / girl: box top at 49vh, then pull up by asset empty-pad (~42%)
   * so the opaque heads sit on the mid-screen line.
   * height:auto + width:100vw keeps intrinsic aspect so % translateY is correct.
   */
  body.friso-signature:not(.education) .key-visual-hero-group .key-visual-sequence-img-fala.mobile-only,
  body.friso-signature:not(.education) .key-visual-hero-group .key-visual-sequence-video.kv-seq-fadein-3 .key-visual-sequence-video-canvas.mobile-only,
  body.friso-signature:not(.education) .key-visual-hero-group .key-visual-sequence-video.kv-seq-fadein-3 .kv-tin-canvas.mobile-only,
  body.friso-signature:not(.education) .key-visual-hero-group .key-visual-sequence-video.kv-seq-fadein-3 .kv-tin-video.mobile-only,
  body.friso-signature:not(.education) .key-visual .key-visual-sequence-img-fala.mobile-only,
  body.friso-signature:not(.education) .key-visual .key-visual-sequence-video.kv-seq-fadein-3 .key-visual-sequence-video-canvas.mobile-only,
  body.friso-signature:not(.education) .key-visual .key-visual-sequence-video.kv-seq-fadein-3 .kv-tin-canvas.mobile-only,
  body.friso-signature:not(.education) .key-visual .key-visual-sequence-video.kv-seq-fadein-3 .kv-tin-video.mobile-only {
    position: absolute !important;
    top: 49vh !important;
    bottom: auto !important;
    left: 50% !important;
    right: auto !important;
    width: 100vw !important;
    max-width: 100vw !important;
    height: auto !important;
    max-height: none !important;
    min-height: 0 !important;
    object-fit: fill !important;
    object-position: center top !important;
    transform: translateX(-50%) translateY(-42%) !important;
    transform-origin: top center !important;
  }
  body.friso-signature:not(.education) .key-visual-hero-group .key-visual-sequence-img-girl.mobile-only,
  body.friso-signature:not(.education) .key-visual .key-visual-sequence-img-girl.mobile-only {
    position: absolute !important;
    top: 49vh !important;
    bottom: auto !important;
    left: 44% !important;
    right: auto !important;
    width: 100vw !important;
    max-width: 100vw !important;
    height: auto !important;
    max-height: none !important;
    min-height: 0 !important;
    object-fit: fill !important;
    object-position: center top !important;
    transform: translateX(-50%) translateY(-44.5%) scale(1.08) !important;
    transform-origin: top center !important;
  }

  /* Client: BL ball 90% size, left + up — keep fully visible (no parent clip) */
  body.friso-signature:not(.education) .key-visual-ball-container-wrapper {
    width: 40.5vw !important;
    height: 40.5vw !important;
    min-width: 40.5vw !important;
    min-height: 40.5vw !important;
    left: -10vw !important;
    bottom: 3vh !important;
    overflow: visible !important;
  }
}

/* kv-bl-ball-short-height — drop BL ball so Fala shows fully on ≤700px */
@media screen and (max-width: 768px) and (max-height: 700px) {
  body.friso-signature:not(.education) .key-visual-ball-container-wrapper {
    bottom: -5vh !important;
  }
}

/* kv-mobile-bottom-grad — match CloudFront band shadow (not plate-mask dissolve) */
@media screen and (max-width: 768px) {
  /* Keep screen-blended tin inside this stack so ::after (z7) can cover it */
  body.friso-signature:not(.education) .key-visual-sequence {
    isolation: isolate;
  }
  /* CF: no image masks on plates */
  body.friso-signature:not(.education) .key-visual-sequence-img-fala.mobile-only,
  body.friso-signature:not(.education) .key-visual-sequence-img-girl.mobile-only,
  body.friso-signature:not(.education) .key-visual-sequence-video.kv-seq-fadein-3 .key-visual-sequence-video-canvas.mobile-only,
  body.friso-signature:not(.education) .key-visual-sequence-video.kv-seq-fadein-3 .kv-tin-canvas.mobile-only,
  body.friso-signature:not(.education) .key-visual-sequence-video.kv-seq-fadein-3 .kv-tin-video.mobile-only {
    -webkit-mask-image: none !important;
    mask-image: none !important;
  }
  /* KV plate bg — dissolve to transparent under BL/BR balls */
  body.friso-signature:not(.education) .key-visual-bg {
    -webkit-mask-image: linear-gradient(
      to bottom,
      #000 0%,
      #000 62%,
      rgba(0, 0, 0, 0.55) 78%,
      transparent 100%
    ) !important;
    mask-image: linear-gradient(
      to bottom,
      #000 0%,
      #000 62%,
      rgba(0, 0, 0, 0.55) 78%,
      transparent 100%
    ) !important;
  }
  /* Soft ground — top owned by kv-shadow-figure-anchor (feet-tracked) */
    body.friso-signature:not(.education) .key-visual-sequence::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    bottom: 0 !important;
    height: auto !important;
    background: #210f03 !important;
    background: linear-gradient(
      180deg,
      rgba(33, 15, 3, 0) 0%,
      rgba(33, 15, 3, 0.55) 8%,
      #210f03 16%,
      #210f03 28%,
      rgba(33, 15, 3, 0.85) 42%,
      rgba(33, 15, 3, 0.55) 58%,
      rgba(33, 15, 3, 0.28) 72%,
      rgba(33, 15, 3, 0.1) 88%,
      rgba(33, 15, 3, 0) 100%
    ) !important;
    opacity: 1 !important;
    z-index: 7 !important;
    pointer-events: none !important;
  }
}

/* kv-mobile-bottom-grad-short — match tall-mobile soft band (same 73% + gradient). */


/* kv-mobile-br-ball — plate 1170×2100; sphere ≈410px (~35% of width), flush-cut
   on the plate’s right edge (asset bake). Slight hang past the viewport so
   overflow-x:clip hides the flat cut while keeping most of the orb on screen.
   Through 1023 (.mobile-only plates); desktop ≥1024 uses hero-ball overlays. */
@media screen and (max-width: 1023px) {
  body.friso-signature:not(.education) .key-visual-ball-container .key-visual-sequence-video.kv-seq-fadein-4 {
    display: block !important;
    visibility: visible !important;
    overflow: visible !important;
  }
  /* Geometry for the visible ball layer only.
     Do NOT force display on .kv-ball-canvas — that overrides
     html:not(.is-safari) .kv-ball-canvas{display:none} and a blank
     canvas covers the webm (ball reads as cropped/missing). */
  body.friso-signature:not(.education) .key-visual-ball-container .key-visual-sequence-video.kv-seq-fadein-4 .kv-ball-video.mobile-only,
  html.is-safari body.friso-signature:not(.education) .key-visual-ball-container .key-visual-sequence-video.kv-seq-fadein-4 .kv-ball-canvas.mobile-only {
    display: block !important;
    visibility: visible !important;
    position: absolute !important;
    left: auto !important;
    /* Full plate, scale from BR so the ~12%-wide orb reads large.
       Keep the box on-screen; radial mask hides the baked flat right edge. */
    right: 2vw !important;
    top: auto !important;
    bottom: 1vh !important;
    width: 80vw !important;
    height: auto !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: contain !important;
    object-position: right bottom !important;
    transform: scale(2.2) !important;
    transform-origin: 92% 92% !important;
    filter: none !important;
    /* Asset is RGB on black — screen punches out the plate */
    mix-blend-mode: screen !important;
    z-index: 14 !important;
    -webkit-mask-image: radial-gradient(
      circle 48% at 92% 90%,
      #000 0%,
      #000 55%,
      rgba(0, 0, 0, 0.5) 75%,
      transparent 100%
    ) !important;
    mask-image: radial-gradient(
      circle 48% at 92% 90%,
      #000 0%,
      #000 55%,
      rgba(0, 0, 0, 0.5) 75%,
      transparent 100%
    ) !important;
  }
}

/* cg-video-1.2x —「有助主動出擊／精準擊退威脅」video enlarge 1.2×
   Width capped by height so short viewports (e.g. 1399×855) don't letterbox
   under the frame and push CTA spacing away from 1920. */
@media screen and (min-width: 769px) {
  body.friso-signature:not(.education) .friso-section-container.cg {
    overflow: visible !important;
  }
  body.friso-signature:not(.education) .friso-section-container.cg .friso-section-container-inner-wider > div:nth-child(1) {
    overflow: visible !important;
    max-height: none !important;
    align-items: flex-end !important;
  }
  body.friso-signature:not(.education) .friso-section-container.cg .friso-section-container-inner-wider .video-container {
    --cg-video-max-h: min(72vh, calc(100dvh - 72px - 4.5rem));
    width: min(98vw, 1296px, calc(var(--cg-video-max-h) * 16 / 9)) !important;
    max-width: min(98vw, 1296px, calc(var(--cg-video-max-h) * 16 / 9)) !important;
    max-height: var(--cg-video-max-h) !important;
    height: auto !important;
    aspect-ratio: 16 / 9;
  }
  body.friso-signature:not(.education) .friso-section-container.cg .friso-section-container-inner-wider .video-container video {
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    object-fit: contain !important;
  }
}
@media screen and (max-width: 768px) {
  body.friso-signature:not(.education) .friso-section-container.cg .friso-section-container-inner-wider .video-container {
    transform: scale(1.2) !important;
    transform-origin: center center !important;
  }
}

/* cg-cta-nudge —「探索免疫球蛋白IgG的獨特性」spacing under video */
@media screen and (min-width: 769px) {
  body.friso-signature:not(.education) .friso-section-container.cg .friso-section-container-inner-wider {
    gap: 0.7rem !important;
  }
  body.friso-signature:not(.education) .friso-section-container.cg .friso-section-container-inner-wider > div:nth-child(2) {
    margin-top: 0.35rem !important;
  }
  body.friso-signature:not(.education) .friso-section-container.cg .friso-rect-button {
    margin-top: 0 !important;
  }
}
@media screen and (max-width: 768px) {
  body.friso-signature:not(.education) .friso-section-container.cg .friso-rect-button {
    margin-top: 0.9rem !important;
  }
}

/* gong-attack-130 — 攻/守 H=130; text gap scaled from prior 15px@112.5 */
@media screen and (min-width: 769px) {
  body.friso-signature:not(.education) .smart-immu-attack-content,
  body.friso-signature:not(.education) .immu-defense-slide .smart-immu-content,
  body.friso-signature:not(.education) .slide-03 .smart-immu-content,
  body.friso-signature:not(.education) .slide-01 {
    --smart-gong-h: min(130px, calc(130 / 1920 * 100vw)) !important;
    --smart-gong-w: calc(var(--smart-gong-h) * 155.33 / 150) !important;
    --smart-shou-w: calc(var(--smart-gong-h) * 148.96 / 150) !important;
    /* 15px was authored at 112.5px glyph; keep same ratio beside 攻/守 */
    --smart-immu-text-gap: calc(var(--smart-gong-h) * 15 / 112.5) !important;
    --smart-immu-title-h: 22px;
    /* Modest title→copy gap; leftover goes into line-height (see gap-fixed) */
    --smart-immu-title-gap: 0.55rem !important;
    --smart-gong-top-inset: 0px !important;
  }
  body.friso-signature:not(.education) .smart-immu-attack-content > .smart-immu-content-title,
  body.friso-signature:not(.education) .slide-01 .smart-immu-content-title-1,
  body.friso-signature:not(.education) .immu-defense-slide .smart-immu-content > .smart-immu-content-title,
  body.friso-signature:not(.education) .slide-03 .smart-immu-content > .smart-immu-content-title {
    flex: 0 0 var(--smart-gong-w) !important;
    width: var(--smart-gong-w) !important;
    max-width: none !important;
  }
  body.friso-signature:not(.education) .smart-immu-attack-content .attack-img-txt,
  body.friso-signature:not(.education) .friso-section-container.smart .smart-immu-container .smart-immu-attack-content .attack-img-txt,
  body.friso-signature:not(.education) .smart-immu-slide.slide-02 .smart-immu-attack-content .attack-img-txt,
  body.friso-signature:not(.education) .slide-01 .text-img-smart.attack-img-txt,
  body.friso-signature:not(.education) .slide-01 .smart-immu-content-title-1 .text-img-smart,
  body.friso-signature:not(.education) .smart-immu-content-title-1 .text-img-smart,
  body.friso-signature:not(.education) .text-img-smart.attack-img-txt,
  body.friso-signature:not(.education) .attack-img-txt.text-img.m-small,
  body.friso-signature:not(.education) .immu-defense-slide .m-defence,
  body.friso-signature:not(.education) .slide-03 .m-defence,
  body.friso-signature:not(.education) .slide-01 .text-img-smart.m-defence,
  body.friso-signature:not(.education) .slide-01 .smart-immu-content-title-2 .text-img-smart,
  body.friso-signature:not(.education) .text-img-smart.m-defence,
  body.friso-signature:not(.education) .m-defence.text-img.m-small {
    height: min(130px, calc(130 / 1920 * 100vw)) !important;
    max-height: 130px !important;
    width: auto !important;
    margin-top: 0 !important;
  }
  body.friso-signature:not(.education) .smart-immu-attack-content .smart-immu-content-subtitle,
  body.friso-signature:not(.education) .immu-defense-slide .smart-immu-content-subtitle,
  body.friso-signature:not(.education) .slide-03 .smart-immu-content-subtitle {
    padding-left: var(--smart-immu-text-gap) !important;
    margin-top: 0 !important;
    margin-bottom: var(--smart-immu-title-gap) !important;
  }
  body.friso-signature:not(.education) .smart-immu-attack-content .smart-immu-title,
  body.friso-signature:not(.education) .immu-defense-slide .smart-immu-title,
  body.friso-signature:not(.education) .slide-03 .smart-immu-title {
    object-position: left top !important;
    vertical-align: top !important;
  }
  body.friso-signature:not(.education) .smart-immu-attack-content p.txt-normal,
  body.friso-signature:not(.education) .immu-defense-slide .smart-immu-content p.txt-normal,
  body.friso-signature:not(.education) .slide-03 .smart-immu-content p.txt-normal {
    padding-left: var(--smart-immu-text-gap) !important;
  }
}


/* trackeasy-img-vcenter — chart vertically centered with left title+copy
   (was flex-start / object-position top — image sat too low vs text block) */
@media screen and (min-width: 769px) {
  body.friso-signature:not(.education) #product .track-easy-container .track-easy-container-inner {
    align-items: center !important;
  }
  body.friso-signature:not(.education) #product .track-easy-container-inner-right,
  body.friso-signature:not(.education) #product .track-easy-container .track-easy-container-inner .track-easy-img {
    align-self: center !important;
    display: flex !important;
    align-items: center !important;
    padding-top: 0 !important;
    margin-top: 0 !important;
  }
  body.friso-signature:not(.education) #product .track-easy-container .track-easy-container-inner .track-easy-img img {
    object-position: right center !important;
  }
}


/* smart-immu-defence-title-optical — superseded by titles-match (+1px desktop);
   keep mobile optical nudge only */
@media screen and (min-width: 769px) {
  body.friso-signature:not(.education) .immu-defense-slide .smart-immu-content-subtitle,
  body.friso-signature:not(.education) .slide-03 .smart-immu-content-subtitle {
    margin-top: 1px !important;
  }
}
@media screen and (max-width: 768px) {
  body.friso-signature:not(.education) .immu-defense-slide .smart-immu-content-subtitle,
  body.friso-signature:not(.education) .slide-03 .smart-immu-content-subtitle {
    margin-top: 1px !important;
  }
}



/* Resting: sides dim, center full — unchanged intent, wins over global .moving rule after settle */
body.friso-signature:not(.education) #mom-signature-splide:not(.moving) .splide__track .splide__slide {
  filter: brightness(0.4);
}
body.friso-signature:not(.education) #mom-signature-splide:not(.moving) .splide__track .splide__slide.is-active {
  filter: brightness(1);
}


/* compare-inactive-y-fade — virus.png keeps layout transform:!important, so fade via opacity only.
   Headline JS sync adds .scrolled; delays: active 500ms / inactive 1000ms. */
body.friso-signature:not(.education) .compare .friso-section-content > div:nth-child(1) .y-shape-canvas-container.fadein-ele:not(.scrolled),
body.friso-signature:not(.education) .compare .friso-section-content > div:nth-child(1) .compare-title-seq.fadein-ele:not(.scrolled),
body.friso-signature:not(.education) .compare .friso-section-content > div:nth-child(2) .steps-num.fadein-ele:not(.scrolled),
body.friso-signature:not(.education) .compare .friso-section-content > div:nth-child(2) .compare-title-seq.fadein-ele:not(.scrolled) {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}
body.friso-signature:not(.education) .compare .friso-section-content > div:nth-child(1) .y-shape-canvas-container.fadein-ele.scrolled,
body.friso-signature:not(.education) .compare .friso-section-content > div:nth-child(1) .compare-title-seq.fadein-ele.scrolled {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transition: opacity 0.55s ease-out !important;
  transition-delay: 500ms !important;
}
body.friso-signature:not(.education) .compare .friso-section-content > div:nth-child(2) .steps-num.fadein-ele.scrolled,
body.friso-signature:not(.education) .compare .friso-section-content > div:nth-child(2) .compare-title-seq.fadein-ele.scrolled {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transition: opacity 0.55s ease-out !important;
  transition-delay: 1000ms !important;
}
/* Keep inactive Y alignment nudge while fading (do not let fadein translateY win) */
@media screen and (min-width: 769px) {
  body.friso-signature:not(.education) .compare .friso-section-content > div:nth-child(2) .steps-num.fadein-ele,
  body.friso-signature:not(.education) .compare .friso-section-content > div:nth-child(2) .steps-num.fadein-ele.scrolled {
    transform: translateX(3.5%) translateY(-1.4%) !important;
    transform-origin: center top !important;
  }
}


/* mum-carousel-v3 — definitive: no vanish + drag-all-shrink until land
   Root causes fixed:
   - crop-outers opacity:0 on non-prev/next/active hid loop clones mid-move
   - .moving brightness(0.4) on every slide made cards look gone
   - active scale(1) must only apply when NOT .moving */
body.friso-signature:not(.education) #mom-signature-splide .splide__slide,
body.friso-signature:not(.education) #mom-signature-splide .splide__slide.is-active,
body.friso-signature:not(.education) #mom-signature-splide .splide__slide.is-prev,
body.friso-signature:not(.education) #mom-signature-splide .splide__slide.is-next,
body.friso-signature:not(.education) #mom-signature-splide.moving .splide__slide,
body.friso-signature:not(.education) #mom-signature-splide.moving .splide__slide:not(.is-active):not(.is-prev):not(.is-next) {
  opacity: 1 !important;
  visibility: visible !important;
}
/* Kill global ".moving .splide__slide { filter:brightness(0.4) }" for this carousel */
body.friso-signature:not(.education) #mom-signature-splide.moving .splide__slide,
body.friso-signature:not(.education) #mom-signature-splide .moving .splide__slide {
  filter: none !important;
}
body.friso-signature:not(.education) #mom-signature-splide.moving .splide__slide {
  filter: brightness(0.92) !important;
}
/* All cards shrink while dragging / snapping */
body.friso-signature:not(.education) #mom-signature-splide.moving .splide__track .splide__slide .flip-card-container,
body.friso-signature:not(.education) #mom-signature-splide.moving .splide__track .splide__slide.is-prev .flip-card-container,
body.friso-signature:not(.education) #mom-signature-splide.moving .splide__track .splide__slide.is-next .flip-card-container,
body.friso-signature:not(.education) #mom-signature-splide.moving .splide__track .splide__slide.is-active .flip-card-container,
body.friso-signature:not(.education) .mom-signature-splide.moving .splide__track .splide__slide.is-active .flip-card-container {
  transform: scale(0.72) !important;
  transform-origin: center center !important;
  transition: transform 0.35s ease !important;
}
/* Only enlarge the landed center card */
body.friso-signature:not(.education) #mom-signature-splide:not(.moving) .splide__track .splide__slide .flip-card-container,
body.friso-signature:not(.education) #mom-signature-splide:not(.moving) .splide__track .splide__slide.is-prev .flip-card-container,
body.friso-signature:not(.education) #mom-signature-splide:not(.moving) .splide__track .splide__slide.is-next .flip-card-container {
  transform: scale(0.72) !important;
  transform-origin: center center !important;
  transition: transform 0.35s ease !important;
}
body.friso-signature:not(.education) #mom-signature-splide:not(.moving) .splide__track .splide__slide.is-active .flip-card-container,
body.friso-signature:not(.education) .mom-signature-splide:not(.moving) .splide__track .splide__slide.is-active .flip-card-container {
  transform: scale(1) !important;
  transform-origin: center center !important;
  transition: transform 0.35s ease !important;
}
/* Resting brightness: sides dim, center full */
body.friso-signature:not(.education) #mom-signature-splide:not(.moving) .splide__track .splide__slide {
  filter: brightness(0.4) !important;
}
body.friso-signature:not(.education) #mom-signature-splide:not(.moving) .splide__track .splide__slide.is-active {
  filter: brightness(1) !important;
}



/* side-nav-hit-v2 — keep original 0.6em dots; expand click via invisible ::before only */
body.friso-signature:not(.education) .side-navbar-container,
body.friso-signature:not(.education) .side-navbar-container.active {
  z-index: 5000 !important;
}
body.friso-signature:not(.education) .side-navbar-container.active .side-navbar-ele {
  pointer-events: auto !important;
  cursor: pointer !important;
  position: relative !important;
  width: 0.6em !important;
  height: 0.6em !important;
  min-width: 0.6em !important;
  min-height: 0.6em !important;
  padding: 0 !important;
  margin: 0.6em 0 !important;
  box-sizing: border-box !important;
  background-clip: padding-box !important;
}
body.friso-signature:not(.education) .side-navbar-container.active .side-navbar-ele::before {
  content: "" !important;
  position: absolute !important;
  /* Invisible larger hit area — does not paint the white circle */
  inset: -0.45rem -0.9rem !important;
  background: transparent !important;
}
/* CS + shop sit under the same pointer-events:none parent — must opt back in */
body.friso-signature:not(.education) .side-navbar-container.active .cs-container,
body.friso-signature:not(.education) .side-navbar-container.active .cs-container > a,
body.friso-signature:not(.education) .side-navbar-container.active .shop-btn-container,
body.friso-signature:not(.education) .side-navbar-container.active .shop-btn-container.shop-btn-main,
body.friso-signature:not(.education) .side-navbar-container.active .shop-btn-container.subshop,
body.friso-signature:not(.education) .side-navbar-container.active .lang-btn,
body.friso-signature:not(.education) .side-navbar-container.active .lang-btn > a {
  pointer-events: auto !important;
  cursor: pointer !important;
  z-index: 4 !important;
}

/* trackeasy-text-img-gap — more space between left copy and right chart */
@media screen and (min-width: 769px) {
  body.friso-signature:not(.education) #product .track-easy-container .track-easy-container-inner {
    gap: clamp(1.5rem, 3vw, 2.75rem) !important;
  }
  body.friso-signature:not(.education) #product .track-easy-container-inner-left {
    padding-right: 0.5rem !important;
  }
  body.friso-signature:not(.education) #product .track-easy-container-inner-right {
    padding-left: 0.5rem !important;
  }
}


/* ==========================================================================
   mobile-text-artboard-420 — authoritative Mobile SVG artboards (viewBox 0 0 420 H)
   Source: Downloads_External/Mobile. height:calc(H/420*100vw) → width resolves to 100vw.
   ========================================================================== */
@media screen and (max-width: 768px) {
  body.friso-signature:not(.education) picture:has([class*="title__img"]),
  body.friso-signature:not(.education) picture:has(.key-visual-title__img),
  body.friso-signature:not(.education) picture:has(.did-you-know-title__img),
  body.friso-signature:not(.education) picture:has(.igg-title__img),
  body.friso-signature:not(.education) picture:has(.compare-section-title__img),
  body.friso-signature:not(.education) picture:has(.compare-title__img),
  body.friso-signature:not(.education) picture:has(.patented-technology-title__img),
  body.friso-signature:not(.education) picture:has(.trackeasy-title__img),
  body.friso-signature:not(.education) picture:has(.signature-mum-title__img),
  body.friso-signature:not(.education) picture:has(.signature-experience-title__img),
  body.friso-signature:not(.education) picture:has(.fala-signature-title__img),
  body.friso-signature:not(.education) picture:has(.kol-img-title),
  body.friso-signature:not(.education) picture:has(.smart-immu-title),
  body.friso-signature:not(.education) picture:has(.y-ball-parts-title-img),
  body.friso-signature:not(.education) picture:has(.attack-img-txt-title-img),
  body.friso-signature:not(.education) picture:has(.text-img-smart),
  body.friso-signature:not(.education) picture:has(.text-img),
  body.friso-signature:not(.education) .smart-head-title picture,
  body.friso-signature:not(.education) .mum-signature-container .signature-mum-title__picture {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
    line-height: 0 !important;
  }

  /* Kill leftover vw width caps that fight 420 artboards */
  body.friso-signature:not(.education) .did-you-know-title__img,
  body.friso-signature:not(.education) .key-visual-title__img,
  body.friso-signature:not(.education) .igg-title__img,
  body.friso-signature:not(.education) .compare-section-title__img,
  body.friso-signature:not(.education) .compare-title__img,
  body.friso-signature:not(.education) .patented-technology-title__img,
  body.friso-signature:not(.education) .trackeasy-title__img,
  body.friso-signature:not(.education) .signature-mum-title__img,
  body.friso-signature:not(.education) .signature-experience-title__img,
  body.friso-signature:not(.education) .fala-signature-title__img,
  body.friso-signature:not(.education) .kol-img-title,
  body.friso-signature:not(.education) .smart-immu-title,
  body.friso-signature:not(.education) .y-ball-parts-title-img,
  body.friso-signature:not(.education) .attack-img-txt-title-img,
  body.friso-signature:not(.education) .smart-head-title img,
  body.friso-signature:not(.education) .smart-head-title picture img,
  body.friso-signature:not(.education) .text-img-smart,
  body.friso-signature:not(.education) .attack-defence .text-img,
  body.friso-signature:not(.education) .baby-slide-txt > img {
    width: auto !important;
    max-width: none !important;
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  /* Farm step gold titles — left with white body (not centered like section headlines) */
  body.friso-signature:not(.education) .patented-technology-step-title,
  body.friso-signature:not(.education) .patented-technology-step-num-2-title {
    width: auto !important;
    max-width: none !important;
    display: block !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* Mobile Text-1 · 420×60 — include picture img (baby-slide-1) */
  body.friso-signature:not(.education) .key-visual-title__img,
  body.friso-signature:not(.education) .baby-slide-txt > img[src*="000-key-visual-title"],
  body.friso-signature:not(.education) .baby-slide-txt picture img[src*="000-key-visual-title"],
  body.friso-signature:not(.education) .baby-slide-1 .baby-slide-txt img[src*="000-key-visual-title"] {
    height: calc(60 / 420 * 100vw) !important;
    max-height: 60px !important;
    width: auto !important;
    max-width: none !important;
  }
  /* Mobile Text-2 · 420×24.34 */
  body.friso-signature:not(.education) .did-you-know-title__img {
    height: calc(24.34 / 420 * 100vw) !important;
    max-height: 24.34px !important;
  }
  /* Mobile Text-3 · 420×53.54 */
  body.friso-signature:not(.education) .igg-girl-container .igg-title__img {
    height: calc(53.54 / 420 * 100vw) !important;
    max-height: 53.54px !important;
  }
  /* Mobile Text-4 · 420×60.17 */
  body.friso-signature:not(.education) .compare .compare-section-title__img {
    height: calc(60.17 / 420 * 100vw) !important;
    max-height: 60.17px !important;
  }
  /* Mobile Text-5/6 · 420×24.34 */
  body.friso-signature:not(.education) .compare .compare-title__img {
    height: calc(24.34 / 420 * 100vw) !important;
    max-height: 24.34px !important;
  }
  /* Mobile Text-7 · 420×50 */
  body.friso-signature:not(.education) .patented-technology-title__img {
    height: calc(50 / 420 * 100vw) !important;
    max-height: 50px !important;
  }
  /* Mobile Text-8 · 420×45.53 */
  body.friso-signature:not(.education) .trackeasy-title__img {
    height: calc(45.53 / 420 * 100vw) !important;
    max-height: 45.53px !important;
  }
  /* Mobile Text-11 · 420×20.24 */
  body.friso-signature:not(.education) .patented-technology-step-num-2-title {
    height: calc(21 / 420 * 100vw) !important;
    max-height: 21px !important;
  }
  /* Mobile Text-14/15 · 420×15 */
  body.friso-signature:not(.education) .smart-immu-title,
  body.friso-signature:not(.education) img[src*="smart-immu-content-subtitle"] {
    height: calc(15 / 420 * 100vw) !important;
    max-height: 15px !important;
  }
  /* Mobile Text-16 · 420×24.34 */
  body.friso-signature:not(.education) .baby-slide-txt > img[src*="013-no-added-sugar-title"] {
    height: calc(24.34 / 420 * 100vw) !important;
    max-height: 24.34px !important;
  }
  /* Mobile Text-17 · 420×24.34 */
  body.friso-signature:not(.education) .fala-signature-title__img {
    height: calc(24.34 / 420 * 100vw) !important;
    max-height: 24.34px !important;
  }
  /* Mobile Text-18 · 420×21 */
  body.friso-signature:not(.education) .patented-technology-step-title {
    height: calc(21 / 420 * 100vw) !important;
    max-height: 21px !important;
  }
  /* Mobile Text-19/20/21/23 · 420×13.2 white-ball labels */
  body.friso-signature:not(.education) .y-ball-parts-title-img {
    height: calc(13.2 / 420 * 100vw) !important;
    max-height: 13.2px !important;
  }
  /* Mobile Text-22 · 420×13.2 big-ball IgG (same artboard H as white balls) */
  body.friso-signature:not(.education) .attack-img-txt-title-img {
    height: calc(13.2 / 420 * 100vw) !important;
    max-height: 13.2px !important;
  }
  /* Mobile Text-24/25/29 · 420×60 */
  body.friso-signature:not(.education) .smart-head-title img,
  body.friso-signature:not(.education) .smart-head-title picture img,
  body.friso-signature:not(.education) .signature-mum-title__img,
  body.friso-signature:not(.education) .signature-experience-title__img {
    height: calc(60 / 420 * 100vw) !important;
    max-height: 60px !important;
  }
  /* Mobile Text-26/27/28 · 420×19 KOL */
  body.friso-signature:not(.education) .kol-img-title {
    height: calc(19 / 420 * 100vw) !important;
    max-height: 19px !important;
  }
  /* 攻/守: trimmed viewBox (no 420 side pad) — CF height 83px */
  body.friso-signature:not(.education) .text-img-smart,
  body.friso-signature:not(.education) .smart-immu-content-title .text-img,
  body.friso-signature:not(.education) .attack-defence .text-img,
  body.friso-signature:not(.education) .smart-immu-attack-content .attack-img-txt {
    height: 83px !important;
    max-height: 83px !important;
  }
}


/* mobile-text-artboard-420-kv — beat .key-visual-hero-group 78vw cap */
@media screen and (max-width: 768px) {
  body.friso-signature:not(.education) .key-visual-hero-group .key-visual-title,
  body.friso-signature:not(.education) .key-visual-hero-group .friso-home-tagline-container.key-visual-title {
    width: 100% !important;
    max-width: 100% !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
  }
  body.friso-signature:not(.education) .key-visual-hero-group .key-visual-title__img {
    width: auto !important;
    max-width: none !important;
    height: calc(60 / 420 * 100vw) !important;
    max-height: 60px !important;
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}


/* mobile-text-artboard-420-specificity — beat smart-immu-title-h / parent width:100% */
@media screen and (max-width: 768px) {
  body.friso-signature:not(.education) .smart-immu-attack-content .smart-immu-title,
  body.friso-signature:not(.education) .smart-immu-attack-content img.smart-immu-title,
  body.friso-signature:not(.education) .immu-defense-slide .smart-immu-title,
  body.friso-signature:not(.education) .slide-03 .smart-immu-title,
  body.friso-signature:not(.education) .smart-immu-content-subtitle .smart-immu-title {
    height: calc(15 / 420 * 100vw) !important;
    max-height: 15px !important;
    width: auto !important;
    max-width: none !important;
  }
  /* Ball labels + IgG plate: size from 420 artboard; allow overflow of narrow ball cols */
  body.friso-signature:not(.education) .y-ball-parts-title-img,
  body.friso-signature:not(.education) img.y-ball-parts-title-img,
  body.friso-signature:not(.education) .attack-img-txt-title-img,
  body.friso-signature:not(.education) img.attack-img-txt-title-img {
    height: calc(13.2 / 420 * 100vw) !important;
    max-height: 13.2px !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
  }
  /* 攻/守 trimmed glyphs — CF 83px */
  body.friso-signature:not(.education) .text-img-smart,
  body.friso-signature:not(.education) .attack-defence .text-img,
  body.friso-signature:not(.education) .smart-immu-attack-content .attack-img-txt,
  body.friso-signature:not(.education) .smart-immu-content-title .text-img,
  body.friso-signature:not(.education) img.text-img-smart,
  body.friso-signature:not(.education) img.attack-img-txt {
    height: 83px !important;
    max-height: 83px !important;
    width: auto !important;
    max-width: none !important;
  }
}


/* mobile-text-artboard-420-balls — height from 420 artboard; center over each ball */
@media screen and (max-width: 768px) {
  body.friso-signature:not(.education) .y-ball-parts-title-img,
  body.friso-signature:not(.education) img.y-ball-parts-title-img,
  body.friso-signature:not(.education) .attack-img-txt-title-img,
  body.friso-signature:not(.education) img.attack-img-txt-title-img {
    width: auto !important;
    max-width: none !important;
    height: calc(13.2 / 420 * 100vw) !important;
    max-height: 13.2px !important;
    position: relative !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
    display: block !important;
  }
}


/* ==========================================================================
   mobile-title-center-scale — center image titles; shared artboard width for
   section headlines (= consistent glyph/font size). Cap below full-bleed.
   In-column titles: center in parent, max shared width. Farm steps stay left.
   ========================================================================== */
@media screen and (max-width: 768px) {
  body.friso-signature:not(.education) {
    --friso-m-title-w: 86vw;
  }

  /* Wrappers — center */
  body.friso-signature:not(.education) .key-visual-title,
  body.friso-signature:not(.education) .friso-home-tagline-container.key-visual-title,
  body.friso-signature:not(.education) .key-visual-hero-group .key-visual-title,
  body.friso-signature:not(.education) #did-you-know h2,
  body.friso-signature:not(.education) .igg-girl-container .igg-title-seq,
  body.friso-signature:not(.education) .igg-girl-container h2,
  body.friso-signature:not(.education) .compare h2.three-points-title,
  body.friso-signature:not(.education) .compare .compare-text,
  body.friso-signature:not(.education) .compare .compare-text h2,
  body.friso-signature:not(.education) .patented-technology-title:not(.farm-pin-title),
  body.friso-signature:not(.education) .patented-technology-title:not(.farm-pin-title) h2,
  body.friso-signature:not(.education) .friso-section-container.smart .smart-head-title,
  body.friso-signature:not(.education) .smart-immu-content-subtitle,
  body.friso-signature:not(.education) .baby-slide-txt,
  body.friso-signature:not(.education) .fala-signature__title,
  body.friso-signature:not(.education) h2.fala-signature__title,
  body.friso-signature:not(.education) .mum-signature-container .mom-signature-splide-title,
  body.friso-signature:not(.education) .mum-signature-container .signature-mum-title__picture,
  body.friso-signature:not(.education) .splide-content-item .txt-smallhead,
  body.friso-signature:not(.education) #product .track-easy-title,
  body.friso-signature:not(.education) #product .track-easy-container .track-easy-title,
  body.friso-signature:not(.education) #signature-experience h2,
  body.friso-signature:not(.education) #signature-experience .exp-title-seq {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  body.friso-signature:not(.education) picture:has(.key-visual-title__img),
  body.friso-signature:not(.education) picture:has(.did-you-know-title__img),
  body.friso-signature:not(.education) picture:has(.igg-title__img),
  body.friso-signature:not(.education) picture:has(.compare-section-title__img),
  body.friso-signature:not(.education) picture:has(.compare-title__img),
  body.friso-signature:not(.education) .patented-technology-title:not(.farm-pin-title) picture:has(.patented-technology-title__img),
  body.friso-signature:not(.education) picture:has(.trackeasy-title__img),
  body.friso-signature:not(.education) picture:has(.signature-mum-title__img),
  body.friso-signature:not(.education) picture:has(.signature-experience-title__img),
  body.friso-signature:not(.education) picture:has(.fala-signature-title__img),
  body.friso-signature:not(.education) picture:has(.kol-img-title),
  body.friso-signature:not(.education) picture:has(.smart-immu-title) {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
    line-height: 0 !important;
  }

  /* Section headlines — one shared 420-artboard display width */
  body.friso-signature:not(.education) .key-visual-title__img,
  body.friso-signature:not(.education) .key-visual-hero-group .key-visual-title__img,
  body.friso-signature:not(.education) .did-you-know-title__img,
  body.friso-signature:not(.education) .igg-girl-container .igg-title__img,
  body.friso-signature:not(.education) .compare .compare-section-title__img,
  body.friso-signature:not(.education) .patented-technology-title:not(.farm-pin-title) .patented-technology-title__img,
  body.friso-signature:not(.education) .baby-slide-txt > img,
  body.friso-signature:not(.education) .baby-slide-txt picture img,
  body.friso-signature:not(.education) .fala-signature-title__img,
  body.friso-signature:not(.education) .signature-mum-title__img,
  body.friso-signature:not(.education) .trackeasy-title__img,
  body.friso-signature:not(.education) #product .trackeasy-title__img,
  body.friso-signature:not(.education) .signature-experience-title__img,
  body.friso-signature:not(.education) img[src*="013-no-added-sugar-title"],
  body.friso-signature:not(.education) img[src*="000-key-visual-title"] {
    width: var(--friso-m-title-w) !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: none !important;
    min-height: 0 !important;
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    object-fit: contain !important;
  }

  /* In-column titles — center in column; same artboard scale, never wider than parent */
  body.friso-signature:not(.education) .compare .compare-title__img,
  body.friso-signature:not(.education) .kol-img-title {
    width: var(--friso-m-title-w) !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: none !important;
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
    transform: none !important;
    object-fit: contain !important;
  }

  /* 攻 / 守 — Mobile 420×90 at 75% height; keep absolute corner placement */
  body.friso-signature:not(.education) .text-img-smart,
  body.friso-signature:not(.education) .smart-immu-content-title .text-img,
  body.friso-signature:not(.education) .attack-defence .text-img,
  body.friso-signature:not(.education) .smart-immu-attack-content .attack-img-txt,
  body.friso-signature:not(.education) img.text-img-smart,
  body.friso-signature:not(.education) img.attack-img-txt {
    width: auto !important;
    max-width: none !important;
    height: 83px !important; /* CF mobile trimmed 攻/守 */
    max-height: 83px !important;
    display: block !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* Ball labels — 420×13.2; optical center under each ball (not full-bleed 86vw) */
  body.friso-signature:not(.education) .y-ball-parts-title-img,
  body.friso-signature:not(.education) img.y-ball-parts-title-img,
  body.friso-signature:not(.education) .attack-img-txt-title-img,
  body.friso-signature:not(.education) img.attack-img-txt-title-img {
    width: auto !important;
    max-width: none !important;
    height: calc(13.2 / 420 * 100vw) !important;
    max-height: 13.2px !important;
    position: relative !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    display: block !important;
  }

  /* SMART IMMU section title + slide 02/03 subtitles — artboard height, not 86vw */
  body.friso-signature:not(.education) .smart-head-title img,
  body.friso-signature:not(.education) .smart-head-title picture img,
  body.friso-signature:not(.education) .friso-section-container.smart .smart-head-title img {
    width: auto !important;
    max-width: none !important;
    height: calc(60 / 420 * 100vw) !important;
    max-height: 60px !important;
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
    transform: none !important;
    object-fit: contain !important;
  }
  body.friso-signature:not(.education) .smart-immu-title,
  body.friso-signature:not(.education) img.smart-immu-title,
  body.friso-signature:not(.education) img[src*="smart-immu-content-subtitle"] {
    width: auto !important;
    max-width: none !important;
    height: calc(15 / 420 * 100vw) !important;
    max-height: 15px !important;
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
    transform: none !important;
    object-fit: contain !important;
  }

  /* Farm / milktruck step titles — left-align with white body
     (Mobile SVG viewBox cropped to glyph bounds; no artboard left pad) */
  body.friso-signature:not(.education) .farm-animation-overlay .friso-section-container-inner-wider,
  body.friso-signature:not(.education) .farm-animation-overlay .farm-animation-content-2__inner {
    align-items: flex-start !important;
    justify-content: flex-start !important;
    text-align: left !important;
  }
  body.friso-signature:not(.education) .farm-animation-overlay.farm-animation-content-2 .content-2-text-wrapper {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: auto !important;
    max-width: min(78vw, 320px) !important;
    text-align: left !important;
  }
  body.friso-signature:not(.education) .farm-animation-overlay picture:has(.patented-technology-step-title),
  body.friso-signature:not(.education) .farm-animation-overlay picture:has(.patented-technology-step-num-2-title),
  body.friso-signature:not(.education) .farm-animation-content-1 picture:has(.patented-technology-step-title),
  body.friso-signature:not(.education) .farm-animation-content-2 picture:has(.patented-technology-step-num-2-title) {
    display: block !important;
    width: auto !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    text-align: left !important;
    line-height: 0 !important;
  }
  body.friso-signature:not(.education) .farm-animation-overlay .patented-technology-step-title,
  body.friso-signature:not(.education) .farm-animation-content-1 .patented-technology-step-title,
  body.friso-signature:not(.education) .farm-animation-overlay .patented-technology-step-num-2-title,
  body.friso-signature:not(.education) .farm-animation-content-2 .patented-technology-step-num-2-title {
    width: auto !important;
    max-width: min(78vw, 300px) !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    display: block !important;
    object-fit: contain !important;
    object-position: left center !important;
    transform: none !important;
  }
  body.friso-signature:not(.education) .farm-animation-overlay .patented-technology-step-title,
  body.friso-signature:not(.education) .farm-animation-content-1 .patented-technology-step-title {
    /* Mobile Text-18 · 420×21 */
    height: calc(21 / 420 * 100vw) !important;
    max-height: 21px !important;
    min-height: calc(21 / 420 * 100vw) !important;
  }
  body.friso-signature:not(.education) .farm-animation-overlay .patented-technology-step-num-2-title,
  body.friso-signature:not(.education) .farm-animation-content-2 .patented-technology-step-num-2-title {
    /* Mobile Text-11 · 420×20.24 */
    height: calc(21 / 420 * 100vw) !important;
    max-height: 21px !important;
    min-height: calc(21 / 420 * 100vw) !important;
  }
  body.friso-signature:not(.education) .farm-animation-overlay .txt-gold,
  body.friso-signature:not(.education) .farm-animation-overlay .txt-normal,
  body.friso-signature:not(.education) .farm-animation-overlay .patented-technology-step-num-1-wrapper,
  body.friso-signature:not(.education) .farm-animation-overlay h2 {
    text-align: left !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  body.friso-signature:not(.education) .farm-animation-overlay .txt-normal,
  body.friso-signature:not(.education) .farm-animation-overlay .txt-normal p {
    text-align: left !important;
  }
}

/* fala-mobile-vertical — Born to be Signature mobile pack 420×800 */
@media screen and (max-width: 768px) {
  body.friso-signature:not(.education) #fala-canvas {
    width: 100% !important;
    max-width: 100vw !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    aspect-ratio: 420 / 800;
    height: auto !important;
    background: transparent !important;
  }
  body.friso-signature:not(.education) .fala-signature-container-img-wrapper {
    overflow: hidden;
    max-width: 100vw;
  }
  body.friso-signature:not(.education) .fala-signature-container-img-wrapper canvas {
    max-width: 100% !important;
    width: 100% !important;
    height: auto !important;
  }
}


/* farm-pin-title-fix — beat .farm-pin-title img aspect-ratio:1524/208 so Mobile
   420×50 patented title keeps a real height after title-scale overrides */
@media screen and (max-width: 768px) {
  body.friso-signature:not(.education) .farm-animation-pin .farm-pin-title .patented-technology-title__img,
  body.friso-signature:not(.education) .farm-pin-title .patented-technology-title__img,
  body.friso-signature:not(.education) .farm-pin-title picture .patented-technology-title__img {
    width: var(--friso-m-title-w, 86vw) !important;
    max-width: 92vw !important;
    height: calc(50 / 420 * var(--friso-m-title-w, 86vw)) !important;
    max-height: none !important;
    min-height: calc(50 / 420 * var(--friso-m-title-w, 86vw)) !important;
    aspect-ratio: 420 / 50 !important;
    min-width: 0 !important;
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
    object-fit: contain !important;
  }
}
@media screen and (min-width: 769px) {
  body.friso-signature:not(.education) .farm-animation-pin .farm-pin-title .patented-technology-title__img {
    aspect-ratio: 1524 / 208 !important;
    width: auto !important;
    max-width: min(92vw, 1100px) !important;
    height: auto !important;
    max-height: 86px !important;
    min-height: 40px !important;
  }
}


/* smart-immu-mobile-ref — match slide-01 reference: centered SMART IMMU title,
   攻 upper-left / 守 lower-right, ball labels sized to 420×13.2 under each ball */
@media screen and (max-width: 768px) {
  body.friso-signature:not(.education) #smart-immu .smart-head-title,
  body.friso-signature:not(.education) .friso-section-container.smart .smart-head-title {
    top: 17.5dvh !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    text-align: center !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: auto !important;
    max-width: 100% !important;
  }
  body.friso-signature:not(.education) #smart-immu .smart-head-title img,
  body.friso-signature:not(.education) #smart-immu .smart-head-title picture img,
  body.friso-signature:not(.education) .friso-section-container.smart .smart-head-title img {
    width: auto !important;
    max-width: none !important;
    height: calc(60 / 420 * 100vw) !important;
    max-height: 60px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: block !important;
  }
  body.friso-signature:not(.education) #smart-immu .slide-01 .smart-immu-content-title {
    text-align: left !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  body.friso-signature:not(.education) #smart-immu .slide-01 .smart-immu-content-title picture {
    display: block !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    text-align: left !important;
    line-height: 0 !important;
  }
  /* CF @960: title-1 left:20%; title-2 top:65% right:-29% */
  body.friso-signature:not(.education) #smart-immu .slide-01 .smart-immu-content-title-1 {
    top: -8% !important;
    left: 20% !important;
    right: auto !important;
  }
  body.friso-signature:not(.education) #smart-immu .slide-01 .smart-immu-content-title-2 {
    top: 65% !important;
    bottom: auto !important;
    right: -29% !important;
    left: auto !important;
    text-align: right !important;
  }
  body.friso-signature:not(.education) #smart-immu .slide-01 .smart-immu-content-title-1 .text-img-smart,
  body.friso-signature:not(.education) #smart-immu .slide-01 .smart-immu-content-title-1 img.text-img-smart {
    object-position: left center !important;
  }
  body.friso-signature:not(.education) #smart-immu .slide-01 .smart-immu-content-title-2 .text-img-smart,
  body.friso-signature:not(.education) #smart-immu .slide-01 .smart-immu-content-title-2 img.text-img-smart {
    object-position: right center !important;
    margin-left: auto !important;
    margin-right: 0 !important;
  }
  body.friso-signature:not(.education) #smart-immu .slide-01 .text-img-smart,
  body.friso-signature:not(.education) #smart-immu .slide-01 img.text-img-smart,
  body.friso-signature:not(.education) #smart-immu .slide-01 .smart-immu-content-title .text-img {
    width: auto !important;
    max-width: none !important;
    height: 83px !important; /* CF mobile trimmed 攻/守 */
    max-height: 83px !important;
    margin: 0 !important;
    display: block !important;
  }
  body.friso-signature:not(.education) #smart-immu .y-ball-parts-title-img,
  body.friso-signature:not(.education) #smart-immu img.y-ball-parts-title-img,
  body.friso-signature:not(.education) #smart-immu .attack-img-txt-title-img,
  body.friso-signature:not(.education) #smart-immu img.attack-img-txt-title-img {
    width: auto !important;
    max-width: none !important;
    height: calc(13.2 / 420 * 100vw) !important;
    max-height: 13.2px !important;
    position: relative !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    display: block !important;
  }
  body.friso-signature:not(.education) #smart-immu .smart-immu-title,
  body.friso-signature:not(.education) #smart-immu img.smart-immu-title {
    width: auto !important;
    max-width: none !important;
    height: calc(15 / 420 * 100vw) !important;
    max-height: 15px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: block !important;
  }

  /* White balls — CF anchor box 500×0.3 fill; without width absolute parts
     collapse to 0 and canvases stay blank (labels still show). */
  body.friso-signature:not(.education) #smart-immu .slide-01 .y-ball-parts,
  body.friso-signature:not(.education) #smart-immu .poster-container .y-ball-parts {
    width: min(500px, 100%) !important;
    max-width: 500px !important;
    opacity: 1 !important;
    visibility: visible !important;
    z-index: 5 !important;
    overflow: visible !important;
    text-align: center !important;
  }
  body.friso-signature:not(.education) #smart-immu .slide-01 .y-ball-parts canvas.canvas-ani,
  body.friso-signature:not(.education) #smart-immu .poster-container .y-ball-parts canvas.canvas-ani {
    display: inline !important;
    opacity: 1 !important;
    visibility: visible !important;
    /* JS sets px size from 0.3 × container; keep CSS from zeroing it */
    max-width: none !important;
  }
  body.friso-signature:not(.education) #smart-immu .slide-01 .poster-container,
  body.friso-signature:not(.education) #smart-immu .slide-01 .poster-container-inner {
    overflow: visible !important;
  }
}

/* trackeasy-stack-gap — clear space title → image → bottom white text */
@media screen and (max-width: 768px) {
  body.friso-signature:not(.education) #product .track-easy-container .track-easy-container-inner {
    gap: 0 !important;
  }
  body.friso-signature:not(.education) #product .track-easy-container .track-easy-title,
  body.friso-signature:not(.education) #product .track-easy-container .track-easy-container-inner .track-easy-title {
    padding-bottom: 1.35rem !important;
    margin-bottom: 0 !important;
  }
  body.friso-signature:not(.education) #product .track-easy-container .track-easy-img,
  body.friso-signature:not(.education) #product .track-easy-container .track-easy-container-inner .track-easy-img {
    margin-top: 0.35rem !important;
    margin-bottom: 1.5rem !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  body.friso-signature:not(.education) #product .track-easy-container-inner-left.mobile-only {
    margin-top: 0.25rem !important;
    padding-top: 0.35rem !important;
    width: 90% !important;
  }
  body.friso-signature:not(.education) #product .track-easy-container-inner-left.mobile-only .track-easy-text .txt-normal {
    margin-top: 0.85rem !important;
  }
  body.friso-signature:not(.education) #product .track-easy-container-inner-left.mobile-only .track-easy-text .txt-normal:first-child {
    margin-top: 0 !important;
  }
}

/* trackeasy-cf-align — mobile: title→image gap, centered white copy, CF line breaks.
   Desktop TrackEasy left at product-two baseline. */
@media screen and (max-width: 768px) {
  body.friso-signature:not(.education) #product .track-easy-container .track-easy-container-inner {
    gap: 0 !important;
    align-items: center !important;
    text-align: center !important;
  }
  body.friso-signature:not(.education) #product .track-easy-container .track-easy-title,
  body.friso-signature:not(.education) #product .track-easy-container .track-easy-container-inner .track-easy-title {
    padding-bottom: 1.35rem !important;
    margin-top: -1.25rem !important;
    margin-bottom: 0 !important;
    text-align: center !important;
  }
  body.friso-signature:not(.education) #product .track-easy-container .track-easy-img,
  body.friso-signature:not(.education) #product .track-easy-container .track-easy-container-inner .track-easy-img {
    margin-top: 0.35rem !important;
    margin-bottom: 1.5rem !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    max-width: 100% !important;
  }
  body.friso-signature:not(.education) #product .track-easy-container-inner-left.mobile-only {
    margin-top: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-top: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    text-align: center !important;
  }
  body.friso-signature:not(.education) #product .track-easy-container-inner-left.mobile-only .track-easy-text {
    text-align: center !important;
  }
  body.friso-signature:not(.education) #product .track-easy-container-inner-left.mobile-only .track-easy-text .txt-normal {
    margin-top: 0.85rem !important;
    text-align: center !important;
  }
  body.friso-signature:not(.education) #product .track-easy-container-inner-left.mobile-only .track-easy-text .txt-normal:first-child {
    margin-top: 0 !important;
  }
  /* Allow wrap on mobile — nowrap overflows 86vw and skews L/R gutters */
  body.friso-signature:not(.education) #product .track-easy-container-inner-left.mobile-only .track-easy-text .txt-normal .nowrap {
    white-space: normal !important;
  }
}

/* mum-carousel-stack-gap — space title → photos → copy / dots / CTA */
@media screen and (max-width: 768px) {
  body.friso-signature:not(.education) .mum-signature-container .mom-signature-splide-title {
    margin-bottom: 1.25rem !important;
  }
  body.friso-signature:not(.education) .mom-signature-splide .splide__track-wrapper {
    margin-bottom: 1.15rem !important;
  }
  body.friso-signature:not(.education) #mom-signature-splide .splide-content,
  body.friso-signature:not(.education) .mom-signature-splide .splide-content {
    margin-top: 0.85rem !important;
    margin-bottom: 0 !important;
  }
  body.friso-signature:not(.education) #mom-signature-splide .splide-content-item p,
  body.friso-signature:not(.education) .mom-signature-splide .splide-content-item p {
    margin-top: 0.55rem !important;
  }
  body.friso-signature:not(.education) #mom-signature-splide .splide-custom-pagination,
  body.friso-signature:not(.education) .mom-signature-splide .splide-custom-pagination {
    margin: 1.1rem auto 0.35rem !important;
  }
  body.friso-signature:not(.education) #mom-signature-splide .splide-buttons,
  body.friso-signature:not(.education) .mom-signature-splide .splide-buttons {
    margin-top: 0.85rem !important;
  }
  body.friso-signature:not(.education) #mom-signature-splide .friso-rect-button,
  body.friso-signature:not(.education) #mom-signature-splide .splide__slide__button,
  body.friso-signature:not(.education) .mom-signature-splide .friso-rect-button,
  body.friso-signature:not(.education) .mom-signature-splide .splide__slide__button {
    margin-top: 0.65rem !important;
  }
}
/* mum-carousel-stack-gap desktop removed — UAT ends at nocrop for desktop
   card width/gap; local desktop overrides were changing image spacing. */

/* mum-carousel-cf-align — mobile only (desktop matches UAT nocrop + −5rem gap) */
@media screen and (max-width: 768px) {
  body.friso-signature:not(.education) .mum-signature-container {
    min-height: 100vh !important;
    min-height: 100dvh !important;
    max-height: 100dvh !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding-top: 3.25rem !important;
    padding-bottom: 0.5rem !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }
  body.friso-signature:not(.education) .mum-signature-container .mom-signature-splide {
    --mum-chrome: 11rem;
    --mum-card-max-h: calc(100dvh - 3.25rem - 0.5rem - var(--mum-chrome));
    width: 100% !important;
    height: calc(100dvh - 3.75rem) !important;
    max-height: calc(100dvh - 3.75rem) !important;
    min-height: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    gap: 0.25rem !important;
    overflow: hidden !important;
  }
  body.friso-signature:not(.education) .mum-signature-container .mom-signature-splide-title {
    flex: 0 0 auto !important;
    text-align: center !important;
    width: 100% !important;
    margin: 0 !important;
  }
  body.friso-signature:not(.education) .mum-signature-container .signature-mum-title__img,
  body.friso-signature:not(.education) .mum-signature-container .signature-mum-title__picture img {
    display: block !important;
    margin: 0 auto !important;
    height: calc(60 / 420 * 100vw) !important;
    max-height: 60px !important;
    width: auto !important;
  }
  body.friso-signature:not(.education) .mom-signature-splide .splide__track-wrapper {
    flex: 0 1 auto !important;
    min-height: 0 !important;
    width: 100% !important;
    max-height: var(--mum-card-max-h) !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    margin-bottom: 0 !important;
  }
  body.friso-signature:not(.education) .mom-signature-splide .splide__track {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-height: var(--mum-card-max-h) !important;
    overflow: hidden !important;
    position: relative !important;
  }
  body.friso-signature:not(.education) .mom-signature-splide .splide__track .splide__slide .flip-card-container {
    width: min(100%, calc(var(--mum-card-max-h) / 1.217391304348)) !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: none !important;
    aspect-ratio: 1 / 1.217391304348 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    transform: scale(0.72) !important;
    transform-origin: center center !important;
    position: relative !important;
  }
  body.friso-signature:not(.education) .mom-signature-splide .splide__track .splide__slide.is-prev .flip-card-container,
  body.friso-signature:not(.education) .mom-signature-splide .splide__track .splide__slide.is-next .flip-card-container {
    transform: scale(0.72) !important;
  }
  body.friso-signature:not(.education) .mom-signature-splide .splide__track .splide__slide.is-active .flip-card-container {
    transform: scale(1) !important;
  }
  body.friso-signature:not(.education) .mom-signature-splide .front,
  body.friso-signature:not(.education) .mom-signature-splide .back {
    padding-top: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    position: absolute !important;
    inset: 0 !important;
  }
  body.friso-signature:not(.education) #mom-signature-splide .splide-content,
  body.friso-signature:not(.education) .mom-signature-splide .splide-content {
    flex: 0 0 auto !important;
    width: 100% !important;
    margin: 0 auto !important;
    text-align: center !important;
  }
  body.friso-signature:not(.education) #mom-signature-splide .splide-content-item p,
  body.friso-signature:not(.education) .mom-signature-splide .splide-content-item p {
    margin-top: 0.35rem !important;
  }
  body.friso-signature:not(.education) #mom-signature-splide .splide-custom-pagination,
  body.friso-signature:not(.education) .mom-signature-splide .splide-custom-pagination {
    flex: 0 0 auto !important;
    margin: 0.25rem auto !important;
  }
  body.friso-signature:not(.education) #mom-signature-splide .splide-buttons,
  body.friso-signature:not(.education) .mom-signature-splide .splide-buttons {
    flex: 0 0 auto !important;
    margin-top: 0.15rem !important;
  }
  body.friso-signature:not(.education) #mom-signature-splide .friso-rect-button,
  body.friso-signature:not(.education) #mom-signature-splide .splide__slide__button,
  body.friso-signature:not(.education) .mom-signature-splide .friso-rect-button,
  body.friso-signature:not(.education) .mom-signature-splide .splide__slide__button {
    margin-top: 0.35rem !important;
  }
}

/* tin-girl-cf-align — desktop = UAT https://friso-signature.justforuat.com/
   (49vh tin+girl; Text-45 title; 340px icons @66%/60%; shadow nudge-down).
   Mobile keeps tin-girl-mobile-90-up / 2.5× icons. */
@media screen and (min-width: 769px) {
  body.friso-signature:not(.education) .baby,
  body.friso-signature:not(.education) .baby-container {
    --baby-sticky-height: 49vh !important; /* UAT base — not mobile 40vh */
  }
  body.friso-signature:not(.education) .baby-container-btm {
    bottom: -3vh !important;
    top: auto !important;
  }
  body.friso-signature:not(.education) .baby-container-btm .baby-container {
    overflow: visible !important;
    height: calc(var(--baby-sticky-height) * 1.18) !important;
    transform: none !important;
    transform-origin: center bottom !important;
  }
  body.friso-signature:not(.education) .baby-container-btm .baby-container img,
  body.friso-signature:not(.education) .baby-container-btm .baby-container picture img {
    height: calc(var(--baby-sticky-height) * 1.18) !important;
    width: auto !important;
    max-width: none !important;
    transform: none !important;
  }
  /* Text-45 · 1920×32 — UAT desktop title (not mobile 200px cap) */
  body.friso-signature:not(.education) .baby-slide-2 .baby-slide-txt > img,
  body.friso-signature:not(.education) .baby-slide-2 .baby-slide-txt > picture img,
  body.friso-signature:not(.education) .baby-slide-2 .baby-slide-txt img[src*="013-no-added-sugar-title"],
  body.friso-signature:not(.education) img[src*="013-no-added-sugar-title-2"] {
    width: auto !important;
    max-width: none !important;
    height: calc(32 / 1920 * 100vw) !important;
    max-height: 32px !important;
    min-height: 0 !important;
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
    object-fit: contain !important;
  }
  /* CF branded desktop icons row — d14j587mdy11hp.cloudfront.net */
  body.friso-signature:not(.education) .baby-slide-2 .baby-slide-txt .natural-container {
    max-width: 290px !important;
    margin-top: 2em !important;
    gap: 0 !important;
    justify-content: space-around !important;
    display: flex !important;
  }
  body.friso-signature:not(.education) .baby-slide-2 .natural-container img,
  body.friso-signature:not(.education) .baby-slide-2 .natural-container > div > div:first-child img {
    width: 60% !important;
    max-width: none !important;
    height: auto !important;
  }
  /* UAT basic-girl-shadow-nudge-down */
  body.friso-signature:not(.education) .baby-container-btm .baby-container::before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    bottom: -8% !important;
    width: 140% !important;
    height: 28% !important;
    z-index: 5 !important;
    pointer-events: none !important;
    background: linear-gradient(
      to top,
      #0a0401 0%,
      rgba(18, 8, 2, 1) 22%,
      rgba(18, 8, 2, 0.92) 45%,
      rgba(32, 7, 4, 0.55) 72%,
      transparent 100%
    ) !important;
  }
  body.friso-signature:not(.education) .baby-container-btm .funny-gradient-container.radial {
    display: block !important;
    bottom: -20% !important;
    height: 42% !important;
    opacity: 1 !important;
    pointer-events: none !important;
    background: radial-gradient(
      ellipse 75% 55% at 50% 100%,
      rgba(10, 4, 1, 1) 0%,
      rgba(18, 8, 2, 0.95) 28%,
      rgba(32, 7, 4, 0.7) 55%,
      rgba(32, 7, 4, 0.28) 78%,
      transparent 100%
    ) !important;
  }
  body.friso-signature:not(.education) .baby-container-btm .baby-container::after {
    display: none !important;
    content: none !important;
  }
  body.friso-signature:not(.education) .baby-container-btm::after {
    content: "" !important;
    display: block !important;
    bottom: -32vh !important;
    left: 0 !important;
    width: 100% !important;
    height: 100dvh !important;
    z-index: 3 !important;
    opacity: 1 !important;
    pointer-events: none !important;
    background: url("../img/home/hori_shadow-2.png") center bottom / 100% auto no-repeat !important;
  }
  /* Soft under-shadow (UAT nudge) — dark under tin/girl → clear toward next page */
  body.friso-signature:not(.education) .baby-container-btm::before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: -58vh !important;
    width: 100% !important;
    height: 48vh !important;
    z-index: 2 !important;
    opacity: 1 !important;
    pointer-events: none !important;
    background: linear-gradient(
      to bottom,
      rgba(18, 8, 2, 0.72) 0%,
      rgba(12, 5, 1, 0.48) 28%,
      rgba(10, 4, 1, 0.22) 58%,
      rgba(10, 4, 1, 0.06) 82%,
      transparent 100%
    ) !important;
  }
}

/* tin-girl-mobile-90-up — mobile: tin+girl 1.1× of 30vh base, nudged up
   (shadow ::after is on .baby-container-btm so it rises with the frame) */
@media screen and (max-width: 768px) {
  body.friso-signature:not(.education) .baby,
  body.friso-signature:not(.education) .baby-container {
    --baby-sticky-height: 33vh !important; /* 30vh × 1.1 */
  }
  body.friso-signature:not(.education) .baby-container-btm {
    bottom: 18vh !important; /* was 14vh — move tin+girl+shadow up */
  }
  body.friso-signature:not(.education) .baby-container-btm .baby-container,
  body.friso-signature:not(.education) .baby-container-btm .baby-container img {
    height: calc(var(--baby-sticky-height) * 1.18) !important;
  }
}

/* baby-slide-2-title-fix — mobile: restore 全系列不添加 height.
   Shared --friso-m-title-w sets height:auto; <picture> img then collapses to 0
   when intrinsic size isn’t ready. Use Mobile Text-16 artboard H (420×24.34).
   IMPORTANT: do NOT use bare `.baby-slide-txt img` — that also matched vanilla/sugar
   icons and locked their height to ~24px (title artboard), so they could not enlarge. */
@media screen and (max-width: 768px) {
  body.friso-signature:not(.education) .baby-slide-2 .baby-slide-txt > picture,
  body.friso-signature:not(.education) .baby-slide-2 .baby-slide-txt > picture img,
  body.friso-signature:not(.education) .baby-slide-2 .baby-slide-txt > img,
  body.friso-signature:not(.education) .baby-slide-2 .baby-slide-txt img[src*="013-no-added-sugar-title"],
  body.friso-signature:not(.education) img[src*="013-no-added-sugar-title-2"] {
    width: auto !important;
    max-width: min(var(--friso-m-title-w, 86vw), 100%) !important;
    height: calc(24.34 / 420 * 100vw) !important;
    max-height: 24.34px !important;
    min-height: calc(24.34 / 420 * 100vw) !important;
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
    opacity: 1 !important;
    visibility: visible !important;
    object-fit: contain !important;
  }
  body.friso-signature:not(.education) .baby-slide-2 .baby-slide-txt {
    position: relative !important;
    z-index: 6 !important;
  }
}

/* trackeasy-text-match-title-w — mobile: bottom white copy L/R = title 86vw */
@media screen and (max-width: 768px) {
  body.friso-signature:not(.education) #product .track-easy-container-inner-left.mobile-only {
    width: var(--friso-m-title-w, 86vw) !important;
    max-width: var(--friso-m-title-w, 86vw) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }
  body.friso-signature:not(.education) #product .track-easy-container-inner-left.mobile-only .track-easy-text {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }
  body.friso-signature:not(.education) #product .track-easy-container-inner-left.mobile-only .track-easy-text .txt-normal {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }
}

/* mobile-label-crisp — no translateX(-50%) (Chrome subpixel blur on SVG);
   center full-artboard labels with margin; 01–03 converted to live <text> like 04 */
@media screen and (max-width: 768px) {
  body.friso-signature:not(.education) .y-ball-parts-title-img,
  body.friso-signature:not(.education) img.y-ball-parts-title-img,
  body.friso-signature:not(.education) #smart-immu .y-ball-parts-title-img,
  body.friso-signature:not(.education) #smart-immu img.y-ball-parts-title-img,
  body.friso-signature:not(.education) .attack-img-txt-title-img,
  body.friso-signature:not(.education) img.attack-img-txt-title-img,
  body.friso-signature:not(.education) #smart-immu .attack-img-txt-title-img,
  body.friso-signature:not(.education) #smart-immu img.attack-img-txt-title-img {
    width: 100vw !important;
    max-width: none !important;
    min-width: 0 !important;
    height: calc(13.2 / 420 * 100vw) !important;
    max-height: none !important;
    position: relative !important;
    left: 50% !important;
    margin-left: -50vw !important;
    margin-right: 0 !important;
    transform: none !important;
    -webkit-transform: none !important;
    display: block !important;
    image-rendering: auto !important;
  }
  body.friso-signature:not(.education) .igg-girl-container .igg-title__img,
  body.friso-signature:not(.education) .igg-girl-container picture .igg-title__img {
    width: var(--friso-m-title-w, 86vw) !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: none !important;
    min-height: 0 !important;
    aspect-ratio: 420 / 53.54 !important;
    left: auto !important;
    right: auto !important;
    margin-left: auto !important;
    margin-right: auto !important;
    transform: none !important;
    -webkit-transform: none !important;
    display: block !important;
    image-rendering: auto !important;
  }
  body.friso-signature:not(.education) .igg-girl-container .igg-title-seq,
  body.friso-signature:not(.education) .igg-girl-container .igg-title-seq h2,
  body.friso-signature:not(.education) picture:has(.igg-title__img) {
    transform: none !important;
    -webkit-transform: none !important;
    filter: none !important;
  }
}


/* trackeasy-title-img-gap — mobile: more space between title and chart image */
@media screen and (max-width: 768px) {
  body.friso-signature:not(.education) #product .track-easy-container .track-easy-title,
  body.friso-signature:not(.education) #product .track-easy-container .track-easy-container-inner .track-easy-title {
    padding-bottom: 2.5rem !important;
  }
  body.friso-signature:not(.education) #product .track-easy-container .track-easy-img,
  body.friso-signature:not(.education) #product .track-easy-container .track-easy-container-inner .track-easy-img {
    margin-top: 0.85rem !important;
  }
}

/* trackeasy-equal-stack-gap — more title↔image; same gap image↔bottom white text */
@media screen and (max-width: 768px) {
  body.friso-signature:not(.education) #product .track-easy-container {
    --trackeasy-stack-gap: 4.25rem;
  }
  body.friso-signature:not(.education) #product .track-easy-container .track-easy-title,
  body.friso-signature:not(.education) #product .track-easy-container .track-easy-container-inner .track-easy-title {
    padding-bottom: var(--trackeasy-stack-gap) !important;
    margin-bottom: 0 !important;
  }
  body.friso-signature:not(.education) #product .track-easy-container .track-easy-img,
  body.friso-signature:not(.education) #product .track-easy-container .track-easy-container-inner .track-easy-img {
    margin-top: 0 !important;
    margin-bottom: var(--trackeasy-stack-gap) !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  body.friso-signature:not(.education) #product .track-easy-container-inner-left.mobile-only {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
  body.friso-signature:not(.education) #product .track-easy-container-inner-left.mobile-only .track-easy-text .txt-normal:first-child {
    margin-top: 0 !important;
  }
}


/* tin-carousel-gap-up — mobile: slightly wider gap between product tins */
@media screen and (max-width: 768px) {
  body.friso-signature:not(.education) #product .gallery-container.for-products.one .gallery-container-ele:nth-child(1),
  body.friso-signature:not(.education) #product .gallery-container.for-products.two .gallery-container-ele:nth-child(2),
  body.friso-signature:not(.education) #product .gallery-container.for-products.three .gallery-container-ele:nth-child(3) {
    transform: translate(-50%, 0) !important;
  }
  body.friso-signature:not(.education) #product .gallery-container.for-products.one .gallery-container-ele:nth-child(2) {
    transform: translate(42%, 0) scale(0.6) !important;
  }
  body.friso-signature:not(.education) #product .gallery-container.for-products.one .gallery-container-ele:nth-child(3) {
    transform: translate(118%, 0) scale(0.6) !important;
  }
  body.friso-signature:not(.education) #product .gallery-container.for-products.two .gallery-container-ele:nth-child(1) {
    transform: translate(-142%, 0) scale(0.6) !important;
  }
  body.friso-signature:not(.education) #product .gallery-container.for-products.two .gallery-container-ele:nth-child(3) {
    transform: translate(42%, 0) scale(0.6) !important;
  }
  body.friso-signature:not(.education) #product .gallery-container.for-products.three .gallery-container-ele:nth-child(1) {
    transform: translate(-218%, 0) scale(0.6) !important;
  }
  body.friso-signature:not(.education) #product .gallery-container.for-products.three .gallery-container-ele:nth-child(2) {
    transform: translate(-142%, 0) scale(0.6) !important;
  }
}


/* trackeasy-text-even-gutters — mobile: equal L/R screen margins for white copy.
   Use same 86vw + margin:auto as title (no %/vw mix; left-align made short
   nowrap lines look right-heavy). */
@media screen and (max-width: 768px) {
  body.friso-signature:not(.education) #product .track-easy-container,
  body.friso-signature:not(.education) #product .track-easy-container .track-easy-container-inner {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }
  body.friso-signature:not(.education) #product .track-easy-container .track-easy-container-inner {
    align-items: center !important;
  }
  body.friso-signature:not(.education) #product .track-easy-container-inner-left.mobile-only {
    flex: none !important;
    display: block !important;
    width: var(--friso-m-title-w, 86vw) !important;
    max-width: var(--friso-m-title-w, 86vw) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
    text-align: center !important;
  }
  body.friso-signature:not(.education) #product .track-easy-container-inner-left.mobile-only .track-easy-text,
  body.friso-signature:not(.education) #product .track-easy-container-inner-left.mobile-only .track-easy-text .txt-normal {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center !important;
    box-sizing: border-box !important;
  }
  /* Beat global trackeasy-p1/p2 .nowrap { white-space: nowrap !important } */
  body.friso-signature:not(.education) #product .track-easy-container-inner-left.mobile-only .track-easy-text .txt-normal.trackeasy-p1 .nowrap,
  body.friso-signature:not(.education) #product .track-easy-container-inner-left.mobile-only .track-easy-text .txt-normal.trackeasy-p2 .nowrap,
  body.friso-signature:not(.education) #product .track-easy-container-inner-left.mobile-only .track-easy-text .txt-normal .nowrap,
  body.friso-signature:not(.education) #product .track-easy-container-inner-left.mobile-only .nowrap {
    white-space: normal !important;
  }
}


/* mum-carousel-mobile-drag — keep track tappable/swipeable on mobile */
@media screen and (max-width: 768px) {
  body.friso-signature:not(.education) #mom-signature-splide,
  body.friso-signature:not(.education) #mom-signature-splide .splide__track-wrapper,
  body.friso-signature:not(.education) #mom-signature-splide .splide__track,
  body.friso-signature:not(.education) #mom-signature-splide .splide__list {
    pointer-events: auto !important;
    touch-action: pan-y pinch-zoom !important;
  }
  body.friso-signature:not(.education) #mom-signature-splide .splide__slide.is-prev,
  body.friso-signature:not(.education) #mom-signature-splide .splide__slide.is-next,
  body.friso-signature:not(.education) #mom-signature-splide .splide__slide.is-active {
    pointer-events: auto !important;
    cursor: pointer !important;
  }
  body.friso-signature:not(.education) #mom-signature-splide .flip-card-container,
  body.friso-signature:not(.education) #mom-signature-splide .front,
  body.friso-signature:not(.education) #mom-signature-splide .back {
    pointer-events: auto !important;
  }
}

/* mum-carousel-60vw — mobile: title up; active card 50vw; more side peek; space under copy/dots/CTA */
@media screen and (max-width: 768px) {
  body.friso-signature:not(.education) .mum-signature-container {
    padding-top: 1.5rem !important;
    padding-bottom: 1.25rem !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    overflow: visible !important;
    max-height: none !important;
  }
  body.friso-signature:not(.education) .mum-signature-container .mom-signature-splide {
    height: auto !important;
    max-height: none !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    overflow: visible !important;
    --mum-card-max-h: none !important;
  }
  body.friso-signature:not(.education) .mum-signature-container .mom-signature-splide-title {
    margin-top: 0 !important;
    margin-bottom: 3.5rem !important;
    transform: none !important;
  }
  body.friso-signature:not(.education) #mom-signature-splide .splide__slide {
    width: 50vw !important;
    margin-right: 0.5rem !important;
  }
  body.friso-signature:not(.education) .mom-signature-splide .splide__track-wrapper,
  body.friso-signature:not(.education) .mom-signature-splide .splide__track {
    max-height: none !important;
    height: auto !important;
    overflow: hidden !important;
    margin-bottom: 1.35rem !important;
  }
  body.friso-signature:not(.education) .mom-signature-splide .splide__track .splide__slide .flip-card-container,
  body.friso-signature:not(.education) #mom-signature-splide .splide__track .splide__slide .flip-card-container {
    width: 100% !important;
    max-width: 50vw !important;
    height: auto !important;
    max-height: none !important;
    aspect-ratio: 1 / 1.217391304348 !important;
  }
  body.friso-signature:not(.education) #mom-signature-splide .splide-content,
  body.friso-signature:not(.education) .mom-signature-splide .splide-content {
    margin-top: 0.35rem !important;
    margin-bottom: 0.85rem !important;
  }
  body.friso-signature:not(.education) #mom-signature-splide .splide-content-item p,
  body.friso-signature:not(.education) .mom-signature-splide .splide-content-item p {
    margin-top: 0.65rem !important;
  }
  body.friso-signature:not(.education) #mom-signature-splide .splide-custom-pagination,
  body.friso-signature:not(.education) .mom-signature-splide .splide-custom-pagination {
    margin: 1.25rem auto 0.75rem !important;
  }
  body.friso-signature:not(.education) #mom-signature-splide .splide-buttons,
  body.friso-signature:not(.education) .mom-signature-splide .splide-buttons {
    margin-top: 1rem !important;
    margin-bottom: 0.5rem !important;
  }
  body.friso-signature:not(.education) #mom-signature-splide .friso-rect-button,
  body.friso-signature:not(.education) #mom-signature-splide .splide__slide__button,
  body.friso-signature:not(.education) .mom-signature-splide .friso-rect-button,
  body.friso-signature:not(.education) .mom-signature-splide .splide__slide__button {
    margin-top: 0.85rem !important;
  }
}


/* no-additives-icons-2_5x — MOBILE ONLY: 蔗糖/雲尼拿 icons 2.5× prior pixel size.
   Prior (tin-girl-icons-layout): 58.67% of ~100px col in 200px box ≈ 58.67px → ×2.5 = 220px.
   Do not change desktop (tin-girl-cf-align 340px @66%/60%). */
@media screen and (max-width: 768px) {
  body.friso-signature:not(.education) .baby-slide-2 .baby-slide-txt .natural-container {
    max-width: min(96vw, 480px) !important;
    width: min(96vw, 480px) !important;
    margin-top: 1.5em !important;
    gap: 0.75rem !important;
    justify-content: space-around !important;
    display: flex !important;
  }
  body.friso-signature:not(.education) .baby-slide-2 .natural-container > div {
    flex: 0 0 auto !important;
    min-width: 220px !important;
    max-width: none !important;
  }
  body.friso-signature:not(.education) .baby-slide-2 .natural-container > div > div:first-child {
    width: 220px !important;
    max-width: none !important;
  }
  body.friso-signature:not(.education) .baby-slide-2 .natural-container img,
  body.friso-signature:not(.education) .baby-slide-2 .natural-container > div > div:first-child img,
  body.friso-signature:not(.education) .baby-slide-2 .natural-container img[src*="vanilla"],
  body.friso-signature:not(.education) .baby-slide-2 .natural-container img[src*="sugar"] {
    width: 220px !important;
    min-width: 220px !important;
    max-width: 220px !important;
    height: auto !important;
  }
}


/* smart-immu-titles-match — desktop font-top stack:
   1) 主動出擊 ink top (= ≥~60% peak in 50px artboard → ~4px @22px) = 攻 SVG tip (y=0)
   2) 防禦保護 ink top = 主動出擊; subtitle-d engages ~6–7 rows earlier (~2.6px @22px)
   Both titles stay 22px (same optical glyph H). */
@media screen and (min-width: 769px) {
  body.friso-signature:not(.education) .smart-immu-attack-content,
  body.friso-signature:not(.education) .immu-defense-slide .smart-immu-content,
  body.friso-signature:not(.education) .slide-03 .smart-immu-content {
    --smart-immu-title-h: 22px !important;
  }
  /* Same content block slot */
  body.friso-signature:not(.education) .smart-immu-attack-content,
  body.friso-signature:not(.education) .friso-section-container.smart .smart-immu-container .smart-immu-attack-content,
  body.friso-signature:not(.education) .smart-immu-slide.slide-02 .smart-immu-attack-content,
  body.friso-signature:not(.education) .immu-defense-slide .smart-immu-content,
  body.friso-signature:not(.education) .slide-03 .smart-immu-content {
    left: 0 !important;
    top: 34.5% !important;
    margin-top: 0 !important;
    align-items: flex-start !important;
  }
  /* 主動出擊: pull up so glyph ink top meets 攻 tip */
  body.friso-signature:not(.education) .smart-immu-attack-content .smart-immu-content-subtitle {
    margin-top: -4px !important;
    padding-top: 0 !important;
    line-height: 0 !important;
    height: auto !important;
  }
  /* 防禦保護: same font-top as 主動出擊 (−4px) + ~5px for earlier ink in subtitle-d */
  body.friso-signature:not(.education) .immu-defense-slide .smart-immu-content-subtitle,
  body.friso-signature:not(.education) .slide-03 .smart-immu-content-subtitle {
    margin-top: 1px !important;
    padding-top: 0 !important;
    line-height: 0 !important;
    height: auto !important;
  }
  body.friso-signature:not(.education) .smart-immu-attack-content .smart-immu-title,
  body.friso-signature:not(.education) .smart-immu-attack-content img.smart-immu-title,
  body.friso-signature:not(.education) .smart-immu-attack-content img.smart-immu-title[src*="smart-immu-content-subtitle-a"],
  body.friso-signature:not(.education) .immu-defense-slide .smart-immu-title,
  body.friso-signature:not(.education) .immu-defense-slide img.smart-immu-title,
  body.friso-signature:not(.education) .immu-defense-slide img.smart-immu-title[src*="smart-immu-content-subtitle-d"],
  body.friso-signature:not(.education) .slide-03 .smart-immu-title,
  body.friso-signature:not(.education) .slide-03 img.smart-immu-title,
  body.friso-signature:not(.education) .smart-immu-content-subtitle .smart-immu-title {
    height: 22px !important;
    max-height: 22px !important;
    min-height: 22px !important;
    width: auto !important;
    max-width: none !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: contain !important;
    object-position: left top !important;
    vertical-align: top !important;
  }
}


/* mum-carousel-desktop-no-overlay — active scale(1) grows ~(1-0.72)/2 of card H
   into title/copy; prior ~1.5rem gap (~28px) < ~77px growth → photo overlays title.
   Also stack active above side seams from −5rem gap. Desktop only. */
@media screen and (min-width: 769px) {
  body.friso-signature:not(.education) .mum-signature-container .mom-signature-splide-title {
    margin-bottom: 5.25rem !important; /* ~84px clears ~77px scale(1) growth into title */
  }
  body.friso-signature:not(.education) .mom-signature-splide .splide__track-wrapper {
    margin-bottom: 3.25rem !important; /* clear scale growth into copy/dots */
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  body.friso-signature:not(.education) #mom-signature-splide .splide__track-wrapper,
  body.friso-signature:not(.education) #mom-signature-splide .splide__track {
    overflow: hidden !important;
  }
  body.friso-signature:not(.education) #mom-signature-splide .splide__slide {
    position: relative !important;
    z-index: 1 !important;
  }
  body.friso-signature:not(.education) #mom-signature-splide .splide__slide.is-prev,
  body.friso-signature:not(.education) #mom-signature-splide .splide__slide.is-next {
    z-index: 2 !important;
  }
  body.friso-signature:not(.education) #mom-signature-splide .splide__slide.is-active {
    z-index: 5 !important;
  }
  body.friso-signature:not(.education) #mom-signature-splide .splide__track .splide__slide .flip-card-container {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
}

/* baby-slide-1-title-match-kv — 全球唯一專利科技 = section-1 Text-30
   (img is inside <picture>; earlier > img selector missed it) */
@media screen and (min-width: 769px) {
  body.friso-signature:not(.education) .baby-slide-1 .baby-slide-txt img[src*="000-key-visual-title"],
  body.friso-signature:not(.education) .baby-slide-txt picture img[src*="000-key-visual-title"] {
    height: calc(125 / 1920 * 100vw) !important;
    max-height: 125px !important;
    width: auto !important;
    max-width: min(651px, 90vw) !important;
    min-height: 0 !important;
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
    object-fit: contain !important;
  }
}

/* no-additives-icons-2_5x-final — mobile-only last win; desktop untouched */
@media screen and (max-width: 768px) {
  body.friso-signature:not(.education) .baby-slide-2 .natural-container img[src*="vanilla"],
  body.friso-signature:not(.education) .baby-slide-2 .natural-container img[src*="sugar"],
  body.friso-signature:not(.education) .baby-slide-2 .natural-container img {
    width: 220px !important;
    min-width: 220px !important;
    max-width: 220px !important;
    height: auto !important;
  }
}

/* mum-carousel-mobile-title-space — push carousel/copy/CTA down for title breathing room.
   Mobile only; desktop mum-carousel-desktop-no-overlay unchanged. */
@media screen and (max-width: 768px) {
  body.friso-signature:not(.education) .mum-signature-container .mom-signature-splide-title {
    margin-top: 0 !important;
    margin-bottom: 3.5rem !important; /* was 2.25rem — more space under 我為寶寶選擇 title */
    transform: none !important;
  }
  body.friso-signature:not(.education) .mom-signature-splide .splide__track-wrapper,
  body.friso-signature:not(.education) #mom-signature-splide .splide__track-wrapper {
    margin-top: 0.5rem !important;
  }
}

/* mum-text-dots-tighter — less space between white copy and bottom dots */
@media screen and (min-width: 769px) {
  body.friso-signature:not(.education) #mom-signature-splide .splide-content,
  body.friso-signature:not(.education) .mom-signature-splide .splide-content {
    margin-bottom: 0 !important;
  }
  body.friso-signature:not(.education) #mom-signature-splide .splide-custom-pagination,
  body.friso-signature:not(.education) .mom-signature-splide .splide-custom-pagination {
    margin-top: 0.3rem !important;
  }
}
@media screen and (max-width: 768px) {
  body.friso-signature:not(.education) #mom-signature-splide .splide-content,
  body.friso-signature:not(.education) .mom-signature-splide .splide-content {
    margin-bottom: 0.2rem !important;
  }
  body.friso-signature:not(.education) #mom-signature-splide .splide-custom-pagination,
  body.friso-signature:not(.education) .mom-signature-splide .splide-custom-pagination {
    margin-top: 0.35rem !important;
    margin-bottom: 0.75rem !important;
  }
}

/* no-additive-icons-mobile-2_5x-class — MOBILE ONLY; desktop untouched */
@media screen and (max-width: 768px) {
  body.friso-signature:not(.education) .baby-slide-2 .natural-container img.no-additive-icon {
    width: 220px !important;
    min-width: 220px !important;
    max-width: 220px !important;
    height: auto !important;
  }
}

/* no-additive-icons-mobile-xl — MOBILE ONLY last win; desktop untouched */
@media screen and (max-width: 768px) {
  body.friso-signature:not(.education) .baby-slide-2 .baby-slide-txt .natural-container {
    max-width: min(96vw, 480px) !important;
    width: min(96vw, 480px) !important;
  }
  body.friso-signature:not(.education) .baby-slide-2 .baby-slide-txt .natural-container img.no-additive-icon,
  body.friso-signature:not(.education) .baby-slide-2 .baby-slide-txt .natural-container img[src*="vanilla"],
  body.friso-signature:not(.education) .baby-slide-2 .baby-slide-txt .natural-container img[src*="sugar"],
  body.friso-signature:not(.education) .baby-slide-2 .baby-slide-txt .natural-container > div > div:first-child img,
  body.friso-signature:not(.education) .baby-slide-2 .baby-slide-txt .natural-container img {
    width: 220px !important;
    min-width: 220px !important;
    max-width: 220px !important;
    height: auto !important;
  }
}

/* cf-no-additive-icons — match d14j587mdy11hp.cloudfront.net
   mobile: container 220px, margin-top 2em, img 66% (~73px)
   desktop: container 290px, img 66% (~87px); space-around */
@media screen and (max-width: 768px) {
  body.friso-signature:not(.education) .baby-slide-2 .baby-slide-txt .natural-container {
    max-width: 220px !important;
    width: 220px !important;
    margin-top: 2em !important;
    margin-left: auto !important;
    margin-right: auto !important;
    gap: 0 !important;
    display: flex !important;
    justify-content: space-around !important;
    align-items: flex-start !important;
  }
  body.friso-signature:not(.education) .baby-slide-2 .baby-slide-txt .natural-container > div {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    max-width: none !important;
    text-align: center !important;
  }
  body.friso-signature:not(.education) .baby-slide-2 .baby-slide-txt .natural-container > div > div:first-child {
    width: auto !important;
    max-width: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  body.friso-signature:not(.education) .baby-slide-2 .baby-slide-txt .natural-container img,
  body.friso-signature:not(.education) .baby-slide-2 .baby-slide-txt .natural-container > div > div:first-child img,
  body.friso-signature:not(.education) .baby-slide-2 .baby-slide-txt .natural-container img.no-additive-icon,
  body.friso-signature:not(.education) .baby-slide-2 .baby-slide-txt .natural-container img[src*="vanilla"],
  body.friso-signature:not(.education) .baby-slide-2 .baby-slide-txt .natural-container img[src*="sugar"],
  body.friso-signature:not(.education) .baby-slide-2 .natural-container img,
  body.friso-signature:not(.education) .baby-slide-2 .natural-container > div > div:first-child img {
    width: 66% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    display: inline-block !important;
    margin-left: auto !important;
    margin-right: auto !important;
    object-fit: contain !important;
  }
}
@media screen and (min-width: 769px) {
  body.friso-signature:not(.education) .baby-slide-2 .baby-slide-txt .natural-container {
    max-width: 290px !important;
    width: 290px !important;
    margin-top: 2em !important;
    margin-left: auto !important;
    margin-right: auto !important;
    gap: 0 !important;
    display: flex !important;
    justify-content: space-around !important;
    align-items: flex-start !important;
  }
  body.friso-signature:not(.education) .baby-slide-2 .baby-slide-txt .natural-container > div {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    max-width: none !important;
    text-align: center !important;
  }
  body.friso-signature:not(.education) .baby-slide-2 .baby-slide-txt .natural-container > div > div:first-child {
    width: auto !important;
    max-width: none !important;
  }
  body.friso-signature:not(.education) .baby-slide-2 .baby-slide-txt .natural-container img,
  body.friso-signature:not(.education) .baby-slide-2 .baby-slide-txt .natural-container > div > div:first-child img,
  body.friso-signature:not(.education) .baby-slide-2 .baby-slide-txt .natural-container img.no-additive-icon,
  body.friso-signature:not(.education) .baby-slide-2 .natural-container img,
  body.friso-signature:not(.education) .baby-slide-2 .natural-container > div > div:first-child img {
    width: 60% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
  }
}


/* gong-trim-cf-mobile — trimmed 攻/守 viewBox + CF size/position; attack/defend copy */
/* CF breakpoints: title corners @960; .text-img-smart 70px @960; m-small 83px @640 */
@media screen and (max-width: 960px) {
  body.friso-signature:not(.education) #smart-immu picture:has(.text-img-smart),
  body.friso-signature:not(.education) #smart-immu picture:has(.attack-img-txt),
  body.friso-signature:not(.education) #smart-immu picture:has(.m-defence),
  body.friso-signature:not(.education) .attack-defence picture:has(.text-img-smart),
  body.friso-signature:not(.education) .attack-defence picture:has(.attack-img-txt),
  body.friso-signature:not(.education) .attack-defence picture:has(.m-defence) {
    display: inline-block !important;
    width: auto !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  body.friso-signature:not(.education) #smart-immu .text-img-smart,
  body.friso-signature:not(.education) .attack-defence .text-img-smart {
    height: 70px !important; /* CF @960 */
    max-height: 70px !important;
    width: auto !important;
    max-width: none !important;
    margin-top: 0 !important;
  }
  body.friso-signature:not(.education) #smart-immu .slide-01 .smart-immu-content-title-1,
  body.friso-signature:not(.education) .slide-01 .smart-immu-content-title-1 {
    top: -8% !important;
    left: 20% !important;
    right: auto !important;
  }
  body.friso-signature:not(.education) #smart-immu .slide-01 .smart-immu-content-title-2,
  body.friso-signature:not(.education) .slide-01 .smart-immu-content-title-2 {
    top: 65% !important;
    right: -29% !important;
    left: auto !important;
  }
}
@media screen and (max-width: 640px) {
  body.friso-signature:not(.education) #smart-immu .attack-img-txt.text-img.m-small,
  body.friso-signature:not(.education) #smart-immu .m-defence.text-img.m-small,
  body.friso-signature:not(.education) #smart-immu .text-img-smart.attack-img-txt,
  body.friso-signature:not(.education) #smart-immu .text-img-smart.m-small,
  body.friso-signature:not(.education) .attack-defence .attack-img-txt.text-img.m-small,
  body.friso-signature:not(.education) .attack-defence .m-defence.text-img.m-small,
  body.friso-signature:not(.education) .attack-defence .text-img-smart {
    height: 83px !important; /* CF @640 */
    max-height: 83px !important;
    width: auto !important;
    margin-top: 0 !important;
  }
}
@media screen and (max-width: 960px) {
  /* CF: slide-02/03 text blocks */
  body.friso-signature:not(.education) .smart-immu-slide.slide-02,
  body.friso-signature:not(.education) .smart-immu-slide.slide-03 {
    align-items: flex-start !important;
    justify-content: flex-start !important;
    padding-top: 25vh !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
  }
  /* slide-02/03: flex-start so 攻/守 share the same left edge */
  body.friso-signature:not(.education) .smart-immu-attack-content,
  body.friso-signature:not(.education) .immu-defense-slide .smart-immu-content,
  body.friso-signature:not(.education) .slide-03 .smart-immu-content,
  body.friso-signature:not(.education) .friso-section-container.smart .smart-immu-container .smart-immu-content.smart-immu-attack-content,
  body.friso-signature:not(.education) .friso-section-container.smart .smart-immu-container.immu-defense-slide .smart-immu-content {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    margin: 1rem 0 !important;
    max-width: 100% !important;
    width: 100% !important;
    position: relative !important; /* kill desktop absolute top/left leak */
    top: auto !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    box-sizing: border-box !important;
    /* gallery 400 centered, ele -80, title 23.2% — use vw (content box ≠ viewport) */
    padding-left: calc(50vw - 187.2px) !important;
    padding-right: 1.25rem !important;
  }
  body.friso-signature:not(.education) .smart-immu-attack-content > .smart-immu-content-title,
  body.friso-signature:not(.education) .immu-defense-slide .smart-immu-content > .smart-immu-content-title,
  body.friso-signature:not(.education) .slide-03 .smart-immu-content > .smart-immu-content-title {
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    font-size: 0 !important;
    line-height: 0 !important;
    height: auto !important;
    display: flex !important;
    align-items: flex-start !important;
  }
  body.friso-signature:not(.education) .smart-immu-attack-content > .smart-immu-content-title picture,
  body.friso-signature:not(.education) .immu-defense-slide .smart-immu-content > .smart-immu-content-title picture,
  body.friso-signature:not(.education) .slide-03 .smart-immu-content > .smart-immu-content-title picture,
  body.friso-signature:not(.education) .smart-immu-attack-content > .smart-immu-content-title img,
  body.friso-signature:not(.education) .immu-defense-slide .smart-immu-content > .smart-immu-content-title img,
  body.friso-signature:not(.education) .slide-03 .smart-immu-content > .smart-immu-content-title img {
    display: block !important;
    margin-top: 0 !important;
  }
  /* text column beside 攻/守 */
  body.friso-signature:not(.education) .smart-immu-attack-content > div:last-child,
  body.friso-signature:not(.education) .immu-defense-slide .smart-immu-content > div:last-child,
  body.friso-signature:not(.education) .slide-03 .smart-immu-content > div:last-child {
    display: block !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    height: auto !important;
    max-height: none !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  /* CF: subtitle padding-left 16.5px; margin-bottom .5em */
  body.friso-signature:not(.education) .smart-immu-attack-content .smart-immu-content-subtitle,
  body.friso-signature:not(.education) .immu-defense-slide .smart-immu-content-subtitle,
  body.friso-signature:not(.education) .slide-03 .smart-immu-content-subtitle,
  body.friso-signature:not(.education) .friso-section-container.smart .smart-immu-container .smart-immu-content .smart-immu-content-subtitle {
    padding-left: 16.5px !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin: 0 0 0.5em 0 !important;
    text-align: left !important;
  }
  /* CF: body p padding-left 1em */
  body.friso-signature:not(.education) .smart-immu-attack-content p.txt-normal,
  body.friso-signature:not(.education) .immu-defense-slide .smart-immu-content p.txt-normal,
  body.friso-signature:not(.education) .slide-03 .smart-immu-content p.txt-normal,
  body.friso-signature:not(.education) .friso-section-container.smart .smart-immu-container .smart-immu-content p {
    padding-left: 1em !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
    margin: 0 !important;
    text-align: left !important;
    font-size: 1.1rem !important;
    line-height: 1.5 !important;
  }
  body.friso-signature:not(.education) .smart-immu-attack-content p.txt-normal .smart-immu-line,
  body.friso-signature:not(.education) .immu-defense-slide .smart-immu-content p.txt-normal .smart-immu-line,
  body.friso-signature:not(.education) .slide-03 .smart-immu-content p.txt-normal .smart-immu-line {
    display: block !important;
    padding-left: 0 !important;
    margin: 0 !important;
  }
}
@media screen and (max-width: 960px) and (max-height: 768px) {
  body.friso-signature:not(.education) .smart-immu-slide.slide-02,
  body.friso-signature:not(.education) .smart-immu-slide.slide-03 {
    padding-top: 30vh !important; /* CF */
  }
}
@media screen and (max-width: 768px) {
  /* White balls: CF 500px anchor; canvas must stay inline for text-align:center */
  body.friso-signature:not(.education) #smart-immu .slide-01 .y-ball-parts,
  body.friso-signature:not(.education) #smart-immu .poster-container .y-ball-parts {
    width: min(500px, 100%) !important;
    max-width: 500px !important;
    opacity: 1 !important;
    visibility: visible !important;
    overflow: visible !important;
    z-index: 5 !important;
    text-align: center !important;
  }
  body.friso-signature:not(.education) #smart-immu .slide-01 .y-ball-parts > div:first-child,
  body.friso-signature:not(.education) #smart-immu .poster-container .y-ball-parts > div:first-child {
    width: 100% !important;
  }
  body.friso-signature:not(.education) #smart-immu .slide-01 .y-ball-parts canvas.canvas-ani,
  body.friso-signature:not(.education) #smart-immu .poster-container .y-ball-parts canvas.canvas-ani {
    display: inline !important;
    opacity: 1 !important;
    visibility: visible !important;
    max-width: none !important;
  }
}

/* slide-01 攻: mobile orange-ball align; desktop = UAT left:0 top:36% */
@media screen and (max-width: 960px) {
  body.friso-signature:not(.education) #smart-immu .slide-01 .smart-immu-content-title-1,
  body.friso-signature:not(.education) .slide-01 .smart-immu-content-title-1 {
    /* was 20% / -8% — 20% sat ~10px left of #canvas-sequence-c */
    left: 23.2% !important;
    top: -5% !important;
    right: auto !important;
  }
  body.friso-signature:not(.education) #smart-immu .slide-01 .smart-immu-content-title-2,
  body.friso-signature:not(.education) .slide-01 .smart-immu-content-title-2 {
    top: 71% !important; /* was 68% — nudge 守 down a bit */
  }
}
@media screen and (min-width: 961px) {
  body.friso-signature:not(.education) #smart-immu .slide-01 .smart-immu-content-title-1,
  body.friso-signature:not(.education) .slide-01 .smart-immu-content-title-1 {
    /* UAT desktop: left:0 top:36% (revert orange-ball 31.35%/39%) */
    left: 0 !important;
    top: 36% !important;
    right: auto !important;
  }
  body.friso-signature:not(.education) #smart-immu .slide-01 .smart-immu-content-title-2,
  body.friso-signature:not(.education) .slide-01 .smart-immu-content-title-2 {
    top: 78% !important;
  }
}

/* slide-02/03 lock to slide-01 攻; title left = white text */
@media screen and (min-width: 961px) {
  body.friso-signature:not(.education) .smart-immu-attack-content,
  body.friso-signature:not(.education) .friso-section-container.smart .smart-immu-container .smart-immu-attack-content,
  body.friso-signature:not(.education) .smart-immu-slide.slide-02 .smart-immu-attack-content,
  body.friso-signature:not(.education) .immu-defense-slide .smart-immu-content,
  body.friso-signature:not(.education) .slide-03 .smart-immu-content {
    left: 0 !important;
    top: 34.5% !important;
  }
  /* White copy + 主動出擊/防禦保護: UAT --smart-immu-text-gap (130×15/112.5 ≈ 17.333) */
  body.friso-signature:not(.education) .smart-immu-attack-content p.txt-normal,
  body.friso-signature:not(.education) .immu-defense-slide .smart-immu-content p.txt-normal,
  body.friso-signature:not(.education) .slide-03 .smart-immu-content p.txt-normal {
    padding-left: var(--smart-immu-text-gap) !important;
    margin-left: 0 !important;
  }
  body.friso-signature:not(.education) .smart-immu-attack-content .smart-immu-content-subtitle,
  body.friso-signature:not(.education) .immu-defense-slide .smart-immu-content-subtitle,
  body.friso-signature:not(.education) .slide-03 .smart-immu-content-subtitle {
    padding-left: var(--smart-immu-text-gap) !important;
    margin-left: 0 !important;
  }
}
@media screen and (max-width: 960px) {
  body.friso-signature:not(.education) .smart-immu-attack-content,
  body.friso-signature:not(.education) .immu-defense-slide .smart-immu-content,
  body.friso-signature:not(.education) .slide-03 .smart-immu-content,
  body.friso-signature:not(.education) .friso-section-container.smart .smart-immu-container .smart-immu-content.smart-immu-attack-content,
  body.friso-signature:not(.education) .friso-section-container.smart .smart-immu-container.immu-defense-slide .smart-immu-content {
    padding-left: calc(50vw - 187.2px) !important;
  }
  body.friso-signature:not(.education) .smart-immu-attack-content .smart-immu-content-subtitle,
  body.friso-signature:not(.education) .immu-defense-slide .smart-immu-content-subtitle,
  body.friso-signature:not(.education) .slide-03 .smart-immu-content-subtitle,
  body.friso-signature:not(.education) .smart-immu-attack-content p.txt-normal,
  body.friso-signature:not(.education) .immu-defense-slide .smart-immu-content p.txt-normal,
  body.friso-signature:not(.education) .slide-03 .smart-immu-content p.txt-normal {
    padding-left: 15px !important;
  }
}
/* ≤768: gallery max-width 300 — match slide-01 攻 left */
@media screen and (max-width: 768px) {
  body.friso-signature:not(.education) .smart-immu-attack-content,
  body.friso-signature:not(.education) .immu-defense-slide .smart-immu-content,
  body.friso-signature:not(.education) .slide-03 .smart-immu-content,
  body.friso-signature:not(.education) .friso-section-container.smart .smart-immu-container .smart-immu-content.smart-immu-attack-content,
  body.friso-signature:not(.education) .friso-section-container.smart .smart-immu-container.immu-defense-slide .smart-immu-content {
    /* gallery 300 centered, ele -80, title 23.2% */
    padding-left: calc(50vw - 160.4px) !important;
  }
}

/* slide-02/03 FINAL lock */
@media screen and (min-width: 961px) {
  body.friso-signature:not(.education) .smart-immu-attack-content,
  body.friso-signature:not(.education) .friso-section-container.smart .smart-immu-container .smart-immu-attack-content,
  body.friso-signature:not(.education) .smart-immu-slide.slide-02 .smart-immu-attack-content,
  body.friso-signature:not(.education) .immu-defense-slide .smart-immu-content,
  body.friso-signature:not(.education) .slide-03 .smart-immu-content {
    left: 0 !important;
    top: 34.5% !important;
  }
}


/* smart-immu-mobile-title-left — beat #smart-immu / picture:has centering so
   主動出擊／防禦保護 ink left matches white body text (same pad) */
@media screen and (max-width: 960px) {
  body.friso-signature:not(.education) #smart-immu .smart-immu-attack-content .smart-immu-content-subtitle,
  body.friso-signature:not(.education) #smart-immu .immu-defense-slide .smart-immu-content-subtitle,
  body.friso-signature:not(.education) #smart-immu .slide-03 .smart-immu-content-subtitle {
    text-align: left !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 15px !important;
  }
  body.friso-signature:not(.education) #smart-immu .smart-immu-attack-content p.txt-normal,
  body.friso-signature:not(.education) #smart-immu .immu-defense-slide .smart-immu-content p.txt-normal,
  body.friso-signature:not(.education) #smart-immu .slide-03 .smart-immu-content p.txt-normal {
    text-align: left !important;
    padding-left: 15px !important;
    margin-left: 0 !important;
  }
  body.friso-signature:not(.education) #smart-immu .smart-immu-attack-content .smart-immu-content-subtitle picture,
  body.friso-signature:not(.education) #smart-immu .immu-defense-slide .smart-immu-content-subtitle picture,
  body.friso-signature:not(.education) #smart-immu .slide-03 .smart-immu-content-subtitle picture,
  body.friso-signature:not(.education) #smart-immu .smart-immu-attack-content picture:has(.smart-immu-title),
  body.friso-signature:not(.education) #smart-immu .immu-defense-slide picture:has(.smart-immu-title),
  body.friso-signature:not(.education) #smart-immu .slide-03 picture:has(.smart-immu-title) {
    display: block !important;
    width: auto !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    text-align: left !important;
  }
  body.friso-signature:not(.education) #smart-immu .smart-immu-attack-content .smart-immu-title,
  body.friso-signature:not(.education) #smart-immu .smart-immu-attack-content img.smart-immu-title,
  body.friso-signature:not(.education) #smart-immu .immu-defense-slide .smart-immu-title,
  body.friso-signature:not(.education) #smart-immu .immu-defense-slide img.smart-immu-title,
  body.friso-signature:not(.education) #smart-immu .slide-03 .smart-immu-title,
  body.friso-signature:not(.education) #smart-immu .slide-03 img.smart-immu-title,
  body.friso-signature:not(.education) #smart-immu .smart-immu-content-subtitle .smart-immu-title,
  body.friso-signature:not(.education) #smart-immu .smart-immu-content-subtitle img.smart-immu-title {
    margin-left: 0 !important;
    margin-right: 0 !important;
    object-position: left top !important;
    display: block !important;
  }
}


/* baby-mobile-shadow-far-after — cover tin/girl feet, fade out into next page */
@media screen and (max-width: 768px) {
  /* let shadow spill past the 100vh baby section into the next page */
  body.friso-signature:not(.education) .friso-section-container.baby,
  body.friso-signature:not(.education) .baby,
  body.friso-signature:not(.education) .baby-container-sticky {
    overflow: visible !important;
  }
  body.friso-signature:not(.education) .baby-container-btm .funny-gradient-container.radial,
  body.friso-signature:not(.education) .baby-container-btm .funny-gradient-container {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    background: none !important;
  }
  /* under feet — dark at girl bottom, clear up into the figure */
  body.friso-signature:not(.education) .baby-container-btm .baby-container::before {
    bottom: 0% !important;
    height: 28% !important;
    background: linear-gradient(
      to top,
      rgba(18, 8, 2, 1) 0%,
      rgba(18, 8, 2, 1) 10%,
      rgba(32, 7, 4, 0.28) 70%,
      transparent 100%
    ) !important;
  }
  /* baby-container-btm::before — vertical: top dark (cover tin/girl) → bottom soft */
  body.friso-signature:not(.education) .baby-container-btm::before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 100vw !important;
    right: auto !important;
    top: 95% !important;
    bottom: auto !important;
    height: 10vh !important;
    z-index: 2 !important;
    opacity: 14 !important;
    pointer-events: none !important;
    background: linear-gradient(
      to bottom,
      rgba(18, 8, 2, 0.95) 0%,
      rgba(18, 8, 2, 0.7) 35%,
      rgba(32, 7, 4, 0.28) 70%,
      transparent 100%
    ) !important;
  }
  /* ::after — light vertical wash only; ::before owns the cover+fade */
  body.friso-signature:not(.education) .baby-container-btm::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 100vw !important;
    right: auto !important;
    top: auto !important;
    bottom: -8% !important;
    height: 100vh !important;
    z-index: 3 !important;
    opacity: 1 !important;
    pointer-events: none !important;
    background: linear-gradient(
      to bottom,
      rgba(18, 8, 2, 0.35) 0%,
      rgba(14, 6, 2, 0.14) 12%,
      rgba(12, 5, 1, 0.05) 30%,
      transparent 55%
    ) !important;
    -webkit-mask-image: none !important;
    mask-image: none !important;
  }
}

/* GSAP pins inside overflow:hidden ancestors become transform-pins.
   Farm already clips on .farm-animation-pin / .farm-animation-section. */
body.friso-signature:not(.education) #patented-technology {
  overflow: visible !important;
}
body.friso-signature:not(.education) .small-immu-no-added-sugar-slider.attack-defence,
body.friso-signature:not(.education) .small-immu-no-added-sugar-slider.baby-slider-wrapper {
  overflow: visible !important;
}

/* baby-tin-leaving — clip overflow while easing into Fala (before hard hide). */
body.friso-signature:not(.education) .baby-slider-wrapper.baby-tin-leaving,
body.friso-signature:not(.education) .baby-slider-wrapper.baby-tin-leaving .baby,
body.friso-signature:not(.education) .baby-slider-wrapper.baby-tin-leaving .baby-container-sticky,
body.friso-signature:not(.education) .baby-slider-wrapper.baby-tin-leaving .friso-section-container.baby,
body.friso-signature:not(.education) .baby-slider-wrapper.baby-tin-leaving .small-immu-no-added-sugar-slider-inner {
  overflow: hidden !important;
}

/* baby-tin-hidden — AFTER overflow:visible shadow rules so leave-down wins.
   Only clip/hide tin/girl. Do NOT paint opaque fills on Fala / signature —
   that wiped the Born to be Signature background.
   All viewports: overflow:visible on baby used to paint tin/girl over Fala
   after the Smart IMMU complete path (baby pin still covering Signature). */
body.friso-signature:not(.education) .baby-slider-wrapper.baby-tin-hidden,
body.friso-signature:not(.education) .baby-slider-wrapper.baby-tin-hidden .baby,
body.friso-signature:not(.education) .baby-slider-wrapper.baby-tin-hidden .baby-container-sticky,
body.friso-signature:not(.education) .baby-slider-wrapper.baby-tin-hidden .friso-section-container.baby,
body.friso-signature:not(.education) .baby-slider-wrapper.baby-tin-hidden .small-immu-no-added-sugar-slider-inner {
  overflow: hidden !important;
  z-index: 0 !important;
}
body.friso-signature:not(.education) .baby-slider-wrapper.baby-tin-hidden {
  z-index: 0 !important;
  pointer-events: none !important;
}
body.friso-signature:not(.education) .friso-section-container.signature-section {
  position: relative;
  z-index: 3;
}
body.friso-signature:not(.education) .baby-slider-wrapper.baby-tin-hidden .baby-container-btm,
body.friso-signature:not(.education) .baby-slider-wrapper.baby-tin-hidden .baby-slide-1,
body.friso-signature:not(.education) .baby-slider-wrapper.baby-tin-hidden .baby-slide-2 {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* fala-mobile-quote-above-shadow — quote was nudged up under fala img::after
   hori_shadow (bottom:-35% / ~420px); keep copy above the bleed */
@media screen and (max-width: 768px) {
  body.friso-signature:not(.education) .signature-content {
    position: relative !important;
    z-index: 6 !important;
  }
  body.friso-signature:not(.education) .fala-signature-container-img::after {
    bottom: 0 !important; /* was -35% — stop bleeding over Born to be quote */
    height: 280px !important;
  }
  /* Soft fade only — leave bottom ~1/4 readable under quote/CTA overlay */
  body.friso-signature:not(.education) .fala-signature-container-img-wrapper::after {
    height: 28dvh !important;
    background: linear-gradient(
      to bottom,
      rgba(31, 12, 6, 0) 0%,
      rgba(31, 12, 6, 0.35) 40%,
      rgba(31, 12, 6, 0.72) 78%,
      rgba(31, 12, 6, 0.9) 100%
    ) !important;
  }
}


/* fala-desktop-plate-wash — from Born to be anim bottom → page bottom.
   Prior attempt put ::after on the img-wrapper at top:100%; overflow:hidden
   (and overflow-x:hidden → overflow-y:auto) clipped it, and the opaque
   .signature-content gradient (z:6) covered any bleed. Shadow lives on
   .signature-content::before so it paints in the visible content layer.
   hori_shadow-2.png weight sits low in the asset — use cover so the plate
   reads across the wash (no mask killing the band). */
body.friso-signature:not(.education) .signature-content {
  position: relative !important;
  z-index: 6 !important;
  /* visible so -3.75rem quote nudge is not cropped on top;
     ::before is height:100% so it no longer spills onto Mum title */
  overflow: visible !important;
  background: rgb(31, 12, 6) !important;
}
body.friso-signature:not(.education) .signature-content::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  top: 0 !important; /* = Born to be anim bottom / content join */
  bottom: auto !important;
  width: 100vw !important;
  right: auto !important;
  height: 100% !important; /* stay inside quote/CTA block only */
  z-index: 0 !important;
  pointer-events: none !important;
  opacity: 1 !important;
  background:
    url("../img/home/hori_shadow-2.png") center center / cover no-repeat,
    linear-gradient(
      to bottom,
      rgba(12, 5, 1, 0.7) 0%,
      rgba(12, 5, 1, 0.42) 32%,
      rgba(10, 4, 1, 0.16) 68%,
      transparent 100%
    ) !important;
}
/* quote / CTA above the plate */
body.friso-signature:not(.education) .signature-content > * {
  position: relative !important;
  z-index: 1 !important;
}
/* keep Mum title above any leftover signature-content stacking */
body.friso-signature:not(.education) .mum-signature-container {
  position: relative !important;
  z-index: 7 !important;
}
@media screen and (max-width: 768px) {
  body.friso-signature:not(.education) .signature-content::before {
    height: 100% !important;
    /* darker at top so anim bottom edge is fully covered */
    background:
      url("../img/home/hori_shadow-2.png") center top / 100% auto no-repeat,
      linear-gradient(
        to bottom,
        rgb(31, 12, 6) 0%,
        rgba(31, 12, 6, 0.92) 18%,
        rgba(12, 5, 1, 0.55) 45%,
        rgba(10, 4, 1, 0.2) 72%,
        transparent 100%
      ) !important;
  }
}

/* fala-desktop-quote-soft-join — desktop: soft shaped join under Born to be
   (no hard rectangular plate cut into the anim). Quote overlays Fala bottom.
   Long feather + mask so shadow top has no sharp horizontal edge; dense wash
   still sits low enough for hand + Signature to read. */
@media screen and (min-width: 769px) {
  body.friso-signature:not(.education) .friso-section-container.signature-section {
    overflow: visible !important;
  }
  body.friso-signature:not(.education) .signature-content {
    margin-top: -18vh !important;
    position: relative !important;
    z-index: 6 !important;
    overflow: visible !important;
    /* Long transparent head — avoid plate cut across Signature */
    background: linear-gradient(
      to bottom,
      rgba(31, 12, 6, 0) 0%,
      rgba(31, 12, 6, 0.04) 18%,
      rgba(31, 12, 6, 0.18) 32%,
      rgba(31, 12, 6, 0.45) 48%,
      rgba(31, 12, 6, 0.78) 62%,
      rgba(31, 12, 6, 0.94) 74%,
      rgb(31, 12, 6) 86%,
      rgb(31, 12, 6) 100%
    ) !important;
  }
  body.friso-signature:not(.education) .signature-content::before {
    height: min(52vh, 480px) !important;
    top: -6vh !important; /* start above content edge so fade, not a hard band */
    background:
      url("../img/home/hori_shadow-2.png") center 70% / 100% auto no-repeat,
      linear-gradient(
        to bottom,
        rgba(12, 5, 1, 0) 0%,
        rgba(12, 5, 1, 0.08) 22%,
        rgba(12, 5, 1, 0.28) 48%,
        rgba(12, 5, 1, 0.42) 68%,
        rgba(10, 4, 1, 0.14) 88%,
        transparent 100%
      ) !important;
    /* Feather PNG / plate top — kills sharp horizontal edge */
    -webkit-mask-image: linear-gradient(
      to bottom,
      transparent 0%,
      rgba(0, 0, 0, 0.35) 18%,
      #000 42%,
      #000 100%
    ) !important;
    mask-image: linear-gradient(
      to bottom,
      transparent 0%,
      rgba(0, 0, 0, 0.35) 18%,
      #000 42%,
      #000 100%
    ) !important;
  }
  body.friso-signature:not(.education) .signature-content .fala-signature-container-inner-text {
    position: relative !important;
    z-index: 2 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
    /* Drop quote/name/CTA so it clears anim “Signature” (esp. trailing g) */
    padding-top: 3em !important;
  }
  body.friso-signature:not(.education) .fala-signature-container-img-wrapper {
    overflow-x: hidden !important;
    overflow-y: visible !important;
  }
  body.friso-signature:not(.education) .fala-signature-container-img::after {
    height: 520px !important;
    bottom: -4% !important;
    background-size: 100% auto !important;
    background-position: center bottom !important;
    opacity: 0.55 !important;
    -webkit-mask-image: linear-gradient(
      to bottom,
      transparent 0%,
      rgba(0, 0, 0, 0.4) 28%,
      #000 55%,
      #000 100%
    ) !important;
    mask-image: linear-gradient(
      to bottom,
      transparent 0%,
      rgba(0, 0, 0, 0.4) 28%,
      #000 55%,
      #000 100%
    ) !important;
  }
  body.friso-signature:not(.education) .fala-signature-container-img-wrapper::after {
    height: 30dvh !important;
    background: linear-gradient(
      to bottom,
      rgba(31, 12, 6, 0) 0%,
      rgba(31, 12, 6, 0.05) 30%,
      rgba(31, 12, 6, 0.22) 55%,
      rgba(31, 12, 6, 0.55) 78%,
      rgba(31, 12, 6, 0.85) 92%,
      rgb(31, 12, 6) 100%
    ) !important;
  }
}

/* mum-seq-buttons-track-gap — tighter buttons + track spacing (mobile + desktop) */
body.friso-signature:not(.education) .splide-buttons.fadein-ele.mum-seq.scrolled,
body.friso-signature:not(.education) #mom-signature-splide .splide-buttons.fadein-ele.mum-seq.scrolled,
body.friso-signature:not(.education) .mom-signature-splide .splide-buttons.fadein-ele.mum-seq.scrolled {
  margin-top: 0 !important;
  margin-bottom: 0.5rem !important;
}
body.friso-signature:not(.education) .splide__track-wrapper.fadein-ele.mum-seq.scrolled,
body.friso-signature:not(.education) #mom-signature-splide .splide__track-wrapper.fadein-ele.mum-seq.scrolled,
body.friso-signature:not(.education) .mom-signature-splide .splide__track-wrapper.fadein-ele.mum-seq.scrolled {
  margin-bottom: 0 !important;
}

/* mum-carousel-side-peek — mobile: smaller cards (50vw) so more side images show */
@media screen and (max-width: 768px) {
  body.friso-signature:not(.education) #mom-signature-splide .splide__slide {
    width: 50vw !important;
  }
  body.friso-signature:not(.education) .mom-signature-splide .splide__track .splide__slide .flip-card-container,
  body.friso-signature:not(.education) #mom-signature-splide .splide__track .splide__slide .flip-card-container {
    max-width: 50vw !important;
  }
  /* sides a bit larger so peeks read clearer */
  body.friso-signature:not(.education) #mom-signature-splide:not(.moving) .splide__track .splide__slide .flip-card-container,
  body.friso-signature:not(.education) #mom-signature-splide:not(.moving) .splide__track .splide__slide.is-prev .flip-card-container,
  body.friso-signature:not(.education) #mom-signature-splide:not(.moving) .splide__track .splide__slide.is-next .flip-card-container {
    transform: scale(0.8) !important;
  }
  body.friso-signature:not(.education) #mom-signature-splide.moving .splide__track .splide__slide .flip-card-container,
  body.friso-signature:not(.education) #mom-signature-splide.moving .splide__track .splide__slide.is-prev .flip-card-container,
  body.friso-signature:not(.education) #mom-signature-splide.moving .splide__track .splide__slide.is-next .flip-card-container,
  body.friso-signature:not(.education) #mom-signature-splide.moving .splide__track .splide__slide.is-active .flip-card-container,
  body.friso-signature:not(.education) .mom-signature-splide.moving .splide__track .splide__slide.is-active .flip-card-container {
    transform: scale(0.8) !important;
  }
}

/* tin-girl-mobile-1_1x — mobile: tin+girl 1.1× of 30vh base */
@media screen and (max-width: 768px) {
  body.friso-signature:not(.education) .baby,
  body.friso-signature:not(.education) .baby-container {
    --baby-sticky-height: 33vh !important; /* 30vh × 1.1 */
  }
  body.friso-signature:not(.education) .baby-container-btm {
    bottom: 18vh !important;
  }
  body.friso-signature:not(.education) .baby-container-btm .baby-container,
  body.friso-signature:not(.education) .baby-container-btm .baby-container img {
    height: calc(var(--baby-sticky-height) * 1.18) !important;
  }
}

/* tin-girl-short-height — match taller-mobile title/icon spacing; only drop
   tin+girl+shadow so they clear 蔗糖/雲尼拿 (same gap feel as normal mobile). */
@media screen and (max-width: 768px) and (max-height: 700px) {
  /* Same top seat as normal mobile (tin-girl / baby-slide-1 @18vh) */
  body.friso-signature:not(.education) .baby > .friso-section-container-inner-full {
    transform: none !important;
  }
  body.friso-signature:not(.education) .baby-slide-1,
  body.friso-signature:not(.education) .baby-slide-2 {
    padding-top: 18vh !important;
  }
  /* Icon ↔ title gap: keep authored mobile margin (1.5em / 2em) */
  body.friso-signature:not(.education) .baby-slide-2 .baby-slide-txt .natural-container {
    margin-top: 2em !important;
  }
  /* Raise tin+girl+shadow to tighten gap under icons/text (still below copy) */
  body.friso-signature:not(.education) .baby-container-btm {
    bottom: 10vh !important; /* was 2vh — closer to icons; tall mobile stays 18vh */
  }
  /* Tin+girl 1.1× vs normal mobile (33vh × 1.18 base) */
  body.friso-signature:not(.education) .baby,
  body.friso-signature:not(.education) .baby-container {
    --baby-sticky-height: 36.3vh !important; /* 33vh × 1.1 */
  }
  body.friso-signature:not(.education) .baby-container-btm .baby-container,
  body.friso-signature:not(.education) .baby-container-btm .baby-container img {
    height: calc(var(--baby-sticky-height) * 1.18) !important;
  }
}

/* fala-bottom-content-nudge-more — mobile all: quote/name/CTA overlay fala video bottom 1/4 */
@media screen and (max-width: 768px) {
  body.friso-signature:not(.education) .signature-content {
    padding-top: 0 !important;
  }
  body.friso-signature:not(.education) .signature-content .fala-signature-container-inner-text {
    /* 420×800 canvas → sit over bottom quarter of Born to be video */
    margin-top: calc(-100vw * 800 / 420 * 2 / 5) !important;
  }
}

/* mum-title-content-nudge-up — desktop: pull carousel closer under 我為寶寶選擇 title */
@media screen and (min-width: 769px) {
  body.friso-signature:not(.education) .mum-signature-container .mom-signature-splide-title {
    margin-bottom: 1.25rem !important; /* was 2.5rem */
  }
}

/* smart-immu-title-gap-fixed — modest title→copy gap; leftover height goes into
   white-line spacing so copy bottom still meets 攻/守 without a big void. */
@media screen and (min-width: 769px) {
  body.friso-signature:not(.education) .smart-immu-attack-content,
  body.friso-signature:not(.education) .immu-defense-slide .smart-immu-content,
  body.friso-signature:not(.education) .slide-03 .smart-immu-content,
  body.friso-signature:not(.education) .slide-01 {
    --smart-immu-title-h: 22px;
    --smart-immu-title-gap: 0.55rem !important;
    --smart-immu-line-h: calc(
      (var(--smart-gong-h) - var(--smart-immu-title-h) - var(--smart-immu-title-gap)) /
        3 / 1.1rem
    );
  }
  body.friso-signature:not(.education) .smart-immu-attack-content .smart-immu-content-subtitle,
  body.friso-signature:not(.education) .immu-defense-slide .smart-immu-content-subtitle,
  body.friso-signature:not(.education) .slide-03 .smart-immu-content-subtitle,
  body.friso-signature:not(.education) .friso-section-container.smart .smart-immu-container .smart-immu-content .smart-immu-content-subtitle {
    margin-bottom: var(--smart-immu-title-gap) !important;
  }
  body.friso-signature:not(.education) .smart-immu-attack-content p.txt-normal,
  body.friso-signature:not(.education) .immu-defense-slide .smart-immu-content p.txt-normal,
  body.friso-signature:not(.education) .slide-03 .smart-immu-content p.txt-normal,
  body.friso-signature:not(.education) .smart-immu-attack-content p.txt-normal .smart-immu-line,
  body.friso-signature:not(.education) .immu-defense-slide .smart-immu-content p.txt-normal .smart-immu-line,
  body.friso-signature:not(.education) .slide-03 .smart-immu-content p.txt-normal .smart-immu-line {
    line-height: var(--smart-immu-line-h) !important;
  }
}

/* compare-y-title-nudge-mobile — +1Y under section title; active Y top tuck -12% */
@media screen and (max-width: 768px) {
  body.friso-signature:not(.education) .compare {
    --compare-y: 2.25rem; /* one background-Y step */
  }
  body.friso-signature:not(.education) .compare .friso-section-content {
    margin-top: calc(0.35rem + var(--compare-y)) !important; /* +1Y under section title */
  }
  body.friso-signature:not(.education) .compare .y-shape-canvas-container {
    margin-top: -12% !important; /* active Y top spacing (restored) */
  }
  body.friso-signature:not(.education) .compare .compare-text {
    margin-top: -0.35rem !important; /* keep glued under Y */
  }
  body.friso-signature:not(.education) .compare .compare-title__img {
    margin-top: 0.15rem !important;
  }
}

/* farm-title-band-mobile-4_5 — title area 4/5; headline down, bottom gap = 1 title-text height */
@media screen and (max-width: 768px) {
  body.friso-signature:not(.education) .farm-animation-pin {
    --farm-title-band: calc(33.333vh * 4 / 5);
    --farm-title-band: calc(33.333dvh * 4 / 5);
    --farm-pin-title-h: calc(50 / 420 * var(--friso-m-title-w, 86vw)); /* Mobile Text-7 */
  }
  body.friso-signature:not(.education) .farm-animation-pin .farm-pin-title {
    align-items: flex-end;
    justify-content: center;
    padding-top: 52px; /* nav clearance */
    padding-bottom: var(--farm-pin-title-h); /* 1 title-text height under headline */
  }
}

/* milktruck-steps-center-mobile — step 1/2: left-align white copy to title;
   nudge「1」right (uncrop);「2」+white share title left edge */
@media screen and (max-width: 768px) {
  body.friso-signature:not(.education) .farm-animation-overlay.farm-animation-content-1,
  body.friso-signature:not(.education) .farm-animation-overlay.farm-animation-content-2,
  body.friso-signature:not(.education) .farm-video-stage .farm-animation-overlay.farm-animation-content-1,
  body.friso-signature:not(.education) .farm-video-stage .farm-animation-overlay.farm-animation-content-2 {
    left: 0 !important;
    right: auto !important;
    transform: none !important;
    width: 100% !important;
    max-width: none !important;
    /* shared left for step 1 + 2; JS fine-tunes step-2 title to step-1 */
    padding-left: calc(13vw * 286 / 198 + 2rem) !important;
    padding-right: 1rem !important;
    box-sizing: border-box !important;
    justify-content: flex-start !important;
  }

  /* Step 1 + 2 — same left (was step1-only +2rem, step2 lagged at +1.25rem) */
  body.friso-signature:not(.education) .farm-animation-overlay.farm-animation-content-1,
  body.friso-signature:not(.education) .farm-animation-overlay.farm-animation-content-2,
  body.friso-signature:not(.education) .farm-video-stage .farm-animation-overlay.farm-animation-content-1,
  body.friso-signature:not(.education) .farm-video-stage .farm-animation-overlay.farm-animation-content-2 {
    padding-left: calc(13vw * 286 / 198 + 2rem) !important;
  }

  body.friso-signature:not(.education) .farm-animation-overlay .friso-section-container-inner-wider,
  body.friso-signature:not(.education) .farm-animation-overlay.farm-animation-content-2 .farm-animation-content-2__inner {
    justify-content: flex-start !important;
    align-items: flex-start !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    text-align: left !important;
  }

  body.friso-signature:not(.education) .farm-animation-overlay .friso-section-container-inner-wider > div:last-child,
  body.friso-signature:not(.education) .farm-animation-content-2 .content-2-text-wrapper {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    text-align: left !important;
    padding-left: 0 !important;
  }

  /* Titles left; white body left-aligned to title left */
  body.friso-signature:not(.education) .farm-animation-overlay .txt-gold,
  body.friso-signature:not(.education) .farm-animation-overlay.farm-animation-content-2 .txt-gold {
    text-align: left !important;
    width: 100% !important;
  }
  body.friso-signature:not(.education) .farm-animation-overlay .txt-normal,
  body.friso-signature:not(.education) .farm-animation-overlay .txt-normal p,
  body.friso-signature:not(.education) .farm-animation-overlay.farm-animation-content-2 .txt-normal,
  body.friso-signature:not(.education) .farm-animation-overlay.farm-animation-content-2 .txt-normal p,
  body.friso-signature:not(.education) .farm-animation-overlay .content-2-text-wrapper,
  body.friso-signature:not(.education) .farm-animation-overlay.farm-animation-content-2 .content-2-text-wrapper {
    text-align: left !important;
  }

  body.friso-signature:not(.education) .farm-animation-overlay .patented-technology-step-num-1-wrapper {
    display: inline-block !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    text-align: left !important;
    max-width: 100% !important;
    position: relative !important;
  }

  body.friso-signature:not(.education) .farm-animation-overlay .patented-technology-step-title,
  body.friso-signature:not(.education) .farm-animation-overlay .patented-technology-step-num-2-title,
  body.friso-signature:not(.education) .farm-animation-content-1 .patented-technology-step-title,
  body.friso-signature:not(.education) .farm-animation-content-2 .patented-technology-step-num-2-title {
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: 100% !important;
    width: auto !important;
    display: block !important;
    object-position: left center !important;
  }

  /*「2」hangs left of title; white copy shares title left (not numeral left) */
  body.friso-signature:not(.education) .farm-animation-overlay.farm-animation-content-2 .patented-technology-step-num-2,
  body.friso-signature:not(.education) .farm-animation-content-2 .patented-technology-step-num-2 {
    right: calc(100% + 0.35rem) !important;
    left: auto !important;
  }

  /* Keep authored mobile <br class="mobile-only"> (e.g. Factor「1」 milk copy) */
  body.friso-signature:not(.education) .farm-animation-overlay .txt-normal br.mobile-only {
    display: revert !important;
  }

  /* Title → white text: one white-text height (1em of .txt-normal = 1.1rem) */
  body.friso-signature:not(.education) .farm-animation-overlay .txt-gold,
  body.friso-signature:not(.education) .farm-animation-overlay .txt-gold h2,
  body.friso-signature:not(.education) .farm-animation-overlay .patented-technology-step-num-1-wrapper {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    line-height: 0 !important; /* title is an img — kill text line-box gap */
  }
  body.friso-signature:not(.education) .farm-animation-overlay .txt-normal,
  body.friso-signature:not(.education) .farm-animation-overlay.farm-animation-content-2 .txt-normal {
    margin-top: 1em !important; /* one white-text height */
  }
}

/* gong-size-90 — mobile 攻/守 at 90% of current 83px CF height */
@media screen and (max-width: 768px) {
  body.friso-signature:not(.education) .text-img-smart,
  body.friso-signature:not(.education) .text-img-smart.attack-img-txt,
  body.friso-signature:not(.education) .text-img-smart.m-defence,
  body.friso-signature:not(.education) .text-img-smart.m-small,
  body.friso-signature:not(.education) .smart-immu-content-title .text-img-smart,
  body.friso-signature:not(.education) .smart-immu-content-title-1 .text-img-smart,
  body.friso-signature:not(.education) .smart-immu-content-title-2 .text-img-smart,
  body.friso-signature:not(.education) .slide-01 .text-img-smart,
  body.friso-signature:not(.education) .slide-02 .attack-img-txt,
  body.friso-signature:not(.education) .slide-03 .m-defence,
  body.friso-signature:not(.education) .m-defence.text-img.m-small,
  body.friso-signature:not(.education) .attack-img-txt.text-img.m-small,
  body.friso-signature:not(.education) .smart-immu-attack-content .attack-img-txt,
  body.friso-signature:not(.education) .immu-defense-slide .m-defence,
  body.friso-signature:not(.education) #smart-immu .slide-01 .text-img-smart,
  body.friso-signature:not(.education) #smart-immu .slide-01 img.text-img-smart,
  body.friso-signature:not(.education) #smart-immu .slide-01 .smart-immu-content-title .text-img {
    height: 74.7px !important; /* 83 × 0.9 */
    max-height: 74.7px !important;
    width: auto !important;
  }
}

/* compare-active-y-title-gap-mobile — active -12% top; title pad under both */
@media screen and (max-width: 768px) {
  body.friso-signature:not(.education) .compare .friso-section-content > div:nth-child(1) .y-shape-canvas-container {
    margin-top: -12% !important;
    margin-bottom: 5.5% !important;
  }
  body.friso-signature:not(.education) .compare .friso-section-content > div:nth-child(1) .compare-text,
  body.friso-signature:not(.education) .compare .friso-section-content > div:nth-child(2) .compare-text {
    margin-top: -0.35rem !important; /* title glue under Y */
  }
}

/* trackeasy-mobile-linebreaks — exact CF line breaks; nowrap; shrink font if needed */
@media screen and (max-width: 768px) {
  body.friso-signature:not(.education) #product .track-easy-container-inner-left.mobile-only .track-easy-text .txt-normal.trackeasy-p1,
  body.friso-signature:not(.education) #product .track-easy-container-inner-left.mobile-only .track-easy-text .txt-normal.trackeasy-p2 {
    font-size: var(--trackeasy-m-fs, 1.1rem) !important;
    line-height: 1.5 !important;
    text-align: center !important;
  }
  body.friso-signature:not(.education) #product .track-easy-container-inner-left.mobile-only .track-easy-text .txt-normal.trackeasy-p1 .nowrap,
  body.friso-signature:not(.education) #product .track-easy-container-inner-left.mobile-only .track-easy-text .txt-normal.trackeasy-p2 .nowrap,
  body.friso-signature:not(.education) #product .track-easy-container-inner-left.mobile-only .track-easy-text .txt-normal .nowrap,
  body.friso-signature:not(.education) #product .track-easy-container-inner-left.mobile-only .nowrap {
    white-space: nowrap !important;
    display: inline !important;
  }
}

/* gong-size-90-slide23 — mobile slide 2/3 攻/守 to 90% (beat #smart-immu @640 83px) */
@media screen and (max-width: 768px) {
  body.friso-signature:not(.education) #smart-immu .slide-02 .attack-img-txt,
  body.friso-signature:not(.education) #smart-immu .slide-02 .attack-img-txt.text-img.m-small,
  body.friso-signature:not(.education) #smart-immu .slide-02 img.attack-img-txt,
  body.friso-signature:not(.education) #smart-immu .smart-immu-slide.slide-02 .attack-img-txt,
  body.friso-signature:not(.education) #smart-immu .smart-immu-attack-content .attack-img-txt,
  body.friso-signature:not(.education) #smart-immu .slide-03 .m-defence,
  body.friso-signature:not(.education) #smart-immu .slide-03 .m-defence.text-img.m-small,
  body.friso-signature:not(.education) #smart-immu .slide-03 img.m-defence,
  body.friso-signature:not(.education) #smart-immu .immu-defense-slide .m-defence,
  body.friso-signature:not(.education) .attack-defence #smart-immu .slide-02 .attack-img-txt.text-img.m-small,
  body.friso-signature:not(.education) .attack-defence #smart-immu .slide-03 .m-defence.text-img.m-small {
    height: 74.7px !important; /* 83 × 0.9 */
    max-height: 74.7px !important;
    width: auto !important;
  }
}

/* smart-immu-gong-shou-align-mobile — slide-2 keeps slide-1 攻; slide-3 守 font-top = 攻 top */
@media screen and (max-width: 768px) {
  /* Kill slide-03 extra drop that put 守 below 攻 */
  body.friso-signature:not(.education) .smart-immu-slide.slide-03 .smart-immu-content,
  body.friso-signature:not(.education) .friso-section-container.smart .smart-immu-container.immu-defense-slide .smart-immu-content {
    margin-top: 0 !important;
  }
  /* Same vertical entry as slide-02 so 守 box top = former 攻 top */
  body.friso-signature:not(.education) .smart-immu-slide.slide-02,
  body.friso-signature:not(.education) .smart-immu-slide.slide-03 {
    padding-top: 25vh !important;
  }
  body.friso-signature:not(.education) .smart-immu-attack-content > .smart-immu-content-title,
  body.friso-signature:not(.education) .immu-defense-slide .smart-immu-content > .smart-immu-content-title,
  body.friso-signature:not(.education) .slide-03 .smart-immu-content > .smart-immu-content-title {
    margin-top: 0 !important;
    padding-top: 0 !important;
    align-items: flex-start !important;
  }
  /* Font-level: glyph fills trimmed viewBox from y=0 — no extra top inset on 守 */
  body.friso-signature:not(.education) #smart-immu .slide-03 .m-defence,
  body.friso-signature:not(.education) #smart-immu .slide-03 .m-defence.text-img.m-small,
  body.friso-signature:not(.education) #smart-immu .immu-defense-slide .m-defence,
  body.friso-signature:not(.education) #smart-immu .slide-02 .attack-img-txt {
    margin-top: 0 !important;
    padding-top: 0 !important;
    object-position: left top !important;
    vertical-align: top !important;
  }
}
/* smart-immu-shou-locked — 守 pre-pinned to 攻; opacity driven by JS (= slide-03 fade) */
@media screen and (max-width: 768px) {
  html.smart-immu-shou-locked body.friso-signature:not(.education) #smart-immu .slide-03 .smart-immu-content > .smart-immu-content-title picture {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    line-height: 0 !important;
  }
}

/* smart-immu-body-wider — attack/defence white copy wider so .smart-immu-line breaks hold */
@media screen and (max-width: 768px) {
  body.friso-signature:not(.education) .smart-immu-attack-content,
  body.friso-signature:not(.education) .immu-defense-slide .smart-immu-content,
  body.friso-signature:not(.education) .slide-03 .smart-immu-content {
    padding-right: 0.35rem !important;
    overflow: visible !important;
  }
  body.friso-signature:not(.education) .smart-immu-attack-content > div:last-child,
  body.friso-signature:not(.education) .immu-defense-slide .smart-immu-content > div:last-child,
  body.friso-signature:not(.education) .slide-03 .smart-immu-content > div:last-child {
    min-width: min(74vw, 18rem) !important;
    max-width: none !important;
    overflow: visible !important;
  }
  body.friso-signature:not(.education) #smart-immu .smart-immu-attack-content p.txt-normal,
  body.friso-signature:not(.education) #smart-immu .immu-defense-slide .smart-immu-content p.txt-normal,
  body.friso-signature:not(.education) #smart-immu .slide-03 .smart-immu-content p.txt-normal,
  body.friso-signature:not(.education) .smart-immu-attack-content p.txt-normal,
  body.friso-signature:not(.education) .immu-defense-slide .smart-immu-content p.txt-normal,
  body.friso-signature:not(.education) .slide-03 .smart-immu-content p.txt-normal {
    width: max-content !important;
    max-width: calc(100vw - 3.25rem) !important;
    box-sizing: border-box !important;
  }
  body.friso-signature:not(.education) #smart-immu .smart-immu-attack-content p.txt-normal .smart-immu-line,
  body.friso-signature:not(.education) #smart-immu .immu-defense-slide .smart-immu-content p.txt-normal .smart-immu-line,
  body.friso-signature:not(.education) #smart-immu .slide-03 .smart-immu-content p.txt-normal .smart-immu-line,
  body.friso-signature:not(.education) .smart-immu-attack-content p.txt-normal .smart-immu-line,
  body.friso-signature:not(.education) .immu-defense-slide .smart-immu-content p.txt-normal .smart-immu-line,
  body.friso-signature:not(.education) .slide-03 .smart-immu-content p.txt-normal .smart-immu-line {
    white-space: nowrap !important;
  }
}

/* smart-immu-gong-text12-13-slide-diff — trimmed Text-12/13 @ 90% (74.7); slide-02/03 share box */
@media screen and (max-width: 768px) {
  body.friso-signature:not(.education) {
    --smart-gong-h: 74.7px; /* 83 × 0.9 */
  }
  body.friso-signature:not(.education) #smart-immu .slide-01 .smart-immu-content-title-1 .text-img-smart,
  body.friso-signature:not(.education) #smart-immu .slide-01 .smart-immu-content-title-1 img.text-img-smart,
  body.friso-signature:not(.education) #smart-immu .slide-01 .smart-immu-content-title-2 .text-img-smart,
  body.friso-signature:not(.education) #smart-immu .slide-02 .attack-img-txt,
  body.friso-signature:not(.education) #smart-immu .slide-02 .attack-img-txt.text-img.m-small,
  body.friso-signature:not(.education) #smart-immu .slide-02 img.attack-img-txt,
  body.friso-signature:not(.education) .smart-immu-attack-content .attack-img-txt,
  body.friso-signature:not(.education) .smart-immu-attack-content img.attack-img-txt,
  body.friso-signature:not(.education) #smart-immu .slide-03 .m-defence,
  body.friso-signature:not(.education) #smart-immu .slide-03 .m-defence.text-img.m-small,
  body.friso-signature:not(.education) #smart-immu .immu-defense-slide .m-defence {
    height: var(--smart-gong-h) !important;
    max-height: var(--smart-gong-h) !important;
    width: auto !important;
    max-width: none !important;
    object-fit: contain !important;
    object-position: left top !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
    vertical-align: top !important;
  }
  body.friso-signature:not(.education) .smart-immu-slide.slide-02,
  body.friso-signature:not(.education) .smart-immu-slide.slide-03 {
    padding-top: 25vh !important;
  }
  body.friso-signature:not(.education) .smart-immu-attack-content > .smart-immu-content-title,
  body.friso-signature:not(.education) .immu-defense-slide .smart-immu-content > .smart-immu-content-title,
  body.friso-signature:not(.education) .slide-03 .smart-immu-content > .smart-immu-content-title {
    margin-top: 0 !important;
    padding-top: 0 !important;
    align-items: flex-start !important;
  }
}

/* milktruck-step2-left-match-1 — Factor 2 title left = Factor 1 (CSS baseline; JS closed-loop) */
@media screen and (max-width: 768px) {
  body.friso-signature:not(.education) .farm-animation-overlay.farm-animation-content-1,
  body.friso-signature:not(.education) .farm-animation-overlay.farm-animation-content-2,
  body.friso-signature:not(.education) .farm-video-stage .farm-animation-overlay.farm-animation-content-1,
  body.friso-signature:not(.education) .farm-video-stage .farm-animation-overlay.farm-animation-content-2 {
    left: 0 !important;
    right: auto !important;
    transform: none !important;
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    box-sizing: border-box !important;
    /* shared baseline; JS nudges content-2 padding-left to match title */
    padding-left: calc(13vw * 286 / 198 + 2rem) !important;
  }
  body.friso-signature:not(.education) .farm-animation-overlay.farm-animation-content-2 .farm-animation-content-2__inner,
  body.friso-signature:not(.education) .farm-animation-content-2 .farm-animation-content-2__inner,
  body.friso-signature:not(.education) .farm-animation-overlay.farm-animation-content-2 .content-2-text-wrapper,
  body.friso-signature:not(.education) .farm-animation-overlay.farm-animation-content-1 .friso-section-container-inner-wider {
    padding-left: 0 !important;
    margin-left: 0 !important;
    justify-content: flex-start !important;
  }
}

/* smart-immu-gong1-match-slide2 — slide-01/02 攻 + 守 = 74.7px; JS pins slide-01→02 pos */
@media screen and (max-width: 768px) {
  body.friso-signature:not(.education) {
    --smart-gong-h: 74.7px !important;
  }
  body.friso-signature:not(.education) #smart-immu .slide-01 .smart-immu-content-title-1 .text-img-smart,
  body.friso-signature:not(.education) #smart-immu .slide-01 .smart-immu-content-title-1 img.text-img-smart,
  body.friso-signature:not(.education) #smart-immu .slide-01 .text-img-smart.attack-img-txt,
  body.friso-signature:not(.education) #smart-immu .slide-01 .text-img-smart,
  body.friso-signature:not(.education) #smart-immu .slide-02 .attack-img-txt,
  body.friso-signature:not(.education) #smart-immu .slide-02 img.attack-img-txt,
  body.friso-signature:not(.education) .smart-immu-attack-content .attack-img-txt,
  body.friso-signature:not(.education) #smart-immu .slide-03 .m-defence,
  body.friso-signature:not(.education) #smart-immu .slide-03 img.m-defence,
  body.friso-signature:not(.education) #smart-immu .immu-defense-slide .m-defence,
  body.friso-signature:not(.education) #smart-immu .slide-01 .smart-immu-content-title-2 .text-img-smart {
    height: 74.7px !important;
    max-height: 74.7px !important;
    min-height: 74.7px !important;
    width: auto !important;
    max-width: none !important;
    object-fit: contain !important;
    object-position: left top !important;
  }
  /* Keep title-1 wrapper from fighting the fixed pin (img is JS-pinned) */
  body.friso-signature:not(.education) #smart-immu .slide-01 .smart-immu-content-title-1 {
    width: 74.7px !important;
    height: 74.7px !important;
    overflow: visible !important;
  }
  body.friso-signature:not(.education) #smart-immu .slide-01 .smart-immu-content-title-1 h3 {
    display: none !important;
  }
}


/* milktruck-mobile-step2-lock-left — final: no center; step2 inners flush; JS aligns title */
@media screen and (max-width: 768px) {
  body.friso-signature:not(.education) .farm-animation-overlay.farm-animation-content-1,
  body.friso-signature:not(.education) .farm-animation-overlay.farm-animation-content-2 {
    left: 0 !important;
    transform: none !important;
    width: 100% !important;
    max-width: none !important;
    padding-left: calc(13vw * 286 / 198 + 2rem) !important;
  }
  body.friso-signature:not(.education) .farm-animation-content-2 .farm-animation-content-2__inner,
  body.friso-signature:not(.education) .farm-animation-content-2 .content-2-text-wrapper {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
    width: 100% !important;
    max-width: none !important;
    text-align: left !important;
  }
  /* Kill legacy center + 4.25rem pad */
  .farm-animation-overlay.farm-animation-content-2 .farm-animation-content-2__inner {
    justify-content: flex-start !important;
    padding-left: 0 !important;
  }
}

/* milktruck-mobile-numeral-font-match —「2」glyph H + hang =「1」
   (width-locked 13vw box shrank wider「2」; height-lock keeps font size) */
@media screen and (max-width: 768px) {
  body.friso-signature:not(.education) .farm-animation-content-1 .patented-technology-step-num-1,
  body.friso-signature:not(.education) .farm-animation-content-1 img.patented-technology-step-num-1,
  body.friso-signature:not(.education) .farm-animation-overlay.farm-animation-content-2 .patented-technology-step-num-2,
  body.friso-signature:not(.education) .farm-animation-content-2 .patented-technology-step-num-2,
  body.friso-signature:not(.education) .farm-animation-content-2 img.patented-technology-step-num-2 {
    position: absolute !important;
    height: calc(13vw * 375 / 198) !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    top: 50% !important;
    bottom: auto !important;
    left: auto !important;
    right: calc(100% + 0.35rem) !important;
    transform: translateY(-50%) !important;
    object-fit: contain !important;
    object-position: right center !important;
  }
  /* kill content-1's extra +30px hang that pulled「1」further left */
  body.friso-signature:not(.education) .farm-animation-content-1 .patented-technology-step-num-1 {
    right: calc(100% + 0.35rem) !important;
  }
}

/* compare-inactive-top-from-active-mobile — same -12% tuck as active Y;
   +1Y on col-2 so opaque-top air ≈ active (title→Y), without covering white copy */
@media screen and (max-width: 768px) {
  body.friso-signature:not(.education) .compare .friso-section-content > div:nth-child(2) {
    margin-top: var(--compare-y, 2.25rem) !important; /* = active’s +1Y band */
  }
  body.friso-signature:not(.education) .compare .friso-section-content > div:nth-child(2) .steps-num {
    margin-top: -12% !important; /* same top tuck as active Y */
    margin-bottom: 5.5% !important;
  }
}

/* compare-y-tops-align-desktop — inactive top = active top (-2.5%); X nudge only */
@media screen and (min-width: 769px) {
  body.friso-signature:not(.education) .compare .y-shape-canvas-container,
  body.friso-signature:not(.education) .compare .friso-section-content > div:nth-child(2) .steps-num,
  body.friso-signature:not(.education) .compare .steps-num {
    margin-top: -2.5% !important;
  }
  body.friso-signature:not(.education) .compare .friso-section-content > div:nth-child(2) .steps-num.fadein-ele,
  body.friso-signature:not(.education) .compare .friso-section-content > div:nth-child(2) .steps-num.fadein-ele.scrolled,
  body.friso-signature:not(.education) .compare .friso-section-content > div:nth-child(2) .steps-num {
    transform: translateX(3.5%) translateY(0) !important;
    transform-origin: center top !important;
  }
}

/* igg-girl-hold-dyk-peek — 100vh DYK stand-in bottom-aligned to pin (top 22%) */
@media screen and (max-width: 768px) {
  #igg-dyk-orb-peek {
    --igg-pin-peek: 22%;
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    top: calc(var(--igg-pin-peek) - 100vh);
    top: calc(var(--igg-pin-peek) - 100dvh);
    height: 100vh;
    height: 100dvh;
    z-index: 80;
    pointer-events: none;
    overflow: visible;
  }
  body.friso-signature.igg-girl-hold #igg-dyk-orb-peek {
    display: block !important;
  }
  /* Free-scroll leave: keep top orange orbs visible so JS can translate them up */
  body.igg-ball-free-leave #igg-dyk-orb-peek {
    display: block !important;
    will-change: transform;
  }
  body.friso-signature.igg-girl-hold #igg-dyk-orb-peek .did-you-know-ball,
  body.igg-ball-free-leave #igg-dyk-orb-peek .did-you-know-ball {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    overflow: visible !important;
    pointer-events: none !important;
    z-index: 1 !important;
  }
  body.friso-signature.igg-girl-hold #igg-dyk-orb-peek .did-you-know-ball-container,
  body.friso-signature.igg-girl-hold #igg-dyk-orb-peek .dyk-cta-seq.fadein-ele,
  body.friso-signature.igg-girl-hold #igg-dyk-orb-peek .dyk-cta-seq.fadein-ele:not(.scrolled),
  body.friso-signature.igg-girl-hold #igg-dyk-orb-peek .dyk-cta-seq.fadein-ele.scrolled,
  body.igg-ball-free-leave #igg-dyk-orb-peek .did-you-know-ball-container,
  body.igg-ball-free-leave #igg-dyk-orb-peek .dyk-cta-seq.fadein-ele,
  body.igg-ball-free-leave #igg-dyk-orb-peek .dyk-cta-seq.fadein-ele:not(.scrolled),
  body.igg-ball-free-leave #igg-dyk-orb-peek .dyk-cta-seq.fadein-ele.scrolled {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: none !important;
  }
  body.friso-signature.igg-girl-hold #igg-dyk-orb-peek .did-you-know-ball-1,
  body.friso-signature.igg-girl-hold #igg-dyk-orb-peek .did-you-know-ball-2,
  body.igg-ball-free-leave #igg-dyk-orb-peek .did-you-know-ball-1,
  body.igg-ball-free-leave #igg-dyk-orb-peek .did-you-know-ball-2 {
    display: block !important;
    position: absolute !important;
  }
  body.friso-signature.igg-girl-hold #igg-dyk-orb-peek .did-you-know-ball-1,
  body.igg-ball-free-leave #igg-dyk-orb-peek .did-you-know-ball-1 {
    width: 42% !important;
    left: -14% !important;
    right: auto !important;
    top: auto !important;
    bottom: 0 !important;
    transform: translateY(10.5vw) scale(0.5) !important;
    transform-origin: left bottom !important;
  }
  body.friso-signature.igg-girl-hold #igg-dyk-orb-peek .did-you-know-ball-2,
  body.igg-ball-free-leave #igg-dyk-orb-peek .did-you-know-ball-2 {
    width: 50% !important;
    left: auto !important;
    right: -8% !important;
    top: auto !important;
    bottom: -16% !important;
    transform: scale(0.72) !important;
    transform-origin: right bottom !important;
  }
  body.friso-signature.igg-girl-hold #igg-dyk-orb-peek .seq-container > div {
    padding-bottom: 100% !important;
    position: relative !important;
    width: 100% !important;
    height: auto !important;
  }
  body.friso-signature.igg-girl-hold #igg-dyk-orb-peek canvas {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
  }
}

/* milktruck-step2-text-spacing-match-1 — title hang + title→body = Factor「1」 */
@media screen and (max-width: 768px) {
  body.friso-signature:not(.education) .farm-animation-overlay.farm-animation-content-2 .patented-technology-step-num-2,
  body.friso-signature:not(.education) .farm-animation-content-2 .patented-technology-step-num-2,
  body.friso-signature:not(.education) .farm-animation-content-2 img.patented-technology-step-num-2 {
    right: calc(100% + 0.35rem) !important;
    left: auto !important;
    transform: translateY(-50%) !important;
  }
  body.friso-signature:not(.education) .farm-animation-overlay.farm-animation-content-2 .farm-animation-content-2__inner,
  body.friso-signature:not(.education) .farm-animation-content-2 .content-2-text-wrapper {
    padding-left: 0 !important;
    margin-left: 0 !important;
  }

  /* Same column model for「1」+「2」: flex + shared gap (kill margin races) */
  body.friso-signature:not(.education) .farm-animation-content-1 .friso-section-container-inner-wider > div:last-child,
  body.friso-signature:not(.education) .farm-animation-content-2 .content-2-text-wrapper {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: 1em !important;
    row-gap: 1em !important;
  }
  body.friso-signature:not(.education) .farm-animation-overlay.farm-animation-content-1 .txt-gold,
  body.friso-signature:not(.education) .farm-animation-overlay.farm-animation-content-2 .txt-gold,
  body.friso-signature:not(.education) .farm-animation-overlay.farm-animation-content-1 .txt-gold h2,
  body.friso-signature:not(.education) .farm-animation-overlay.farm-animation-content-2 .txt-gold h2,
  body.friso-signature:not(.education) .farm-animation-overlay.farm-animation-content-1 .patented-technology-step-num-1-wrapper,
  body.friso-signature:not(.education) .farm-animation-overlay.farm-animation-content-2 .patented-technology-step-num-1-wrapper {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 0 !important;
    min-height: 0 !important;
    height: auto !important;
  }
  body.friso-signature:not(.education) .farm-animation-overlay.farm-animation-content-1 .txt-normal,
  body.friso-signature:not(.education) .farm-animation-overlay.farm-animation-content-2 .txt-normal {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
  }
  body.friso-signature:not(.education) .farm-animation-overlay.farm-animation-content-1 .txt-normal p,
  body.friso-signature:not(.education) .farm-animation-overlay.farm-animation-content-2 .txt-normal p {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    line-height: 1.5 !important;
  }
  /* Same title box height so title→body gap starts from the same band */
  body.friso-signature:not(.education) .farm-animation-content-1 .patented-technology-step-title,
  body.friso-signature:not(.education) .farm-animation-overlay .patented-technology-step-title,
  body.friso-signature:not(.education) .farm-animation-content-2 .patented-technology-step-num-2-title,
  body.friso-signature:not(.education) .farm-animation-overlay .patented-technology-step-num-2-title {
    height: calc(21 / 420 * 100vw) !important;
    max-height: 21px !important;
    min-height: calc(21 / 420 * 100vw) !important;
  }
}
@media screen and (min-width: 769px) {
  /* Same title height + column pad so「2」title→body matches「1」 */
  body.friso-signature:not(.education) .farm-animation-content-1 .patented-technology-step-title,
  body.friso-signature:not(.education) .farm-animation-overlay .patented-technology-step-title,
  body.friso-signature:not(.education) .farm-animation-content-2 .patented-technology-step-num-2-title,
  body.friso-signature:not(.education) .farm-animation-overlay .patented-technology-step-num-2-title {
    height: 24px !important;
    max-height: 24px !important;
  }
  body.friso-signature:not(.education) .farm-animation-content-1 .friso-section-container-inner-wider > div:last-child,
  body.friso-signature:not(.education) .farm-animation-content-2 .content-2-text-wrapper {
    padding-top: calc((118px - 24px) / 2 - 0.65rem) !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 1.1rem !important;
    row-gap: 1.1rem !important;
  }
  body.friso-signature:not(.education) .farm-animation-overlay.farm-animation-content-1 .txt-normal,
  body.friso-signature:not(.education) .farm-animation-overlay.farm-animation-content-2 .txt-normal {
    margin-top: 0 !important;
  }
  body.friso-signature:not(.education) .farm-animation-overlay.farm-animation-content-1 .txt-normal p,
  body.friso-signature:not(.education) .farm-animation-overlay.farm-animation-content-2 .txt-normal p {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}

/* immu-defense-flash-uncrop — desktop under-viewport so top/bottom of anim show */
.friso-section-container.smart .smart-immu-container.immu-defense-slide .immu-defense-canvas-wrapper{overflow:visible!important;top:0!important}
.friso-section-container.smart .smart-immu-container.immu-defense-slide .immu-defense-canvas-wrapper canvas{height:88dvh!important;max-height:none!important;bottom:50%!important;top:auto!important;transform:translate(-50%,50%)!important}
@media screen and (max-width:960px){
.friso-section-container.smart .smart-immu-container.immu-defense-slide .immu-defense-canvas-wrapper canvas{height:100dvh!important}
}

/* dyk-title-full-width-m — mobile: match section-1 L/R glyph margins
   (DYK artboard has extra transparent sides vs 000-key-visual-title; scale
   by 312.2/287.5 so visible text aligns with KV title at width:100%) */
@media screen and (max-width: 768px) {
  body.friso-signature:not(.education) #did-you-know > .did-you-know-container > .dyk-title-seq.mobile-only,
  body.friso-signature:not(.education) #did-you-know > .did-you-know-container > .dyk-title-seq.mobile-only h2,
  body.friso-signature:not(.education) #did-you-know .dyk-title-seq.mobile-only picture {
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
  }
  body.friso-signature:not(.education) #did-you-know .did-you-know-title__img {
    width: calc(100% * 312.2 / 287.5) !important;
    max-width: none !important;
    height: auto !important;
    max-height: none !important;
    margin-left: calc((100% - 100% * 312.2 / 287.5) / 2) !important;
    margin-right: auto !important;
    display: block !important;
    object-fit: contain !important;
  }
}

/* dyk-chart-text-gap-m — mobile: chart→text = text→button
   (.friso-rect-button margin-top: 2em). Container flex gap is 0.7rem. */
@media screen and (max-width: 768px) {
  body.friso-signature:not(.education) #did-you-know .did-you-know-container .did-you-know-video {
    margin-top: 0.1rem !important;
    margin-bottom: 0 !important;
  }
  body.friso-signature:not(.education) #did-you-know .did-you-know-content {
    /* gap (0.7rem) + this = 2em, matching button margin-top */
    margin-top: calc(2em - 0.7rem) !important;
  }
  body.friso-signature:not(.education) #did-you-know .did-you-know-content-description,
  body.friso-signature:not(.education) #did-you-know .did-you-know-content-description.dyk-seq {
    margin-top: 0 !important;
  }
  body.friso-signature:not(.education) #did-you-know .did-you-know-content .friso-rect-button,
  body.friso-signature:not(.education) #did-you-know .did-you-know-content-button {
    margin-top: 2em !important;
  }
}

/* igg-title-full-width-m — mobile: girl→ball headline image 100% of content column */
@media screen and (max-width: 768px) {
  body.friso-signature:not(.education) .igg-girl-container .igg-title-seq,
  body.friso-signature:not(.education) .igg-girl-container .igg-title-seq h2,
  body.friso-signature:not(.education) .igg-girl-container picture:has(.igg-title__img) {
    width: 100% !important;
    max-width: 100% !important;
  }
  body.friso-signature:not(.education) .igg-girl-container .igg-title__img,
  body.friso-signature:not(.education) .igg-girl-container picture .igg-title__img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: none !important;
    min-height: 0 !important;
    aspect-ratio: auto !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: block !important;
    object-fit: contain !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
  }
}

/* kv-title-full-width-m — mobile: 000-key-visual-title image 100% of content column */
@media screen and (max-width: 768px) {
  body.friso-signature:not(.education) .key-visual .key-visual-title,
  body.friso-signature:not(.education) .key-visual .friso-home-tagline-container.key-visual-title,
  body.friso-signature:not(.education) .key-visual-hero-group .key-visual-title,
  body.friso-signature:not(.education) .key-visual-hero-group .friso-home-tagline-container.key-visual-title,
  body.friso-signature:not(.education) .key-visual-hero-group picture:has(.key-visual-title__img),
  body.friso-signature:not(.education) .baby-slide-1 .baby-slide-txt,
  body.friso-signature:not(.education) .baby-slide-1 .baby-slide-txt picture {
    width: 100% !important;
    max-width: 100% !important;
  }
  body.friso-signature:not(.education) .key-visual-title__img,
  body.friso-signature:not(.education) .key-visual-hero-group .key-visual-title__img,
  body.friso-signature:not(.education) .baby-slide-txt > img[src*="000-key-visual-title"],
  body.friso-signature:not(.education) .baby-slide-txt picture img[src*="000-key-visual-title"],
  body.friso-signature:not(.education) .baby-slide-1 .baby-slide-txt img[src*="000-key-visual-title"],
  body.friso-signature:not(.education) img[src*="000-key-visual-title"] {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: none !important;
    min-height: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: block !important;
    object-fit: contain !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
  }
}

/* kv-shadow-figure-anchor — band tracks fala/tin/girl feet across heights.
   Viewport % (73/80/82) drifted up on mid/short phones; plates are 100vw ×
   (2100/1170), seated at 49vh with translateY(-42%) → bottom = 49vh + 0.58×H. */
@media screen and (max-width: 1023px) {
  body.friso-signature:not(.education) .key-visual {
    --kv-m-plate-h: calc(100vw * 2100 / 1170);
    --kv-m-figure-bottom: calc(49vh + 0.58 * var(--kv-m-plate-h));
    /* Lift = fraction of plate above feet so dark core sits at the base */
    --kv-m-shadow-lift: calc(0.26 * var(--kv-m-plate-h));
  }
  body.friso-signature:not(.education) .key-visual-sequence::after {
    top: calc(var(--kv-m-figure-bottom) - var(--kv-m-shadow-lift)) !important;
    bottom: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    background: #210f03 !important;
    background: linear-gradient(
      180deg,
      rgba(33, 15, 3, 0) 0%,
      rgba(33, 15, 3, 0.55) 8%,
      #210f03 16%,
      #210f03 28%,
      rgba(33, 15, 3, 0.85) 42%,
      rgba(33, 15, 3, 0.55) 58%,
      rgba(33, 15, 3, 0.28) 72%,
      rgba(33, 15, 3, 0.1) 88%,
      rgba(33, 15, 3, 0) 100%
    ) !important;
  }
}

/* dyk-br-ball-short-height — chart BR orb a bit further right so it
   clears CTA/copy on ≤700px (tall mobile stays at right:-8%). */
@media screen and (max-width: 768px) and (max-height: 700px) {
  body.friso-signature:not(.education) #did-you-know .did-you-know-ball .did-you-know-ball-2,
  body.friso-signature.igg-girl-hold #igg-dyk-orb-peek .did-you-know-ball-2 {
    right: -18% !important; /* was -8% */
  }
}

/* farm-title-full-width-m — mobile: 兩大關鍵… image 100% of content column */
@media screen and (max-width: 768px) {
  body.friso-signature:not(.education) .farm-animation-pin .farm-pin-title,
  body.friso-signature:not(.education) .farm-pin-title,
  body.friso-signature:not(.education) .farm-pin-title h2,
  body.friso-signature:not(.education) .farm-pin-title picture,
  body.friso-signature:not(.education) .patented-technology-title.farm-pin-title {
    width: 100% !important;
    max-width: 100% !important;
  }
  body.friso-signature:not(.education) .farm-animation-pin .farm-pin-title .patented-technology-title__img,
  body.friso-signature:not(.education) .farm-pin-title .patented-technology-title__img,
  body.friso-signature:not(.education) .farm-pin-title picture .patented-technology-title__img,
  body.friso-signature:not(.education) img[src*="009-patented-technology-title"] {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: none !important;
    min-height: 0 !important;
    aspect-ratio: auto !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: block !important;
    object-fit: contain !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
  }
}

/* Pinned defence title/body live on <body> — keep white + line breaks.
   font-size is set in JS to match slide-02 (incl. short-height scale). */
body > p.txt-normal.friso-smart-immu-pin-copy {
  color: #fff !important;
  z-index: 9 !important;
  margin: 0 !important;
  padding-left: 0 !important; /* left edge = title; JS also forces 0 */
}
body > p.txt-normal.friso-smart-immu-pin-copy .smart-immu-line {
  white-space: nowrap !important;
  display: block !important;
  font-size: inherit !important;
}
body > img.smart-immu-title.friso-smart-immu-pin-copy,
body > img.smart-immu-title.friso-smart-immu-pin-atk {
  z-index: 9 !important;
  display: block !important;
}
body > p.txt-normal.friso-smart-immu-pin-atk {
  color: #fff !important;
  z-index: 9 !important;
  margin: 0 !important;
  padding-left: 0 !important;
}
body > p.txt-normal.friso-smart-immu-pin-atk .smart-immu-line {
  white-space: nowrap !important;
  display: block !important;
  font-size: inherit !important;
}

/* Bottom media pinned to <body> by gong-align.js — leftover band under copy */
body > canvas.friso-smart-immu-pin-media,
body > canvas#igg-ball-dissolve-canvas.friso-smart-immu-pin-media,
body > canvas#canvas-immu-defense-mobile.friso-smart-immu-pin-media {
  position: fixed !important;
  z-index: 5 !important;
  display: block !important;
  pointer-events: none !important;
  max-width: none !important;
  max-height: none !important;
}
body > canvas#igg-ball-dissolve-canvas.friso-smart-immu-pin-media {
  object-fit: contain !important;
  object-position: center center !important;
}
body > canvas#canvas-immu-defense-mobile.friso-smart-immu-pin-media {
  top: auto !important;
  bottom: 0 !important;
  object-fit: contain !important;
  object-position: center bottom !important;
}

/* smart-immu-short-height — 393×852 composition as one unit: scale + move down.
   No per-element seat changes (keeps 攻/守/balls/copy relative). */
@media screen and (max-width: 768px) and (max-height: 700px) {
  body.friso-signature:not(.education) #smart-immu {
    --smart-immu-short-scale: 0.8;
    --smart-immu-short-nudge: 10vh;
  }
  body.friso-signature:not(.education) .attack-defence.small-immu-no-added-sugar-slider,
  body.friso-signature:not(.education) .small-immu-no-added-sugar-slider.attack-defence {
    overflow: visible !important;
  }
  /* step 0 + 攻/守: same 11dvh seat + shared nudge so slide-02 攻 tracks slide-01 */
  body.friso-signature:not(.education) #smart-immu .slide-01 > .friso-section-container-inner-full,
  body.friso-signature:not(.education) #smart-immu .smart-immu-slide.slide-02,
  body.friso-signature:not(.education) #smart-immu .smart-immu-slide.slide-03,
  body.friso-signature:not(.education) #smart-immu .slide-02,
  body.friso-signature:not(.education) #smart-immu .slide-03 {
    transform: translateY(calc(11dvh + var(--smart-immu-short-nudge))) scale(var(--smart-immu-short-scale)) !important;
    transform-origin: top center !important;
  }
  /* Title/body top = 攻/守 top (JS also nudges; kill CSS offsets that drop copy) */
  body.friso-signature:not(.education) #smart-immu .smart-immu-attack-content,
  body.friso-signature:not(.education) #smart-immu .immu-defense-slide .smart-immu-content,
  body.friso-signature:not(.education) #smart-immu .slide-03 .smart-immu-content {
    align-items: flex-start !important;
  }
  body.friso-signature:not(.education) #smart-immu .smart-immu-attack-content > div:last-child,
  body.friso-signature:not(.education) #smart-immu .immu-defense-slide .smart-immu-content > div:last-child,
  body.friso-signature:not(.education) #smart-immu .slide-03 .smart-immu-content > div:last-child {
    padding-top: 0 !important;
    align-self: flex-start !important;
  }
  body.friso-signature:not(.education) #smart-immu .smart-immu-attack-content .smart-immu-content-subtitle,
  body.friso-signature:not(.education) #smart-immu .immu-defense-slide .smart-immu-content-subtitle,
  body.friso-signature:not(.education) #smart-immu .slide-03 .smart-immu-content-subtitle {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
  body.friso-signature:not(.education) #smart-immu .smart-immu-attack-content .smart-immu-title,
  body.friso-signature:not(.education) #smart-immu .immu-defense-slide .smart-immu-title,
  body.friso-signature:not(.education) #smart-immu .slide-03 .smart-immu-title {
    object-position: left top !important;
    vertical-align: top !important;
    margin-top: 0 !important;
  }
  /* Bottom dissolve/defence media: sized+centered by JS on <body> (not scaled here) */
}


/* fala-overlay-fix — mobile: quote/CTA sit on fala video bottom 2/5
   (pull whole .signature-content up; transparent top so video shows through) */
@media screen and (max-width: 768px) {
  body.friso-signature:not(.education) .friso-section-container.autoH.signature-section {
    overflow: visible !important;
  }
  body.friso-signature:not(.education) .fala-signature-container-img-wrapper {
    position: relative !important;
    z-index: 1 !important;
  }
  body.friso-signature:not(.education) .fala-signature-container-img::after {
    bottom: 0 !important;
    height: 200px !important;
    opacity: 0.55 !important;
  }
  body.friso-signature:not(.education) .fala-signature-container-img-wrapper::after {
    height: 22dvh !important;
    background: linear-gradient(
      to bottom,
      rgba(31, 12, 6, 0) 0%,
      rgba(31, 12, 6, 0.22) 45%,
      rgba(31, 12, 6, 0.55) 100%
    ) !important;
  }
  body.friso-signature:not(.education) .signature-content {
    --fala-overlay: calc(100vw * 800 / 420 * 2 / 5);
    margin-top: calc(-1 * var(--fala-overlay)) !important;
    padding-top: 0.75rem !important;
    padding-bottom: 1.25rem !important;
    position: relative !important;
    z-index: 6 !important;
    overflow: visible !important;
    background: linear-gradient(
      to bottom,
      rgba(31, 12, 6, 0) 0%,
      rgba(31, 12, 6, 0.2) 18%,
      rgba(31, 12, 6, 0.72) 42%,
      rgb(31, 12, 6) 62%,
      rgb(31, 12, 6) 100%
    ) !important;
  }
  body.friso-signature:not(.education) .signature-content::before {
    top: 28% !important;
    height: 72% !important;
    background:
      url("../img/home/hori_shadow-2.png") center top / 100% auto no-repeat,
      linear-gradient(
        to bottom,
        rgba(31, 12, 6, 0.35) 0%,
        rgba(31, 12, 6, 0.75) 22%,
        rgba(12, 5, 1, 0.45) 55%,
        transparent 100%
      ) !important;
  }
  body.friso-signature:not(.education) .signature-content .fala-signature-container-inner-text {
    margin-top: 0 !important;
    position: relative !important;
    z-index: 2 !important;
  }
}

/* fala-title-video-gap — mobile: tighter headline → fala video */
@media screen and (max-width: 768px) {
  body.friso-signature:not(.education) .fala-signature__title,
  body.friso-signature:not(.education) h2.fala-signature__title {
    margin-top: 0.5rem !important;
    margin-bottom: 0 !important;
  }
  body.friso-signature:not(.education) .fala-signature-container-img {
    margin-top: 0 !important;
  }
  body.friso-signature:not(.education) .fala-signature-container-img-wrapper {
    margin-top: -8.5rem !important;
  }
}

/* fala-headline-passthrough — full-bleed title must not eat right-dot hits */
body.friso-signature:not(.education) .fala-signature__title,
body.friso-signature:not(.education) .fala-signature__title picture,
body.friso-signature:not(.education) .fala-signature-title__img {
  pointer-events: none !important;
}


/* fala-born-viewport — one full screen for headline + video + quote/CTA;
   vertically center the pack so tall viewports don't show Mum underneath.
   padding-top clears the fixed navbar so 天生突破 stays visible after side-nav. */
body.friso-signature:not(.education) .fala-born-viewport {
  --fala-nav-clear: 72px;
  min-height: 100vh;
  min-height: 100dvh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  box-sizing: border-box;
  width: 100%;
  /* Symmetric pad so flex center isn't biased under the fixed nav */
  padding-top: var(--fala-nav-clear);
  padding-bottom: var(--fala-nav-clear);
}
/* Short height: top-align under nav — center would clip the title */
@media screen and (max-width: 768px) and (max-height: 700px) {
  body.friso-signature:not(.education) .fala-born-viewport {
    justify-content: flex-start;
    padding-top: var(--fala-nav-clear);
  }
  /* Keep title clear of fala video, but tighter than the old -2.75rem air */
  body.friso-signature:not(.education) .fala-born-viewport .fala-signature-container-img-wrapper {
    margin-top: -7.5rem !important;
  }
  body.friso-signature:not(.education) .fala-born-viewport .fala-signature__title,
  body.friso-signature:not(.education) .fala-born-viewport h2.fala-signature__title {
    margin-top: 0.35rem !important;
    margin-bottom: 0 !important;
    position: relative;
    z-index: 2;
  }
}
body.friso-signature:not(.education) .fala-content-fadein.fadein-ele:not(.scrolled),
body.friso-signature:not(.education) .friso-section-container.active .fala-content-fadein.fadein-ele:not(.scrolled) {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  /* Small rise only — 4rem slide over the KV looked like a plate flash */
  transform: translateY(0.75rem) !important;
  transition: opacity 450ms ease, transform 450ms cubic-bezier(0, 0.68, 0.53, 1) !important;
}
body.friso-signature:not(.education) .fala-content-fadein.fadein-ele.scrolled,
body.friso-signature:not(.education) .friso-section-container.active .fala-content-fadein.fadein-ele.scrolled {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: translateY(0) !important;
  transition: opacity 450ms ease, transform 450ms cubic-bezier(0, 0.68, 0.53, 1) !important;
}

/* milktruck-steps-short-height — Factor 1/2 copy: more clearance under nav
   (hanging logo sits tight at 18vh on ≤700px-tall phones). */
@media screen and (max-width: 768px) and (max-height: 700px) {
  body.friso-signature:not(.education) .farm-animation-overlay.farm-animation-content-1,
  body.friso-signature:not(.education) .farm-animation-overlay.farm-animation-content-2,
  body.friso-signature:not(.education) .farm-video-stage .farm-animation-overlay.farm-animation-content-1,
  body.friso-signature:not(.education) .farm-video-stage .farm-animation-overlay.farm-animation-content-2 {
    top: 24vh !important;
    padding-top: 0 !important;
  }
}

/* ==========================================================================
   ipad-pro-13-portrait — branded desktop-first hybrid
   Band: 1024–1180 CSS px, portrait only (~1032×1376 / 1024×1366).
   Keep desktop assets/nav/holdGong; tighten mid-width; stack only where
   side-by-side still collides (DYK orbs hidden; DYK ratios tightened first).
   Landscape Pro 13 (~1376×1032) intentionally excluded.
   ========================================================================== */
@media screen and (min-width: 1024px) and (max-width: 1180px) and (orientation: portrait) {
  /* --- Nav: Signature CTA + menu breathing room --- */
  body.friso-signature:not(.education) .navbar {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  body.friso-signature:not(.education) .navbar__menu-list.main {
    gap: clamp(0.85rem, 1.4vw, 1.6rem) !important;
  }
  body.friso-signature:not(.education) .navbar__menu-list.main > .navbar__menu-item {
    padding-right: 0.25em !important;
  }

  /* --- KV: fit title + plates + balls in one portrait viewport --- */
  body.friso-signature:not(.education) .key-visual {
    min-height: 100dvh !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    overflow: hidden !important;
    --kv-title-top: 11vh;
    --kv-height: 100%;
    --kv-ball-container-width: 28vh;
    --kv-ball-container-min-width: 210px;
    --kv-ball-container-transfrom: translate(-62%, 30%);
  }
  body.friso-signature:not(.education) .key-visual-title,
  body.friso-signature:not(.education) .friso-home-tagline-container.key-visual-title,
  body.friso-signature:not(.education) .key-visual-hero-group .key-visual-title,
  body.friso-signature:not(.education) .key-visual-hero-group .friso-home-tagline-container.key-visual-title {
    top: 11vh !important;
    width: min(70vw, 34rem) !important;
    max-width: 70vw !important;
  }
  body.friso-signature:not(.education) .key-visual-title__img,
  body.friso-signature:not(.education) .key-visual-hero-group .key-visual-title__img {
    width: min(70vw, 34rem) !important;
    max-width: 70vw !important;
    max-height: 11vh !important;
    height: auto !important;
  }
  /* Scale plates + ball stack from bottom so feet/orbs stay on-screen */
  body.friso-signature:not(.education) .key-visual-sequence {
    transform: scale(0.84) !important;
    transform-origin: 50% 100% !important;
  }
  body.friso-signature:not(.education) .key-visual-ball-container {
    transform: scale(0.84) !important;
    transform-origin: 50% 100% !important;
  }
  body.friso-signature:not(.education) .key-visual-ball-container-wrapper {
    bottom: 2vh !important;
    right: 72% !important;
    transform: var(--kv-ball-container-transfrom) !important;
  }
  /* Portrait mid-width + Safari full-plate path was exposing baked TL/TR
     orange orbs at the top on reload. Keep base side-clipped; hide overlays. */
  body.friso-signature:not(.education) .kv-ball-video.kv-hero-ball-left,
  body.friso-signature:not(.education) .kv-ball-video.kv-hero-ball-tr,
  body.friso-signature:not(.education) .kv-ball-canvas.kv-hero-ball-left,
  body.friso-signature:not(.education) .kv-ball-canvas.kv-hero-ball-tr,
  html.is-safari body.friso-signature:not(.education) .kv-ball-video.kv-hero-ball-left,
  html.is-safari body.friso-signature:not(.education) .kv-ball-video.kv-hero-ball-tr,
  html.is-safari body.friso-signature:not(.education) .kv-ball-canvas.kv-hero-ball-left,
  html.is-safari body.friso-signature:not(.education) .kv-ball-canvas.kv-hero-ball-tr {
    display: none !important;
  }
  body.friso-signature:not(.education) .key-visual-sequence-video.kv-seq-fadein-4 .kv-ball-video.kv-hero-ball-base,
  body.friso-signature:not(.education) .key-visual-sequence-video.kv-seq-fadein-4 .kv-ball-canvas.kv-hero-ball-base,
  html.is-safari body.friso-signature:not(.education) .key-visual-sequence-video.kv-seq-fadein-4 .kv-ball-canvas.kv-hero-ball-base,
  html.is-safari body.friso-signature:not(.education) .key-visual-sequence-video.kv-seq-fadein-4 .kv-ball-video.kv-hero-ball-base {
    clip-path: inset(0 36% 0 22%) !important;
    -webkit-clip-path: inset(0 36% 0 22%) !important;
  }
  body.friso-signature:not(.education) .key-visual-sequence-img-fala.desktop-only,
  body.friso-signature:not(.education) .key-visual-sequence-img-girl.desktop-only,
  body.friso-signature:not(.education) .key-visual-sequence-video.kv-seq-fadein-3 .key-visual-sequence-video-canvas.desktop-only,
  body.friso-signature:not(.education) .key-visual-sequence-video.kv-seq-fadein-3 .kv-tin-canvas.desktop-only,
  body.friso-signature:not(.education) .key-visual-sequence-video.kv-seq-fadein-3 .kv-tin-video.desktop-only {
    max-height: 100% !important;
    object-fit: contain !important;
  }

  /* --- DYK: desktop-first row — smaller chart, safer copy column, hide orbs --- */
  body.friso-signature:not(.education) #did-you-know {
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important;
  }
  body.friso-signature:not(.education) #did-you-know .did-you-know-container {
    max-width: 100% !important;
    width: 100% !important;
    gap: 1rem !important;
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
    justify-content: center !important;
  }
  body.friso-signature:not(.education) #did-you-know .did-you-know-video {
    --chart-image-width: 42% !important;
    flex: 0 0 42% !important;
    width: 42% !important;
    max-width: 42% !important;
    margin-left: 0 !important;
  }
  body.friso-signature:not(.education) #did-you-know .did-you-know-content {
    flex: 0 0 48% !important;
    width: 48% !important;
    max-width: 48% !important;
    --text-width: 48% !important;
    padding-left: 0.5rem !important;
  }
  body.friso-signature:not(.education) #did-you-know .did-you-know-content .did-you-know-title__img {
    width: 100% !important;
    max-width: 100% !important;
    max-height: none !important;
    height: auto !important;
    transform: scale(1.12) !important;
    transform-origin: left center !important;
  }
  body.friso-signature:not(.education) #did-you-know .did-you-know-ball .did-you-know-ball-1,
  body.friso-signature:not(.education) #did-you-know .did-you-know-ball .did-you-know-ball-2 {
    display: none !important;
  }

  /* --- IgG girl→ball: larger desktop-scale title --- */
  body.friso-signature:not(.education) .igg-girl-container .igg-title__img {
    max-height: 160px !important;
    max-width: min(78%, 900px) !important;
  }
  body.friso-signature:not(.education) .girl-zoom-canvas-container {
    height: 86vh !important;
  }

  /* --- CG: keep video + CTA in one viewport --- */
  body.friso-signature:not(.education) .friso-section-container.cg .friso-section-container-inner-wider .video-container {
    --cg-video-max-h: min(58vh, calc(100dvh - 72px - 7.5rem));
    max-width: min(960px, 88vw, calc(var(--cg-video-max-h) * 16 / 9)) !important;
    width: min(960px, 88vw, calc(var(--cg-video-max-h) * 16 / 9)) !important;
  }

  /* --- Smart IMMU: desktop holdGong kept; pad copy so it clears orbs --- */
  body.friso-signature:not(.education) .friso-section-container.smart .smart-immu-container .smart-immu-content {
    padding-left: 3vw !important;
    padding-right: 3vw !important;
  }
  body.friso-signature:not(.education) #smart-immu .smart-immu-title,
  body.friso-signature:not(.education) #smart-immu img.smart-immu-title {
    max-width: min(96%, 820px) !important;
    width: auto !important;
    height: auto !important;
  }

  /* --- Farm / milktruck: desktop video; larger pin/step titles --- */
  body.friso-signature:not(.education) .farm-animation-overlay .friso-section-container-inner-wider {
    padding-left: 4vw !important;
    padding-right: 4vw !important;
  }
  body.friso-signature:not(.education) .farm-animation-overlay.farm-animation-content-1,
  body.friso-signature:not(.education) .farm-animation-overlay.farm-animation-content-2 {
    top: 16vh !important;
  }
  body.friso-signature:not(.education) .farm-animation-pin .farm-pin-title .patented-technology-title__img,
  body.friso-signature:not(.education) .patented-technology-title__img,
  body.friso-signature:not(.education) .farm-title__img {
    max-width: min(92vw, 980px) !important;
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
  }

  /* --- Fala / Born to be: larger desktop-scale headline --- */
  body.friso-signature:not(.education) .fala-born-viewport {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
  body.friso-signature:not(.education) .fala-signature__title img,
  body.friso-signature:not(.education) .fala-signature-title__img {
    max-height: 72px !important;
    width: auto !important;
    max-width: min(88vw, 760px) !important;
  }
  body.friso-signature:not(.education) .signature-content .fala-signature-container-inner-text {
    max-width: min(88vw, 640px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* --- Tin-girl / no-additives: larger section titles --- */
  body.friso-signature:not(.education) .baby-slide-1,
  body.friso-signature:not(.education) .baby-slide-2 {
    padding-top: 16vh !important;
    padding-left: 4vw !important;
    padding-right: 4vw !important;
  }
  body.friso-signature:not(.education) .baby-container-btm {
    bottom: 8vh !important;
  }
  body.friso-signature:not(.education) .baby-slide-txt > img,
  body.friso-signature:not(.education) .baby-slide-txt picture img,
  body.friso-signature:not(.education) .baby-slide-1 .baby-slide-txt img,
  body.friso-signature:not(.education) .baby-slide-2 .baby-slide-txt img {
    max-width: min(88vw, 860px) !important;
    width: auto !important;
    height: auto !important;
    max-height: none !important;
  }

  /* --- Compare / Y-shape: larger titles, keep desktop row --- */
  body.friso-signature:not(.education) .compare .friso-section-content {
    gap: 1.75rem !important;
    padding-left: 3vw !important;
    padding-right: 3vw !important;
  }
  body.friso-signature:not(.education) .compare .compare-section-title__img {
    max-width: min(92vw, 900px) !important;
    max-height: 88px !important;
    height: auto !important;
  }
  body.friso-signature:not(.education) .compare .compare-title__img {
    max-width: min(80vw, 720px) !important;
    max-height: 56px !important;
    height: auto !important;
  }

  /* --- Mum carousel: larger title --- */
  body.friso-signature:not(.education) .mum-signature-container {
    padding-left: 3vw !important;
    padding-right: 3vw !important;
  }
  body.friso-signature:not(.education) .mum-signature-container .mom-signature-splide-title {
    max-width: min(92vw, 920px) !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  body.friso-signature:not(.education) .mum-signature-container .mom-signature-splide-title img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
  }
  body.friso-signature:not(.education) .mom-signature-splide .splide__slide img,
  body.friso-signature:not(.education) .mom-signature-splide .splide__slide__img {
    max-width: 100% !important;
  }
}

/* kv-tr-corner-shadow-last — shade the TR orb inside its own screen-blend group
   (page overlays cannot sit on mix-blend:screen videos). Matches the reference:
   bright orb, dark wash only on the top-right cap under the CTA. */
@media screen and (min-width: 769px) {
  body.friso-signature:not(.education) .key-visual {
    isolation: auto;
  }
  body.friso-signature:not(.education) .key-visual-ball-container::before,
  body.friso-signature:not(.education) .key-visual-ball-container::after {
    content: none !important;
  }
  body.friso-signature:not(.education) .key-visual::before {
    content: "" !important;
    width: 100% !important;
    height: 10dvh !important;
    top: 100% !important;
    right: auto !important;
    left: 0 !important;
    bottom: auto !important;
    z-index: 12 !important;
    opacity: var(--kv-after-opacity) !important;
    mix-blend-mode: normal !important;
    background: linear-gradient(to bottom, #210f03 0%, #210f03 24%, rgba(33, 15, 3, 0) 100%) !important;
  }
  body.friso-signature:not(.education) .kv-tr-shadow {
    display: none !important;
  }
  body.friso-signature:not(.education) .kv-tr-blend {
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 6;
    isolation: isolate;
    mix-blend-mode: screen;
    -webkit-mask-image: radial-gradient(ellipse 50% 55% at 100% 0%, #000 0%, #000 62%, transparent 88%);
    mask-image: radial-gradient(ellipse 50% 55% at 100% 0%, #000 0%, #000 62%, transparent 88%);
  }
  body.friso-signature:not(.education) .kv-tr-blend .kv-hero-ball-tr {
    mix-blend-mode: normal !important;
    -webkit-mask-image: none !important;
    mask-image: none !important;
    filter: none !important;
  }
  body.friso-signature:not(.education) .kv-tr-ball-vignette {
    display: none !important;
  }
  body.friso-signature:not(.education) .kv-tr-blend::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 42%;
    height: 48%;
    z-index: 8;
    pointer-events: none;
    mix-blend-mode: multiply;
    background: radial-gradient(
      ellipse 100% 95% at 100% 0%,
      rgba(31, 12, 6, 1) 0%,
      rgba(31, 12, 6, 0.9) 18%,
      rgba(31, 12, 6, 0.62) 40%,
      rgba(31, 12, 6, 0.28) 62%,
      rgba(31, 12, 6, 0) 84%
    );
  }
  html.is-safari body.friso-signature:not(.education) .kv-tr-blend {
    isolation: auto;
    mix-blend-mode: multiply;
  }
  html.is-safari body.friso-signature:not(.education) .kv-tr-blend::after {
    mix-blend-mode: normal;
  }
}
@media screen and (max-width: 768px) {
  body.friso-signature:not(.education) .kv-tr-shadow,
  body.friso-signature:not(.education) .kv-tr-blend {
    display: none !important;
  }
}

/* desktop-headline-artboard — lock Headline/Desktop SVG sizes (viewBox 1920×H)
   on every desktop layout, including tablet, 13.6" Mac Chrome (~1280 CSS @2x
   or ~1795×1096 more-space), so titles do not shrink with 100vw. */
@media screen and (min-width: 769px) and (max-width: 1919px) {
  body.friso-signature:not(.education) .key-visual-title,
  body.friso-signature:not(.education) .friso-home-tagline-container.key-visual-title,
  body.friso-signature:not(.education) .key-visual .key-visual-title,
  body.friso-signature:not(.education) .key-visual .friso-home-tagline-container.key-visual-title,
  body.friso-signature:not(.education) .key-visual-hero-group .key-visual-title,
  body.friso-signature:not(.education) .key-visual-hero-group .friso-home-tagline-container.key-visual-title {
    width: auto !important;
    max-width: min(651px, 90vw) !important;
  }

  body.friso-signature:not(.education) .key-visual-title__img,
  body.friso-signature:not(.education) .key-visual-hero-group .key-visual-title__img,
  body.friso-signature:not(.education) .baby-slide-txt > img[src*="000-key-visual-title"],
  body.friso-signature:not(.education) .baby-slide-txt picture img[src*="000-key-visual-title"],
  body.friso-signature:not(.education) .baby-slide-1 .baby-slide-txt img[src*="000-key-visual-title"],
  body.friso-signature:not(.education) img[src*="000-key-visual-title"] {
    height: 125px !important;
    max-height: 125px !important;
    width: auto !important;
    max-width: min(651px, 90vw) !important;
    min-height: 0 !important;
    object-fit: contain !important;
  }

  body.friso-signature:not(.education) .did-you-know-title__img,
  body.friso-signature:not(.education) #did-you-know .did-you-know-title__img,
  body.friso-signature:not(.education) #did-you-know .did-you-know-content .did-you-know-title__img {
    height: 32px !important;
    max-height: 32px !important;
    width: auto !important;
    max-width: none !important;
    transform: none !important;
  }

  body.friso-signature:not(.education) .igg-girl-container .igg-title__img {
    height: 86.84px !important;
    max-height: 86.84px !important;
    width: auto !important;
    max-width: min(873px, 90vw) !important;
    object-fit: contain !important;
  }

  body.friso-signature:not(.education) .compare .compare-section-title__img {
    height: 82.8px !important;
    max-height: 82.8px !important;
    width: auto !important;
    max-width: none !important;
    object-fit: contain !important;
  }

  body.friso-signature:not(.education) .compare .compare-title__img {
    height: 32px !important;
    max-height: 32px !important;
    width: auto !important;
    max-width: none !important;
    object-fit: contain !important;
  }

  body.friso-signature:not(.education) .patented-technology-title__img,
  body.friso-signature:not(.education) .farm-animation-pin .farm-pin-title .patented-technology-title__img {
    height: 86px !important;
    max-height: 86px !important;
    width: auto !important;
    max-width: min(92vw, 1100px) !important;
    min-height: 0 !important;
    object-fit: contain !important;
  }

  body.friso-signature:not(.education) .smart-head-title img,
  body.friso-signature:not(.education) .smart-head-title picture img,
  body.friso-signature:not(.education) #smart-immu .smart-head-title img,
  body.friso-signature:not(.education) .friso-section-container.smart .smart-head-title img {
    height: 84.8px !important;
    max-height: 84.8px !important;
    width: auto !important;
    max-width: none !important;
    object-fit: contain !important;
  }

  body.friso-signature:not(.education) .baby-slide-txt > img[src*="013-no-added-sugar-title-2"],
  body.friso-signature:not(.education) .baby-slide-txt picture img[src*="013-no-added-sugar-title-2"] {
    height: 32px !important;
    max-height: 32px !important;
    width: auto !important;
    max-width: none !important;
    object-fit: contain !important;
  }

  body.friso-signature:not(.education) .fala-signature__title img,
  body.friso-signature:not(.education) .fala-signature-title__img {
    height: 32px !important;
    max-height: 32px !important;
    width: auto !important;
    max-width: none !important;
    object-fit: contain !important;
  }

  body.friso-signature:not(.education) .signature-mum-title__img,
  body.friso-signature:not(.education) .mum-signature-container .signature-mum-title__img,
  body.friso-signature:not(.education) .mum-signature-container .mom-signature-splide-title img {
    height: auto !important;
    max-height: 36px !important;
    width: auto !important;
    max-width: none !important;
    object-fit: contain !important;
  }

  body.friso-signature:not(.education) .kol-img-title {
    height: 24px !important;
    max-height: 24px !important;
    width: auto !important;
    max-width: none !important;
  }

  body.friso-signature:not(.education) .track-easy-container .track-easy-container-inner .trackeasy-title__img,
  body.friso-signature:not(.education) #product .track-easy-container .track-easy-container-inner .trackeasy-title__img,
  body.friso-signature:not(.education) #product .trackeasy-title__img {
    height: 60px !important;
    max-height: 60px !important;
    width: auto !important;
    max-width: none !important;
    object-fit: contain !important;
  }

  body.friso-signature:not(.education) .signature-experience-title__img,
  body.friso-signature:not(.education) #signature-experience .signature-experience-title__img {
    height: auto !important;
    max-height: 96px !important;
    width: auto !important;
    max-width: none !important;
    object-fit: contain !important;
  }

  body.friso-signature:not(.education) .text-img-smart,
  body.friso-signature:not(.education) .smart-immu-content-title .text-img,
  body.friso-signature:not(.education) .attack-defence .text-img {
    height: 112.5px !important;
    max-height: 112.5px !important;
    width: auto !important;
    max-width: none !important;
    object-fit: contain !important;
  }
}

/* igg-desktop-girl-seq — headline first; side balls stay above enlarge */
@media screen and (min-width: 769px) {
  body.friso-signature:not(.education) #IgG .girl-zoom-canvas-container:not(.scrolled) {
    opacity: 0;
    visibility: hidden;
  }
  body.friso-signature:not(.education) #IgG .core-video-container.igg-ball-seq {
    z-index: 20;
  }
}

/* Keep looping balls from replaying .fadein-ele transform/opacity on unpin. */
body.friso-signature:not(.education) #IgG .core-video-container.igg-ball-seq.igg-ball-force-loop,
body.friso-signature:not(.education) #IgG .core-video-container.igg-ball-seq.igg-ball-force-loop.scrolled {
  transition: none !important;
}

/* kv-band-shadow-through-tablet — .mobile-only plates through 1023; sequence
   is viewport-tall so the wash can ground them. Solid to bottom (like desktop)
   — the old mobile fade-to-transparent re-showed plate legs as a ghost stripe. */
@media screen and (min-width: 769px) and (max-width: 1023px) {
  body.friso-signature:not(.education) .key-visual {
    min-height: 100dvh !important;
    height: 100dvh !important;
    overflow: visible !important;
  }
  body.friso-signature:not(.education) .key-visual-sequence {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
    isolation: isolate;
  }
    /* top owned by kv-shadow-figure-anchor (tracks fala/tin/girl feet) */
    body.friso-signature:not(.education) .key-visual-sequence::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    bottom: 0 !important;
    height: auto !important;
    background: #210f03 !important;
    background: linear-gradient(
      180deg,
      rgba(33, 15, 3, 0) 0%,
      rgba(33, 15, 3, 0.55) 8%,
      #210f03 16%,
      #210f03 28%,
      rgba(33, 15, 3, 0.85) 42%,
      rgba(33, 15, 3, 0.55) 58%,
      rgba(33, 15, 3, 0.28) 72%,
      rgba(33, 15, 3, 0.1) 88%,
      rgba(33, 15, 3, 0) 100%
    ) !important;
    opacity: 1 !important;
    z-index: 7 !important;
    pointer-events: none !important;
  }
}

/* kv-band-shadow-desktop — OFF. Match UAT: no desktop sequence::after wash. */
@media screen and (min-width:1024px){
body.friso-signature:not(.education) .key-visual-sequence::after{
  content:none!important;display:none!important;background:none!important;opacity:0!important
}
}

/* milktruck-step-titles-equal — section4-title-1 / section4-title-2
   same font-size level (Mobile Text-18 / Desktop Text-47), below section
   headline (Mobile Text-7 420×50 / Desktop Text-36). Lock artboard H —
   do not optically scale per-image. */
@media screen and (min-width:769px){
body.friso-signature:not(.education) .farm-animation-overlay .patented-technology-step-title,
body.friso-signature:not(.education) .farm-animation-content-1 .patented-technology-step-title,
body.friso-signature:not(.education) .farm-animation-overlay .patented-technology-step-num-2-title,
body.friso-signature:not(.education) .farm-animation-content-2 .patented-technology-step-num-2-title{
  height:calc(25 / 1920 * 100vw)!important;max-height:25px!important;min-height:0!important;width:auto!important
}
body.friso-signature:not(.education) .farm-animation-content-1 .friso-section-container-inner-wider>div:last-child,
body.friso-signature:not(.education) .farm-animation-content-2 .content-2-text-wrapper{
  padding-top:calc((118px - 25px) / 2 - .65rem)!important
}
}
@media screen and (max-width:768px){
body.friso-signature:not(.education) .farm-animation-overlay .patented-technology-step-title,
body.friso-signature:not(.education) .farm-animation-content-1 .patented-technology-step-title,
body.friso-signature:not(.education) .farm-animation-overlay .patented-technology-step-num-2-title,
body.friso-signature:not(.education) .farm-animation-content-2 .patented-technology-step-num-2-title{
  /* Mobile Text-18 · 420×21 — one level under Text-7 headline (420×50) */
  height:calc(21 / 420 * 100vw)!important;max-height:21px!important;min-height:calc(21 / 420 * 100vw)!important;width:auto!important
}
}

/* dyk-chart-tablet-stack — 769–1023: S50 column; defeat leftover min-width:769 row % */
@media screen and (min-width:769px) and (max-width:1023px){
body.friso-signature:not(.education) #did-you-know .did-you-know-container{
  display:flex!important;flex-direction:column!important;align-items:center!important;
  gap:1.5rem!important;overflow:visible!important
}
body.friso-signature:not(.education) #did-you-know .did-you-know-content{
  flex:none!important;width:88%!important;max-width:640px!important;
  margin-left:auto!important;margin-right:auto!important;text-align:center!important
}
body.friso-signature:not(.education) #did-you-know .did-you-know-video{
  --chart-image-width:100%!important;flex:none!important;
  width:88%!important;max-width:640px!important;min-width:0!important;
  margin-left:auto!important;margin-right:auto!important;overflow:visible!important
}
body.friso-signature:not(.education) #did-you-know .did-you-know-video .hd-video-container,
body.friso-signature:not(.education) #did-you-know .did-you-know-video canvas{
  transform:none!important;width:100%!important;max-width:100%!important;
  margin-left:auto!important;margin-right:auto!important;
  aspect-ratio:640/467!important;height:auto!important;max-height:min(52vh,420px)!important;
  object-fit:contain!important;display:block!important
}
}

/* fala-desktop-title-center — h1–h4 use display:inherit; inside .fala-born-viewport
   (flex) the Born title becomes a row flex and pins left. Force block + center. */
@media screen and (min-width: 769px) {
  body.friso-signature:not(.education) .fala-signature__title,
  body.friso-signature:not(.education) h2.fala-signature__title,
  body.friso-signature:not(.education) .fala-born-viewport .fala-signature__title,
  body.friso-signature:not(.education) .fala-born-viewport h2.fala-signature__title {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  body.friso-signature:not(.education) .fala-signature__title picture,
  body.friso-signature:not(.education) picture:has(.fala-signature-title__img) {
    display: block !important;
    width: fit-content !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
    line-height: 0 !important;
  }
  body.friso-signature:not(.education) .fala-signature__title img,
  body.friso-signature:not(.education) .fala-signature-title__img {
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

/* fala-born-fit-viewport — desktop: visual vertical center.
   Soft-join (-18vh) + img pull shrink the flex box vs painted pack, so
   equal pad reads too high — bias top by ~half the join. */
@media screen and (min-width: 769px) {
  body.friso-signature:not(.education) .fala-born-viewport {
    justify-content: center !important;
    padding-top: calc(var(--fala-nav-clear) + 8vh) !important;
    padding-bottom: var(--fala-nav-clear) !important;
  }
  /* Defeat legacy .fala-signature__title { margin-top: 6.5rem } pack bias */
  body.friso-signature:not(.education) .fala-born-viewport .fala-signature__title,
  body.friso-signature:not(.education) .fala-born-viewport h2.fala-signature__title {
    margin-top: 0 !important;
  }
}

/* signature-bottom-fade-off — no band between Born and Mum carousel */
body.friso-signature:not(.education) .signature-bottom-fade{display:none!important;height:0!important;background:none!important}


/* smart-immu-media-hcenter — desktop step2 ball H-center; step3 Y V-center.
   Defence keeps original H seat (wrapper left:5% + canvas left:57%). */
@media screen and (min-width: 1024px) {
  body.friso-signature:not(.education) .friso-section-container.smart .smart-immu-container .igg-ball-dissolve-canvas,
  body.friso-signature:not(.education) #smart-immu .igg-ball-dissolve-canvas,
  body.friso-signature:not(.education) #igg-ball-dissolve-canvas {
    position: absolute !important;
    left: 50% !important;
    right: auto !important;
    margin-left: 0 !important;
    max-width: none !important;
    transform: translateX(-50%) !important;
  }
  body.friso-signature:not(.education) .immu-defense-slide .immu-defense-canvas-wrapper,
  body.friso-signature:not(.education) .attack-defence .immu-defense-slide .immu-defense-canvas-wrapper {
    left: 5% !important;
    top: 0 !important;
    width: 100% !important;
    height: 100% !important;
  }
  body.friso-signature:not(.education) .immu-defense-slide .immu-defense-canvas-wrapper canvas,
  body.friso-signature:not(.education) #canvas-immu-defense,
  body.friso-signature:not(.education) .attack-defence .immu-defense-slide .immu-defense-canvas-wrapper canvas {
    position: absolute !important;
    left: 57% !important;
    right: auto !important;
    top: 50% !important;
    bottom: auto !important;
    width: auto !important;
    height: 88dvh !important;
    max-height: none !important;
    transform: translate(-50%, -50%) !important;
  }
}


/* mid-desktop-title-scale — 1024–1439 (incl. 1340×720): shrink image headlines
   vs desktop-headline-artboard locks so titles fit short mid-width viewports. */
@media screen and (min-width: 1024px) and (max-width: 1439px) {
  body.friso-signature:not(.education) .key-visual-title__img,
  body.friso-signature:not(.education) .key-visual-hero-group .key-visual-title__img,
  body.friso-signature:not(.education) img[src*="000-key-visual-title"] {
    height: 102px !important;
    max-height: 102px !important;
    max-width: min(540px, 86vw) !important;
  }
  body.friso-signature:not(.education) .key-visual-title,
  body.friso-signature:not(.education) .friso-home-tagline-container.key-visual-title,
  body.friso-signature:not(.education) .key-visual-hero-group .key-visual-title {
    max-width: min(540px, 86vw) !important;
  }

  body.friso-signature:not(.education) .did-you-know-title__img,
  body.friso-signature:not(.education) #did-you-know .did-you-know-title__img,
  body.friso-signature:not(.education) #did-you-know .did-you-know-content .did-you-know-title__img {
    height: 26px !important;
    max-height: 26px !important;
  }

  body.friso-signature:not(.education) .igg-girl-container .igg-title__img {
    height: 72px !important;
    max-height: 72px !important;
    max-width: min(720px, 86vw) !important;
  }

  body.friso-signature:not(.education) .compare .compare-section-title__img {
    height: 68px !important;
    max-height: 68px !important;
  }
  body.friso-signature:not(.education) .compare .compare-title__img {
    height: 26px !important;
    max-height: 26px !important;
  }

  body.friso-signature:not(.education) .patented-technology-title__img,
  body.friso-signature:not(.education) .farm-animation-pin .farm-pin-title .patented-technology-title__img,
  body.friso-signature:not(.education) .farm-title__img {
    height: 70px !important;
    max-height: 70px !important;
    max-width: min(820px, 88vw) !important;
  }

  body.friso-signature:not(.education) .smart-head-title img,
  body.friso-signature:not(.education) .smart-head-title picture img,
  body.friso-signature:not(.education) #smart-immu .smart-head-title img,
  body.friso-signature:not(.education) .friso-section-container.smart .smart-head-title img {
    height: 68px !important;
    max-height: 68px !important;
  }

  body.friso-signature:not(.education) .baby-slide-txt > img[src*="title"],
  body.friso-signature:not(.education) .baby-slide-txt picture img[src*="title"],
  body.friso-signature:not(.education) .baby-slide-txt > img[src*="013-no-added-sugar"],
  body.friso-signature:not(.education) .baby-slide-txt picture img[src*="013-no-added-sugar"] {
    max-height: min(56px, 8vh) !important;
    max-width: min(720px, 84vw) !important;
    height: auto !important;
    width: auto !important;
  }

  body.friso-signature:not(.education) .fala-signature__title img,
  body.friso-signature:not(.education) .fala-signature-title__img {
    height: 48px !important;
    max-height: 48px !important;
    max-width: min(640px, 84vw) !important;
  }

  body.friso-signature:not(.education) .signature-mum-title__img,
  body.friso-signature:not(.education) .mum-signature-container .signature-mum-title__img,
  body.friso-signature:not(.education) .mum-signature-container .mom-signature-splide-title img {
    max-height: 28px !important;
    height: auto !important;
  }

  body.friso-signature:not(.education) .kol-img-title {
    height: 20px !important;
    max-height: 20px !important;
  }

  body.friso-signature:not(.education) .track-easy-container .track-easy-container-inner .trackeasy-title__img,
  body.friso-signature:not(.education) #product .track-easy-container .track-easy-container-inner .trackeasy-title__img,
  body.friso-signature:not(.education) #product .trackeasy-title__img {
    height: 48px !important;
    max-height: 48px !important;
  }

  body.friso-signature:not(.education) .signature-experience-title__img,
  body.friso-signature:not(.education) #signature-experience .signature-experience-title__img {
    max-height: 72px !important;
    height: auto !important;
  }

  body.friso-signature:not(.education) .smart-immu-attack-content .smart-immu-title,
  body.friso-signature:not(.education) .immu-defense-slide .smart-immu-title,
  body.friso-signature:not(.education) .slide-03 .smart-immu-title,
  body.friso-signature:not(.education) #smart-immu img.smart-immu-title {
    height: 18px !important;
    max-height: 18px !important;
    --smart-immu-title-h: 18px;
  }

  /* Soften oversized “larger desktop” headline caps in this band */
  body.friso-signature:not(.education) .fala-born-viewport .fala-signature__title img,
  body.friso-signature:not(.education) .fala-born-viewport .fala-signature-title__img {
    max-height: 48px !important;
  }
}


/* mum-carousel-fit-viewport — mid/short desktop (e.g. 1340×720): same desktop
   language (slide-width cards, 414×504 aspect, cover, sides 0.72 / active 1).
   Narrow the track so natural card height fits one screen — never flatten
   aspect with a height cap (that made square-cropped photos). */
@media screen and (min-width: 769px) and (max-height: 900px),
       screen and (min-width: 1024px) and (max-width: 1439px) {
  body.friso-signature:not(.education) .mum-signature-container {
    min-height: 100dvh !important;
    max-height: 100dvh !important;
    height: 100dvh !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding-top: 72px !important;
    padding-bottom: 0.35rem !important;
    box-sizing: border-box !important;
    /* title + scale clearance + copy/dots/CTA */
    --mum-fit-chrome: 10.5rem;
    --mum-fit-card-h: min(50vh, calc(100dvh - 72px - var(--mum-fit-chrome))) !important;
    --mum-fit-track-w: calc(var(--mum-fit-card-h) / 1.217391304348 * 3) !important;
  }
  body.friso-signature:not(.education) .mum-signature-container .mom-signature-splide,
  body.friso-signature:not(.education) #mom-signature-splide {
    width: min(100%, var(--mum-fit-track-w)) !important;
    max-width: min(100%, var(--mum-fit-track-w)) !important;
    height: auto !important;
    max-height: none !important;
    min-height: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
    overflow: visible !important;
  }
  body.friso-signature:not(.education) .mum-signature-container .mom-signature-splide-title {
    margin-top: 0 !important;
    /* ~0.14 of card H clearance for scale(1) vs 0.72 */
    margin-bottom: calc(var(--mum-fit-card-h) * 0.14) !important;
    flex: 0 0 auto !important;
  }
  body.friso-signature:not(.education) .mum-signature-container .signature-mum-title__img {
    max-height: 32px !important;
    height: auto !important;
  }
  body.friso-signature:not(.education) #mom-signature-splide .splide__track-wrapper,
  body.friso-signature:not(.education) .mom-signature-splide .splide__track-wrapper {
    flex: 0 0 auto !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: none !important;
    margin-bottom: calc(var(--mum-fit-card-h) * 0.12) !important;
    padding-top: 0.15rem !important;
    padding-bottom: 0.15rem !important;
    overflow: visible !important;
  }
  body.friso-signature:not(.education) #mom-signature-splide .splide__track,
  body.friso-signature:not(.education) .mom-signature-splide .splide__track {
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }
  /* Desktop card model: fill slide slot, keep photo aspect, no height squash */
  body.friso-signature:not(.education) #mom-signature-splide .splide__track .splide__slide .flip-card-container,
  body.friso-signature:not(.education) .mom-signature-splide .splide__track .splide__slide .flip-card-container {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: none !important;
    aspect-ratio: 1 / 1.217391304348 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    transform-origin: center center !important;
  }
  body.friso-signature:not(.education) #mom-signature-splide:not(.moving) .splide__track .splide__slide .flip-card-container,
  body.friso-signature:not(.education) #mom-signature-splide:not(.moving) .splide__track .splide__slide.is-prev .flip-card-container,
  body.friso-signature:not(.education) #mom-signature-splide:not(.moving) .splide__track .splide__slide.is-next .flip-card-container,
  body.friso-signature:not(.education) #mom-signature-splide.moving .splide__track .splide__slide .flip-card-container,
  body.friso-signature:not(.education) #mom-signature-splide.moving .splide__track .splide__slide.is-prev .flip-card-container,
  body.friso-signature:not(.education) #mom-signature-splide.moving .splide__track .splide__slide.is-next .flip-card-container,
  body.friso-signature:not(.education) #mom-signature-splide.moving .splide__track .splide__slide.is-active .flip-card-container {
    transform: scale(0.72) !important;
  }
  body.friso-signature:not(.education) #mom-signature-splide:not(.moving) .splide__track .splide__slide.is-active .flip-card-container {
    transform: scale(1) !important;
  }
  body.friso-signature:not(.education) #mom-signature-splide .front,
  body.friso-signature:not(.education) #mom-signature-splide .back,
  body.friso-signature:not(.education) .mom-signature-splide .front,
  body.friso-signature:not(.education) .mom-signature-splide .back {
    padding-top: 0 !important;
    width: 100% !important;
    height: 100% !important;
    position: absolute !important;
    inset: 0 !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
  }
  body.friso-signature:not(.education) #mom-signature-splide .splide-content,
  body.friso-signature:not(.education) .mom-signature-splide .splide-content {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    flex: 0 0 auto !important;
  }
  body.friso-signature:not(.education) .mom-signature-splide .splide-content-item p {
    margin-top: 0.2rem !important;
  }
  body.friso-signature:not(.education) #mom-signature-splide .splide-custom-pagination,
  body.friso-signature:not(.education) .mom-signature-splide .splide-custom-pagination {
    margin: 0.3rem auto 0 !important;
    flex: 0 0 auto !important;
  }
  body.friso-signature:not(.education) #mom-signature-splide .splide-buttons,
  body.friso-signature:not(.education) .mom-signature-splide .splide-buttons {
    margin-top: 0.15rem !important;
    flex: 0 0 auto !important;
  }
  body.friso-signature:not(.education) .mom-signature-splide .splide-buttons-item {
    margin-top: 0.35rem !important;
  }
}

/* smart-immu-mid-height — 413×752: center cluster under headline; keep gallery
   攻/守/poster relative seats like tall mobile (only 攻 nudged for clearance).
   slide-02/03 share the same translate so gong-align pins match slide-01 攻. */
@media screen and (max-width: 768px) and (min-height: 701px) and (max-height: 780px) {
  body.friso-signature:not(.education) #smart-immu .slide-01 > .friso-section-container-inner-full,
  body.friso-signature:not(.education) #smart-immu .smart-immu-slide.slide-02,
  body.friso-signature:not(.education) #smart-immu .smart-immu-slide.slide-03,
  body.friso-signature:not(.education) #smart-immu .slide-02,
  body.friso-signature:not(.education) #smart-immu .slide-03 {
    transform: translateY(calc(11dvh + 5.5vh)) !important;
    transform-origin: top center !important;
  }
  /* 攻 clear of 免疫攻守兼備; 守 keeps mobile relative gap (−5%→71% = 76pp) */
  body.friso-signature:not(.education) #smart-immu .slide-01 .smart-immu-content-title-1,
  body.friso-signature:not(.education) .slide-01 .smart-immu-content-title-1 {
    top: 2% !important;
  }
  body.friso-signature:not(.education) #smart-immu .slide-01 .smart-immu-content-title-2,
  body.friso-signature:not(.education) .slide-01 .smart-immu-content-title-2 {
    top: 78% !important; /* 2% + 76pp — same 攻↔守 span as mobile −5%/71% */
  }
  /* Poster: tall-mobile defaults (do not lift 守 relative to bubbles) */
  body.friso-signature:not(.education) #smart-immu .slide-01 .poster-container,
  body.friso-signature:not(.education) .slide-01 .poster-container {
    top: -10% !important;
    margin: 28px 0 0 !important;
  }
}


/* smart-immu-igg-label-match-balls — 天然活性免疫球蛋白IgG = white-ball label size
   Desktop: both 14px width:auto. Mobile: both 420×13.2 full-artboard seat
   (IgG under big ball shares y-ball overlay; desktop-only beside 攻 is hidden). */
@media screen and (min-width: 769px) {
  body.friso-signature:not(.education) .y-ball-parts-title-img,
  body.friso-signature:not(.education) img.y-ball-parts-title-img,
  body.friso-signature:not(.education) .attack-img-txt-title-img,
  body.friso-signature:not(.education) img.attack-img-txt-title-img,
  body.friso-signature:not(.education) #smart-immu .attack-img-txt-title-img {
    height: 14px !important;
    max-height: 14px !important;
    width: auto !important;
    max-width: none !important;
  }
}
@media screen and (max-width: 768px) {
  /* Tight-crop SVGs sat flush to y=0; picture width:100% + overflow:hidden
     clipped glyph tops under the white balls. */
  body.friso-signature:not(.education) .poster-container .y-ball-parts .text-overlay-container,
  body.friso-signature:not(.education) #smart-immu .y-ball-parts .text-overlay-container {
    overflow: visible !important;
    height: auto !important;
    min-height: 1.2em;
  }
  body.friso-signature:not(.education) picture:has(.y-ball-parts-title-img),
  body.friso-signature:not(.education) #smart-immu picture:has(.y-ball-parts-title-img) {
    width: fit-content !important;
    max-width: 100% !important;
    line-height: normal !important;
    overflow: visible !important;
  }
  body.friso-signature:not(.education) .y-ball-parts-title-img,
  body.friso-signature:not(.education) img.y-ball-parts-title-img,
  body.friso-signature:not(.education) #smart-immu .y-ball-parts-title-img,
  body.friso-signature:not(.education) #smart-immu img.y-ball-parts-title-img,
  body.friso-signature:not(.education) .y-ball .attack-img-txt-title-img,
  body.friso-signature:not(.education) .y-ball img.attack-img-txt-title-img,
  body.friso-signature:not(.education) .text-overlay-container.mobile-only .attack-img-txt-title-img,
  body.friso-signature:not(.education) #smart-immu .y-ball .attack-img-txt-title-img {
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    height: calc(18 / 390 * 100vw) !important;
    max-height: 22px !important;
    position: relative !important;
    left: auto !important;
    margin-left: auto !important;
    margin-right: auto !important;
    transform: none !important;
    -webkit-transform: none !important;
    display: block !important;
    object-fit: contain !important;
    object-position: center center !important;
    overflow: visible !important;
  }
}

/* tin-carousel-caption-age-newline — mobile: (age range) on its own line */
@media screen and (max-width: 768px) {
  body.friso-signature #product .gallery-container.for-products .gallery-caption-ele br,
  body.friso-signature .gallery-container.for-products .gallery-caption-ele br {
    display: block !important;
  }
  body.friso-signature #product .gallery-container.for-products .gallery-caption-container,
  body.friso-signature #product .gallery-caption-container {
    min-height: 3.2em !important;
    height: auto !important;
    overflow: visible !important;
  }
  body.friso-signature #product .gallery-container.for-products .gallery-caption-ele {
    white-space: normal !important;
    line-height: 1.35 !important;
  }
}

/* signature-exp-title-down-mobile — title→icon gap ≈ 0.35× headline height */
@media screen and (max-width: 768px) {
  body.friso-signature:not(.education) #signature-experience {
    /* Mobile Text-29 artboard: calc(60/420*100vw), capped 60px */
    --sig-exp-title-h: min(60px, calc(60 / 420 * 100vw));
  }
  body.friso-signature:not(.education) #signature-experience .friso-section-container-inner-full {
    transform: none !important;
    gap: 0 !important;
  }
  /* Keep title on artboard height so gap tracks rendered headline */
  body.friso-signature:not(.education) #signature-experience .signature-experience-title__img {
    height: var(--sig-exp-title-h) !important;
    max-height: var(--sig-exp-title-h) !important;
    width: auto !important;
  }
  body.friso-signature:not(.education) #signature-experience .exp-title-seq,
  body.friso-signature:not(.education) #signature-experience .exp-title-seq.fadein-ele {
    margin-top: 0 !important;
    margin-bottom: calc(0.35 * var(--sig-exp-title-h)) !important;
  }
  body.friso-signature:not(.education) #signature-experience .contact-container {
    margin-top: 0 !important;
  }
  /* Kill intervening top margins so visual gap == title margin-bottom */
  body.friso-signature:not(.education) #signature-experience .contact-container > div,
  body.friso-signature:not(.education) #signature-experience .contact-container > div > div:first-child,
  body.friso-signature:not(.education) #signature-experience .contact-icon {
    margin-top: 0 !important;
  }
}

/* fala-mobile-shadow-restore — hori_shadow overlays Fala video from bottom text up */
@media screen and (max-width: 768px) {
  body.friso-signature:not(.education) .fala-signature-container-img-wrapper {
    position: relative !important;
    z-index: 1 !important;
    overflow-x: hidden !important;
    overflow-y: visible !important;
  }
  /* Plate on video bottom — sits under the pulled-up quote band */
  body.friso-signature:not(.education) .fala-signature-container-img::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: min(46vh, 360px) !important;
    z-index: 3 !important;
    pointer-events: none !important;
    opacity: 0.9 !important;
    background: url("../img/home/hori_shadow-2.png") center bottom / 100% auto no-repeat !important;
    -webkit-mask-image: linear-gradient(
      to bottom,
      transparent 0%,
      rgba(0, 0, 0, 0.45) 28%,
      #000 55%,
      #000 100%
    ) !important;
    mask-image: linear-gradient(
      to bottom,
      transparent 0%,
      rgba(0, 0, 0, 0.45) 28%,
      #000 55%,
      #000 100%
    ) !important;
  }
  /* Soft fade on video so plate blends into quote overlay */
  body.friso-signature:not(.education) .fala-signature-container-img-wrapper::after {
    content: "" !important;
    display: block !important;
    height: 36dvh !important;
    z-index: 2 !important;
    background: linear-gradient(
      to bottom,
      rgba(31, 12, 6, 0) 0%,
      rgba(31, 12, 6, 0.18) 35%,
      rgba(31, 12, 6, 0.55) 70%,
      rgba(31, 12, 6, 0.82) 100%
    ) !important;
  }
  /* Shadow starts with bottom text elements and extends up onto Fala video */
  body.friso-signature:not(.education) .signature-content::before {
    content: "" !important;
    display: block !important;
    top: -22% !important;
    height: 130% !important;
    opacity: 1 !important;
    z-index: 0 !important;
    background:
      url("../img/home/hori_shadow-2.png") center 60% / 100% auto no-repeat,
      linear-gradient(
        to bottom,
        rgba(12, 5, 1, 0) 0%,
        rgba(12, 5, 1, 0.18) 22%,
        rgba(12, 5, 1, 0.42) 48%,
        rgba(12, 5, 1, 0.35) 72%,
        transparent 100%
      ) !important;
    -webkit-mask-image: linear-gradient(
      to bottom,
      transparent 0%,
      rgba(0, 0, 0, 0.4) 18%,
      #000 40%,
      #000 100%
    ) !important;
    mask-image: linear-gradient(
      to bottom,
      transparent 0%,
      rgba(0, 0, 0, 0.4) 18%,
      #000 40%,
      #000 100%
    ) !important;
  }
  body.friso-signature:not(.education) .signature-content .fala-signature-container-inner-text {
    position: relative !important;
    z-index: 2 !important;
  }
}

/* kv-bl-ball-clear-fala-mid — mid mobile (e.g. 413×752): drop/shrink BL orange
   ball so it clears Fala opaque feet (short ≤700 already uses bottom:-5vh;
   tall ≥821 keeps bottom:3vh with natural clearance). */
@media screen and (max-width: 768px) and (min-height: 701px) and (max-height: 820px) {
  body.friso-signature:not(.education) .key-visual-ball-container-wrapper {
    width: 36vw !important;
    height: 36vw !important;
    min-width: 36vw !important;
    min-height: 36vw !important;
    left: -12vw !important;
    bottom: -6vh !important;
    overflow: visible !important;
  }
}

/* milktruck-step-titles-fs-level-mobile — final: section4-title-1/2 share
   Mobile Text-18 font-size (420×21), same level as each other, below the
   farm pin headline Mobile Text-7 (420×50). Height from artboard only —
   no per-image optical scale / object-fit shrink. */
@media screen and (max-width: 768px) {
  body.friso-signature:not(.education) .farm-animation-pin,
  body.friso-signature:not(.education) .farm-video-stage {
    --farm-headline-fs: calc(50 / 420 * var(--friso-m-title-w, 86vw)); /* Text-7 */
    --farm-step-title-fs: calc(21 / 420 * var(--friso-m-title-w, 86vw)); /* Text-18 */
  }
  body.friso-signature:not(.education) .farm-animation-overlay .patented-technology-step-title,
  body.friso-signature:not(.education) .farm-animation-content-1 .patented-technology-step-title,
  body.friso-signature:not(.education) .farm-animation-overlay .patented-technology-step-num-2-title,
  body.friso-signature:not(.education) .farm-animation-content-2 .patented-technology-step-num-2-title {
    height: var(--farm-step-title-fs, calc(21 / 420 * var(--friso-m-title-w, 86vw))) !important;
    max-height: var(--farm-step-title-fs, calc(21 / 420 * var(--friso-m-title-w, 86vw))) !important;
    min-height: 0 !important;
    width: auto !important;
    max-width: none !important;
    object-fit: fill !important;
    object-position: left center !important;
    transform: none !important;
  }
}


/* dyk-bl-ball-half-peek-mobile — BL orb: top half on chart, bottom half into girl→ball */
@media screen and (max-width: 768px) {
  body.friso-signature:not(.education) #did-you-know .did-you-know-ball .did-you-know-ball-1,
  body.friso-signature.igg-girl-hold #igg-dyk-orb-peek .did-you-know-ball-1,
  body.igg-ball-free-leave #igg-dyk-orb-peek .did-you-know-ball-1 {
    bottom: 0 !important;
    transform: translateY(10.5vw) scale(0.5) !important;
    transform-origin: left bottom !important;
  }
}


/* ball-video-flow-leave-compact — must be last to beat CG height:100dvh */
body.friso-signature.igg-ball-free-leave .friso-section-container.cg:not(.igg-cg-split-layer),
body.friso-signature.igg-cg-flow-leave .friso-section-container.cg:not(.igg-cg-split-layer) {
  min-height: 0 !important;
  max-height: none !important;
  height: auto !important;
  padding-top: 0 !important;
  padding-bottom: 0.2rem !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  justify-content: flex-start !important;
  overflow: visible !important;
}
body.friso-signature.igg-ball-free-leave .friso-section-container.cg:not(.igg-cg-split-layer) .friso-section-container-inner-wider,
body.friso-signature.igg-cg-flow-leave .friso-section-container.cg:not(.igg-cg-split-layer) .friso-section-container-inner-wider {
  min-height: 0 !important;
  height: auto !important;
  max-height: none !important;
  flex: 0 0 auto !important;
  gap: 0.3rem !important;
  padding-top: 0 !important;
  padding-bottom: 0.15rem !important;
  justify-content: flex-start !important;
}
body.friso-signature.igg-ball-free-leave .friso-section-container.cg:not(.igg-cg-split-layer) .friso-rect-button,
body.friso-signature.igg-cg-flow-leave .friso-section-container.cg:not(.igg-cg-split-layer) .friso-rect-button {
  margin-top: 0.3rem !important;
  margin-bottom: 0.1rem !important;
}
body.friso-signature.igg-ball-free-leave .friso-section-container.compare,
body.friso-signature.igg-cg-flow-leave .friso-section-container.compare {
  margin-top: 0 !important;
  padding-top: 0.3rem !important;
}

/* trackeasy-img-hcenter — stacked: chart graphic horizontally centered */
@media screen and (max-width: 1024px) {
  body.friso-signature:not(.education) #product .track-easy-container-inner-right,
  body.friso-signature:not(.education) #product .track-easy-container .track-easy-img,
  body.friso-signature:not(.education) #product .track-easy-container .track-easy-container-inner .track-easy-img {
    display: flex !important;
    justify-content: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  body.friso-signature:not(.education) #product .track-easy-container .track-easy-img img,
  body.friso-signature:not(.education) #product .track-easy-container .track-easy-container-inner .track-easy-img img {
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
    transform: none !important;
    transform-origin: center center !important;
    object-position: center top !important;
  }
}

/* igg-title-upper-quarter-m — mobile pin is top 22%; title at ~25% of viewport */
@media screen and (max-width: 768px) {
  body.friso-signature:not(.education):not(.igg-ball-free-leave):not(.igg-cg-split) #IgG .igg-girl-content {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 12 !important;
    pointer-events: none;
  }
  body.friso-signature:not(.education):not(.igg-ball-free-leave):not(.igg-cg-split) #IgG .igg-girl-content h2,
  body.friso-signature:not(.education):not(.igg-ball-free-leave):not(.igg-cg-split) .igg-girl-container .igg-girl-content h2,
  body.friso-signature:not(.education):not(.igg-ball-free-leave):not(.igg-cg-split) .igg-girl-container .igg-title-seq {
    padding-top: 0 !important;
    margin-top: 0 !important;
  }
  body.friso-signature:not(.education):not(.igg-ball-free-leave):not(.igg-cg-split) .igg-girl-container .igg-title-seq {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    /* 25vh viewport − 22% pin start, inside full-height #IgG */
    top: calc(25vh - 22%) !important;
    top: calc(25dvh - 22%) !important;
  }
}