/* Work in context. Each phone has its own screen; the process tile is screen-free. */
[data-i18n=productHeading]{white-space:pre-line}
.brand-board{grid-template-rows:repeat(2,minmax(365px,1fr))}.brand-photo-dairy{min-height:748px}.brand-photo-dairy>img{object-position:50% 40%}.brand-photo-collection>img,.brand-photo-counter>img{object-position:50% 42%}.brand-photo figcaption{font-size:18px;line-height:1.5;max-width:350px}.brand-photo-dairy figcaption{font-size:25px;max-width:390px}.brand-photo:after{inset:65% 0 0;background:linear-gradient(transparent,#09251ced)}.brand-promise-tile h2{font-size:38px}.brand-promise-tile>p:not(.eyebrow){font-size:13px}.brand-process-tile{grid-column:span 3;background:#234631;color:#f4f2df;padding:27px 22px;display:flex;flex-direction:column;position:relative;isolation:isolate}.brand-process-tile:before{content:'';position:absolute;width:210px;height:210px;right:-120px;top:-80px;border:1px solid #9fbd7b44;border-radius:50%;box-shadow:0 0 0 23px #9fbd7b0b,0 0 0 46px #9fbd7b08;z-index:-1}.brand-process-tile>figcaption{font-family:Fraunces,Georgia,serif;font-size:31px;line-height:1.12;letter-spacing:-.6px;white-space:pre-line}.brand-process{list-style:none;padding:0;margin:23px 0;display:grid;gap:16px}.brand-process li{display:flex;gap:11px;align-items:center;font-size:10px;line-height:1.6;position:relative}.process-mark{width:30px;height:30px;display:grid;place-items:center;border:1px solid #8baa7455;border-radius:50%;background:#34593b;flex-shrink:0;position:relative}.process-mark svg{width:15px;height:15px;stroke:#d9e5bb}.brand-process li:not(:last-child):after{content:'';position:absolute;top:31px;left:15px;height:14px;width:1px;background:#9fbd7b55}.brand-process-tile>p{font-size:9px;line-height:1.7;color:#c5d6b7;margin-top:auto}.brand-board:hover .process-mark,.brand-board:focus-within .process-mark{animation:field-record-pulse .7s ease both}.brand-board:hover li:nth-child(2) .process-mark,.brand-board:focus-within li:nth-child(2) .process-mark{animation-delay:.75s}.brand-board:hover li:nth-child(3) .process-mark,.brand-board:focus-within li:nth-child(3) .process-mark{animation-delay:1.5s}
@keyframes field-record-pulse{0%,100%{transform:scale(1);opacity:1}45%{transform:scale(1.17);opacity:.65}}
@media(max-width:1150px){.brand-board{grid-template-rows:repeat(2,minmax(370px,1fr))}.brand-photo-dairy{min-height:755px}.brand-promise-tile h2{font-size:34px}.brand-process-tile{padding:26px 18px}.brand-process-tile>figcaption{font-size:29px}.brand-process li{font-size:9px;gap:8px}.brand-photo-dairy figcaption{font-size:23px}}
@media(max-width:960px){.brand-board{grid-template-rows:none}.brand-photo-dairy{min-height:748px}.brand-promise-tile{min-height:365px}.brand-process-tile{grid-column:2;min-height:365px;padding:29px}.brand-process-tile>figcaption{font-size:33px}.brand-process{gap:16px;margin:20px 0}.brand-process li{font-size:11px}.brand-photo-collection,.brand-photo-counter{min-height:390px}.brand-photo figcaption{font-size:19px}.brand-photo-dairy figcaption{font-size:24px}}
@media(max-width:740px){.brand-photo-dairy{min-height:0;aspect-ratio:4/5}.brand-promise-tile{min-height:0}.brand-process-tile{grid-column:1/-1;min-height:0;padding:29px 27px;display:grid;grid-template-columns:1fr 1fr;gap:21px 20px;align-items:center}.brand-process-tile>figcaption{font-size:35px}.brand-process{margin:0;gap:17px}.brand-process li{font-size:10px;gap:9px}.brand-process-tile>p{grid-column:1/-1;margin:0;font-size:11px}.brand-photo-collection,.brand-photo-counter{grid-column:1/-1;min-height:0;aspect-ratio:4/5}.brand-photo figcaption,.brand-photo-dairy figcaption{font-size:23px;left:24px;right:24px;bottom:25px;max-width:none}.brand-photo figcaption>svg{width:23px;height:23px}html[data-language=ta] .brand-process-tile>figcaption,html[data-language=hi] .brand-process-tile>figcaption{font-size:26px;line-height:1.5}html[data-language=ta] .brand-process li,html[data-language=hi] .brand-process li{font-size:9px;line-height:1.9}html[data-language=ta] .brand-photo figcaption,html[data-language=hi] .brand-photo figcaption{font-size:19px;line-height:1.7}}
@media(max-width:370px){.brand-process-tile{padding:26px 23px;gap:22px 13px}.brand-process-tile>figcaption{font-size:32px}.brand-process li{font-size:9px;gap:7px}.process-mark{width:27px;height:27px}.brand-process li:not(:last-child):after{left:13px;top:28px;height:16px}.brand-photo figcaption,.brand-photo-dairy figcaption{font-size:22px}}
@media(prefers-reduced-motion:reduce){.brand-board:hover .process-mark,.brand-board:focus-within .process-mark{animation:none!important}.brand-photo>img{transition:none}}