@font-face{font-family:Anuphan;font-style:normal;font-weight:500;font-display:swap;src:url(../../../brand/assets/hero-fonts/anuphan-0.ttf)format("truetype")}@font-face{font-family:Anuphan;font-style:normal;font-weight:600;font-display:swap;src:url(../../../brand/assets/hero-fonts/anuphan-1.ttf)format("truetype")}@font-face{font-family:Anuphan;font-style:normal;font-weight:700;font-display:swap;src:url(../../../brand/assets/hero-fonts/anuphan-2.ttf)format("truetype")}@font-face{font-family:Satoshi;src:url(../../../brand/assets/hero-fonts/satoshi-0.woff2)format("woff2");font-weight:500;font-display:swap;font-style:normal}@font-face{font-family:Satoshi;src:url(../../../brand/assets/hero-fonts/satoshi-1.woff2)format("woff2");font-weight:700;font-display:swap;font-style:normal}@font-face{font-family:Satoshi;src:url(../../../brand/assets/hero-fonts/satoshi-2.woff2)format("woff2");font-weight:900;font-display:swap;font-style:normal}.scroll-hero:not(.motion-ready) .opening-copy{opacity:1;pointer-events:auto}.scroll-hero:not(.motion-ready) .opening-meta,.scroll-hero:not(.motion-ready) .campaign-brand{display:none}@media (width<=760px){.scroll-hero[data-campaign=editorial07] .campaign img{object-position:50% 50%}}:root{--paper:#f3f0e9;--ink:#20211e;--clay:#a56f53;--pad:clamp(20px,3vw,48px);color:var(--ink);background:var(--paper);font-synthesis:none;font-family:Anuphan,sans-serif}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}button,a{-webkit-tap-highlight-color:transparent}button:active{transform:scale(.97)}:focus-visible{outline-offset:5px;outline:2px solid}::selection{color:#fff;background:#a56f53}html{scroll-padding-top:100px}.skip{z-index:20;background:var(--ink);color:var(--paper);padding:16px;position:fixed;top:-100px;left:16px}.skip:focus{top:16px}.site-header{z-index:6;padding:24px var(--pad);color:var(--ink);align-items:center;gap:28px;display:flex;position:fixed;top:0;left:0;right:0}.brand{width:67px;margin-right:auto;line-height:0;display:block}.brand img{object-fit:contain;width:67px;height:55px}.site-header nav{align-items:center;gap:36px;font-size:14px;font-weight:600;display:flex}.site-header nav a{align-items:center;gap:12px;min-height:44px;display:flex}.replay{border:1px solid;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.story{height:auto;position:relative}.stage{background:var(--paper);isolation:isolate;height:100svh;min-height:660px;position:relative;overflow:hidden}.campaign{z-index:1;background:#c6c0b1;position:absolute;inset:0;overflow:hidden}.campaign img{object-fit:cover;object-position:50% 48%;width:100%;height:100%;display:block}.photo-shade{opacity:.9;background:linear-gradient(#0000,#0b120ea8);position:absolute;inset:35% 0 0}.opening-copy{top:21%;left:var(--pad);right:var(--pad);z-index:3;transform-origin:0 0;color:var(--paper);position:absolute}h1{letter-spacing:-.065em;margin:0;font-weight:700;line-height:1.12}.category{white-space:nowrap;font-size:clamp(58px,10.4vw,180px);display:block}.audience-line{align-items:baseline;gap:clamp(20px,3.2vw,60px);margin-top:12px;display:flex}.for{letter-spacing:-.05em;font-size:clamp(32px,5.2vw,82px)}.word-slot{min-width:0;font-size:clamp(70px,11.5vw,192px);line-height:1.18;display:grid}.word{visibility:hidden;white-space:nowrap;grid-area:1/1}.word.current{visibility:visible}.opening-meta{letter-spacing:0;align-items:center;gap:24px;margin-top:20px;font-size:14px;font-weight:500;display:flex}.word-controls{gap:0;display:flex}.word-controls button{place-items:center;width:44px;height:44px;display:grid}.pause-symbol{letter-spacing:-3px;font-size:16px;transform:translate(-2px)}.campaign-signature{z-index:2;letter-spacing:-.075em;color:var(--paper);font-family:Satoshi,sans-serif;font-size:clamp(34px,6vw,100px);font-weight:900;position:absolute;top:19%;right:7%}.campaign-signature span{color:#c28b6e}.campaign-actions{z-index:4;bottom:38px;left:var(--pad);right:var(--pad);color:var(--paper);justify-content:space-between;align-items:center;gap:32px;display:flex;position:absolute}.campaign-actions p{margin:0;font-size:15px;font-weight:500}.shop-button{background:var(--paper);color:var(--ink);justify-content:space-between;align-items:center;gap:70px;min-height:56px;padding:18px 24px;font-size:15px;font-weight:600;display:flex}.shop-button span{font-size:23px;line-height:1}.scroll-cue{bottom:26px;left:var(--pad);z-index:4;align-items:center;gap:12px;min-height:44px;font-size:13px;display:none;position:absolute}.scroll-cue svg{margin-left:18px}.clay-dot{background:var(--clay);border-radius:50%;width:8px;height:8px;display:block}.scroll-track{z-index:5;background:0 0;width:100%;height:3px;display:none;position:absolute;bottom:0;left:0}.scroll-track span{transform-origin:0;background:var(--clay);width:100%;height:100%;display:block;transform:scaleX(0)}.motion-ready .story{height:320svh}.motion-ready .stage{position:sticky;top:0}.motion-ready .campaign{inset:61% var(--pad) 72px}.motion-ready .opening-copy{color:var(--ink)}.motion-ready .campaign-signature,.motion-ready .campaign-actions{opacity:0;visibility:hidden}.motion-ready .photo-shade{opacity:0}.motion-ready .scroll-cue{display:flex}.motion-ready .scroll-track{display:block}.after-story{padding:clamp(70px,11vw,180px) var(--pad) 100px;background:var(--paper);z-index:5;position:relative}.section-top{border-top:1px solid #aaa79e;justify-content:space-between;gap:20px;padding-top:16px;font-size:14px;display:flex}.section-top a{gap:20px;display:flex}h2{letter-spacing:-.055em;margin:90px 0 70px;font-size:clamp(50px,7.8vw,120px);font-weight:600;line-height:1.1}.inspection-links{border-top:1px solid #bbb7ad}.inspection-links a{border-bottom:1px solid #bbb7ad;grid-template-columns:1fr 1fr auto;align-items:center;gap:20px;padding:24px 0;display:grid}.inspection-links a>span:first-child{letter-spacing:-.03em;font-size:clamp(21px,2vw,30px);font-weight:600}.inspection-links p{margin:0;font-size:15px}.inspection-links a>span:last-child{font-size:24px}.bottom-shop{letter-spacing:-.04em;border-bottom:2px solid var(--ink);justify-content:space-between;gap:24px;margin-top:80px;padding:32px 0;font-size:clamp(28px,4vw,55px);font-weight:600;display:flex}footer{padding:36px var(--pad);border-top:1px solid #bbb7ad;justify-content:space-between;align-items:center;gap:24px;display:flex}footer>a{letter-spacing:-.07em;font-family:Satoshi,sans-serif;font-size:28px;font-weight:900}footer p{max-width:480px;font-size:11px}footer button{min-height:44px;font-size:12px}@media (hover:hover) and (pointer:fine){.site-header nav a:hover,.section-top a:hover{opacity:.6}.inspection-links a:hover>span:last-child,.bottom-shop:hover>span{transform:translate(4px,-4px)}.inspection-links a>span:last-child,.bottom-shop>span{transition:transform .2s cubic-bezier(.23,1,.32,1)}.shop-button:hover{background:#e5ded0}}@media (width>=1800px){.opening-copy{max-width:1700px}.category{font-size:180px}.word-slot{font-size:192px}}@media (width<=760px){.site-header{padding:20px var(--pad);gap:14px}.brand,.brand img{width:53px;height:44px}.site-header nav{gap:0;font-size:12px}.detail-link{display:none!important}.replay{width:44px;height:44px}.stage{min-height:640px}.opening-copy{top:23%;left:20px;right:20px}.category{letter-spacing:-.065em;font-size:clamp(39px,10.5vw,77px);line-height:1.25}.audience-line{margin-top:12px;display:block}.for{letter-spacing:-.03em;margin-bottom:2px;font-size:26px;display:block}.word-slot{letter-spacing:-.07em;font-size:clamp(54px,15.6vw,110px);line-height:1.25}.opening-meta{justify-content:space-between;gap:4px;margin-top:10px;font-size:12px}.motion-ready .campaign{inset:60% 20px 80px}.campaign img{object-position:78% 47%}.campaign-signature{font-size:50px;top:17%;right:20px}.campaign-actions{display:block;bottom:28px;left:20px;right:20px}.campaign-actions p{margin-bottom:14px;font-size:12px}.shop-button{width:100%;min-height:52px;padding:14px 18px;font-size:14px}.scroll-cue{bottom:22px;left:20px}.after-story{padding:70px 20px}.section-top{font-size:12px}h2{margin:70px 0 50px;font-size:52px}.inspection-links a{grid-template-columns:1fr auto;gap:10px;padding:22px 0}.inspection-links a p{grid-column:1;font-size:13px}.inspection-links a>span:last-child{grid-area:1/2/3}.bottom-shop{margin-top:50px;font-size:32px}footer{flex-wrap:wrap;gap:12px;padding:28px 20px}footer p{order:3;width:100%;margin:0;font-size:10px}footer button{margin-left:auto}}@media (height<=700px) and (width>=761px){.opening-copy{top:19%}.category{font-size:min(9vw,120px)}.word-slot{font-size:min(10vw,130px)}.opening-meta{margin-top:4px}.motion-ready .campaign{inset:64% var(--pad) 66px}}@media (prefers-reduced-motion:reduce){.story{height:auto!important}.stage{position:relative!important}.opening-copy{top:54%;left:var(--pad);right:var(--pad);transform:scale(.75)}.opening-meta{display:none}.campaign-signature{top:18%}.scroll-cue,.scroll-track{display:none!important}*{scroll-behavior:auto!important}}.site-header.over-paper{background:var(--paper);color:var(--ink)!important}.site-header.over-paper .brand img{filter:none!important}.opening-meta{margin-top:0;position:absolute;top:-54px;right:0}.opening-meta>span{font-size:12px}@media (width<=760px){.opening-meta{top:-50px;left:0;right:0}.opening-meta>span{font-size:11px}}.photo-shade{background:linear-gradient(#0b120e52,#0000 28% 36%,#0b120ec7 100%);inset:0}.motion-ready .campaign{top:65%}@media (width<=760px){.opening-copy{top:22%}.category{font-size:clamp(42px,14.4vw,90px)}.word-slot{font-size:clamp(62px,19.4vw,126px)}.motion-ready .campaign{top:52%}}.campaign img{object-position:50% 20%}.photo-shade{background:linear-gradient(#0000001a,#0000 20% 76%,#0000005c)}.opening-copy{opacity:0;visibility:visible;pointer-events:none}.motion-ready .opening-copy{opacity:1;visibility:visible;pointer-events:auto}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.campaign-brand{z-index:3;pointer-events:none;mix-blend-mode:difference;place-items:center;display:grid;position:absolute;inset:0}.campaign-brand img{filter:brightness(0)invert();width:148px;height:auto}.motion-ready .campaign-brand{opacity:0;visibility:hidden}@media (width<=760px){.campaign img{object-position:78% 40%}.campaign-brand img{width:116px}}.campaign picture{width:100%;height:100%;display:block}@media (width<=760px){html[data-campaign=editorial07] .campaign img{object-position:50% 50%}}
