@import url('https://fonts.googleapis.com/css2?family=Chonburi&family=Fraunces:opsz,wght@9..144,600;9..144,700&family=Trirong:wght@400;500;600&display=swap');
.kradangnga{--kra-cobalt:#2637df;--kra-coral:#f26d68;--kra-paper:#f1eee7;--kra-kraft:#b98f65}
.kradangnga .hero h1{max-width:none;font-family:"Fraunces","Trirong",serif;font-size:clamp(4.2rem,9.2vw,6rem);letter-spacing:-.04em;line-height:.86}
.kradangnga .hero h1 span{display:block;margin-top:.18em;font-family:"Chonburi","Trirong",serif;font-size:.54em;letter-spacing:0;color:var(--kra-cobalt)}
.kradangnga-intro,.kradangnga-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(8px,1.2vw,18px)}
.kradangnga-intro{padding-top:clamp(8px,1.2vw,18px);padding-bottom:clamp(76px,9vw,120px)}
.kradangnga-intro figure,.kradangnga-gallery figure{margin:0;aspect-ratio:1;overflow:hidden;background:var(--kra-paper)}
.kradangnga-intro img,.kradangnga-intro video,.kradangnga-gallery img{display:block;width:100%;height:100%;object-fit:cover}
.kradangnga-direction{padding:0 0 110px;border-top:1px solid var(--line)}
.kradangnga-direction .direction-head{display:grid;grid-template-columns:.58fr 1.42fr;gap:45px;padding:26px 0}
.kradangnga-direction .direction-head h2{margin:0;font:600 1rem "Fraunces","Trirong",serif;color:var(--kra-cobalt)}
.kradangnga-direction .direction-head p{margin:0;max-width:700px;font:400 1.05rem/1.85 "Trirong","Prompt",serif}
.kradangnga-direction .direction-list{border-top:1px solid var(--line)}
.kradangnga-direction .direction-list article{display:grid;grid-template-columns:110px .72fr 1fr;gap:24px;padding:26px 0;border-bottom:1px solid var(--line);align-items:start}
.kradangnga-direction .direction-list span{font-size:.68rem;font-weight:700;color:var(--kra-cobalt);text-transform:uppercase;letter-spacing:.05em}
.kradangnga-direction .direction-list h3{margin:0;font:600 clamp(1.6rem,3vw,2.8rem)/1 "Fraunces","Trirong",serif;letter-spacing:-.035em}
.kradangnga-direction .direction-list p{margin:0;color:var(--quiet);font:400 .95rem/1.7 "Trirong","Prompt",serif;max-width:520px}
.kradangnga-gallery{padding-top:clamp(12px,2vw,28px);padding-bottom:clamp(82px,10vw,138px);border-top:1px solid var(--line)}
.kradangnga-palette{padding:clamp(80px,10vw,132px) 0;background:var(--kra-cobalt);color:#fff}
.kradangnga-palette h2{max-width:980px;margin:0 0 64px;font:600 clamp(2.8rem,6.2vw,6rem)/.98 "Fraunces","Trirong",serif;letter-spacing:-.04em}
.palette{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.48);border-left:1px solid rgba(255,255,255,.48)}
.palette>div{min-height:160px;padding:20px;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid rgba(255,255,255,.48);border-bottom:1px solid rgba(255,255,255,.48)}
.palette b{font-size:.9rem}.palette span{font-size:.72rem;color:#e4e7ff}
.palette>div:nth-child(2){background:var(--kra-coral);color:#17120f}.palette>div:nth-child(2) span{color:#4d2422}.palette>div:nth-child(3){background:var(--kra-paper);color:#17120f}.palette>div:nth-child(3) span{color:#615d56}.palette>div:nth-child(4){background:var(--kra-kraft);color:#17120f}.palette>div:nth-child(4) span{color:#4c3424}
.kradangnga-status{background:#11110f;color:#f4f2ed;padding:100px 0}
.kradangnga-status h2{max-width:920px;margin:0 0 62px;font:600 clamp(2.4rem,5.2vw,5.2rem)/1 "Fraunces","Trirong",serif;letter-spacing:-.03em}
.kradangnga-status .status-columns{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #45443f}
.kradangnga-status .status-columns>div{padding:28px 40px 0 0}
.kradangnga-status .status-columns>div+div{border-left:1px solid #45443f;padding-left:40px}
.kradangnga-status .status-columns h3{margin:0 0 24px;font:600 1rem "Fraunces","Trirong",serif;color:var(--kra-coral)}
.kradangnga-status .status-columns ul,.kradangnga-status .status-columns ol{margin:0;padding:0;list-style:none}
.kradangnga-status .status-columns li{padding:14px 0;border-bottom:1px solid #302f2b;color:#eae7e0;font:400 .95rem/1.6 "Trirong","Prompt",serif}
.kradangnga-status .status-columns ol{counter-reset:next}
.kradangnga-status .status-columns ol li{counter-increment:next;display:grid;grid-template-columns:38px 1fr;gap:12px}
.kradangnga-status .status-columns ol li:before{content:counter(next,decimal-leading-zero);color:var(--kra-coral);font-weight:700;font-family:"Trirong",serif}
.kradangnga-disclosure{max-width:800px;margin:0;padding:28px;background:var(--kra-paper);border-top:3px solid var(--kra-coral);font:400 .95rem/1.85 "Trirong","Prompt",serif}
.kradangnga .next{background:#11110f}.kradangnga .step>span{color:var(--kra-cobalt)}
html[data-theme="dark"] .kradangnga-disclosure{background:#1a1b18;color:#f4f2ed}
@media(max-width:720px){.kradangnga .hero h1{font-size:clamp(3.4rem,17vw,5rem)}.kradangnga-intro,.kradangnga-gallery{grid-template-columns:1fr;gap:8px}.kradangnga-intro{padding-bottom:72px}.kradangnga-gallery{padding-bottom:82px}.kradangnga-direction{padding-bottom:75px}.kradangnga-direction .direction-head{grid-template-columns:1fr;gap:15px}.kradangnga-direction .direction-list article{grid-template-columns:1fr;gap:8px}.kradangnga-palette{padding:75px 0}.kradangnga-palette h2{margin-bottom:42px}.palette{grid-template-columns:1fr 1fr}.palette>div{min-height:130px}.kradangnga-disclosure{padding:20px}.kradangnga-status{padding:75px 0}.kradangnga-status h2{margin-bottom:42px}.kradangnga-status .status-columns{grid-template-columns:1fr}.kradangnga-status .status-columns>div{padding:24px 0}.kradangnga-status .status-columns>div+div{border-left:0;border-top:1px solid #45443f;padding-left:0}}