:root{color-scheme:light;--paper:#f3f0e9;--ink:#292722;--muted:#68645e;--line:#d6d0c6}
*{box-sizing:border-box}html{font-family:"Sukhumvit Set","Thonburi","Noto Sans Thai",system-ui,sans-serif}
body{margin:0;background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased}
button,input{font:inherit}button{cursor:pointer}a{color:inherit}
button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid #8e7153;outline-offset:4px}
.shell{width:min(100%,1720px);min-height:100svh;margin:auto;padding:22px clamp(24px,4.8vw,78px) 18px;display:flex;flex-direction:column}
.top{display:flex;align-items:center;justify-content:space-between;gap:26px;min-height:46px}
.brand{display:flex;align-items:center;gap:14px;text-decoration:none;white-space:nowrap}.brand img{display:block;width:66px;height:auto;filter:invert(1);mix-blend-mode:multiply}.brand span{font:600 11px/1.3 Arial,sans-serif;letter-spacing:.18em}
.variant-nav{display:flex;gap:23px;align-items:center}.variant-nav a{font:500 11px/1.4 Arial,sans-serif;letter-spacing:.12em;text-decoration:none;color:#777168;border-bottom:1px solid transparent;padding:6px 0}.variant-nav a span{font:400 12px/1.4 "Sukhumvit Set","Thonburi",sans-serif;letter-spacing:0;margin-left:4px}.variant-nav a[aria-current=page]{color:var(--ink);border-color:var(--ink)}
.composition{flex:1;min-height:0}.story{position:relative;z-index:1;min-width:0}.eyebrow{font:500 11px/1.5 Arial,sans-serif;letter-spacing:.21em;color:#797166}
.story h1{font-size:clamp(38px,4.2vw,68px);font-weight:300;line-height:1.38;letter-spacing:-.055em;margin:20px 0 18px;text-wrap:balance}.story h1 em{font-style:normal;color:#787065}.story p{font-size:clamp(16px,1.3vw,19px);line-height:1.7;margin:0;color:#5d5953;font-weight:350}
.experience{min-width:0}.art-wrap{position:relative;min-width:0}.growth{width:100%;height:calc(100% - 35px);position:relative;overflow:hidden;background:#e2dfd6}.growth>img{width:100%;height:100%;object-fit:cover;display:block}
.art-caption{display:flex;align-items:center;justify-content:space-between;gap:15px;color:#706a60;font-size:12px;line-height:1.5;padding-top:8px}.art-caption p{margin:0}#preview-growth{border:0;background:transparent;color:#45413a;text-decoration:underline;text-underline-offset:4px;font-size:12px;padding:5px 0;white-space:nowrap}
.breathing{min-width:0}.breathing h2{font-size:clamp(17px,1.35vw,21px);font-weight:400;letter-spacing:-.025em;margin:0 0 13px}.breath-track{height:7px;width:100%;background:#d8d0c5;overflow:hidden}.breath-fill{height:100%;width:42%;transform:scaleX(.72);transform-origin:left center;background:#746e64}.breath-markers{display:flex;justify-content:space-between;gap:12px;margin-top:10px;color:#6e685f;font-size:12px}.controls{display:flex;align-items:center;gap:17px;margin-top:20px}.breath-button{min-height:43px;padding:8px 20px;border:1px solid var(--ink);background:var(--ink);color:#fff;display:flex;align-items:center;gap:10px;white-space:nowrap;font-size:14px}.breath-button:hover{background:#554f47;border-color:#554f47}.button-symbol{font:18px/1 Arial,sans-serif}.controls p{font-size:12px;line-height:1.5;color:#736d64;margin:0;max-width:320px}
.secondary-controls{display:flex;align-items:center;gap:16px;margin-top:14px;color:#716b62;font-size:12px;flex-wrap:wrap}#sound-toggle{background:transparent;border:1px solid #aaa197;color:#4f4941;padding:5px 11px;min-height:31px;font-size:12px}#sound-toggle[aria-pressed=true]{background:#e0d8cc}.secondary-controls label{display:flex;align-items:center;gap:8px}#sound-volume{width:78px;accent-color:#82776a}.breath-info{font-size:12px;line-height:1.6;color:#6d675e;margin-top:13px}.breath-info summary{cursor:pointer;width:max-content;max-width:100%;text-decoration:underline;text-underline-offset:4px}.breath-info>div{padding-top:9px;max-width:560px}.breath-info p{margin:0 0 6px}.evidence-links{display:flex;gap:18px;flex-wrap:wrap;margin-top:9px}.evidence-links a{text-underline-offset:4px}
footer{display:flex;justify-content:space-between;gap:16px;border-top:1px solid var(--line);padding-top:12px;color:#777168;font:10px/1.5 Arial,"Thonburi",sans-serif;letter-spacing:.07em}
.concept-a .composition{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);grid-template-rows:auto auto;gap:0 clamp(44px,5vw,90px);align-items:center;padding:28px 0 24px}.concept-a .experience{display:contents}.concept-a .art-wrap{grid-column:1;grid-row:1/3;height:clamp(380px,60vh,660px);align-self:center}.concept-a .story{grid-column:2;grid-row:1;align-self:end}.concept-a .breathing{grid-column:2;grid-row:2;align-self:start;margin-top:clamp(25px,4vh,55px)}.concept-a .story h1{font-size:clamp(42px,4.1vw,64px)}
.concept-b{--paper:#eeeee9}.concept-b .composition{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:20px 0}.concept-b .story h1{font-size:clamp(39px,3.6vw,60px);margin:10px 0 8px}.concept-b .experience{display:contents}.concept-b .art-wrap{width:min(100%,1180px);height:clamp(210px,28vh,320px);margin:17px auto 0}.concept-b .breathing{width:min(100%,620px);text-align:left;margin:18px auto 0}.concept-b .growth{background:#d7d8d1}
@media(min-width:761px){.concept-b .growth>img{object-position:center 68%}}
.concept-c{--paper:#f2ebe4}.concept-c .composition{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);grid-template-rows:1fr auto;column-gap:clamp(45px,7vw,120px);align-items:center;padding:25px 0}.concept-c .story{grid-column:1;grid-row:1;align-self:center}.concept-c .experience{display:contents}.concept-c .art-wrap{grid-column:2;grid-row:1/3;height:clamp(420px,68vh,680px);align-self:center}.concept-c .growth{background:#e5d7cb}.concept-c .breathing{grid-column:1;grid-row:2;margin-bottom:clamp(35px,9vh,100px)}.concept-c .story h1{font-size:clamp(43px,4.2vw,66px)}
.review-tag{font:11px/1.4 Arial,sans-serif;letter-spacing:.2em;color:#797166}.review-main{flex:1;display:flex;flex-direction:column;justify-content:center;max-width:1200px;width:100%;margin:auto;padding:35px 0 55px}.review-main h1{font-size:clamp(42px,4.7vw,72px);line-height:1.3;font-weight:300;letter-spacing:-.055em;margin:14px 0}.review-main h1 em{font-style:normal;color:#777066}.review-intro{font-size:16px;line-height:1.7;max-width:680px;color:#625e57;margin:0 0 28px}.review-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.review-card{min-height:230px;padding:24px;display:flex;flex-direction:column;text-decoration:none;background:#e1ddd4;position:relative;overflow:hidden}.review-card:after{content:"";position:absolute;width:260px;height:260px;right:-85px;bottom:-105px;border-radius:50%;background:#b6afa0;opacity:.4}.review-card.card-b{background:#d9ddd6}.review-card.card-b:after{background:#aebcb0}.review-card.card-c{background:#e8dbd2}.review-card.card-c:after{background:#c9ab9e}.review-card>*{position:relative;z-index:1}.card-letter{font:11px Arial,sans-serif;letter-spacing:.2em;margin-bottom:auto}.review-card strong{font-size:27px;font-weight:350}.review-card>span:nth-last-child(2){font-size:13px;color:#66625c}.card-cta{font-size:12px;text-decoration:underline;text-underline-offset:4px;margin-top:22px}.review-disclaimer{font-size:12px;color:#756f66;margin:19px 0 0}
@media(max-width:1050px){.variant-nav a span{display:none}.concept-a .composition,.concept-c .composition{column-gap:30px}.concept-a .story h1,.concept-c .story h1{font-size:clamp(37px,4.5vw,52px)}.concept-a .art-wrap,.concept-c .art-wrap{height:clamp(340px,52vh,500px)}}
@media(max-width:760px){.shell{padding:15px 22px 16px}.brand img{width:55px}.brand span{font-size:9px}.variant-nav{gap:14px}.variant-nav a{font-size:10px}.concept-a .composition,.concept-b .composition,.concept-c .composition{display:flex;flex-direction:column;align-items:stretch;text-align:left;padding:20px 0 24px}.concept-a .experience,.concept-b .experience,.concept-c .experience{display:contents}.concept-a .story,.concept-c .story{padding:0;align-self:stretch}.story h1,.concept-a .story h1,.concept-b .story h1,.concept-c .story h1{font-size:clamp(36px,8vw,50px);line-height:1.33;margin:10px 0}.story p{font-size:16px}.concept-a .art-wrap,.concept-b .art-wrap,.concept-c .art-wrap{order:2;width:100%;height:clamp(225px,33svh,350px);margin:18px 0 0}.concept-a .breathing,.concept-b .breathing,.concept-c .breathing{order:3;width:100%;margin:22px 0 0}.art-caption{font-size:11px}.breathing h2{font-size:17px}.controls{margin-top:17px}.review-grid{grid-template-columns:1fr;gap:12px}.review-card{min-height:140px;padding:17px}.review-card strong{font-size:24px}}
@media(max-width:420px){.shell{padding:12px 17px}.brand{gap:8px}.brand img{width:48px}.brand span{font-size:8px}.variant-nav{gap:11px}.variant-nav a{font-size:10px}.eyebrow{font-size:10px}.story h1,.concept-a .story h1,.concept-b .story h1,.concept-c .story h1{font-size:36px}.concept-a .art-wrap,.concept-b .art-wrap,.concept-c .art-wrap{height:clamp(175px,26svh,250px)}.art-caption{font-size:10px}.controls{flex-wrap:wrap;gap:9px}.secondary-controls{gap:10px}.breath-markers{font-size:11px}footer{font-size:9px}.review-main h1{font-size:39px}.review-intro{font-size:14px}}
@media(max-height:800px) and (min-width:761px){.concept-b .composition{padding:10px 0}.concept-b .art-wrap{height:185px;margin-top:12px}.concept-b .breathing{margin-top:10px}}
@media(max-height:720px) and (max-width:760px){.concept-a .composition,.concept-b .composition,.concept-c .composition{padding:9px 0 16px}.story h1,.concept-a .story h1,.concept-b .story h1,.concept-c .story h1{font-size:35px;margin:6px 0}.story p{font-size:14px}.concept-a .art-wrap,.concept-b .art-wrap,.concept-c .art-wrap{height:159px;margin-top:10px}.concept-a .breathing,.concept-b .breathing,.concept-c .breathing{margin-top:12px}.breathing h2{margin-bottom:9px}.controls{margin-top:10px}.secondary-controls{margin-top:7px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
.review-card{display:block;min-height:0;padding:0;background:transparent!important}.review-card:after{display:none}.review-card .card-image{display:block;width:100%;height:clamp(155px,20vh,210px);object-fit:cover}.review-card .card-body{display:flex;flex-direction:column;gap:4px;padding:15px 0}.review-card .card-letter{margin:0;color:#756e64}.review-card .card-cta{margin-top:8px}
@media(max-width:760px){.review-card .card-image{height:135px}.review-card .card-body{padding:10px 0 14px}}
/* Business identity and slowly layered photographic growth. */
.story .business-line{font-size:clamp(16px,1.35vw,19px);line-height:1.6;font-weight:450;color:#3b3832;max-width:34ch}
.story .story-invitation{font-size:clamp(14px,1.1vw,16px);line-height:1.6;color:#706a60;margin-top:12px}
.concept-b .story .business-line{margin-inline:auto;max-width:none}
.growth>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.growth>#growth-next-image{opacity:0;will-change:opacity}
@media(prefers-reduced-motion:reduce){.growth>#growth-next-image{display:none}}
@font-face{font-family:'Plex Thai';src:url('./assets/fonts/IBMPlexSansThai-Light.ttf') format('truetype');font-style:normal;font-weight:300;font-display:swap}
@font-face{font-family:'Plex Thai';src:url('./assets/fonts/IBMPlexSansThai-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'Plex Thai';src:url('./assets/fonts/IBMPlexSansThai-Medium.ttf') format('truetype');font-style:normal;font-weight:500;font-display:swap}
html{font-family:'Plex Thai','Thonburi',sans-serif}
.story h1,.concept-a .story h1,.concept-b .story h1,.concept-c .story h1{font-family:'Plex Thai',sans-serif;font-size:clamp(38px,3.75vw,60px);font-weight:300;line-height:1.4;letter-spacing:-.025em;margin:18px 0 28px}
.business-intro{padding-left:18px;border-left:1px solid #a19789;max-width:510px}
.story .business-line{font-size:clamp(21px,1.75vw,27px);font-weight:400;line-height:1.55;letter-spacing:-.01em;color:#37332d;max-width:none}
.story .business-detail{font-size:15px;line-height:1.8;color:#746b60;font-weight:400;margin-top:10px;max-width:36ch;text-wrap:pretty}
.concept-b .business-intro{border:0;padding:0;margin:auto;max-width:none}.concept-b .business-line br{display:none}.concept-b .business-detail{max-width:none;margin-inline:auto}
.eyebrow{font-size:12px;letter-spacing:.14em}
.breathing h2{font-family:'Plex Thai',sans-serif;font-size:17px;line-height:1.6;font-weight:400}
@media(max-width:760px){.story h1,.concept-a .story h1,.concept-b .story h1,.concept-c .story h1{font-size:clamp(33px,8.3vw,49px);line-height:1.45;margin:12px 0 24px}.story .business-line{font-size:22px;line-height:1.55}.story .business-detail{font-size:14px;line-height:1.75;margin-top:9px}.business-intro{padding-left:15px}.concept-b .business-intro{padding-left:15px;border-left:1px solid #a19789;margin:0}.concept-b .business-line br{display:initial}.eyebrow{font-size:11px}.concept-a .art-wrap,.concept-b .art-wrap,.concept-c .art-wrap{margin-top:24px}}
.variant-nav a span{font-family:'Plex Thai','Thonburi',sans-serif}

/* Restore the approved C composition, with restrained business emphasis. */
[hidden]{display:none!important}.site-status{font-size:14px;color:#70685d}.story .business-detail{font-size:16px;line-height:1.8;color:#554e43;margin-top:10px;max-width:36ch}.secondary-controls{margin:0 0 15px;font-size:14px}.breath-info{font-size:14px}.breath-info p{font-size:14px;line-height:1.8}.controls p{font-size:13px}.breath-markers{font-size:13px}.breathing h2{font-size:16px}.breath-track{height:5px}.breath-button{background:transparent;color:#302b25;border-color:#9d9284;min-height:44px;padding-inline:17px}.breath-button:hover{background:#e6ddd2;color:#302b25;border-color:#7d7262}.breath-button[aria-pressed=true]{background:#39332c;color:#fff8ef}.growth>#growth-next-image{display:none}body.review-mode .growth>#growth-next-image{display:block}footer{font-size:12px}html{font-size:100%}
@media(max-width:760px){.concept-c .art-wrap{height:310px;margin-top:27px}.story .business-detail{font-size:15px}.business-intro{margin-top:7px}.site-status{font-size:12px}.concept-c .breathing{margin-top:18px}.controls p{font-size:13px}.breath-markers{font-size:13px}.shell{padding:19px 22px}.brand span{font-size:10px}.brand img{width:53px}footer{font-size:12px}.story h1,.concept-c .story h1{font-size:clamp(30px,7.8vw,43px);line-height:1.5}}
@media(max-width:380px){.shell{padding-inline:18px}.site-status{max-width:95px;text-align:right}.story h1,.concept-c .story h1{font-size:29px}.brand span{font-size:9px}.concept-c .art-wrap{height:290px}.controls{flex-wrap:wrap}}

.breath-markers{flex-wrap:wrap}.controls{flex-wrap:wrap}@media(max-width:380px){.story .business-line{font-size:20px}}
@media(max-width:380px){.site-status{max-width:none;white-space:nowrap}}

/* Display the supplied company logo unchanged; crop only its white margins. */
.brand .logo-frame{display:block;position:relative;width:86px;height:32px;overflow:hidden;flex-shrink:0;isolation:isolate}.brand .logo-frame img{position:absolute;max-width:none;width:118px;height:118px;left:-17px;top:-42px;filter:none;mix-blend-mode:multiply}.brand .logo-frame{mix-blend-mode:multiply}
@media(max-width:760px){.brand .logo-frame{width:76px;height:28px}.brand .logo-frame img{width:105px;height:105px;left:-15px;top:-38px}.top{gap:14px}}

/* Keep the business descriptor directly beneath the English identity. */
.story > .business-detail{margin-top:8px;margin-bottom:24px;font-size:15px;line-height:1.8;color:#686055}
@media(max-width:760px){.story > .business-detail{font-size:14px;margin-bottom:22px}}

/* Four photographic stages; never warp the original flower. */
.growth>#growth-next-image{display:block;will-change:opacity}
@media(prefers-reduced-motion:reduce){.growth>#growth-next-image{display:none}}