/* Approved Siam art direction: actual fieldwork, original products, calm controls. */
.header .nav{font-size:16px;font-weight:500;gap:24px}
.button{border-radius:12px;background:#3e5b4a;color:#fff;justify-content:center;gap:0;min-height:50px;padding:15px 26px;min-width:0;font-weight:600;line-height:1.3;transition:background .18s ease-out,color .18s ease-out,box-shadow .18s ease-out}
.button:hover{background:#263e31;color:#fff;transform:none}
.button:active{box-shadow:inset 0 2px 3px #0002}
.header .header-cta{background:#f3f6ed;color:#3e5b4a;border-radius:12px;padding:14px 22px;min-height:48px}
.header .header-cta:hover{background:#fff;color:#263e31}
.partner-banner .button{background:#3e5b4a;color:#fff}
.brand-actions .button{background:#3e5b4a;color:#fff}
.art-home{grid-template-columns:minmax(0,1fr) minmax(0,1.618034fr);gap:clamp(32px,4vw,64px);align-items:center;padding-block:clamp(54px,6vw,90px)}
.art-home .corporate-intro h1{font-size:clamp(38px,3.9vw,58px);line-height:1.12;letter-spacing:-.025em;max-width:15ch}
.art-home .corporate-intro .lead{font-size:18px;max-width:38ch;line-height:1.65;margin-block:24px 28px}
.home-fieldwork{margin:0;min-width:0}
.home-fieldwork img{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;border-radius:4px}
.home-fieldwork figcaption{font-size:12px;line-height:1.6;color:var(--muted);margin-top:12px;text-align:right}
.brand-band{border-block:1px solid var(--line);background:#fff}
.home-products{display:grid;grid-template-columns:minmax(0,1.618034fr) minmax(0,1fr);gap:var(--layout-gap);align-items:center;padding-block:var(--section-space)}
.home-product-copy{max-width:53ch}
.home-products h2,.home-digital h2{font-size:clamp(32px,3.3vw,48px);font-weight:600;line-height:1.16;letter-spacing:-.025em}
.home-section-intro{font-size:18px;line-height:1.65;margin-top:22px;color:var(--muted)}
.home-brand-signature{margin-block:32px 18px}
.home-brand-signature img{width:min(220px,100%);max-height:82px;object-fit:contain;object-position:left}
.home-product-copy h3{font-size:20px;line-height:1.4;font-weight:500;letter-spacing:0}
.home-product-copy h3+p{margin-top:16px;color:var(--muted);max-width:48ch}
.home-product-copy .button{margin-top:28px}
.home-product-image{margin:0;background:#fff;padding:20px 20px 16px;border-radius:4px}
.home-product-image img{aspect-ratio:1;object-fit:contain;width:100%;height:auto}
.home-product-image figcaption{font-size:13px;line-height:1.6;color:var(--muted);text-align:center;margin-top:10px}
.home-digital{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.618034fr);gap:var(--layout-gap);background:#557361;color:#fff;padding:clamp(32px,5vw,64px);border-radius:4px;margin-bottom:var(--section-space)}
.home-digital-title .button{background:#f3f6ed;color:#3e5b4a;margin-top:28px}
.home-digital-title .button:hover{background:#fff;color:#263e31}
.home-digital-copy .srcai-lockup{color:#fff;margin-bottom:22px}
.home-digital-copy>p{line-height:1.7;font-size:17px;max-width:52ch}
.home-digital-fields{display:block;margin-top:24px;padding-top:20px;border-top:1px solid #a6b6a7;font-size:14px}
.package-row{grid-template-columns:minmax(0,1fr) auto}
.button-small{font-size:14px}
@media(max-width:1120px){.header{gap:16px;padding-inline:32px}.header .nav{gap:16px;font-size:15px}.header-actions{gap:8px}.header .header-cta{padding-inline:18px}}
@media(max-width:960px){.art-home{grid-template-columns:1fr;gap:32px}.art-home .corporate-intro{max-width:65ch}.art-home .corporate-intro h1{max-width:24ch;font-size:clamp(38px,5.5vw,56px)}.art-home .corporate-intro .lead{max-width:56ch}.home-fieldwork{max-width:none}.home-products{gap:32px}.home-digital{gap:32px}.header .nav{gap:12px;font-size:14px}}
@media(max-width:760px){.header{padding-inline:24px}.header .nav{font-size:17px;gap:0}.header .nav a{padding-block:16px}.home-products,.home-digital{grid-template-columns:1fr}.home-product-copy{max-width:none}.home-product-image{max-width:440px;width:100%;justify-self:center}.home-digital{padding:28px;gap:32px}.home-fieldwork figcaption{text-align:left}.home-products{padding-block:56px}.art-home{padding-block:42px 48px}.home-products h2,.home-digital h2{font-size:34px}.home-digital-copy>p{font-size:16px}}
@media(max-width:420px){.header{padding-inline:16px;gap:8px}.header .wordmark{width:84px;min-width:84px}.header-actions{gap:4px}.menu-button{gap:8px}}
@media(prefers-reduced-motion:reduce){.button{transition:none}}