@font-face{font-family:Noto Sans;font-style:normal;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(../media/d0daeb77ad486505-s.3e69tg4c48nn6.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Noto Sans;font-style:normal;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(../media/13c8bea787795a91-s.2v19e1tj9utm9.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Noto Sans;font-style:normal;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(../media/fb34704f4f4f68ab-s.10xp3ztz64-x5.woff2)format("woff2");unicode-range:U+900-97F,U+1CD0-1CF4,U+1CF7-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B0A}@font-face{font-family:Noto Sans;font-style:normal;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(../media/26229c3b890d5b41-s.27k1jrsqo381m.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Noto Sans;font-style:normal;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(../media/ec173da4e4ac482c-s.3f00j5la6zyv3.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Noto Sans;font-style:normal;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(../media/eca1cc1e672884b5-s.0iudtydy6ujc_.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Noto Sans;font-style:normal;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(../media/05ce0245cbf07d46-s.04pt35s93a97i.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans;font-style:normal;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(../media/dc6d2a64e9dbf3bc-s.p.3yrvj83qsyboh.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Sans Fallback;src:local(Arial);ascent-override:100.54%;descent-override:27.56%;line-gap-override:0.0%;size-adjust:106.33%}.Gg1dpq_className{font-family:Noto Sans,Noto Sans Fallback;font-style:normal}.Gg1dpq_variable{--font-noto:"Noto Sans", "Noto Sans Fallback"}
@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(../media/bfd813093b8ca1bb-s.p.1hx5ub3m4e03a.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(../media/acc5f86302586f33-s.43ie5mg9jzk6i.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(../media/f304c3cf3765fb5f-s.1_02jizf7_zt7.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Sans Thai Fallback;src:local(Arial);ascent-override:99.79%;descent-override:42.32%;line-gap-override:0.0%;size-adjust:106.33%}.t7o8nG_className{font-family:Noto Sans Thai,Noto Sans Thai Fallback;font-style:normal}.t7o8nG_variable{--font-noto-thai:"Noto Sans Thai", "Noto Sans Thai Fallback"}
@property --s{syntax:"<number>";inherits:true;initial-value:0}:root{--white:#fff;--black:#000;--blue:#3210fc;--yellow:#ffe600;--ink:color-mix(in srgb, var(--black) 92%, var(--white));--ink-2:color-mix(in srgb, var(--black) 70%, var(--white));--ink-3:color-mix(in srgb, var(--black) 58%, var(--white));--plate:color-mix(in srgb, var(--white) 94%, color-mix(in srgb, var(--black) 60%, var(--yellow)));--plate-2:color-mix(in srgb, var(--white) 89%, color-mix(in srgb, var(--black) 60%, var(--yellow)));--line:color-mix(in srgb, var(--black) 12%, var(--plate));--blue-deep:color-mix(in srgb, var(--blue) 78%, var(--black));--blue-mesh:color-mix(in srgb, var(--blue) 16%, var(--white));--blue-film:color-mix(in srgb, var(--blue) 9%, var(--white));--on-blue:color-mix(in srgb, var(--white) 86%, var(--blue));--detail-on-dark:color-mix(in srgb, var(--white) 60%, transparent);--detail-on-light:color-mix(in srgb, var(--black) 42%, transparent);--sw-1:#121116;--sw-2:#e2e7e7;--sw-3:#dfd4bd;--sw-4:#ead9b4;--sw-5:#81583c;--sw-6:#944f21;--sw-7:#575853;--sw-8:#1e1b31;--sw-9:#101652;--sw-10:#b80317;--f:var(--font-noto), var(--font-noto-thai), system-ui, sans-serif;--max:1312px;--gutter:clamp(16px, 3.4vw, 48px);--nav-h:72px;--sec:clamp(88px, 10vw, 152px);--ease:cubic-bezier(.22, 1, .36, 1);--t1:.25s;--t2:.8s;--t3:2s}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-h) + 12px);background:var(--white)}body{background:var(--white);color:var(--ink);font-family:var(--f);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:17px;line-height:1.55;overflow-x:clip}img{max-width:100%;height:auto;display:block}a{color:inherit}h1,h2,h3,p,ul,ol,dl,dd,figure,fieldset{margin:0}ul,ol{padding:0;list-style:none}.wrap{width:min(100% - 2 * var(--gutter), var(--max));margin-inline: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}.skip{z-index:100;background:var(--yellow);color:var(--black);transition:top var(--t1) var(--ease);padding:12px 16px;font-weight:700;text-decoration:none;position:absolute;top:-80px;left:16px}.skip:focus{top:12px}:focus-visible{outline:2px solid var(--ink);outline-offset:3px}::selection{background:var(--yellow);color:var(--black)}h1{letter-spacing:-.04em;font-size:clamp(46px,5.6vw,84px);font-weight:800;line-height:1}h2{letter-spacing:-.035em;text-wrap:balance;font-size:clamp(34px,4vw,58px);font-weight:800;line-height:1.04}h3{letter-spacing:-.01em;font-size:21px;font-weight:700;line-height:1.3}.lede{color:var(--ink-2);text-wrap:pretty;max-width:44ch;font-size:clamp(18px,1.35vw,20px);line-height:1.5}.sub{letter-spacing:-.02em;font-size:clamp(24px,2vw,28px);font-weight:800}.count{color:var(--ink-2);white-space:nowrap;font-size:16px}.caption{color:var(--ink-2);font-size:15px}.btn{height:52px;font:700 16px/1 var(--f);white-space:nowrap;transition:background-color var(--t1) var(--ease), border-color var(--t1) var(--ease), color var(--t1) var(--ease);border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:0 26px;text-decoration:none;display:inline-flex}.btn--blue{background:var(--blue);color:var(--white)}.btn--line{background:var(--white);color:var(--ink);border-color:var(--ink-3)}.btn--yellow{background:var(--yellow);color:var(--black)}.btn--wide{width:100%}.btn:focus-visible{outline:2px solid var(--ink);outline-offset:3px}@media (hover:hover) and (pointer:fine){.btn--blue:hover{background:var(--blue-deep)}.btn--line:hover{border-color:var(--ink)}.btn--yellow:hover{background:var(--white)}}.tag{background:var(--yellow);color:var(--black);font:700 15px/1.2 var(--f);letter-spacing:0;white-space:nowrap;padding:5px 9px 6px;display:inline-block}.tag--big{padding:8px 12px 9px;font-size:17px}.nav{z-index:50;background:var(--white);transition:border-color var(--t1) var(--ease);border-bottom:1px solid #0000;position:sticky;top:0}.nav.is-scrolled,html:not(.js) .nav{border-bottom-color:var(--line)}.nav__in{height:var(--nav-h);align-items:center;gap:28px;display:flex}.brand{flex:none;align-items:center;gap:10px;text-decoration:none;display:inline-flex}.brand__mono{width:auto;height:34px}.brand__word{width:auto;height:19px}.nav__links{gap:26px;margin-left:auto;display:flex}.nav__links a,.foot__col a{text-underline-offset:6px;font-size:16px;font-weight:600;text-decoration:none;text-decoration-thickness:2px}.nav__links a:hover,.foot__col a:hover{text-decoration-line:underline}.nav__cta{height:44px;padding:0 20px}.nav__toggle{border:1px solid var(--line);background:var(--white);width:44px;height:44px;color:var(--ink);cursor:pointer;border-radius:999px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:0;display:none}.nav__toggle span{width:18px;height:2px;transition:transform var(--t1) var(--ease);background:currentColor;display:block}.nav__toggle[aria-expanded=true] span:first-child{transform:translateY(4px)rotate(45deg)}.nav__toggle[aria-expanded=true] span:last-child{transform:translateY(-4px)rotate(-45deg)}.sheet{left:0;right:0;top:var(--nav-h);height:calc(100dvh - var(--nav-h));background:var(--white);z-index:49;padding:16px var(--gutter) 32px;border-top:1px solid var(--line);flex-direction:column;justify-content:space-between;display:flex;position:fixed;overflow:auto}.sheet[hidden]{display:none}.sheet__links{flex-direction:column;display:flex}.sheet__links a{letter-spacing:-.03em;border-bottom:1px solid var(--line);padding:14px 0;font-size:30px;font-weight:800;text-decoration:none}body.is-locked{overflow:hidden}.hero{padding:clamp(20px, 3vw, 40px) 0 var(--sec)}.hero__grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:clamp(32px,4.4vw,72px);display:grid}.hero__text .lede{max-width:36ch;margin-top:26px}.hero__cta{flex-wrap:wrap;gap:12px;margin-top:34px;display:flex}.hero__photo{aspect-ratio:6/5;background:var(--plate);position:relative;overflow:hidden}.hero__frame{aspect-ratio:1800/1012;position:absolute;top:0;bottom:0;right:-2%}.hero__frame img{object-fit:cover;width:100%;height:100%}.callout{left:var(--x);top:var(--y);width:0;height:0;position:absolute}.callout__dot{background:var(--white);border:3px solid var(--black);border-radius:50%;width:16px;height:16px;position:absolute;top:-8px;left:-8px}.callout__line{width:2px;height:var(--len);background:var(--black);transform-origin:50% 100%;position:absolute;bottom:0;left:-1px}.callout .tag{left:0;bottom:var(--len);position:absolute;translate:-50%}.js .hero:not(.in) .callout__dot{transform:scale(0)}.js .hero:not(.in) .callout__line{transform:scaleY(0)}.js .hero:not(.in) .callout .tag{opacity:0;transform:translateY(10px)}.callout__dot{transition:transform .5s var(--ease) var(--dl)}.callout__line{transition:transform .6s var(--ease) calc(var(--dl) + .15s)}.callout .tag{transition:opacity .5s var(--ease) calc(var(--dl) + .5s), transform .7s var(--ease) calc(var(--dl) + .5s)}.care{padding-bottom:var(--sec)}.care__grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:center;gap:clamp(32px,5vw,88px);display:grid}.care h2{max-width:15ch}.care .lede{margin-top:24px}.spec{border-top:2px solid var(--ink);max-width:560px;margin-top:40px}.spec div{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:24px;padding:14px 0;display:flex}.spec dt{color:var(--ink-2)}.spec dd{text-align:right;font-weight:700}.care__art svg{width:100%;height:auto;display:block}.points{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,3vw,48px);margin-top:clamp(56px,6vw,96px);display:grid}.points li{border-top:1px solid var(--line);padding-top:22px}.points p{color:var(--ink-2);max-width:36ch;margin-top:8px}.art svg{overflow:visible}.art .ln{fill:none;stroke:var(--lc,var(--ink));stroke-width:var(--sw,2);stroke-linecap:round;stroke-linejoin:round}.art .ln.thin{stroke-width:calc(var(--sw,2) * .62)}.art .ln.bold{stroke-width:calc(var(--sw,2) * 1.35)}.art .ln.heavy{stroke-width:calc(var(--sw,2) * 2.4)}.art .ln.ink{stroke-width:calc(var(--sw,2) * 2.6)}.art .ln.arw{stroke:var(--blue);stroke-width:calc(var(--sw,2) * 1.2)}.art .ln.arw--y{stroke:var(--yellow)}.art .ln.inv{stroke:var(--paper,var(--white))}.art .st{fill:none;stroke:var(--lc,var(--ink));stroke-width:calc(var(--sw,2) * .55);stroke-dasharray:2.4 3;stroke-linecap:round}.art .st.ghost{stroke:var(--ink-3);stroke-width:calc(var(--sw,2) * .6);stroke-dasharray:6 5}.art .st.faint{stroke:var(--ink-3);stroke-dasharray:none;opacity:.5}.art .st.tex{stroke:var(--ink-3);stroke-dasharray:none;stroke-width:calc(var(--sw,2) * .4)}.art .st.tex--dense{stroke-width:calc(var(--sw,2) * .55)}.art .st.tex2{stroke:var(--ink-2);stroke-dasharray:none;stroke-width:calc(var(--sw,2) * .5)}.art .st.mesh{stroke:var(--blue);stroke-dasharray:none;stroke-width:calc(var(--sw,2) * .35)}.art .st.cut{stroke:var(--ink-2);stroke-dasharray:5 4}.art .st.inv{stroke:var(--paper,var(--white))}.art .fl{stroke:none}.art .pf{fill:var(--paper,var(--white))}.art .wf{fill:var(--white)}.art .kf{fill:var(--lc,var(--ink))}.art .kf.soft{fill:var(--ink-2)}.art .yf{fill:var(--yellow)}.art .mf{fill:var(--blue-mesh)}.art .film{fill:var(--blue-film);opacity:.92}.art .nofill{fill:none}.art .eo{fill-rule:evenodd}.art .c1{fill:var(--sw-1)}.art .c2{fill:var(--sw-2)}.art .c3{fill:var(--sw-3)}.art .c4{fill:var(--sw-4)}.art .c5{fill:var(--sw-5)}.art .c6{fill:var(--sw-6)}.art .c7{fill:var(--sw-7)}.art .c8{fill:var(--sw-8)}.art .c9{fill:var(--sw-9)}.art .c10{fill:var(--sw-10)}.js .art .ln{stroke-dasharray:1 2;stroke-dashoffset:calc(1.02px * (1 - clamp(0, (var(--s) - var(--o)) / var(--w), 1)))}.js .art .fl,.js .art .st{opacity:clamp(0, (var(--s) - var(--o)) / var(--w), 1)}.js .art .st.faint{opacity:calc(.5 * clamp(0, (var(--s) - var(--o)) / var(--w), 1))}.js .art .film{opacity:calc(.92 * clamp(0, (var(--s) - var(--o)) / var(--w), 1))}.art[data-draw]{transition:--s var(--t3) var(--ease) .1s}.art[data-draw].in{--s:1}.how{background:var(--plate);padding:var(--sec) 0}.how__head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px 40px;display:flex}.steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:40px;margin-top:clamp(32px,4vw,52px);display:grid}.step{position:relative;container-type:inline-size}.step__panel{background:var(--white);aspect-ratio:30/24;position:relative}.step__art{position:absolute;inset:6% 5% 4%}.step__art svg{width:100%;height:100%;display:block}.step__num{z-index:2;border:2px solid var(--ink);background:var(--white);width:46px;height:46px;font:800 21px/1 var(--f);border-radius:50%;place-items:center;display:grid;position:absolute;top:14px;left:14px}.step__arrow{z-index:3;width:64px;height:40px;position:absolute;top:28.8cqi;left:calc(100% - 12px);overflow:visible}.step__arrow .ln{fill:none;stroke:var(--blue);stroke-width:var(--sw);stroke-linecap:round;stroke-linejoin:round}.step h3{margin-top:22px}.step p{color:var(--ink-2);margin-top:6px}.more{color:var(--blue);text-underline-offset:5px;margin-top:12px;font-weight:700;text-decoration:none;text-decoration-thickness:2px;display:inline-block}.more:hover{text-decoration-line:underline}.js .step .ln{stroke-dasharray:1 2;stroke-dashoffset:calc(1.02px * (1 - clamp(0, (var(--s) - var(--o)) / var(--w), 1)))}.step{transition:--s 2.2s var(--ease) .1s}.how:not(.is-pin) .step.in{--s:1}.how.is-pin .step{transition:none}.js .step:not(.on) .step__num{opacity:0;transform:scale(.3)}.step.on .step__num{animation:pop .7s var(--ease) both}@keyframes pop{0%{opacity:0;transform:scale(.3)}60%{opacity:1;transform:scale(1.12)}to{opacity:1;transform:scale(1)}}.how.is-pin{height:calc(100vh - var(--nav-h) + 170vh);padding:0}.how.is-pin .how__stage{top:var(--nav-h);height:calc(100vh - var(--nav-h));align-items:center;display:flex;position:sticky}.how.is-pin .how__stage>.wrap{padding-block:24px}.fits,.fabric,.choose,.range,.workshop{padding-top:var(--sec)}.workshop{padding-bottom:var(--sec)}.sec-head{grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:16px 22px;margin-bottom:clamp(32px,3.6vw,52px);display:grid}.sec-head__t .lede{margin-top:12px}.sec-head .count{align-self:end}.badge{border:2px solid var(--ink);width:54px;height:54px;font:800 23px/1 var(--f);border-radius:50%;place-items:center;margin-top:2px;display:grid}.sec-head:not(:has(.badge)){grid-template-columns:minmax(0,1fr) auto}.grid{gap:clamp(28px,2.4vw,32px) clamp(14px,1.8vw,24px);display:grid}.grid--5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid--1{grid-template-columns:minmax(0,1fr)}.plate{background:var(--plate);aspect-ratio:1;place-items:center;display:grid;position:relative;overflow:hidden}.plate img{width:var(--w,80%);height:auto}.plate>svg{width:100%;height:100%;display:block}.plate--wide,.plate--range{aspect-ratio:4/3}.plate__key{color:var(--ink-2);align-items:center;gap:8px;font-size:15px;display:flex;position:absolute;bottom:10px;left:14px}.key-dash{border-top:2px dashed var(--ink-3);width:22px;height:0}.card__name{letter-spacing:.02em;text-transform:uppercase;margin-top:16px;font-size:17px;font-weight:800;line-height:1.3}.card__desc{color:var(--ink-2);margin-top:4px;font-size:16px;line-height:1.45}.card__spec{color:var(--ink-3);margin-top:8px;font-size:15px;line-height:1.4}.group+.group{margin-top:clamp(48px,5vw,72px)}.group__head{border-top:2px solid var(--ink);flex-wrap:wrap;align-items:center;gap:10px 14px;margin-bottom:20px;padding-top:18px;display:flex}.group__note{color:var(--ink-2);font-size:16px}.group--split{grid-template-columns:minmax(0,1fr) minmax(0,3fr);align-items:start;gap:clamp(14px,1.8vw,24px);display:grid}.higher{border-top:2px solid var(--ink);flex-direction:column;align-self:stretch;padding-top:18px;display:flex}.higher__list{border-top:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));margin-top:18px;display:grid}.higher__list li{letter-spacing:-.02em;text-transform:uppercase;border-bottom:1px solid var(--line);padding:18px 0;font-size:clamp(22px,2.2vw,30px);font-weight:800}.higher p{color:var(--ink-2);margin-top:18px}.colour{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:center;gap:clamp(28px,5vw,80px);display:grid}.colour__plate{aspect-ratio:7/6;--tee:var(--sw-1);--tee-detail:var(--detail-on-dark)}.colour__plate svg{width:82%;height:auto}.colour__plate .tee-fill{fill:var(--tee);stroke:none;transition:fill .6s var(--ease)}.colour__plate .det{stroke:var(--tee-detail);transition:stroke .6s var(--ease)}.colour__now{color:var(--ink-2);margin-top:10px;font-size:17px}.colour__now strong{color:var(--ink)}.swatches{border:0;flex-wrap:wrap;gap:12px;max-width:320px;margin-top:18px;padding:0;display:flex}.sw{cursor:pointer;place-items:center;width:48px;height:48px;display:grid;position:relative}.sw input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.sw__dot{background:var(--c);border:1px solid color-mix(in srgb, var(--black) 16%, transparent);width:40px;height:40px;transition:transform var(--t1) var(--ease);pointer-events:none;border-radius:50%}.sw input:checked+.sw__dot{outline:2px solid var(--ink);outline-offset:3px}.sw input:focus-visible+.sw__dot{outline:2px solid var(--blue);outline-offset:3px}@media (hover:hover) and (pointer:fine){.sw:hover .sw__dot{transform:scale(1.06)}}.colour__note{color:var(--ink-2);max-width:36ch;margin-top:26px}.washes{grid-template-columns:1fr 1fr;gap:12px;margin-top:22px;display:grid}.plate--wash{aspect-ratio:4/3}.plate--wash img{width:100%}.washes+.caption{margin-top:10px}.print{margin-top:clamp(64px,7vw,104px)}.print__head{border-top:2px solid var(--ink);justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:24px;padding-top:18px;display:flex}.mosaic{grid-template-rows:repeat(2,clamp(180px,19vw,270px)) clamp(220px,26vw,380px);grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(10px,1.2vw,16px);display:grid}.mosaic__item{background:var(--plate);overflow:hidden}.mosaic__item img{object-fit:cover;width:100%;height:100%}.w-a{grid-area:1/1/3/8}.w-b{grid-area:1/8/auto/13}.w-c{grid-area:2/8/auto/13}.w-d{grid-area:3/1/auto/7}.w-e{grid-area:3/7/auto/13}.w-b img{object-position:50% 60%}.w-c img{object-position:50% 40%}.contact{background:var(--blue);color:var(--white);padding:var(--sec) 0;--lc:var(--white);--paper:var(--blue)}.contact__grid{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:center;gap:clamp(32px,5vw,80px);display:grid}.contact h2{letter-spacing:-.04em;max-width:11ch;font-size:clamp(42px,5.4vw,80px);line-height:1}.contact .lede{color:var(--on-blue);max-width:34ch;margin-top:24px}.contact__cta{flex-direction:column;align-items:flex-start;gap:14px;margin-top:36px;display:flex}.contact__note{color:var(--on-blue);max-width:34ch;font-size:15px;line-height:1.4}.contact__art svg{width:100%;height:auto;display:block}.contact :focus-visible{outline-color:var(--yellow)}.foot{background:var(--plate);padding:64px 0 36px}.foot__grid{grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr);gap:40px;display:grid}.foot__tag{letter-spacing:-.02em;margin-top:16px;font-size:20px;font-weight:800}.foot__col{flex-direction:column;gap:10px;display:flex}.foot__h{color:var(--ink-2);margin-bottom:4px;font-size:15px;font-weight:700}.foot__base{border-top:1px solid var(--line);color:var(--ink-2);flex-wrap:wrap;justify-content:space-between;gap:16px;margin-top:56px;padding-top:20px;font-size:15px;display:flex}.js [data-reveal]:not(.in){opacity:0;transform:translateY(18px)}[data-reveal]{transition:opacity var(--t2) var(--ease) var(--d,0s), transform var(--t2) var(--ease) var(--d,0s)}@media (max-width:1180px){.grid--5{grid-template-columns:repeat(3,minmax(0,1fr))}.steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:56px 40px}.step:nth-child(2) .step__arrow{display:none}}@media (max-width:960px){.nav__links{display:none}.nav__toggle{display:inline-flex}.nav__cta{margin-left:auto}.hero__grid,.care__grid,.colour,.contact__grid{grid-template-columns:minmax(0,1fr)}.hero__photo{aspect-ratio:5/4}.care__art{max-width:520px}.grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}.group--split{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.points{grid-template-columns:minmax(0,1fr)}.foot__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.foot__brand{grid-column:1/-1}}@media (max-width:680px){:root{--nav-h:64px}.brand__mono{height:30px}.brand__word{height:16px}.nav__in{gap:10px}.nav__cta{height:40px;padding:0 16px;font-size:15px}.nav__toggle{width:40px;height:40px}.hero__cta .btn{flex:auto}.contact__cta{align-items:stretch}.grid--5,.grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}.grid--2,.group--split{grid-template-columns:minmax(0,1fr)}.steps{grid-template-columns:minmax(0,1fr);gap:0}.step{padding-bottom:76px}.step:last-child{padding-bottom:0}.step__arrow,.step:nth-child(2) .step__arrow{display:block;top:auto;bottom:12px;left:50%;transform:translate(-50%)rotate(90deg)}.sec-head{grid-template-columns:auto minmax(0,1fr)}.sec-head .count{display:none}.badge{width:46px;height:46px;font-size:20px}.card__name{font-size:16px}.card__desc{font-size:15px}.plate__key{bottom:6px;left:10px}.higher__list{grid-template-columns:minmax(0,1fr)}.mosaic{grid-template-rows:none;grid-template-columns:1fr 1fr;grid-auto-rows:auto}.mosaic__item{aspect-ratio:4/3}.w-a,.w-d,.w-e{grid-area:auto/1/auto/-1}.w-b,.w-c{aspect-ratio:1;grid-area:auto}.foot__base{flex-direction:column;gap:6px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.001ms!important;transition-delay:0s!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}@media print{*{opacity:1!important;transform:none!important}.js .art .ln,.js .step .ln{stroke-dasharray:none!important}}.font-inter{--f:var(--font-inter), var(--font-anuphan), system-ui, sans-serif;font-family:var(--f)}
