@font-face{font-family:Adman;src:url('assets/adman-regular.ttf')}@font-face{font-family:Adman;src:url('assets/adman-bold.ttf');font-weight:700}:root{--ink:#183f31;--forest:#123b2b;--paper:#f6f3e9;--light:#fffdf7;--sage:#cdd7bb;--muted:#65796a;--line:#dce1d4;--gold:#c29855;--rust:#a75c46}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;background:var(--paper);color:var(--ink);font:21px/1.42 Adman,'Noto Sans Thai',sans-serif}a{color:inherit}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.header{height:76px;background:#fffdf8;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 4%;position:sticky;top:0;z-index:9}.brand{display:flex;align-items:center;gap:16px;text-decoration:none}.brand img{width:74px;height:60px;object-fit:contain}.brand span{border-left:1px solid var(--line);padding-left:15px;line-height:1.1}.brand b{font-size:25px}.brand small{display:block;letter-spacing:1px;font:10px/1.4 Arial,sans-serif;margin-top:3px}.header-link{font-size:17px;text-decoration:none;border-bottom:1px solid #98a899}.shell{max-width:1600px;margin:auto;display:grid;grid-template-columns:220px minmax(0,1fr)}.sidebar{padding:50px 24px 30px 36px;position:sticky;top:76px;height:calc(100vh - 76px);display:flex;flex-direction:column}.sidebar>p,.eyebrow,.overline{font:700 10px/1.4 Arial,sans-serif;letter-spacing:1.6px;color:#77907b}.sidebar nav{display:grid;gap:5px;margin-top:20px}.sidebar nav a{font-size:18px;text-decoration:none;padding:7px 10px;border-left:2px solid transparent}.sidebar nav a:hover{border-color:var(--gold);background:#eceee3}.side-foot{margin-top:auto;color:#829083;font-size:15px}main{min-width:0}.hero{min-height:570px;background:#173a2b;color:white;position:relative;display:flex;align-items:flex-end;overflow:hidden}.hero-photo{position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,34,23,.91) 2%,rgba(10,35,23,.55) 50%,rgba(10,35,23,.08)),url('assets/real-photo.jpg') center 45%/cover}.hero-text{position:relative;padding:80px 7% 58px;max-width:760px}.overline{color:#d3d8bd}.hero h1{font-size:clamp(61px,6.2vw,100px);line-height:.96;margin:26px 0 25px;letter-spacing:-.5px}.hero h1 em{font-style:normal;color:#e4c88e}.hero p{max-width:530px;font-size:26px;color:#e0e7d9}.hero-links{display:flex;align-items:center;gap:25px;margin-top:32px}.button{display:inline-flex;gap:28px;padding:10px 20px;text-decoration:none;font-weight:bold}.button.light{background:#f1eee1;color:var(--ink)}.text-link{text-decoration:none}.hero-caption{font-size:14px;color:#d7ded1;margin-top:52px}.intro-strip{display:grid;grid-template-columns:1fr 1fr;gap:7%;padding:65px 7%;background:#e7ebdf}.intro-strip h2,.section h2{font-size:clamp(38px,3.4vw,54px);line-height:1.08;margin:12px 0}.intro-strip p{font-size:23px;margin:16px 0 0;max-width:600px}.section{padding:80px 7%;border-bottom:1px solid var(--line)}.section-head{display:flex;gap:30px;justify-content:space-between;align-items:end;margin-bottom:36px}.section-head p{color:var(--muted);max-width:350px;margin:0;font-size:20px}.flow{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.flow>div{border-top:2px solid var(--forest);padding-top:13px}.flow b,.pillars article>span,.ci-rules>div>span{font:11px Arial,sans-serif;color:var(--rust)}h3{font-size:26px;line-height:1.15;margin:10px 0}p{margin:9px 0}.flow p,.pillars p,.ci-rules p{font-size:19px;color:var(--muted)}.note{display:flex;gap:25px;background:#e3ead9;padding:18px 22px;margin:28px 0 0;align-items:start}.note strong{min-width:155px}.fine{font-size:16px!important;color:#70816f;margin-top:16px}.pillars{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}.pillars article{border-top:1px solid #a5b5a3;padding-top:16px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:35px}.paper{padding:28px 30px;background:#fffdf7;border:1px solid var(--line)}.paper.warm{background:#eae4d4}.paper h3{font-size:31px}.paper ul{padding-left:20px}.paper li{margin:6px 0}.ci-rules{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.ci-rules>div{padding:24px;border:1px solid var(--line);background:#fffdf7}.font-sample{font-weight:bold;font-size:34px;color:var(--forest);border-top:1px solid var(--line);padding-top:16px;margin-top:18px}.font-sample small{display:block;font-size:21px;font-weight:400}.logo-pair{display:flex;gap:6px;margin-top:18px}.logo-pair>div{height:85px;flex:1;background:#f0eee5;display:grid;place-items:center}.logo-pair>div+div{background:#153e2e}.logo-pair img{width:90px;max-height:70px;object-fit:contain}.white-logo{filter:brightness(0) invert(1)}.swatches{display:flex;margin-top:22px}.swatches i{width:42px;height:42px;background:#173f2e}.swatches i:nth-child(2){background:#eee5d2}.swatches i:nth-child(3){background:#bb9554}.swatches i:nth-child(4){background:#a65c45}.swatches i:nth-child(5){background:#273b49}.style-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px}.style-grid article{background:#fffdf8;border:1px solid var(--line)}.style-grid article>img,.mix-preview{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;object-position:center}.style-grid article>div:not(.mix-preview){padding:20px}.style-grid p{font-size:19px;color:var(--muted)}.mix-preview{position:relative;overflow:hidden;background:#173c2b}.mix-preview>img:first-child{width:100%;height:100%;object-fit:cover}.mix-preview>div{position:absolute;bottom:0;left:0;background:#f5ead3;padding:16px 19px 12px;clip-path:polygon(0 6%,12% 3%,22% 6%,34% 2%,45% 5%,58% 1%,71% 5%,83% 2%,100% 6%,100% 100%,0 100%)}.mix-preview span{display:block;font:9px Arial,sans-serif;letter-spacing:1px}.mix-preview strong{display:block;font-size:29px;line-height:1.05;margin-top:7px}.mix-preview .mix-logo{position:absolute;top:12px;right:15px;width:65px;filter:brightness(0) invert(1)}.template-tabs,.week-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.template-tabs button,.week-tabs button{border:1px solid #c9d2c4;background:transparent;color:var(--ink);padding:8px 15px}.template-tabs button.active,.week-tabs button.active{background:var(--forest);color:white;border-color:var(--forest)}.template-view{display:grid;grid-template-columns:.8fr 1.2fr;background:#e9ede2;gap:36px;padding:30px}.template-view h3{font-size:35px}.template-view>div:first-child{padding:8px}.template-note{border-top:1px solid #bfcebc;padding-top:16px;margin-top:20px;color:var(--muted)}.copy-panel{background:#fffdf8;border:1px solid var(--line);padding:20px 22px}.copy-head,.script-title{display:flex;justify-content:space-between;gap:15px;align-items:center}.copy-head span{font-size:16px;color:var(--muted)}.copy{background:none;border:0;color:#356d51;font-size:16px;white-space:nowrap;text-decoration:underline;text-underline-offset:3px}.copy-panel pre{white-space:pre-wrap;font:20px/1.4 Adman,sans-serif;margin:20px 0 4px}.video-section{background:#183e2e;color:#fff}.video-section .section-head p,.video-section .fine{color:#c6d4c7}.video-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px}.video-cover{min-height:400px;background:linear-gradient(0deg,#0d281ddc,transparent 90%),url('assets/real-photo.jpg') center/cover;display:flex;align-items:end;padding:28px}.video-cover span{font:11px Arial;letter-spacing:2px}.video-cover h3{font-size:50px;line-height:1}.video-cover p{color:#e6ebdf}.script-title{border-top:1px solid #6d8975;padding-top:10px;margin-top:10px}.script-title .copy{color:#d9ddb8}.script p{padding-bottom:9px;border-bottom:1px solid #416451;color:#d7e0d4;font-size:19px}.script b{display:block;color:#f2e7ca}.month-intro{display:flex;justify-content:space-between;align-items:center;gap:15px}.month-intro>span{color:var(--muted)}.month-posts{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.month-card{background:#fffdf7;border:1px solid var(--line);padding:22px}.month-card .eyebrow{color:#a16748}.month-card h3{font-size:28px}.month-card p{font-size:18px;color:var(--muted)}.month-card details{border-top:1px solid var(--line);margin-top:16px;padding-top:12px}.month-card summary{cursor:pointer;font-weight:bold}.month-card pre{white-space:pre-wrap;font:18px/1.4 Adman,sans-serif}.month-card .copy{padding:0}.reply-grid,.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.reply-grid article{background:#fffdf7;padding:22px;border:1px solid var(--line)}.reply-grid small{color:#9e6b4b}.reply-grid article p{font-size:21px}.metrics{grid-template-columns:repeat(4,1fr)}.metrics article{border-top:2px solid #6a8a70;padding-top:15px}.metrics span{font:10px Arial,sans-serif;letter-spacing:.6px;color:#8a795d}.metrics p{font-size:19px;color:var(--muted)}.final-section{background:#e8eddf}.check-list{display:grid;grid-template-columns:1fr 1fr;gap:0 35px}.check-list label{padding:12px 0;border-bottom:1px solid #cad6c5;display:flex;align-items:start;gap:12px;cursor:pointer}.check-list input{width:18px;height:18px;accent-color:var(--forest);margin-top:5px;flex:none}.folder{padding:22px;background:#f7f5e9;margin-top:28px}.folder code{font:14px/1.7 monospace;overflow-wrap:anywhere}.folder p{font-size:17px;color:var(--muted)}footer{display:flex;align-items:center;gap:18px;padding:35px 7%;font-size:16px}footer img{width:95px}footer a{margin-left:auto}#toast{position:fixed;bottom:22px;right:22px;background:var(--forest);color:white;padding:8px 18px;opacity:0;pointer-events:none;z-index:15}#toast.show{opacity:1}@media(max-width:1100px){.shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;padding:10px 20px;overflow:auto}.sidebar>p,.side-foot{display:none}.sidebar nav{display:flex;gap:10px;margin:0;min-width:max-content}.sidebar nav a{font-size:17px}.flow,.pillars{grid-template-columns:repeat(3,1fr)}.hero{min-height:500px}.section{padding:65px 6%}}@media(max-width:720px){body{font-size:19px}.header{height:65px}.brand img{width:61px}.brand b{font-size:22px}.brand small{font-size:8px}.header-link{font-size:15px}.sidebar{top:65px}.hero{min-height:480px}.hero-photo{background:linear-gradient(90deg,rgba(9,34,23,.88),rgba(10,35,23,.3)),url('assets/real-photo.jpg') center/cover}.hero-text{padding:60px 6% 35px}.hero h1{font-size:58px}.hero p{font-size:23px}.hero-caption{margin-top:35px}.intro-strip,.two-col,.template-view,.video-layout{grid-template-columns:1fr}.intro-strip{gap:0;padding:45px 6%}.section-head{display:block}.section-head p{margin-top:15px}.flow,.pillars{grid-template-columns:1fr 1fr}.ci-rules,.style-grid,.reply-grid,.month-posts{grid-template-columns:1fr}.style-grid{gap:15px}.style-grid article{display:grid;grid-template-columns:40% 60%}.style-grid article>img,.mix-preview{height:100%;aspect-ratio:auto}.style-grid article>div:not(.mix-preview){padding:14px}.style-grid h3{font-size:22px}.style-grid p{font-size:17px}.mix-preview>div{padding:8px}.mix-preview strong{font-size:20px}.mix-preview span{font-size:7px}.mix-preview .mix-logo{width:45px}.template-view{gap:10px;padding:18px}.video-cover{min-height:280px}.metrics{grid-template-columns:1fr 1fr}.month-intro{display:block}.note{display:block}.note strong{display:block}.check-list{grid-template-columns:1fr}footer{flex-wrap:wrap}footer a{margin-left:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.hero-links .editor-link{background:#dbe784;color:#193e2f;border-color:#dbe784}