.experience-shell{--experience-glass:#0a0c0ae0;background:#0e110e}.experience-progress{z-index:80;pointer-events:none;width:100%;height:2px;position:fixed;top:0;left:0}.experience-progress span{background:#c99b58;height:100%;transition:width 80ms linear;display:block;box-shadow:0 0 12px #c99b5894}.experience-shell .concept-nav{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#070907e6,#070907a8);border-bottom-color:#ffffff1a;position:fixed}.experience-shell .concept-back{display:none}.experience-shell :is(#concept-top,#concept-water,#concept-craft,#concept-signature,#concept-journey){scroll-margin-top:116px}.experience-shell .concept-closing-links a,.experience-shell .concept-closing-links a:first-child{color:#12150f;background:0 0;border-color:#1619148c}.experience-shell .concept-nav-center a{border-radius:999px;transition:color .18s,background-color .18s}.experience-shell .concept-nav-center a.is-active{color:#12150f;background:#c99b58}.experience-shell .concept-nav-center a.is-active:after{display:none}@media (min-width:901px){html:not([data-locale=zh]) .experience-shell .concept-hero{grid-template-columns:minmax(0,1.05fr) minmax(520px,.95fr)}html:not([data-locale=zh]) .experience-shell .concept-hero h1{transform:translate(-8%)}html[data-locale=en] .experience-shell .concept-hero h1{font-size:clamp(56px,5vw,76px)}html[data-locale=id] .experience-shell .concept-hero h1,html[data-locale=ms] .experience-shell .concept-hero h1{font-size:clamp(40px,3.5vw,52px)}html[data-locale=fr] .experience-shell .concept-hero h1,html[data-locale=th] .experience-shell .concept-hero h1{font-size:clamp(52px,4.5vw,68px)}html[data-locale=ja] .experience-shell .concept-hero h1,html[data-locale=ko] .experience-shell .concept-hero h1{font-size:clamp(52px,4.4vw,66px)}html[data-locale=zh] .experience-shell .concept-process-heading h2{font-size:clamp(50px,4.4vw,66px)}}@media (max-width:900px){.experience-shell .concept-nav{-webkit-backdrop-filter:none;backdrop-filter:none;background:#070907f0;height:82px}.experience-shell .concept-brand{width:58px;height:58px}.experience-shell .concept-nav-center{z-index:70;top:auto;left:50%;bottom:calc(12px + env(safe-area-inset-bottom));box-sizing:border-box;background:var(--experience-glass);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid #ffffff29;border-radius:999px;width:min(356px,100vw - 24px);max-width:none;padding:5px;display:block;position:fixed;transform:translate(-50%);box-shadow:0 12px 36px #00000040}.experience-shell .concept-nav-center>div{gap:2px;width:100%;display:flex}.experience-shell .concept-nav-center a{color:#ffffffd6;text-align:center;white-space:nowrap;border-radius:999px;flex:1 1 0;min-width:0;padding:11px 12px;font-size:11px;line-height:1}.experience-shell .concept-hero,.experience-shell .concept-hero-photo{min-height:0}.experience-shell .concept-hero-photo{height:52svh}.experience-shell .concept-hero-copy{padding-top:46px;padding-bottom:58px}.experience-shell .concept-kicker{margin-bottom:26px}.experience-shell .concept-hero h1{margin-bottom:34px}.experience-shell .concept-process-grid{margin-inline:calc(var(--concept-gutter) * -1);padding-inline:var(--concept-gutter);overscroll-behavior-inline:contain;scroll-snap-type:inline mandatory;scrollbar-width:none;gap:16px;display:flex;overflow-x:auto}.experience-shell .concept-process-grid::-webkit-scrollbar{display:none}.experience-shell .concept-process-grid article,.experience-shell .concept-process-grid article:nth-child(n){scroll-snap-align:center;flex:0 0 min(82vw,340px);margin:0}.experience-shell .concept-process-grid article>div{min-height:156px}.experience-shell :is(.concept-menu-list,.concept-origins-grid,.concept-journey-grid,.concept-stores){margin-inline:calc(var(--concept-gutter) * -1);padding-inline:var(--concept-gutter);overscroll-behavior-inline:contain;scroll-snap-type:inline mandatory;scrollbar-width:none;gap:16px;display:flex;overflow-x:auto}.experience-shell :is(.concept-menu-list,.concept-origins-grid,.concept-journey-grid,.concept-stores)::-webkit-scrollbar{display:none}.experience-shell .concept-menu-list article,.experience-shell .concept-origins-grid article,.experience-shell .concept-origins-grid article:nth-child(2),.experience-shell .concept-journey-grid article,.experience-shell .concept-journey-grid article:last-child,.experience-shell .concept-stores article{scroll-snap-align:center;flex:0 0 min(82vw,340px);margin:0}.experience-shell .concept-menu-list article{border:1px solid #ffffff29;min-height:340px;padding:28px 24px 34px}.experience-shell .concept-menu-list article:last-child{border-right:1px solid #ffffff29}.experience-shell .concept-menu-list p{margin-top:auto}.experience-shell .concept-origins-grid article,.experience-shell .concept-origins-grid article:nth-child(2){min-height:320px}.experience-shell .concept-journey-grid figure,.experience-shell .concept-journey-grid article:last-child figure{aspect-ratio:4/5}.experience-shell .concept-journey-grid article>div{min-height:210px}.experience-shell .concept-stores article{flex-direction:column;display:flex}.experience-shell .concept-stores figure,.experience-shell .concept-stores article:nth-child(n) figure{aspect-ratio:4/3}.experience-shell .concept-stores article:nth-child(3) figure{aspect-ratio:4/5}.experience-shell .concept-stores article>div{min-height:94px}.experience-shell .concept-menu,.experience-shell .concept-origins,.experience-shell .concept-journey{overflow:hidden}.experience-shell .concept-closing{padding-bottom:calc(118px + env(safe-area-inset-bottom))}}@media (max-width:430px){.experience-shell .concept-language-switcher select{width:110px}.experience-shell .concept-nav-center a{padding-inline:7px;font-size:10px}html[data-locale=id] .experience-shell .concept-nav-center a,html[data-locale=fr] .experience-shell .concept-nav-center a,html[data-locale=ms] .experience-shell .concept-nav-center a{padding-inline:4px;font-size:9px}html[data-locale=id] .experience-shell .concept-nav-center a:first-child,html[data-locale=ms] .experience-shell .concept-nav-center a:first-child{white-space:normal;font-size:8px;line-height:1.15}}@media (max-width:340px){html[data-locale=id] .experience-shell .concept-hero h1,html[data-locale=ms] .experience-shell .concept-hero h1{letter-spacing:-.055em;font-size:22px}}
