:root{
  --bg:#f3eee5;--paper:#fbf8f2;--ink:#2a241f;--muted:#7e7368;--line:#d9cec0;
  --accent:#a5683f;--accent2:#c5976f;--dark:#261f1a;--max:1280px
}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,Arial,sans-serif}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.wrap{max-width:var(--max);margin:auto;padding:0 28px}
header{position:sticky;top:0;z-index:50;background:rgba(243,238,229,.95);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.nav{height:74px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{font-family:Georgia,serif;letter-spacing:.22em;font-size:22px;white-space:nowrap}
.brand small{display:block;font-family:Inter,Arial,sans-serif;letter-spacing:.31em;font-size:8px;color:var(--muted);margin-top:4px}
.links{display:flex;gap:23px;align-items:center;font-size:14px;color:#6d635a}
.links a:hover{color:var(--ink)}
.lang{display:flex;gap:6px}.lang button{border:1px solid var(--line);background:transparent;padding:8px 10px;cursor:pointer}
.lang button.active{background:var(--dark);color:white;border-color:var(--dark)}
.hero{min-height:690px;display:grid;grid-template-columns:0.95fr 1.05fr;border-bottom:1px solid var(--line)}
.hero-copy{padding:90px 5vw 76px max(28px,calc((100vw - var(--max))/2 + 28px));display:flex;flex-direction:column;justify-content:center;background:var(--paper)}
.eyebrow{text-transform:uppercase;letter-spacing:.27em;font-size:11px;color:var(--accent);margin-bottom:22px}
h1,h2,h3{font-family:Georgia,serif;font-weight:400;margin:0}
h1{font-size:clamp(54px,5.8vw,88px);line-height:.98;letter-spacing:-.032em}
.hero-copy p{max-width:640px;font-size:18px;line-height:1.72;color:#675e56;margin:28px 0}
.cta-row{display:flex;gap:12px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;gap:9px;padding:14px 20px;border:1px solid var(--ink);font-size:12px;letter-spacing:.14em;text-transform:uppercase}
.btn.primary{background:var(--dark);color:white}.btn:hover{transform:translateY(-1px)}
.hero-art{position:relative;overflow:hidden;background:
linear-gradient(rgba(26,20,16,.12),rgba(26,20,16,.28)),
linear-gradient(145deg,#7f5e49,#d0a57f 44%,#59463a 72%,#241f1c);}
.hero-art:after{content:"";position:absolute;inset:0;background:
radial-gradient(circle at 68% 24%,rgba(255,229,196,.28),transparent 25%),
linear-gradient(145deg,transparent 0 43%,rgba(0,0,0,.17) 43% 58%,transparent 58%)}
.hero-badge{position:absolute;z-index:2;left:42px;bottom:38px;color:white;max-width:430px}
.hero-badge small{display:block;font-size:10px;letter-spacing:.26em;text-transform:uppercase;margin-bottom:10px}
.hero-badge strong{font-family:Georgia,serif;font-size:30px;font-weight:400;line-height:1.15}
.ticker{border-bottom:1px solid var(--line);background:var(--paper);overflow:hidden;white-space:nowrap;padding:17px 0}
.ticker span{display:inline-block;margin-right:30px;font-family:Georgia,serif;color:#71665d;letter-spacing:.08em}
section{padding:88px 0;border-bottom:1px solid var(--line)}
.section-head{display:flex;justify-content:space-between;gap:36px;align-items:end;margin-bottom:38px}
.section-head h2{font-size:clamp(40px,4.7vw,64px);line-height:1}
.section-head p{max-width:500px;color:#746a61;line-height:1.72}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.card{background:var(--paper);border:1px solid var(--line);overflow:hidden}
.card-art{height:250px;position:relative;background-size:cover;background-position:center}
.card.one .card-art{background:linear-gradient(145deg,#8c684f,#d8b491)}
.card.two .card-art{background:linear-gradient(145deg,#43504c,#9cae9f)}
.card.three .card-art{background:linear-gradient(145deg,#6d4a42,#c89b80)}
.card-art:after{content:"MANO STORY";position:absolute;right:16px;bottom:14px;color:white;font-size:10px;letter-spacing:.2em}
.card-body{padding:25px}.card h3{font-size:30px;margin-bottom:10px}.meta{font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--accent)}
.card p{color:#756b62;line-height:1.65}
.feature{display:grid;grid-template-columns:1fr 1fr;background:var(--paper);border:1px solid var(--line)}
.feature-art{min-height:420px;background:linear-gradient(135deg,#2a3436,#75685d 53%,#b58a67);position:relative}
.feature-copy{padding:54px;display:flex;flex-direction:column;justify-content:center}
.feature-copy h2{font-size:52px;line-height:1.04;margin-bottom:18px}.feature-copy p{color:#70665e;line-height:1.8}
.strip{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);background:var(--paper)}
.strip-item{padding:28px;border-right:1px solid var(--line)}.strip-item:last-child{border-right:0}
.strip-item h3{font-size:24px;margin-bottom:7px}.strip-item p{font-size:13px;color:#766d65;line-height:1.6}
.page-hero{padding:84px 0 60px;background:var(--paper);border-bottom:1px solid var(--line)}
.page-hero h1{font-size:clamp(48px,5.8vw,80px);max-width:900px}.page-hero p{max-width:680px;color:#736960;line-height:1.8;font-size:18px}
.list{display:grid;gap:1px;background:var(--line);border:1px solid var(--line)}
.list-item{background:var(--paper);padding:28px 30px;display:grid;grid-template-columns:170px 1fr auto;gap:30px;align-items:center}
.list-item h3{font-size:30px}.list-item p{color:#786e65}.arrow{font-size:24px}
.social-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.social-card{background:var(--paper);border:1px solid var(--line);padding:34px}
.social-card h3{font-size:34px}.social-card p{color:#736960;line-height:1.7}.social-card .handle{font-size:12px;letter-spacing:.13em;text-transform:uppercase;color:var(--accent)}
.footer{padding:54px 0;background:var(--dark);color:#eee5dc}
.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:40px}.footer p,.footer a{color:#bdb2a8;font-size:14px;line-height:1.8}
.footer h4{letter-spacing:.18em;text-transform:uppercase;font-size:11px;margin-bottom:18px}
.note{font-size:12px;color:#968a80;margin-top:28px}
@media(max-width:980px){
 .links{display:none}.hero{grid-template-columns:1fr}.hero-art{min-height:420px}
 .grid3,.feature,.footer-grid,.social-grid,.strip{grid-template-columns:1fr}
 .strip-item{border-right:0;border-bottom:1px solid var(--line)}.strip-item:last-child{border-bottom:0}
 .section-head{display:block}.section-head p{margin-top:18px}.list-item{grid-template-columns:1fr}
}


/* V3 real photography */
.hero-art{
  background:
    linear-gradient(rgba(20,16,13,.12),rgba(20,16,13,.34)),
    url('/assets/hero_chinatown.jpg') center 56% / cover no-repeat;
}
.hero-art:after{
  background:linear-gradient(90deg,rgba(0,0,0,.12),rgba(0,0,0,0) 55%);
}
.card.one .card-art{background:url('/assets/marina_bay_1.jpg') center 58% / cover no-repeat}
.card.two .card-art{background:url('/assets/temple_1.jpg') center 45% / cover no-repeat}
.card.three .card-art{background:url('/assets/satay_laupasat.jpg') center 54% / cover no-repeat}
.feature-art{background:
  linear-gradient(rgba(20,20,20,.10),rgba(20,20,20,.16)),
  url('/assets/gardens_wide.jpg') center 48% / cover no-repeat;
}
.photo-banner{
  min-height:420px;border:1px solid var(--line);background-size:cover;background-position:center;
  position:relative;overflow:hidden
}
.photo-banner:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(0,0,0,.28))}
.photo-caption{position:absolute;z-index:2;left:28px;bottom:24px;color:#fff;max-width:500px}
.photo-caption .meta{color:#fff}.photo-caption h3{font-size:36px;margin-top:6px}
.story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px}
.story-photo{background:var(--paper);border:1px solid var(--line);overflow:hidden}
.story-photo img{width:100%;height:340px;object-fit:cover}
.story-photo .body{padding:20px}.story-photo h3{font-size:27px;margin-bottom:8px}.story-photo p{color:#746a61;line-height:1.6}
.about-grid{display:grid;grid-template-columns:0.9fr 1.1fr;gap:24px;align-items:stretch}
.about-photo img{width:100%;height:100%;min-height:520px;object-fit:cover}
.about-copy{background:var(--paper);border:1px solid var(--line);padding:48px}
.about-copy h2{font-size:52px;line-height:1.05;margin-bottom:22px}.about-copy p{color:#70665e;line-height:1.8}
@media(max-width:980px){
 .story-grid,.about-grid{grid-template-columns:1fr}
 .story-photo img{height:300px}.about-photo img{min-height:360px}
}


/* V4 final content refinements */
.social-card{
  transition:transform .18s ease, box-shadow .18s ease;
}
.social-card:hover{
  transform:translateY(-2px);
  box-shadow:0 12px 28px rgba(42,36,31,.08);
}
.social-link{
  display:inline-flex;align-items:center;gap:10px;margin-top:16px;
  font-size:12px;letter-spacing:.13em;text-transform:uppercase;
  border-bottom:1px solid var(--ink);padding-bottom:4px
}
.video-shell{
  background:#171310;border:1px solid var(--line);padding:16px;
}
.video-shell video{
  width:100%;display:block;background:#000;max-height:760px;object-fit:contain;
}
.video-meta{
  margin-top:18px;display:flex;justify-content:space-between;gap:20px;align-items:flex-start
}
.video-meta h3{font-size:34px}
.video-meta p{max-width:560px;color:#746a61;line-height:1.7;margin:0}
.about-signoff{
  margin-top:28px;padding-top:22px;border-top:1px solid var(--line);
  font-family:Georgia,serif;font-size:24px;line-height:1.35
}
@media(max-width:980px){
  .video-meta{display:block}.video-meta p{margin-top:14px}
}

/* V5 About */
.about-copy .lead{font-family:Georgia,serif;font-size:25px;line-height:1.45;color:var(--ink);margin:0 0 28px}.about-copy h3{font-family:Georgia,serif;font-size:25px;font-weight:400;margin:34px 0 12px;padding-top:22px;border-top:1px solid var(--line)}

/* V5 press/archive imagery */
.press-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:20px}
.press-card{background:var(--paper);border:1px solid var(--line);overflow:hidden}
.press-card img{width:100%;height:430px;object-fit:cover;object-position:center}
.press-card.compact img{height:300px;object-fit:contain;background:#ece6dc;padding:20px}
.press-body{padding:26px}
.press-body h3{font-family:Georgia,serif;font-size:30px;font-weight:400;margin:8px 0 10px}
.press-body p{color:#746a61;line-height:1.7}
.source-link{display:inline-flex;margin-top:10px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;border-bottom:1px solid var(--ink);padding-bottom:4px}
.press-note{font-size:12px;line-height:1.6;color:#8b8075;margin-top:16px}
@media(max-width:980px){.press-grid{grid-template-columns:1fr}.press-card img,.press-card.compact img{height:auto}}

.thai-name{font-size:.72em;color:#746a61;white-space:nowrap}


/* V6.3 private MANO Studio entry */
.studio-access{
  margin-top:18px;
  padding-top:16px;
  border-top:1px solid rgba(255,255,255,.12);
}
.studio-access a{
  color:#eee5dc;
  font-size:12px;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.studio-access span{
  color:#8f847b;
  font-size:11px;
}
.studio-footer{
  margin-top:22px;
  padding-top:18px;
  border-top:1px solid rgba(255,255,255,.12);
  display:flex;
  gap:12px;
  align-items:center;
  flex-wrap:wrap;
}
.studio-footer a{
  color:#eee5dc;
  font-size:12px;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.studio-footer span{
  color:#8f847b;
  font-size:11px;
}