/* R2-revised: photographic story, region navigation and goal comparison. */
:root{--photo:#e4e2e6;--ink:#123c2c}header{height:78px;border-bottom:0;background:var(--paper)}.review-bar{height:22px;line-height:22px;font-size:9px}header .brand img{width:156px}.hero-v2{position:relative;min-height:720px;height:calc(100svh - 100px);max-height:960px;isolation:isolate;background:var(--photo)}.hero-human{position:absolute;inset:0 0 0 17%;z-index:-2}.hero-human img{width:100%;height:100%;object-fit:cover;object-position:60% 43%}.hero-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#e4e2e6 0%,#e4e2e6d9 27%,#e4e2e600 52%)}.hero-content{height:100%;width:44%;padding:70px 0 80px max(6vw,calc((100vw - 1240px)/2));display:flex;flex-direction:column;justify-content:center}.hero-content .eyebrow{font-size:10px;letter-spacing:.15em;line-height:1.7}.hero-content h1{font-size:17px;line-height:1.4;margin-bottom:20px}.hero-content h1 span{font:clamp(62px,7vw,105px)/1.05 Cormorant,Georgia,serif;letter-spacing:-.03em;display:inline-block}.hero-content h2{font-size:clamp(31px,3.1vw,48px);line-height:1.4;letter-spacing:-.025em}.hero-content .deck{font-size:15px;line-height:1.85;margin-top:24px;max-width:460px;color:#344a3e}.hero-content .hero-actions{margin-top:27px;gap:20px}.hero-content .hero-actions .button{font-size:13px;padding:13px 18px;min-height:49px}.hero-content .hero-actions .text-link{font-size:12px}.hero-content .branch-label{font-size:10px;border-color:#83998a7a;max-width:440px;margin-top:28px;padding-top:17px}.media-credit{position:absolute;right:30px;bottom:26px;color:#fff;background:#123c2ce6;padding:5px 9px;font-size:9px;text-decoration:none;z-index:2}.hero-index{position:absolute;bottom:25px;left:6%;right:6%;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.17em;color:var(--ink)}.hero-index span:last-child{display:none}.answer{padding-block:50px;border-bottom:0}.area-story{padding-top:75px;padding-bottom:100px}.area-heading{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:end;margin-bottom:50px}.area-heading>p{font-size:16px;max-width:520px}.area-heading h2{font-size:43px;line-height:1.4}.area-experience{display:grid;grid-template-columns:1.05fr 1fr;gap:85px;align-items:start}.area-image{margin:0;position:relative}.area-photo-window{aspect-ratio:1/1.15;overflow:hidden;background:#e4e2e6;position:relative}.area-photo-window>img{width:100%;height:100%;object-fit:cover;transform:scale(var(--zoom,1));transform-origin:var(--ox,50%) var(--oy,50%);transition:transform 1.2s cubic-bezier(.18,.7,.25,1)}.area-focus{position:absolute;width:var(--fw,15%);height:var(--fh,10%);left:var(--fx,44%);top:var(--fy,35%);border:1px solid #fff;box-shadow:0 0 0 8px #fff1;border-radius:50%;transform:translate(-50%,-50%);transition:all 1.2s cubic-bezier(.18,.7,.25,1);pointer-events:none}.area-focus:after{content:'';position:absolute;width:60px;border-top:1px solid #fff;left:100%;top:50%;transform:rotate(-25deg);transform-origin:left}.area-annotation{position:absolute;left:24px;right:24px;bottom:22px;padding-top:14px;border-top:1px solid #ffffff88;display:flex;justify-content:space-between;align-items:center;color:#fff;font-size:12px;text-shadow:0 1px 6px #0008}.area-annotation span:last-child{font-size:10px;letter-spacing:.14em}.area-image figcaption{font-size:10px;margin-top:12px;color:var(--muted)}.area-reading{padding-top:0}.area-choices{display:grid;gap:0}.area-choice{display:grid;grid-template-columns:30px 1fr 15px;gap:17px;align-items:center;border-bottom:1px solid var(--line);padding:15px 10px 15px 0;text-decoration:none;font-size:16px}.area-choice:first-child{border-top:1px solid var(--line)}.area-choice>span:first-child{font:24px Cormorant,Georgia,serif;color:#778a7a}.area-choice b{font-weight:400}.area-choice[aria-current=true]{color:var(--forest);background:linear-gradient(90deg,transparent,#e1e9df);font-weight:600}.area-choice[aria-current=true]>span:first-child{color:var(--forest)}.sequence-controls{display:flex;align-items:center;gap:15px;margin:22px 0;flex-wrap:wrap}.sequence-toggle{padding:8px 0;background:none;font-size:12px;min-height:44px}.sequence-toggle>span:first-child{display:inline-grid;border:1px solid var(--line);border-radius:50%;width:32px;height:32px;place-content:center;margin-right:6px}.sequence-next{border:1px solid var(--line);width:42px;height:42px;background:transparent;border-radius:50%}.sequence-progress{height:1px;flex:1;min-width:30px;background:var(--line)}.sequence-progress>span{display:block;width:0%;height:1px;background:var(--forest)}.sequence-progress.running>span{animation:sequence-time 6s linear}.area-panel{padding-top:15px}.area-panel .eyebrow{margin-bottom:15px;font-size:10px}.area-panel h3{font-size:25px;line-height:1.4;margin-bottom:18px}.area-panel p:last-child{font-size:15px;line-height:1.95}.has-motion .area-panel[hidden]{display:none}.area-panel.is-entering{animation:reading-enter .55s ease both}.area-panel:not(:first-child){margin-top:30px}.has-motion .area-panel:not(:first-child){margin-top:0}.film-chapter{background:#092b20;color:#faf7f0;padding-top:65px}.film-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;padding-bottom:36px}.film-heading h2{font-family:Cormorant,Georgia,serif;font-size:64px;letter-spacing:-.025em}.film-heading .eyebrow{color:#d7dfc4;margin-bottom:12px}.film-heading>p{color:#cad5c9;font-size:14px;text-align:right;line-height:1.9}.film-duration{font-size:10px;letter-spacing:.15em}.film-stage{position:relative;aspect-ratio:16/7.5;max-height:740px;overflow:hidden;background:#061910}.film-stage>picture,.film-stage>picture img{display:block;width:100%;height:100%;object-fit:cover}.film-poster-shade{position:absolute;inset:0;background:#0422182b}.film-start{position:absolute;inset:0;background:transparent;color:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;font-size:13px;letter-spacing:.02em}.play-ring{display:grid;place-content:center;width:88px;height:88px;border:1px solid #fff;background:#092b2040;border-radius:50%;font-size:20px;backdrop-filter:blur(5px);transition:background .25s,transform .25s}.film-start:hover .play-ring{background:#092b2080;transform:scale(1.06)}.film-embed{position:absolute;inset:0;background:#000}.film-embed iframe{width:100%;height:100%;border:0;display:block}.film-stage.is-playing{aspect-ratio:16/9;max-height:none}.film-controls{display:flex;justify-content:space-between;align-items:center;gap:22px;min-height:76px;padding-block:16px;font-size:11px}.film-controls a{color:#d5ded3}.film-credit{font-size:9px;letter-spacing:.18em}.film-playback{display:flex;gap:14px}.film-playback[hidden]{display:none}.film-playback button{padding:7px 12px;font-size:11px;background:transparent;border:1px solid #8aab94;color:#fff;min-height:40px}.product-story{background:#f1ece3}.product-story .section-top h2{font-size:46px;line-height:1.4}.product-story .section-top>p:last-child{font-size:16px}.goal-experience{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin-top:60px;align-items:center}.goal-visual{height:620px;position:relative;overflow:hidden;background:#dfdee0}.goal-photo{position:absolute;inset:0;margin:0;transition:opacity .8s ease,transform 1.1s ease}.goal-photo img{height:100%;width:100%;object-fit:cover}.goal-quality{opacity:0;transform:scale(1.06)}.goal-visual[data-goal='1'] .goal-volume{opacity:0;transform:scale(1.03)}.goal-visual[data-goal='1'] .goal-quality{opacity:1;transform:scale(1)}.goal-line{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#fff;stroke-width:1.2;filter:drop-shadow(0 1px 3px #3336)}.goal-line path{stroke-dasharray:320;stroke-dashoffset:320}.goal-visual.is-animated .goal-line path{animation:trace-line 2s ease .2s both}.goal-image-label{position:absolute;bottom:0;left:0;right:0;padding:40px 24px 23px;background:linear-gradient(transparent,#0a241aad);color:#fff;display:flex;justify-content:space-between;align-items:end;gap:15px}.goal-image-label span:first-child{font-size:18px}.goal-image-label span:last-child{font-size:9px}.detail-frame{position:absolute;left:17%;top:33%;width:45%;height:28%;border:1px solid #fff9;clip-path:polygon(0 0,12% 0,12% 1%,1% 1%,1% 15%,0 15%,0 0,100% 0,100% 15%,99% 15%,99% 1%,88% 1%,88% 0,100% 0,100% 100%,88% 100%,88% 99%,99% 99%,99% 85%,100% 85%,100% 100%,0 100%,0 85%,1% 85%,1% 99%,12% 99%,12% 100%,0 100%)}.goal-copy>h3{font-size:29px;line-height:1.5}.goal-instruction{font-size:12px;margin-top:12px}.goal-tabs{display:flex;gap:12px;margin:25px 0 35px}.goal-tabs button{padding:13px 15px;flex:1;border:1px solid #8d9e8e;background:transparent;font-size:12px;line-height:1.7}.goal-tabs button[aria-pressed=true]{background:var(--forest);color:#fff;border-color:var(--forest)}.product-panels .product{border-top:1px solid #c4cbbf;padding-block:20px}.product-panels .product .eyebrow{color:#526647;font-size:10px;margin-bottom:10px}.product-panels .product h3{font-size:24px;line-height:1.45;margin-bottom:13px}.product-panels .product p{font-size:15px;color:var(--muted)}.product-panels .product[hidden]{display:none}.goal-copy .product-end{display:none}.product-photo-strip{display:grid;grid-template-columns:1.1fr .9fr;gap:55px;margin-top:70px;align-items:center;border-top:1px solid #c4cbbf;padding-top:50px}.product-photo-strip figure{background:#191919;color:#fff}.product-photo-strip figcaption{font-size:9px;padding:10px 20px;text-align:right}.product-photo-strip>div{padding:20px}.product-photo-strip h3{font-size:32px;line-height:1.4;margin-bottom:20px}.product-photo-strip p:not(.eyebrow){font-size:15px}.product-photo-strip .text-link{font-size:13px;margin-top:20px}.verify-section{padding-block:100px}.care-photo{height:660px;position:relative}.care-photo picture{display:block;width:100%;height:100%}.care-photo img{object-position:center 53%}.care-image-heading{position:absolute;left:5%;right:5%;bottom:50px;display:flex;justify-content:space-between;gap:30px;border-top:1px solid #ffffff80;padding-top:17px;color:#fff;text-shadow:0 2px 8px #0008}.care-image-heading span{position:static!important;background:none!important;padding:0!important;font-size:12px!important;color:#fff!important;letter-spacing:.14em}.care-photo .care-photo-caption{font-size:9px;left:5%;bottom:15px;background:#faf7f0e8}.care-content{padding-block:90px}.sticky-contact{opacity:0;transform:translateY(100%);pointer-events:none;transition:transform .25s,opacity .25s}.sticky-contact.is-visible{opacity:1;transform:translateY(0);pointer-events:auto}.has-motion .area-panel[hidden],.has-motion .product[hidden]{display:none}html[lang=en] .hero-content h2{font-size:clamp(38px,4vw,61px);line-height:1.15}html[lang=en] .area-heading h2{font-size:54px;line-height:1.15}html[lang=en] .product-story .section-top h2{font-size:54px;line-height:1.15}
@keyframes sequence-time{from{width:0}to{width:100%}}@keyframes reading-enter{from{opacity:.15;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes trace-line{to{stroke-dashoffset:0}}
@media(max-width:1100px){.hero-v2{min-height:660px}.hero-content{width:47%;padding-left:5vw}.hero-content .deck{font-size:14px;max-width:390px}.hero-content h1 span{font-size:78px}.hero-content h2{font-size:37px}.hero-content .hero-actions{gap:16px}.hero-human img{object-position:62% center}.area-heading{gap:50px}.area-experience{gap:45px}.area-heading h2{font-size:37px}.area-choice{font-size:14px;padding-block:13px}.area-panel h3{font-size:23px}.area-panel p:last-child{font-size:14px}.goal-experience{gap:45px}.goal-visual{height:550px}.product-story .section-top h2{font-size:38px}.goal-copy>h3{font-size:26px}.product-photo-strip{gap:30px}.care-photo{height:530px}}
@media(max-width:800px){header{height:72px}.hero-v2{height:auto;min-height:0;display:grid;grid-template-columns:45% 55%}.hero-human{position:relative;inset:auto;grid-column:2;grid-row:1;z-index:0;min-height:660px}.hero-human img{object-position:60% center}.hero-content{width:auto;padding:45px 20px 55px 30px;grid-column:1;grid-row:1;z-index:1}.hero-shade{display:none}.hero-content h1 span{font-size:65px}.hero-content h2{font-size:28px}.hero-content .deck{font-size:14px}.hero-content .eyebrow{font-size:9px}.hero-content .hero-actions{margin-top:22px}.hero-content .hero-actions .button{font-size:12px;gap:12px}.hero-content .branch-label{font-size:9px}.hero-index{display:none}.media-credit{right:15px;bottom:15px}.area-heading{display:block;margin-bottom:30px}.area-heading>p{margin-top:25px;max-width:630px}.area-experience{grid-template-columns:1fr 1fr;gap:30px}.area-photo-window{aspect-ratio:1/1.6}.area-photo-window>img{object-position:center}.area-choice{font-size:12px;gap:8px;grid-template-columns:22px 1fr 12px;padding-block:12px}.area-choice>span:first-child{font-size:20px}.area-panel h3{font-size:21px}.area-panel p:last-child{font-size:13px}.sequence-toggle{font-size:10px}.sequence-next{width:35px;height:35px}.sequence-controls{gap:8px;margin-block:15px}.film-heading h2{font-size:50px}.goal-experience{gap:30px}.goal-visual{height:560px}.goal-copy>h3{font-size:23px}.goal-tabs{gap:8px}.goal-tabs button{padding:10px;font-size:11px}.product-panels .product h3{font-size:21px}.product-panels .product p{font-size:13px}.product-photo-strip h3{font-size:26px}.product-photo-strip>div{padding:0}.product-photo-strip p:not(.eyebrow){font-size:14px}.care-photo{height:430px}.care-image-heading span{font-size:10px!important}html[lang=en] .hero-content h2{font-size:39px}}
@media(max-width:600px){:root{scroll-padding-top:85px}header{height:65px;padding-inline:20px}header .brand img{width:129px}.hero-v2{display:block;background:#e4e2e6;padding-bottom:0}.hero-human{display:block;height:350px;min-height:0}.hero-human img{object-position:50% 24%;height:100%;width:100%;object-fit:cover}.hero-content{display:flex;height:auto;padding:22px 24px 30px;width:100%;background:linear-gradient(#e4e2e600,#e4e2e6 50px);margin-top:-36px;position:relative;justify-content:flex-start}.hero-content>.eyebrow{font-size:8px;margin-bottom:12px;order:0;letter-spacing:.1em}.hero-content h1{font-size:13px;margin-bottom:14px;line-height:1.3;order:1}.hero-content h1 br{display:none}.hero-content h1 span{font:500 15px/1.3 Anuphan,sans-serif;letter-spacing:0;margin-left:5px}.hero-content h2{font-size:31px;line-height:1.45;order:2;margin:0}.hero-content h2 br{display:none}.hero-content .hero-actions{order:3;margin-top:20px;display:grid;grid-template-columns:1fr auto;gap:15px}.hero-content .hero-actions .button{font-size:12px;padding:12px 14px;gap:15px;min-height:46px}.hero-content .hero-actions .text-link{font-size:10px}.hero-content .deck{order:5;font-size:14px;margin-top:18px;max-width:none;line-height:1.9}.hero-content .branch-label{order:4;border:0;padding:0;margin-top:18px;font-size:9px;letter-spacing:.08em}.media-credit{top:315px;bottom:auto;right:12px;font-size:8px;padding:3px 6px;background:#123c2cb3}.answer{padding-block:34px}.answer h2{font-size:23px}.answer p{font-size:14px}.area-story{padding-block:50px 65px}.area-heading h2{font-size:31px;line-height:1.4}.area-heading>p{font-size:14px;margin-top:20px;line-height:1.9}.area-experience{display:flex;flex-direction:column;gap:24px}.area-image{width:100%}.area-photo-window{aspect-ratio:1/.95}.area-photo-window>img{object-position:center 27%}.area-focus{display:none}.area-annotation{left:20px;right:20px;bottom:20px}.area-image figcaption{font-size:8px;margin-top:9px}.area-reading{width:100%}.area-choices{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.area-choice{font-size:11px;grid-template-columns:18px 1fr 10px;gap:8px;padding-block:12px}.area-choice:nth-child(2){border-top:1px solid var(--line)}.area-choice:last-child{grid-column:1/-1}.area-choice>span:first-child{font-size:18px}.sequence-controls{margin-block:15px 12px}.sequence-toggle{font-size:11px}.sequence-next{width:40px;height:40px}.area-panel{padding-top:12px}.area-panel h3{font-size:24px;margin-bottom:14px}.area-panel p:last-child{font-size:14px;line-height:1.9}.area-panel .eyebrow{font-size:9px}.film-chapter{padding-top:42px}.film-heading{display:block;padding-bottom:26px}.film-heading h2{font-size:46px}.film-heading .eyebrow{font-size:9px}.film-heading>p{text-align:left;font-size:12px;margin-top:16px}.film-duration{font-size:9px}.film-stage{aspect-ratio:4/3}.film-stage>picture img{object-position:57% center}.play-ring{width:66px;height:66px;font-size:17px}.film-start{gap:15px;font-size:12px}.film-controls{flex-wrap:wrap;gap:15px;padding-block:20px;font-size:10px;min-height:70px}.film-credit{font-size:8px}.film-playback{order:3;width:100%;justify-content:flex-start}.film-playback button{font-size:11px}.film-stage.is-playing{aspect-ratio:16/9}.product-story{padding-block:58px}.product-story .section-top h2{font-size:31px}.product-story .section-top>p:last-child{font-size:14px;line-height:1.9}.goal-experience{display:flex;flex-direction:column;gap:30px;margin-top:30px}.goal-visual{width:100%;height:390px}.goal-photo img{object-position:center 26%}.goal-image-label{padding:38px 20px 18px}.goal-image-label span:first-child{font-size:15px}.goal-image-label span:last-child{font-size:8px}.goal-line{display:none}.goal-copy{width:100%}.goal-copy>h3{font-size:26px;line-height:1.4}.goal-tabs{margin-block:20px 24px;gap:10px}.goal-tabs button{font-size:11px;min-height:52px;padding:10px 8px}.goal-instruction{font-size:11px}.product-panels .product h3{font-size:24px}.product-panels .product p{font-size:14px}.product-panels .product{padding-block:20px}.product-photo-strip{display:block;padding-top:30px;margin-top:25px}.product-photo-strip>div{padding-top:28px}.product-photo-strip h3{font-size:27px}.product-photo-strip figcaption{font-size:8px;padding:7px 12px}.verify-section{padding-block:60px}.care-photo{height:510px}.care-photo img{object-position:center 47%;width:100%;height:100%;object-fit:cover}.care-image-heading{left:20px;right:20px;bottom:48px;display:block;padding-top:13px}.care-image-heading span{font-size:9px!important;display:block}.care-image-heading span+span{margin-top:5px}.care-photo .care-photo-caption{left:20px;font-size:8px;bottom:14px}.care-content{padding-block:55px}.sticky-contact>span{font-size:10px}.sticky-contact button{font-size:11px;padding:9px 13px}html[lang=en] .hero-content h2{font-size:38px;line-height:1.15}html[lang=en] .hero-content h1{font-size:13px}html[lang=en] .hero-content h1 span{font-size:16px}html[lang=en] .area-heading h2{font-size:41px;line-height:1.15}html[lang=en] .product-story .section-top h2{font-size:42px;line-height:1.12}html[lang=en] .film-heading h2{font-size:47px}#mobile-menu{top:65px}}
@media(max-width:360px){.hero-human{height:310px}.media-credit{top:278px}.hero-content{padding-inline:20px}.hero-content h2{font-size:28px}.hero-content .hero-actions{gap:9px}.hero-content .hero-actions .button{font-size:11px;padding-inline:10px}.hero-content .hero-actions .text-link{font-size:9px}.area-choices{gap:0 10px}.area-choice{font-size:10px}.area-choice>span:first-child{font-size:16px}.goal-visual{height:340px}.film-controls{font-size:9px}html[lang=en] .hero-content h2{font-size:35px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}.area-photo-window>img,.area-focus,.goal-photo{transition:none!important}.goal-line path{stroke-dashoffset:0;animation:none!important}.sequence-toggle{display:none}.sequence-progress{display:none}.area-panel.is-entering{animation:none!important}}

.film-start[hidden]{display:none}
@media(max-width:600px){html[lang=en] .hero-content h2 br{display:initial}}
@media(min-width:1101px){.care-photo{height:820px}.care-photo img{object-position:center 20%}}