:root{color-scheme:light;--ink:#212226;--bg:#F8F9FA;--muted:#5c606a;--blue:#3b6e8f;--line:#dce2e9}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.9 'Anuphan',system-ui,sans-serif}a{color:var(--blue);text-underline-offset:5px}a:hover{color:#243e50}a:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:5px}img{max-width:100%;height:auto}.skip{position:absolute;top:-100px;left:20px;z-index:5;padding:12px;background:white}.skip:focus{top:10px}.project-nav{max-width:1160px;margin:auto;padding:24px 28px;display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font:700 28px 'Quicksand',sans-serif}.brand img{width:46px;height:46px;object-fit:contain}.project-nav>div{display:flex;gap:28px;flex-wrap:wrap}.project-nav>div a{text-decoration:none;font-size:15px}.project-shell{max-width:1160px;margin:auto;padding:28px 28px 80px}.breadcrumbs{font-size:13px;color:var(--muted)}.project-hero{display:flex;align-items:center;gap:40px;padding:58px 0 50px;border-bottom:1px solid var(--line)}.project-hero>div{min-width:0;flex:1}.eyebrow{font:600 12px/1.7 'Quicksand','Anuphan',sans-serif;text-transform:uppercase;letter-spacing:.12em;color:var(--blue);margin:0 0 14px}h1{font-size:clamp(36px,5.2vw,64px);font-weight:500;line-height:1.35;letter-spacing:-.035em;margin:0 0 24px;overflow-wrap:anywhere}.lead{max-width:780px;font-size:21px;line-height:1.85;margin:0}.project-mark{width:150px;height:150px;object-fit:contain}.project-shell section{padding:40px 0;border-bottom:1px solid var(--line);scroll-margin-top:24px}h2{font-size:clamp(25px,3vw,32px);line-height:1.5;font-weight:500;margin:0 0 20px}h3{font-size:24px;line-height:1.5;font-weight:500;margin:0 0 14px}p{margin:0 0 18px}.reading{max-width:800px}.reading li{padding-left:4px;margin:12px 0}.reading ol{padding-left:24px}.reading h3{margin-top:24px}.project-row{display:grid;grid-template-columns:54px minmax(0,1fr) 88px;gap:22px;padding:38px 0;border-bottom:1px solid var(--line)}.project-row:last-child{border-bottom:0;padding-bottom:0}.number{font:400 24px 'Prata',serif;color:var(--muted);padding-top:8px}.project-row h3 a{color:var(--ink);text-decoration:none}.project-row h3 a:hover{text-decoration:underline}.project-row img{margin-top:22px}.project-row p{max-width:780px}.prompt{color:var(--muted)}.actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin:26px 0}.actions>a{font-size:15px}.button{display:inline-flex;justify-content:center;align-items:center;padding:12px 24px;background:#121317;color:white;border-radius:99px;text-decoration:none;font-weight:500;max-width:100%;text-align:center}.button:hover{background:var(--blue);color:white}details{padding:18px 0;border-bottom:1px solid var(--line)}details:last-child{border:0}summary{cursor:pointer;font-weight:500}details p{margin:14px 0 0}.project-footer{max-width:1160px;margin:auto;padding:30px 28px 48px;border-top:1px solid var(--line);font-size:14px;color:var(--muted)}.project-footer>div{display:flex;gap:14px 24px;flex-wrap:wrap}
@media(max-width:640px){.project-nav{padding:20px;align-items:flex-start;flex-wrap:wrap;gap:16px}.project-nav>div{gap:20px}.project-shell{padding:22px 20px 48px}.project-hero{padding:36px 0;flex-direction:column-reverse;align-items:flex-start;gap:20px}.project-mark{width:86px;height:86px}.lead{font-size:18px}.project-row{grid-template-columns:30px minmax(0,1fr);gap:14px}.project-row>img{display:none}.number{font-size:20px}h3{font-size:23px}.actions{gap:18px}.project-footer{padding:28px 20px 40px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media print{.project-nav,.actions,.project-mark,.skip{display:none}body{background:white;font-size:12pt}.project-shell{padding:0}.project-hero{padding:20px 0}h1{font-size:28pt}details{break-inside:avoid}}