:root{--ink:#1e2522;--muted:#69706b;--paper:#fff;--surface:#f4f5f3;--line:#dfe2dd;--gold:#b69a65;--font:"Leelawadee UI","Noto Sans Thai",Tahoma,sans-serif;--serif:Georgia,"Times New Roman",serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--font);font-size:16px;line-height:1.7}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}img{display:block;max-width:100%;height:auto}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:500;line-height:1.4}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #b58b43;outline-offset:5px}button{border:0;background:none}a,button{touch-action:manipulation}.skip-link{position:fixed;z-index:100;top:-100px;left:16px;background:#fff;padding:12px 20px}.skip-link:focus{top:12px}.eyebrow{font-family:Arial,sans-serif;font-size:12px;font-weight:500;letter-spacing:2.7px;line-height:1.6}.section{padding:104px max(5.5vw,24px)}.section-heading{text-align:center}.section-heading h2{font-size:40px;margin:16px 0 12px;letter-spacing:-1px}.section-heading>p:last-child{color:var(--muted)}
.site-header{position:absolute;z-index:20;top:0;left:0;right:0;height:90px;padding:0 4%;display:flex;justify-content:space-between;align-items:center;color:#fff;border-bottom:1px solid #ffffff25;transition:background .25s,color .25s}.wordmark{display:flex;flex-direction:column;align-items:center;line-height:1.15;width:max-content}.wordmark>span{font-family:var(--serif);font-size:26px;letter-spacing:4px}.wordmark small{font-family:Arial,sans-serif;font-size:10px;letter-spacing:6px;margin:7px 0 0 6px}.desktop-nav{display:flex;gap:35px;font-size:14px}.desktop-nav a{padding:10px 2px;position:relative}.desktop-nav a:after{content:"";position:absolute;bottom:2px;left:0;right:0;height:1px;background:currentColor;transform:scaleX(0);transition:transform .25s}.desktop-nav a:hover:after{transform:scaleX(1)}.header-actions{display:flex;gap:28px;align-items:center}.header-book{font-size:14px;border:1px solid #ffffff80;padding:8px 19px;border-radius:3px}.menu-button{width:36px;height:42px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;padding:6px}.menu-button span{width:23px;height:1px;background:currentColor}
.hero{height:100svh;min-height:700px;max-height:1120px;position:relative;color:#fff;background:#2d3434;isolation:isolate}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:45% 50%;z-index:-3}.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,rgba(7,16,18,.64) 0%,rgba(7,16,18,.31) 31%,rgba(7,16,18,0) 55%,rgba(7,16,18,.17) 69%,rgba(7,16,18,.76) 100%)}.hero-copy{position:absolute;top:17%;width:100%;padding:0 24px;text-align:center;text-shadow:0 2px 24px #0003}.hero-copy .eyebrow{font-size:12px;letter-spacing:3.4px;color:#f0e2c8}.hero-copy h1{font-size:clamp(38px,4.2vw,64px);letter-spacing:-1.5px;margin:15px 0 9px;line-height:1.35}.hero-copy>p:last-child{font-size:17px;font-weight:400}.hero-bottom{position:absolute;bottom:30px;left:4%;right:4%}.hero-buttons{display:flex;justify-content:center;gap:16px;margin-bottom:52px}.button{min-height:49px;display:inline-flex;align-items:center;justify-content:center;padding:11px 34px;border:1px solid transparent;border-radius:3px;font-size:14px;font-weight:500;line-height:1.7;transition:background .2s,transform .2s,color .2s;min-width:210px}.button:hover{transform:translateY(-2px)}.button-light{background:#fff;color:#252b28}.button-light:hover{background:#e8ece7}.button-glass{background:#111c1b24;backdrop-filter:blur(6px);color:#fff;border-color:#ffffffb3}.button-glass:hover{background:#ffffff20}.button-dark{background:var(--ink);color:#fff}.button-dark:hover{background:#3e4b42}.hero-caption{display:flex;justify-content:space-between;align-items:center;font-family:Arial,sans-serif;font-size:10px;letter-spacing:1.9px;color:#ffffffc9}.hero-caption>a{font-family:var(--font);font-size:12px;display:flex;align-items:center;gap:12px}.scroll-line{height:25px;width:1px;background:#ffffff80;display:block}
.collection{padding-bottom:112px}.configurator{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(310px,1fr);gap:6%;max-width:1400px;margin:66px auto 0;align-items:center}.product-stage{position:relative;background:#fafbf9;min-width:0;border-radius:3px;padding:38px 10px 25px}.stage-label{position:absolute;top:26px;left:29px;font-size:10px;letter-spacing:2px;color:#747a74;font-family:Arial,sans-serif}.product-stage>img{width:100%;aspect-ratio:4/3;object-fit:contain;mix-blend-mode:multiply;transition:opacity .18s}.view-switch{display:flex;justify-content:center;gap:3px;margin-top:15px}.view-switch button{font-size:13px;padding:8px 20px;color:#747a74;border-bottom:1px solid #cfd4cf}.view-switch button.active{color:var(--ink);border-bottom:2px solid var(--ink)}.product-info>.eyebrow{color:#8a754d;font-size:10px;letter-spacing:2px}.product-info h3{font-family:var(--serif);font-size:59px;line-height:1.1;margin:17px 0 23px;letter-spacing:-1px}.product-description{font-size:16px;color:#606963;line-height:1.9}.color-heading{margin-top:30px;display:flex;justify-content:space-between;font-size:14px}.color-heading strong{font-weight:500}.swatches{display:flex;gap:17px;padding:18px 2px 29px}.swatch{width:31px;height:31px;border-radius:50%;background:var(--swatch);position:relative;outline-offset:5px}.swatch:after{content:"";position:absolute;inset:-5px;border-radius:50%;border:1px solid transparent}.swatch.active:after{border-color:var(--ink)}.swatch:hover:after{border-color:#a8afa9}.product-meta{display:flex;justify-content:space-between;gap:10px;padding:13px 0;border-top:1px solid var(--line);font-size:13px}.product-meta>span:first-child{color:#737a74}.wide{width:100%}.product-info>.button{margin-top:24px}.text-button{display:block;text-decoration:underline;text-underline-offset:5px;font-size:14px;padding:14px 10px;margin:7px auto 0}
.design-section{background:var(--surface);padding-top:90px;padding-bottom:100px}.design-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px}.design-heading h2{font-size:35px;margin-top:17px;letter-spacing:-.5px}.design-heading>p{font-size:16px;color:var(--muted);line-height:1.85}.details-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:50px}.details-grid article{min-width:0}.detail-image{aspect-ratio:1.26;overflow:hidden;background:#e8ebe7;position:relative;margin-bottom:23px}.detail-image img{position:absolute;width:250%;max-width:none;mix-blend-mode:multiply}.detail-image.tank img{width:260%;left:-117%;top:-74%}.detail-image.seat img{width:270%;left:-42%;top:-67%}.detail-image.wheel img{width:230%;left:-133%;top:-70%}.detail-number{font-family:var(--serif);font-size:14px;color:#788179}.details-grid h3{font-size:20px;margin:7px 0 10px}.details-grid p{font-size:16px;line-height:1.9;color:#717871}
.story{display:grid;grid-template-columns:1.05fr 1fr;background:#1b2622;color:#fff;min-height:620px}.story-image{overflow:hidden;min-height:540px}.story-image img{width:100%;height:100%;object-fit:cover;object-position:37% center}.story-copy{padding:85px 14% 70px 12%;display:flex;flex-direction:column;justify-content:center}.story-copy .eyebrow{color:#c5b68f;font-size:10px;letter-spacing:2px}.story-copy h2{font-size:34px;line-height:1.5;margin:23px 0 25px;letter-spacing:-.5px}.story-copy>p:not(.eyebrow){color:#bdc7c1;font-size:16px;line-height:2;margin-bottom:16px}.story-signature{font-family:var(--serif);font-style:italic;font-size:25px;color:#d5c7a9;margin-top:25px}.visit{text-align:center;padding-top:110px;padding-bottom:110px}.visit .eyebrow{color:#8a754d}.visit h2{font-size:40px;margin:20px 0 14px;letter-spacing:-.8px}.visit>p:not(.eyebrow){color:var(--muted)}.visit .button{margin-top:32px;min-width:250px}footer{border-top:1px solid var(--line);padding:35px 4%;display:flex;align-items:center;gap:35px;font-size:12px;color:#707870}.footer-wordmark{color:#28322c}.footer-wordmark>span{font-size:20px}.footer-wordmark>small{font-size:8px;letter-spacing:5px}footer>p{margin-right:auto}footer>div{display:flex;gap:23px;align-items:center}.footer-link{font-size:12px;padding:0}.demo-tag{font-family:Arial,sans-serif;font-size:9px;letter-spacing:1px;border:1px solid #d9ded8;padding:4px 7px;border-radius:2px;white-space:nowrap}
dialog{border:0;box-shadow:0 24px 100px #0003;padding:0;color:var(--ink);background:#fff;max-height:90svh;border-radius:4px;max-width:calc(100vw - 32px)}dialog::backdrop{background:#101b18aa;backdrop-filter:blur(5px)}body:has(dialog[open]){overflow:hidden}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:21px}.dialog-top .eyebrow{font-size:10px;color:#8a754d;letter-spacing:1.8px}.close-button{width:42px;height:42px;font-family:Arial,sans-serif;font-size:29px;font-weight:300;line-height:1;flex-shrink:0}.close-button:hover{background:#f0f2ef;border-radius:50%}.float-close{position:absolute;right:13px;top:13px;z-index:2;background:#ffffffc9;border-radius:50%}.menu-dialog{margin:0 0 0 auto;min-height:100svh;max-height:100svh;width:420px;border-radius:0;padding:30px 38px}.menu-dialog nav{display:flex;flex-direction:column;margin-top:55px;gap:23px}.menu-dialog nav a{font-size:26px;line-height:1.6}.menu-bottom{font-size:10px;letter-spacing:2px;margin-top:70px;color:#899187}.detail-dialog{width:1050px}.detail-dialog[open]{display:grid;grid-template-columns:1.15fr 1fr}.modal-product-image{background:#f4f5f3;display:flex;align-items:center}.modal-product-image img{mix-blend-mode:multiply}.modal-product-copy{padding:52px 38px 35px}.modal-product-copy .eyebrow{font-size:10px;color:#8a754d}.modal-product-copy h2{font-family:var(--serif);font-size:31px;margin:16px 0}.modal-product-copy>p:not(.eyebrow){font-size:14px;color:#747a74}dl{margin:24px 0}dl>div{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);padding:12px 0;font-size:13px}dt{color:#747a74;flex-shrink:0}dd{margin:0;text-align:right;overflow-wrap:anywhere}.small-note{font-size:12px!important;line-height:1.8;margin:22px 0}.booking-dialog{width:570px;padding:27px 37px 35px}.booking-dialog h2,.info-dialog h2{font-size:30px;line-height:1.5}.dialog-intro{font-size:14px;color:#69736b;margin:7px 0 23px}.booking-selection{display:flex;align-items:center;background:#f4f5f3;padding:9px 15px;gap:17px;border-radius:3px;margin-bottom:21px}.booking-selection img{width:130px;mix-blend-mode:multiply}.booking-selection strong{display:block;font-size:15px;font-weight:500}.booking-selection span{display:block;font-size:12px;color:#747c76;margin-top:5px}label{display:block;font-size:14px;margin-bottom:17px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}input,textarea{display:block;width:100%;margin-top:7px;min-height:43px;border:1px solid #d6dcd5;background:#fff;border-radius:3px;padding:8px 12px;font-size:15px;color:var(--ink)}input::placeholder,textarea::placeholder{color:#9ba29a}textarea{resize:vertical}.optional{font-size:12px;color:#828b82}.demo-notice{font-size:12px;background:#f5f3ed;color:#77715e;padding:11px 13px;margin:7px 0 21px;border-radius:3px}.summary-kicker{font-size:12px;letter-spacing:1px;color:#8a754d;margin-bottom:13px}#booking-summary>p:not(.summary-kicker){font-size:14px;color:#6b776e;margin-top:15px}.summary-buttons{margin-top:28px}.info-dialog{width:550px;padding:30px 35px 40px}.info-dialog>p{font-size:15px;color:#69736b;margin-top:20px}.noscript-note{padding:15px;text-align:center;background:#fff3d9}[hidden]{display:none!important}
@media(min-width:1600px){.hero-copy{top:18%}.hero-copy h1{font-size:64px}.section{padding-left:max(6vw,calc((100vw - 1400px)/2));padding-right:max(6vw,calc((100vw - 1400px)/2))}}
@media(max-width:1050px){.desktop-nav{gap:20px}.site-header{padding:0 24px}.header-book{display:none}.hero-copy h1{font-size:48px}.configurator{gap:4%;grid-template-columns:1.25fr 1fr}.product-info h3{font-size:49px}.product-description{font-size:16px}.design-heading h2{font-size:30px}.story-copy{padding:60px 9%}.story-copy h2{font-size:29px}footer{flex-wrap:wrap;gap:23px}footer>div{gap:20px}.detail-image{aspect-ratio:1.1}}
@media(max-width:760px){html{scroll-padding-top:24px}.site-header{height:77px;padding:0 22px}.wordmark>span{font-size:23px;letter-spacing:3px}.wordmark small{font-size:8px;letter-spacing:5px;margin-top:6px}.desktop-nav{display:none}.hero{min-height:650px;max-height:1000px;height:94svh}.hero-image{object-position:37% center}.hero-shade{background:linear-gradient(180deg,#09151699 0%,#09151650 33%,#09151605 54%,#09151635 70%,#091516d4 100%)}.hero-copy{top:18%;padding:0 16px}.hero-copy .eyebrow{font-size:10px;letter-spacing:2.2px}.hero-copy h1{font-size:36px;letter-spacing:-1px;margin-top:17px}.hero-copy>p:last-child{font-size:14px}.hero-bottom{left:22px;right:22px;bottom:26px}.hero-buttons{gap:10px;margin-bottom:35px}.hero-buttons .button{min-width:0;flex:1;padding:11px 12px;font-size:14px}.hero-caption{font-size:8px;letter-spacing:1.2px}.hero-caption>span:last-child{display:none}.hero-caption>a{font-size:11px}.section{padding:70px 24px}.section-heading h2{font-size:29px;margin:15px 0 11px}.section-heading>p:last-child{font-size:14px}.eyebrow{font-size:10px;letter-spacing:2px}.configurator{grid-template-columns:1fr;gap:32px;margin-top:37px}.product-stage{padding:29px 7px 21px;margin:0 -8px}.stage-label{top:19px;left:20px;font-size:9px}.product-stage>img{aspect-ratio:1.35}.view-switch{margin-top:3px}.view-switch button{font-size:14px}.product-info{padding:3px 0 0}.product-info h3{font-size:47px;margin:14px 0 20px}.product-description{font-size:16px}.color-heading{margin-top:26px}.swatches{gap:20px;padding-top:22px;padding-bottom:30px}.swatch{width:34px;height:34px}.product-meta{font-size:14px}.product-info>.button{margin-top:22px}.design-heading{display:block}.design-heading h2{font-size:28px;line-height:1.5;margin:15px 0}.design-heading>p{font-size:16px}.desktop-only{display:none}.details-grid{grid-template-columns:1fr;gap:34px;margin-top:30px}.detail-image{aspect-ratio:1.35;margin-bottom:18px}.details-grid h3{font-size:21px;margin:5px 0 9px}.details-grid p br{display:none}.details-grid p{font-size:16px}.story{grid-template-columns:1fr}.story-image{height:360px;min-height:0}.story-image img{object-position:35% center}.story-copy{padding:55px 30px 58px}.story-copy h2{font-size:30px}.story-copy>p:not(.eyebrow){font-size:16px}.story-signature{font-size:25px;margin-top:15px}.visit h2{font-size:29px;margin-top:18px}.visit>p:not(.eyebrow){font-size:14px}.visit .button{margin-top:28px}footer{padding:35px 24px;justify-content:center;gap:23px;flex-direction:column;text-align:center}footer>p{margin:0}footer>div{gap:20px;flex-wrap:wrap;justify-content:center}.footer-wordmark>span{font-size:23px}.demo-tag{font-size:9px}.menu-dialog{width:360px;padding:22px 27px}.detail-dialog[open]{display:block}.modal-product-image{height:285px;justify-content:center}.modal-product-image img{height:100%;width:100%;object-fit:contain}.modal-product-copy{padding:28px 24px}.modal-product-copy h2{font-size:28px}.booking-dialog{padding:22px 22px 26px}.dialog-top{margin-bottom:15px}.dialog-top .eyebrow{font-size:9px;letter-spacing:1.5px}.booking-dialog h2{font-size:26px}.booking-selection{gap:10px;padding:10px}.booking-selection img{width:105px}.booking-selection span{font-size:11px}.form-row{grid-template-columns:1fr;gap:0}.booking-dialog input,.booking-dialog textarea{font-size:16px}.info-dialog{padding:24px}.summary-buttons .button{min-width:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* V4: one complete, immutable source per view; paint changes never move pixels. */
.product-stage,.modal-product-image,.booking-selection{background:#fff}
.paint-preview{position:relative;aspect-ratio:4/3;background:#fff;isolation:isolate}
.product-viewport,.detail-viewport{width:100%}
.paint-preview .paint-source,.paint-preview .paint-canvas{position:absolute;display:block;inset:3.5%;width:93%;height:93%;max-width:none;object-fit:contain;object-position:center;mix-blend-mode:normal;transition:none;transform:none;clip-path:none}
.paint-preview .paint-canvas{opacity:0}
.paint-preview.paint-ready .paint-canvas{opacity:1}
.paint-preview.paint-ready .paint-source{opacity:0}
.booking-viewport{width:130px;flex:0 0 130px}
.hero-image,.hero-paint-layer{object-position:50% 55%}
.hero-image{z-index:-4}
.hero-paint-layer{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3;pointer-events:none}
.hero-motion-toggle{font-family:var(--font);font-size:12px;letter-spacing:0;padding:9px 13px;min-height:40px;color:#fff;border:1px solid #ffffff65;border-radius:3px;background:#14211a30;backdrop-filter:blur(5px)}
.hero-motion-toggle:hover{background:#ffffff18}
.hero-copy{top:13%}
.hero-copy h1{font-size:clamp(38px,3.5vw,56px)}
.hero-shade{background:linear-gradient(180deg,rgba(5,9,12,.47) 0%,rgba(5,9,12,.26) 29%,rgba(5,9,12,0) 48%,rgba(5,9,12,.06) 65%,rgba(5,9,12,.67) 100%)}
@media(max-width:760px){.booking-viewport{width:105px;flex-basis:105px}.modal-product-image{height:auto;padding:28px 0 8px}.hero-image,.hero-paint-layer{object-position:49% center}.hero-copy{top:16%}.hero-copy h1{font-size:34px}.hero-caption>a{display:none}.hero-motion-toggle{font-size:12px}}

/* V3: the road photograph dissolves into one continuous forest-green surface. */
.story{--story-green:#162b23;position:relative;isolation:isolate;overflow:hidden;grid-template-columns:1.04fr 1fr;background:var(--story-green);min-height:max(660px,36vw)}
.story-image{position:absolute;inset:0 auto 0 0;width:78%;height:100%;min-height:0;z-index:0}
.story-image img{width:100%;height:100%;object-fit:cover;object-position:28% 50%}
.story::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(22,43,35,0) 0%,rgba(22,43,35,.03) 28%,rgba(22,43,35,.15) 39%,rgba(22,43,35,.44) 47%,rgba(22,43,35,.78) 55%,rgba(22,43,35,.96) 64%,var(--story-green) 76%)}
.story-copy{position:relative;z-index:2;grid-column:2;min-width:0;padding:86px clamp(32px,6vw,114px) 84px clamp(32px,4.4vw,82px)}
.story-copy>*{max-width:600px}
.story-copy h2{font-size:clamp(30px,2.25vw,39px);line-height:1.55;margin:23px 0 27px}
.story-copy>p:not(.eyebrow){color:#d1ddd5;line-height:2}
.story-copy .eyebrow{color:#d8bf87}
.story-signature{color:#dcc89e;margin-top:24px}
@media(max-width:900px){
  .story{display:block;min-height:0}
  .story-image{position:relative;inset:auto;width:100%;height:clamp(320px,64vw,490px)}
  .story-image img{object-position:12% 50%}
  .story::after{bottom:auto;height:clamp(320px,64vw,490px);background:linear-gradient(180deg,rgba(22,43,35,0) 32%,rgba(22,43,35,.10) 52%,rgba(22,43,35,.48) 73%,rgba(22,43,35,.89) 91%,var(--story-green) 100%)}
  .story-copy{padding:30px 30px 62px}
  .story-copy h2{font-size:30px;margin:20px 0 23px}
  .story-copy>*{max-width:620px}
}