/* Source-poster composition, with editable copy and the shared site typography. */
.dsx-expansion .dsx-app-chapter{container-type:inline-size;position:relative;max-width:1440px;margin:0 auto;background:#f6fafd;color:#102c61;scroll-margin-top:140px;overflow:clip}
.dsx-expansion .dsx-app-chapter *{box-sizing:border-box}
.dsx-expansion .dsx-app-chapter :is(p,ul,ol,figure,h2,h3,h4){margin:0}
body #main .dsx-expansion .dsx-app-chapter :is(p,li,figcaption){font-family:var(--site-font);font-size:var(--arotec-body-size,18px)!important;line-height:var(--arotec-body-line-height,28px)!important;letter-spacing:normal!important}
body #main .dsx-expansion .dsx-app-chapter :is(h2,h3,h4){font-family:var(--site-font)!important;letter-spacing:-.02em!important;color:inherit!important;text-transform:none!important}
@layer arotec-display-headings{
body #main#main .dsx-expansion .dsx-app-chapter h2{font-size:var(--site-type-h2,48px)!important;line-height:1.12!important;font-weight:700!important;margin:0 0 20px!important}
body #main#main .dsx-expansion .dsx-app-chapter h3{font-size:32px!important;line-height:1.2!important;font-weight:600!important;margin:0 0 12px!important}
body #main#main .dsx-expansion .dsx-app-chapter h4{font-size:20px!important;line-height:1.35!important;font-weight:600!important;margin:0 0 6px!important}
}
.dsx-expansion .dsx-app-art{position:absolute;inset:0;overflow:hidden;margin:0;pointer-events:none}
.dsx-expansion .dsx-app-art img{position:absolute;top:0;left:0;width:100%!important;max-width:none!important;height:auto!important;margin:0}
.dsx-expansion .dsx-app-photo{position:relative;aspect-ratio:var(--crop-w)/var(--crop-h);overflow:hidden;margin:0}
.dsx-expansion .dsx-app-photo img{position:absolute;top:0;left:calc(var(--crop-x)/var(--crop-w)*-100%);width:calc(941/var(--crop-w)*100%)!important;max-width:none!important;height:auto!important;transform:translateY(calc(var(--crop-y)/1672*-100%));margin:0}
.dsx-expansion .dsx-app-kicker{font-weight:600!important;margin-bottom:28px!important}
body #main .dsx-expansion .dsx-app-lead{font-size:24px!important;line-height:32px!important;font-weight:500;color:#204b98;margin-bottom:22px}
.dsx-expansion .dsx-app-beverage-hero{position:relative;aspect-ratio:941/294}
.dsx-expansion .dsx-app-beverage-hero header{position:absolute;left:4.4%;top:8.6%;width:64%;z-index:1}
.dsx-expansion .dsx-app-beverage-hero .dsx-app-intro{max-width:77%}
.dsx-expansion .dsx-app-beverage-row{position:relative;aspect-ratio:941/var(--row-height)}
.dsx-expansion .dsx-app-beverage-row>.dsx-app-art img{transform:translateY(var(--art-y))}
.dsx-expansion .dsx-app-beverage-copy{position:absolute;left:56.8%;right:4%;top:13%;z-index:1}
.dsx-expansion .dsx-app-beverage-copy>i{display:none}
.dsx-expansion .dsx-app-beverage-copy ul{padding-left:20px;display:grid;gap:8px}
.dsx-expansion .dsx-app-tagline{font-weight:600!important;color:#204b98;margin-bottom:20px!important}
.dsx-expansion .dsx-app-left .dsx-app-beverage-copy{left:11.6%;right:52.6%}
/* The final reference band is shorter; reserve room for long translated copy. */
@media(min-width:1101px){
 .dsx-expansion .dsx-app-beverage-row:last-of-type .dsx-app-beverage-copy{top:7%}
 .dsx-expansion .dsx-app-beverage-row:last-of-type .dsx-app-tagline{margin-bottom:12px!important}
 .dsx-expansion .dsx-app-beverage-row:last-of-type .dsx-app-beverage-copy ul{gap:6px}
}
.dsx-expansion .dsx-app-mobile-photo,.dsx-expansion .dsx-app-mobile-hero{display:none}
.dsx-expansion .dsx-app-process{position:relative;padding:20px 4.8%;background:#fcfdff;border:1px solid #d4ddeb;text-align:center}
.dsx-expansion .dsx-app-process ol{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3%;list-style:none;padding:0;margin-top:16px}
.dsx-expansion .dsx-app-process li{position:relative;min-width:0}
.dsx-expansion .dsx-app-process .dsx-app-photo{width:80%;border-radius:50%;margin:0 auto;border:1px solid #123463}
.dsx-expansion .dsx-app-step{display:grid;place-items:center;width:28px;height:28px;margin:5px auto 10px;border-radius:50%;background:#13366a;color:white;font-size:16px;font-weight:500}
.dsx-expansion .dsx-app-process li>i{position:absolute;right:-18%;top:4.75cqw;font-size:32px}
body #main .dsx-expansion .dsx-app-process li p{font-size:16px!important;line-height:1.4!important}
.dsx-expansion .dsx-app-beverage-footer{position:relative;min-height:12.43cqw;background:#0b254b;color:white;padding:24px 4% 24px 26%}
.dsx-expansion .dsx-app-beverage-footer .dsx-app-art img{transform:translateY(-93.480861%)}
.dsx-expansion .dsx-app-beverage-footer p{position:relative}
body #main .dsx-expansion .dsx-app-footer-lead{font-size:24px!important;line-height:32px!important;margin-bottom:14px}
.dsx-expansion .dsx-app-cosmetics-hero{position:relative;aspect-ratio:941/879}
.dsx-expansion .dsx-app-cosmetics-hero header{position:absolute;left:4%;top:3%;width:63%;z-index:1}
.dsx-expansion .dsx-app-cosmetics-hero h2{max-width:78%}
.dsx-expansion .dsx-app-cosmetics-hero .dsx-app-intro{max-width:88%}
.dsx-expansion .dsx-app-map{position:absolute;left:70%;top:3%;width:27%;height:31.5%;z-index:1;border:1px solid white;border-radius:10px;color:#133c80;font-size:18px;line-height:1.2}
.dsx-expansion .dsx-app-map>.dsx-app-photo{display:none}
.dsx-expansion .dsx-app-map span{position:absolute}
.dsx-expansion .dsx-app-map-japan{left:74%;top:44%;font-weight:600}
.dsx-expansion .dsx-app-map-shikoku{left:45%;top:69%}
.dsx-expansion .dsx-app-map-kochi{left:33%;top:82%;font-weight:600}
.dsx-expansion .dsx-app-map-muroto{left:33%;top:90%}
.dsx-expansion .dsx-app-skincare-features{position:absolute;left:3.8%;top:49.7%;width:32%;padding:0;list-style:none;z-index:1}
.dsx-expansion .dsx-app-skincare-features li{display:flex;align-items:center;gap:1.8cqw;min-height:8.9cqw}
.dsx-expansion .dsx-app-skincare-features i,.dsx-expansion .dsx-app-wellness-row>div>i{display:grid;place-items:center;flex:0 0 60px;width:60px;height:60px;border:1px solid #224b9e;border-radius:50%;font-size:34px;color:#1e4592}
.dsx-expansion .dsx-app-skincare-features li span{display:flex;align-items:center;align-self:stretch;flex:1;border-bottom:1px solid #c8d6e2}
.dsx-expansion .dsx-app-skincare-features li:last-child span{border:0}
.dsx-expansion .dsx-app-product-applications{padding:26px 3.8%;background:white}
.dsx-expansion .dsx-app-rule-title{display:flex;align-items:center;gap:20px}
.dsx-expansion .dsx-app-rule-title::after{content:'';height:1px;flex:1;background:#a7c1e7}
.dsx-expansion .dsx-app-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 4.6%}
.dsx-expansion .dsx-app-product-grid>figure{text-align:center;min-width:0}
.dsx-expansion .dsx-app-product-grid .dsx-app-photo{border-radius:12px}
.dsx-expansion .dsx-app-product-grid figcaption{padding-top:12px;color:#222}
.dsx-expansion .dsx-app-research{margin:0 3.8% 20px;padding:20px 4.5% 14px;border:1px solid #d2e1f4;border-radius:12px;background:white;text-align:center}
.dsx-expansion .dsx-app-research .dsx-app-rule-title::before{content:'';height:1px;flex:1;background:#a7c1e7}
.dsx-expansion .dsx-app-research ul,.dsx-expansion .dsx-app-brand-benefits ul{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:0;list-style:none}
.dsx-expansion .dsx-app-research li{padding:0 6%;border-right:1px solid #d7e4f2}
.dsx-expansion .dsx-app-research li:last-child,.dsx-expansion .dsx-app-brand-benefits li:last-child{border:0}
.dsx-expansion .dsx-app-research li>i{display:block;font-size:54px;line-height:1;margin:12px 0 20px}
body #main .dsx-expansion .dsx-app-research li p{font-size:16px!important;line-height:1.4!important;color:#27313b}
body #main .dsx-expansion .dsx-app-note{font-size:16px!important;line-height:1.4!important;margin-top:20px;padding-top:12px;border-top:1px solid #d2e1f4;color:#626b78}
.dsx-expansion .dsx-app-wellness-scene{position:relative;aspect-ratio:941/1446}
.dsx-expansion .dsx-app-wellness-scene header{position:absolute;left:4%;top:2%;width:80%;z-index:1}
.dsx-expansion .dsx-app-wellness-scene h2{max-width:72%}
.dsx-expansion .dsx-app-wellness-scene .dsx-app-intro{max-width:67%}
.dsx-expansion .dsx-app-wellness-row{position:absolute;left:4.2%;top:var(--row-top);width:50%;z-index:1}
.dsx-expansion .dsx-app-wellness-row>div{display:flex;align-items:flex-start;gap:3.6cqw}
.dsx-expansion .dsx-app-wellness-row>div>div{min-width:0;flex:1;padding-top:8px}
.dsx-expansion .dsx-app-wellness-row ul{padding-left:20px}
.dsx-expansion .dsx-app-brand-benefits{position:relative;background:#09244d;color:#fff;padding:20px 4.7% 26px}
.dsx-expansion .dsx-app-brand-benefits .dsx-app-art img{transform:translateY(-86.483254%)}
.dsx-expansion .dsx-app-brand-benefits>h3,.dsx-expansion .dsx-app-brand-benefits>ul{position:relative}
.dsx-expansion .dsx-app-brand-benefits li{text-align:center;padding:0 8%;border-right:1px solid #7a99c880}
.dsx-expansion .dsx-app-brand-benefits li>i{display:block;font-size:64px;line-height:1;margin:0 auto 16px;color:white}
body #main .dsx-expansion .dsx-app-brand-benefits li p{font-size:16px!important;line-height:1.4!important;color:white}
@media(max-width:1100px){
 .dsx-expansion .dsx-app-chapter{overflow:clip}
 .dsx-expansion .dsx-app-beverage-hero,.dsx-expansion .dsx-app-cosmetics-hero,.dsx-expansion .dsx-app-wellness-scene{aspect-ratio:auto;display:flex;flex-direction:column}
 .dsx-expansion .dsx-app-beverage-hero header,.dsx-expansion .dsx-app-cosmetics-hero header,.dsx-expansion .dsx-app-wellness-scene header{position:relative;inset:auto;width:auto;padding:32px 24px 24px;order:1}
 .dsx-expansion .dsx-app-chapter header :is(h2,.dsx-app-intro){max-width:none}
 .dsx-expansion .dsx-app-kicker{margin-bottom:16px!important}
 .dsx-expansion .dsx-app-beverage-hero>.dsx-app-art{position:relative;inset:auto;order:2;aspect-ratio:501/294}
 .dsx-expansion .dsx-app-beverage-hero>.dsx-app-art img{width:187.824351%!important;left:-87.824351%}
 .dsx-expansion .dsx-app-beverage-row{aspect-ratio:auto;display:flex;flex-direction:column}
 .dsx-expansion .dsx-app-beverage-row>.dsx-app-art{display:none}
 .dsx-expansion .dsx-app-mobile-photo,.dsx-expansion .dsx-app-mobile-hero{display:block;width:100%}
 .dsx-expansion .dsx-app-beverage-copy,.dsx-expansion .dsx-app-left .dsx-app-beverage-copy{position:relative;inset:auto;width:auto;padding:28px 24px 32px 90px}
 .dsx-expansion .dsx-app-beverage-copy>i{position:absolute;display:grid;place-items:center;left:24px;top:28px;width:48px;height:48px;border-radius:50%;background:#14396e;color:white;font-size:30px}
 .dsx-expansion .dsx-app-process{padding:28px 24px}
 .dsx-expansion .dsx-app-process ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 18px}
 .dsx-expansion .dsx-app-process li>i{display:none}
 .dsx-expansion .dsx-app-beverage-footer{padding:28px 24px;background:#0b254b}
 .dsx-expansion .dsx-app-beverage-footer>.dsx-app-art{display:none}
 .dsx-expansion .dsx-app-cosmetics-hero>.dsx-app-art{position:relative;inset:auto;order:2;aspect-ratio:941/620}
 .dsx-expansion .dsx-app-cosmetics-hero>.dsx-app-art img{transform:translateY(-19%)}
 .dsx-expansion .dsx-app-map{position:relative;inset:auto;order:3;display:block;width:256px;height:280px;align-self:center;font-size:14px;margin-top:20px}
 .dsx-expansion .dsx-app-map>.dsx-app-photo{display:block;width:100%;height:100%}
 .dsx-expansion .dsx-app-skincare-features{position:relative;inset:auto;order:4;width:auto;padding:20px 24px}
 .dsx-expansion .dsx-app-skincare-features li{min-height:90px;gap:20px}
 .dsx-expansion .dsx-app-product-applications{padding:28px 24px}
 .dsx-expansion .dsx-app-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}
 .dsx-expansion .dsx-app-research{margin:0 18px 24px;padding:24px 18px}
 .dsx-expansion .dsx-app-research ul,.dsx-expansion .dsx-app-brand-benefits ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 18px}
 .dsx-expansion .dsx-app-research li,.dsx-expansion .dsx-app-brand-benefits li{border:0;padding:0 4px}
 .dsx-expansion .dsx-app-research li:last-child,.dsx-expansion .dsx-app-brand-benefits li:last-child{grid-column:1/-1;width:60%;justify-self:center}
 .dsx-expansion .dsx-app-rule-title:before,.dsx-expansion .dsx-app-rule-title:after{display:none}
 .dsx-expansion .dsx-app-wellness-scene>.dsx-app-art{display:none}
 .dsx-expansion .dsx-app-mobile-hero{order:2}
 .dsx-expansion .dsx-app-wellness-row{position:relative;inset:auto;order:3;width:auto;border-bottom:1px solid #d2e1ed}
 .dsx-expansion .dsx-app-wellness-row>div{padding:28px 24px;gap:24px}
 .dsx-expansion .dsx-app-brand-benefits{padding:28px 24px}
 .dsx-expansion .dsx-app-brand-benefits>.dsx-app-art{display:none}
}
@media(max-width:600px){
 @layer arotec-display-headings{
  body #main#main .dsx-expansion .dsx-app-chapter h2{font-size:36px!important;line-height:1.15!important}
  body #main#main .dsx-expansion .dsx-app-chapter h3{font-size:26px!important;line-height:1.25!important}
 }
 .dsx-expansion .dsx-app-process ol{grid-template-columns:repeat(2,minmax(0,1fr))}
 .dsx-expansion .dsx-app-process li:last-child{grid-column:1/-1;width:50%;justify-self:center}
 .dsx-expansion .dsx-app-beverage-copy,.dsx-expansion .dsx-app-left .dsx-app-beverage-copy{padding-left:24px;padding-top:88px}
 .dsx-expansion .dsx-app-wellness-row>div{gap:16px}
 .dsx-expansion .dsx-app-wellness-row>div>i{flex-basis:48px;width:48px;height:48px;font-size:28px}
 .dsx-expansion .dsx-app-research li:last-child,.dsx-expansion .dsx-app-brand-benefits li:last-child{width:85%}
}