/* Brand/header/footer rules copied from the unchanged Home CSS; no Home scene assets. */
@font-face {font-family: KP Thai; src: url('assets/noto-sans-thai.ttf') format('truetype'); font-style: normal; font-weight: 400; font-display: swap;}
:root{--ink: #161612; --ivory: #f3f0e9; --cream: #e8dfce; --gold: #b9996e; --muted: #726d64; --cyan: #33d9ee; --navy: #07111d; --max: 1440px; --head: 82px;}
*{box-sizing: border-box;}
html{scroll-behavior: smooth; scroll-padding-top: 110px;}
body{margin: 0; color: var(--ink); background: var(--ivory); font-family: 'KP Thai',Arial,sans-serif; font-weight: 400; -webkit-font-smoothing: antialiased;}
button,a{-webkit-tap-highlight-color: transparent;}
button,input{font: inherit;}
button{cursor: pointer;}
a{color: inherit; text-decoration: none;}
button{color: inherit;}
img{max-width: 100%; display: block;}
button:focus-visible,a:focus-visible{outline: 3px solid var(--cyan); outline-offset: 5px;}
h1,h2,h3,h4,p{margin: 0;}
button{border: 0; background: none;}
::selection{background: #34cfe7; color: #06121a;}
.shell{width: min(var(--max),100%); padding-left: clamp(24px,4.8vw,80px); padding-right: clamp(24px,4.8vw,80px); margin: auto;}
.eyebrow{font-size: 11px; letter-spacing: .15em; font-family: Arial,sans-serif; font-weight: 600;}
.serif{font-family: 'KP Thai',Georgia,serif; font-weight: 400;}
.cyan{color: var(--cyan);}
.tiny-label{font: 10px Arial,sans-serif; letter-spacing: .15em;}
.skip-link{position: fixed; left: 20px; top: -100px; z-index: 100; background: white; padding: 12px;}
.skip-link:focus{top: 10px;}
.header{background: #11110ff2; color: var(--ivory); position: sticky; top: 0; z-index: 30; border-bottom: 1px solid #ffffff15; backdrop-filter: blur(12px);}
.header-inner{height: var(--head); width: min(1500px,100%); margin: auto; padding: 0 clamp(24px,4vw,70px); display: flex; align-items: center; gap: 28px;}
.wordmark{display: inline-flex; align-items: baseline; flex-shrink: 0; font: 600 27px Arial,sans-serif; letter-spacing: -1.4px;}
.wordmark span{font-weight: 400;}
.wordmark i{width: 5px; height: 5px; border-radius: 50%; background: var(--gold); margin-left: 4px;}
.desktop-nav{margin-left: auto; display: flex; gap: clamp(16px,2vw,28px); align-items: center; font-size: 12px;}
.desktop-nav a{color: #d6d4ce; transition: color .2s;}
.desktop-nav a:hover{color: white;}
.button{min-height: 48px; display: inline-flex; align-items: center; justify-content: center; gap: 20px; font-size: 13px; font-weight: 500; padding: 13px 24px; border: 1px solid transparent; border-radius: 3px; transition: background .2s,transform .2s;}
.button>span:last-child{margin-left: 8px;}
.button:hover{transform: translateY(-2px);}
.button-ivory{background: var(--ivory); color: var(--ink);}
.button-outline{border-color: #ffffff65; color: #fff; background: #11111112;}
.button-outline:hover{background: #ffffff12;}
.button-dark{background: var(--ink); color: white;}
.header-line{padding: 9px 15px; border-color: #ffffff55; min-height: 40px; font-size: 11px; gap: 9px;}
.line-glyph{font: 700 8px Arial,sans-serif; display: inline-flex; align-items: center; justify-content: center; background: #fff; color: #0a0a0a; border-radius: 9px; width: 30px; height: 20px; letter-spacing: -.2px;}
.header-line>span:last-child{margin-left: 0;}
.menu-toggle{display: none;}
.mobile-nav{display: none;}
.button-cyan{color: #bdf6ff; border: 1px solid #38c4d586; background: #13acc412;}
.button-cyan:hover{background: #13acc427;}
.footer{padding-top: 24px; padding-bottom: 24px; border-top: 1px solid #cec4b4; display: flex; gap: 20px; align-items: center; justify-content: space-between;}
.footer .wordmark{font-size: 21px;}
.footer p{font: 9px Arial,sans-serif; color: #776e5f;}
.footer>span{font: 7px Arial,sans-serif; letter-spacing: .09em; color: #9a8e7b;}
.menu-toggle span{display: block; width: 22px; height: 1px; background: #ddd; margin: 6px 0;}
@media (max-width:1100px){.desktop-nav{gap: 16px;}
.desktop-nav a:first-child{display: none;}
.header-inner{gap: 18px;}
.header-line{padding: 8px 11px;}}
@media (max-width:850px){:root{--head: 70px;}
.desktop-nav{display: none;}
.header-line{margin-left: auto;}
.menu-toggle{display: block; padding: 6px;}
.mobile-nav:not([hidden]){display: flex; flex-direction: column; padding: 12px 24px 22px; border-top: 1px solid #fff2; gap: 0;}
.mobile-nav a{padding: 13px 0; border-bottom: 1px solid #ffffff12; font-size: 13px;}
.footer{flex-wrap: wrap;}
.footer>span{width: 100%;}}
@media (max-width:600px){.shell{padding-left: 22px; padding-right: 22px;}
.header-inner{padding: 0 22px; gap: 14px;}
.wordmark{font-size: 25px;}
.header-line{padding: 7px 10px; font-size: 10px; min-height: 35px; gap: 6px;}
.header-line .line-glyph{width: 24px; height: 17px; font-size: 6px;}
.header-line>span:last-child{display: none;}
.footer{gap: 13px; padding-top: 22px; padding-bottom: 20px;}
.footer p{font-size: 8px; max-width: 140px; line-height: 1.7; text-align: right;}
.footer>span{font-size: 6px; text-align: center; border-top: 1px solid #d5cbba; padding-top: 15px; margin-top: 3px;}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior: auto;}
*,*:before,*:after{animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; scroll-behavior: auto !important;}
.button:hover{transform: none;}}
@media print{.header,.button{display: none !important;}}