@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@400;500;600;700&family=Playfair+Display:wght@600;700&display=swap");
:root{--ink:#122c31;--green:#0d6659;--mint:#cddfd8;--paper:#f4f0e7;--line:#c9c5ba;--gold:#d39b39;--white:#fffdf8}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font-family:"Noto Sans Thai","Segoe UI",sans-serif}.sitebar{display:flex;justify-content:space-between;padding:18px max(24px,calc((100vw - 1180px)/2));border-bottom:1px solid var(--line);background:var(--white)}a{color:inherit;text-decoration:none}.sitebar a{font-size:13px;font-weight:700}.hero,.catalog,.note,footer{max-width:1180px;margin:auto}.hero{display:grid;grid-template-columns:1.35fr .65fr;gap:72px;padding:88px 24px 74px}.eyebrow{margin:0 0 18px;color:#91d5c4;font:700 11px/1.4 ui-monospace,monospace;letter-spacing:.13em}.eyebrow.dark{color:var(--green)}h1,h2{font-family:"Playfair Display","Noto Sans Thai",serif}.hero h1{max-width:800px;margin:0;font-size:clamp(44px,6vw,76px);line-height:1.07;letter-spacing:-.035em}.hero-copy>p:last-child{max-width:780px;margin:28px 0 0;color:#496166;font-size:17px;line-height:1.9}.hero-index{align-self:end;padding:30px;border-left:1px solid var(--line)}.hero-index span,.hero-index small{display:block;color:#53696d;font-size:12px}.hero-index strong{display:block;margin:18px 0;color:var(--green);font:700 52px/1 ui-monospace,monospace}.map{display:grid;grid-template-columns:repeat(4,1fr);background:var(--ink);color:white}.map div{min-height:136px;padding:26px;border-right:1px solid #40575a}.map div:last-child{border:0}.map b{display:block;color:#7ad0bb;font:700 12px ui-monospace,monospace}.map span{display:block;margin-top:28px;font-size:15px;font-weight:600}.catalog{padding:84px 24px 96px}.catalog-head{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:end;margin-bottom:36px}.catalog-head h2{max-width:680px;margin:0;font-size:clamp(32px,4vw,48px);line-height:1.2}.catalog-head>p{margin:0;color:#53676b;font-size:15px;line-height:1.85}.material-list{border-top:1px solid var(--line)}.material{display:grid;grid-template-columns:70px minmax(0,1fr) 175px 170px;gap:24px;align-items:center;padding:28px 0;border-bottom:1px solid var(--line)}.number{color:var(--green);font:700 14px ui-monospace,monospace}.material-copy p{margin:0;color:var(--green);font-size:13px;font-weight:700}.material-copy h3{margin:4px 0 8px;font:700 21px/1.35 "Noto Sans Thai",sans-serif}.material-copy span{display:block;max-width:650px;color:#596b6e;font-size:14px;line-height:1.7}.facts{color:#506467;font-size:12px}.facts span{display:block;margin:5px 0}.facts b{color:var(--ink)}.material>a{display:flex;justify-content:space-between;align-items:center;padding:13px 15px;border:1px solid var(--green);border-radius:8px;color:white;background:var(--green);font-size:13px;font-weight:700}.material>a:hover{color:var(--ink);background:var(--gold);border-color:var(--gold)}.note{max-width:none;padding:76px max(24px,calc((100vw - 1132px)/2));color:white;background:var(--green)}.note h2{max-width:900px;margin:0;font-size:clamp(32px,4.3vw,54px);line-height:1.22}.note>p:last-child{max-width:800px;margin:26px 0 0;color:#d6e8e2;font-size:16px;line-height:1.9}footer{display:flex;justify-content:space-between;padding:28px 24px;color:#607174;font-size:12px}
@media(max-width:850px){.hero,.catalog-head{grid-template-columns:1fr;gap:38px}.hero{padding-top:60px}.hero-index{border-left:0;border-top:1px solid var(--line);padding:24px 0 0}.map{grid-template-columns:repeat(2,1fr)}.map div:nth-child(2){border-right:0}.map div:nth-child(-n+2){border-bottom:1px solid #40575a}.material{grid-template-columns:48px minmax(0,1fr)}.facts,.material>a{grid-column:2}.material>a{max-width:220px}}
.lab-callout{display:grid;grid-template-columns:1fr auto;gap:44px;align-items:center;max-width:1180px;margin:70px auto 0;padding:34px;border:1px solid var(--line);border-radius:16px;background:var(--white)}.lab-callout h2{max-width:760px;margin:0;font-size:clamp(27px,3vw,38px);line-height:1.2}.lab-callout p:last-child{max-width:750px;margin:14px 0 0;color:#596b6e;line-height:1.7}.lab-actions{display:grid;gap:10px;min-width:215px}.lab-actions a{padding:13px 15px;border:1px solid var(--green);border-radius:8px;color:var(--green);font-size:13px;font-weight:700;text-align:center}.lab-actions a:first-child{color:white;background:var(--green)}.lab-actions a:hover{color:var(--ink);background:var(--gold);border-color:var(--gold)}
@media(max-width:850px){.lab-callout{grid-template-columns:1fr;gap:28px;margin:50px 24px 0}}
@media(max-width:560px){.hero h1{font-size:42px}.map{grid-template-columns:1fr}.map div{min-height:105px;border-right:0;border-bottom:1px solid #40575a!important}.material{grid-template-columns:1fr;gap:12px}.number,.facts,.material>a{grid-column:1}.material{padding:26px 4px}.material>a{max-width:none}footer{gap:22px;flex-direction:column}.lab-callout{padding:24px;margin-top:34px}}