.aboutPage{--ink:#101216;--paper:#f3efe7;--red:#df3945;--red-text:#b3262f;--pad:clamp(30px,4.5vw,72px);--padBlock:clamp(56px,7vw,112px);--gap:clamp(14px,1.6vw,24px);color:var(--ink);background:#fff;display:block;overflow:hidden}.aboutPage section{scroll-margin-top:92px}.aboutPage h1,.aboutPage h2,.aboutPage h3,.aboutPage p,.aboutPage figure{margin:0}.aboutPage h1,.aboutPage h2,.aboutPage h3{letter-spacing:-.055em}html[lang=th] .aboutPage h1,html[lang=th] .aboutPage h2,html[lang=th] .aboutPage h3{letter-spacing:-.03em;line-height:1.12}.aboutPage h1,.aboutPage h2,.aboutQuote blockquote p{text-wrap:balance}.aboutLabel{letter-spacing:.14em;text-transform:uppercase;font-size:12px;font-weight:850}.aboutCard{--side:max(var(--pad),calc((100% - 1440px) / 2));width:100%;padding:var(--padBlock) var(--side);background:#fff;position:relative;overflow:hidden}.aboutSectionHead{max-width:780px;margin-bottom:clamp(28px,3vw,44px)}.aboutSectionHead h2{margin:14px 0;font-size:clamp(40px,4.8vw,76px);line-height:.95}.aboutSectionHead>p:not(.aboutLabel){color:#5d626a;font-size:17px;line-height:1.5}.aboutButton{border:1.5px solid var(--red);background:var(--red);color:#fff;border-radius:4px;justify-content:center;align-items:center;min-height:48px;padding:0 22px;font-size:15px;font-weight:800;transition:background .25s,border-color .25s,color .25s;display:inline-flex}.aboutButton:hover{border-color:var(--ink);background:var(--ink);color:#fff}.aboutButtonOutline{border-color:var(--ink);color:var(--ink);background:0 0}.aboutPage a:focus-visible,.aboutPage button:focus-visible{outline:3px solid var(--red);outline-offset:4px}.aboutHero{color:#fff;background:#101216;align-items:flex-end;min-height:calc(100svh - 76px);padding:0;display:flex}.aboutHeroImage{object-fit:cover;object-position:62% center;width:100%;height:100%;position:absolute;inset:0}.aboutHero:before{content:"";z-index:1;background:linear-gradient(90deg,#080a0ddb 0%,#080a0d80 42%,#080a0d0d 72%),linear-gradient(#0000 55%,#080a0d99);position:absolute;inset:0}.aboutHeroCopy{z-index:2;width:100%;padding:clamp(32px,5vw,80px) var(--side);position:relative}.aboutHeroCopy .aboutLabel{color:#ff8b93;margin-bottom:20px}.aboutHero h1{max-width:900px;font-size:clamp(48px,6.6vw,108px);line-height:.9}.aboutHeroMeta{color:#e5e6e8;letter-spacing:.08em;text-transform:uppercase;font-size:14px;font-weight:800;margin-top:24px!important}.aboutStory .aboutLabel,.aboutArchive .aboutLabel,.aboutClosing .aboutLabel{color:var(--red-text)}.aboutSteps{--media-h:clamp(240px,24vw,360px);gap:var(--gap);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.aboutSteps>li{position:relative}.aboutStepMedia{height:var(--media-h);background:var(--paper);border-radius:6px;position:relative;overflow:hidden}.aboutStepMedia img{object-fit:cover;width:100%;height:100%}.aboutSteps>li:nth-child(2) .aboutStepMedia{background:#eceeee}.aboutSteps>li:nth-child(2) .aboutStepMedia img{object-fit:contain;padding:6%}.aboutSteps figcaption{padding-top:16px;font-size:17px;font-weight:750;line-height:1.35}.aboutArchive{background:var(--paper)}.aboutArchiveGrid{gap:clamp(32px,3vw,48px) var(--gap);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.aboutArchiveGrid article.is-wide{grid-column:span 2}.aboutArchiveGrid figure{background:#e7e3db;border-radius:6px;height:clamp(170px,14vw,230px);overflow:hidden}.aboutArchiveBadge{color:#fff;text-align:center;justify-content:center;align-items:center;padding:20px;display:flex}.aboutArchiveBadge.is-dark{background:var(--ink)}.aboutArchiveBadge.is-red{background:var(--red)}.aboutArchiveBadge span{letter-spacing:-.04em;font-size:clamp(22px,2vw,34px);font-weight:850;line-height:1}.aboutArchiveGrid img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.2,.7,.2,1)}.aboutArchiveGrid article:hover img{transform:scale(1.03)}.aboutArchiveYear{letter-spacing:-.05em;margin-top:16px;font-size:clamp(26px,2.2vw,36px);font-weight:800;line-height:1}.aboutArchiveGrid article:last-child .aboutArchiveYear{color:var(--red)}.aboutArchiveGrid p{color:#50555c;font-size:15px;line-height:1.45;margin-top:8px!important}.aboutArchiveGrid p a{text-decoration:none}.aboutArchiveGrid p a:hover{color:var(--red-text)}.aboutProof{background:var(--ink);color:#fff}.aboutProof .aboutLabel{color:#ff8b93}.aboutProof a:focus-visible,.aboutProof button:focus-visible{outline-color:#fff}.aboutProofTop{grid-template-columns:minmax(260px,1fr) minmax(0,2fr);align-items:center;gap:clamp(28px,4vw,64px);display:grid}.aboutHeadline strong{color:#ff6f7a;letter-spacing:-.06em;font-variant-numeric:tabular-nums;font-size:clamp(72px,8.4vw,136px);font-weight:850;line-height:.9;display:block}.aboutHeadline>p{color:#d7dade;max-width:360px;font-size:18px;line-height:1.45;margin-top:14px!important}.aboutHeadline .aboutHeadlineSub{color:#9aa1ab;border-top:1px solid #ffffff2e;padding-top:18px;font-size:15px;margin-top:26px!important}.aboutHeadlineSub b{color:#fff;letter-spacing:-.03em;margin-right:6px;font-size:22px;font-weight:850}.aboutMap{aspect-ratio:2048/1038.75;position:relative}.aboutMap>img{opacity:.2;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.aboutQuote{border-top:1px solid #ffffff24;max-width:1040px;padding-top:clamp(36px,4vw,56px);margin-top:clamp(64px,7vw,112px)!important}.aboutQuote blockquote{margin:0;position:relative}.aboutQuote blockquote:before{content:"“";height:.55em;color:var(--red);font-size:clamp(72px,7vw,110px);font-weight:850;line-height:1;display:block}.aboutQuote blockquote p{letter-spacing:-.025em;font-size:clamp(26px,2.8vw,44px);font-weight:700;line-height:1.25}.aboutQuote figcaption{flex-wrap:wrap;align-items:baseline;gap:6px 14px;margin-top:28px;font-size:15px;display:flex}.aboutQuote figcaption span{color:#b4b9c0}.aboutQuote figcaption small{color:#858c96;flex-basis:100%;font-size:12px}.aboutPress{border-top:1px solid #ffffff24;flex-wrap:wrap;align-items:center;gap:14px 28px;margin-top:clamp(48px,5vw,72px);padding-top:24px;display:flex}.aboutPress .aboutLabel{color:#9aa1ab}.aboutPress ul{flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none;display:flex}.aboutPress a{border:1px solid #ffffff40;border-radius:999px;align-items:center;gap:8px;min-height:40px;padding:0 16px;font-size:14px;font-weight:750;transition:border-color .25s,color .25s;display:inline-flex}.aboutPress a span{color:#9aa1ab;font-weight:600}.aboutPress a:hover{color:#ff8b93;border-color:#ff8b93}.aboutClosing{background:var(--paper)}.aboutClosingBox{text-align:center;max-width:1000px;margin:0 auto}.aboutClosing h2{margin-top:16px;font-size:clamp(36px,4.4vw,68px);line-height:1}.aboutClosing em{color:var(--red);font-style:normal}.aboutClosing nav{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:36px;display:flex}@media (width<=950px){.aboutSteps{--media-h:clamp(240px,52vw,380px);grid-template-columns:1fr;row-gap:56px}.aboutArchiveGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.aboutArchiveGrid figure{height:clamp(170px,30vw,260px)}.aboutProofTop{grid-template-columns:1fr}}@media (width<=650px){.aboutPage section{scroll-margin-top:72px}.aboutHero{min-height:640px}.aboutHeroImage{object-position:68% center}.aboutHero:before{background:linear-gradient(#080a0d26 0%,#080a0d8c 50%,#080a0de6 100%)}.aboutHero h1{font-size:clamp(42px,12vw,64px)}.aboutCard{--side:20px;--padBlock:56px}.aboutArchiveGrid{scroll-snap-type:x mandatory;margin-right:calc(var(--side) * -1);padding-right:var(--side);padding-bottom:6px;display:flex;overflow-x:auto}.aboutArchiveGrid article,.aboutArchiveGrid article.is-wide{scroll-snap-align:start;flex:0 0 72vw}.aboutArchiveGrid figure{height:220px}.aboutPress{flex-direction:column;align-items:flex-start}.aboutClosing nav{flex-direction:column}.aboutClosing nav .aboutButton{width:100%}}@media (prefers-reduced-motion:reduce){.aboutArchiveGrid img,.aboutButton,.aboutPress a{transition:none}}
