:root{--paper:#f5f2e9;--cream:#ebe7dc;--ink:#19372e;--muted:#667169;--orange:#b94b30;--line:#d7d9ce;--white:#fffef9;--serif:'Playfair Display',Georgia,serif;--sans:'DM Sans','Noto Sans Thai',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:98px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.8}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit}img{display:block;width:100%;height:100%;object-fit:cover;background:#d4d8ce}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid var(--orange);outline-offset:4px}button:disabled{opacity:.4;cursor:default}h1,h2,h3,p,figure{margin:0}h2{font-size:clamp(27px,3.2vw,45px);line-height:1.45;font-weight:500;letter-spacing:-.03em}h3{font-size:21px;font-weight:600;line-height:1.5}p+p{margin-top:17px}.wrap{max-width:1344px;margin:0 auto;padding:90px 56px}.eyebrow{font-family:'DM Sans',sans-serif;font-size:11px;font-weight:600;letter-spacing:.19em;margin-bottom:20px}.lead{font-size:23px;line-height:1.7}.muted{color:var(--muted)}.note{font-size:13px;color:var(--muted)}.header{height:89px;display:flex;align-items:center;justify-content:space-between;padding:0 42px;background:var(--paper);position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line)}.wordmark{font-family:var(--serif);font-size:25px;text-decoration:none;line-height:1.1;letter-spacing:-1px}.wordmark span{display:block;font-family:'DM Sans',sans-serif;font-size:9px;letter-spacing:4px;margin-top:8px}.header nav{display:flex;gap:30px;font-size:13px}.header nav a{text-decoration:none}.header nav a:hover{color:var(--orange)}.header-cta{text-decoration:none;border-bottom:1px solid var(--ink);font-size:13px;padding:10px 0}.header-cta span{margin-left:28px}.skip{position:absolute;left:20px;top:-70px;background:white;z-index:100;padding:10px}.skip:focus{top:10px}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:680px}.hero-copy{padding:70px 9% 30px 12%;background:var(--ink);color:var(--paper);display:flex;flex-direction:column;align-items:flex-start}.hero-copy h1{font-family:var(--serif);font-weight:500;font-size:clamp(52px,5.6vw,84px);letter-spacing:-3px;line-height:1.05;margin:10px 0 28px}.hero-copy h1 em{color:#d5b68a;font-weight:500}.hero-th{font-size:25px;line-height:1.55}.hero-copy .muted{color:#bdc7bd;font-size:14px;margin:20px 0 28px}.hero-picture{position:relative;min-height:680px;overflow:hidden}.hero-picture:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#10241c9c)}.hero-picture img{position:absolute;inset:0;filter:saturate(.7)}.hero-picture figcaption{position:absolute;bottom:38px;left:38px;z-index:1;color:white;font-family:var(--serif);font-size:28px}.hero-picture small{display:block;font:11px var(--sans);margin-top:10px}.hero-meta{width:100%;display:flex;gap:10px;justify-content:space-between;margin-top:auto;padding-top:40px;font-size:9px;letter-spacing:1px;color:#b4c2b7}.button{padding:14px 23px;background:var(--ink);border:1px solid var(--ink);color:white;text-decoration:none;display:inline-flex;align-items:center;justify-content:space-between;gap:40px;font-size:14px}.button.light{background:var(--paper);border-color:var(--paper);color:var(--ink)}.button.outline{background:transparent;color:var(--ink)}.button:hover{background:var(--orange);border-color:var(--orange);color:white}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.intro-grid p:not(.lead){max-width:570px}.principles{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:60px;padding-top:27px;gap:25px}.principles b{font-family:var(--serif);font-size:25px;font-weight:400;color:var(--orange);margin-right:20px}.section-head{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;margin-bottom:40px}.section-head>p{font-size:14px;color:var(--muted)}.people-section{background:var(--cream)}.persona-tabs{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid #b9bfb3;margin-bottom:32px;gap:12px}.persona-tabs button{background:none;border:0;text-align:left;padding:18px 5px;border-bottom:3px solid transparent;color:var(--muted);font-size:16px}.persona-tabs button small{display:block;font-size:12px;margin-top:3px}.persona-tabs button[aria-selected=true]{color:var(--ink);border-bottom-color:var(--orange)}.persona-panel{display:grid;grid-template-columns:.85fr 1.4fr;gap:46px}.persona-portrait{min-height:550px;position:relative;overflow:hidden}.persona-portrait img{position:absolute;inset:0;filter:saturate(.7)}.persona-portrait:after{content:'';position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#142e25f0)}.portrait-caption{position:absolute;bottom:30px;left:28px;right:28px;color:white;z-index:1}.portrait-caption h3{font-family:var(--serif);font-size:33px;font-weight:400}.portrait-caption p{font-size:14px;max-width:310px;margin-top:10px}.portrait-caption small{font-size:10px;opacity:.65}.persona-info>.eyebrow{margin-bottom:10px}.persona-info>p{font-size:14px}.pain-group{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.pain-button{padding:10px 15px;background:transparent;border:1px solid #afb8aa;color:var(--ink);text-align:left;font-size:13px;border-radius:2px}.pain-button[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}.pain-result{border-top:1px solid #b9bfb3;padding-top:22px}.pain-result h4{font-size:19px;line-height:1.55;margin:0 0 10px}.pain-result>p{font-size:14px}.recommendation{display:grid;grid-template-columns:76px 1fr auto;align-items:center;gap:16px;border-bottom:1px solid #cbd0c2;padding:16px 0}.recommendation img{width:76px;height:68px}.recommendation b{display:block;font-size:15px;line-height:1.5}.recommendation small{display:block;color:var(--muted);font-size:11px}.recommendation button{border:0;background:none;font-size:25px;color:var(--ink);padding:6px 12px}.status{font-size:10px;letter-spacing:.03em;display:inline-block;color:#6d674c;border-bottom:1px solid #b4aa84;margin:6px 0}.status.proposed{color:var(--orange);border-color:#cc9a86}.play-persona{margin-top:22px}.day-section{background:var(--paper)}.game-shell{border:1px solid var(--line);background:var(--white)}.game-top{padding:24px 32px;display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);font-size:13px}.game-top b{font-family:var(--serif);font-size:22px;font-weight:400}.game-top span{color:var(--muted)}.game-setup{padding:42px}.game-setup h3{font-size:29px;font-weight:500}.select-personas{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:26px 0}.select-personas button{border:1px solid var(--line);background:var(--paper);padding:0;text-align:left;color:var(--ink)}.select-personas button[aria-pressed=true]{outline:2px solid var(--ink);outline-offset:3px}.select-personas img{height:150px}.select-personas b{display:block;font-size:14px;padding:12px}.mode-row{display:flex;gap:12px;margin:20px 0 30px;flex-wrap:wrap}.mode-row button{border:1px solid var(--line);background:none;padding:10px 16px;color:var(--ink);font-size:13px}.mode-row button[aria-pressed=true]{background:var(--ink);color:white}.game-progress{height:3px;background:#e3e7dd}.game-progress span{display:block;height:100%;background:var(--orange);transition:width .3s}.game-stage{padding:36px}.game-stage .eyebrow{color:var(--orange);margin-bottom:10px}.game-stage h3{font-size:29px;font-weight:500;max-width:780px}.game-stage>p{margin-top:12px;color:var(--muted);font-size:14px}.choices{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px}.choice{background:var(--paper);padding:0;text-align:left;border:1px solid var(--line);color:var(--ink);transition:transform .15s,border-color .15s}.choice:hover{transform:translateY(-4px);border-color:var(--ink)}.choice[aria-pressed=true]{outline:2px solid var(--orange);outline-offset:3px}.choice img{height:145px}.choice-copy{padding:20px}.choice h4{font-size:17px;line-height:1.6;margin:0 0 8px}.choice p{font-size:12px;color:var(--muted);line-height:1.7}.choice-number{font-size:10px;color:var(--orange);display:block;margin-bottom:8px}.outcome{margin-top:28px;background:#e8eee4;padding:25px 30px;border-left:3px solid var(--ink)}.outcome h4{margin:0 0 8px;font-size:19px}.outcome p{font-size:14px}.outcome .note{margin-top:12px;font-size:12px}.game-controls{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:25px 36px;border-top:1px solid var(--line)}.text-button{border:0;background:none;color:var(--ink);padding:8px 0;text-decoration:underline;text-underline-offset:5px;font-size:13px}.game-summary{padding:36px}.game-summary h3{font-family:var(--serif);font-size:37px;font-weight:400}.summary-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;margin-top:25px}.timeline{list-style:none;padding:0;margin:0}.timeline li{padding:0 0 22px 25px;border-left:1px solid #a3b09e;position:relative}.timeline li:before{content:'';position:absolute;left:-4px;top:8px;width:7px;height:7px;border-radius:50%;background:var(--orange)}.timeline time{font-size:11px;color:var(--muted)}.timeline b{display:block;font-size:16px}.timeline p{font-size:13px}.summary-aside{background:var(--cream);padding:28px;align-self:start}.summary-aside h4{margin:0 0 15px}.summary-aside ul{padding-left:20px;font-size:14px}.summary-aside .note{font-size:12px}.place-list{display:grid;grid-template-columns:repeat(3,1fr);gap:30px 24px}.place-card{border:0;background:none;padding:0;text-align:left;color:var(--ink)}.place-card img{height:210px;margin-bottom:14px;filter:saturate(.75)}.place-card h3{font-family:var(--serif);font-size:25px;font-weight:500}.place-card p{font-size:13px;margin:8px 0}.place-card:hover img{filter:saturate(1)}.place-card .place-label{font-size:10px;letter-spacing:.08em;color:var(--orange)}.future-section{background:#e8ecdf}.future-tabs{display:flex;border-bottom:1px solid #b8c1ae;gap:30px}.future-tabs button{border:0;background:none;padding:15px 0;border-bottom:3px solid transparent;color:var(--muted)}.future-tabs button[aria-selected=true]{border-bottom-color:var(--ink);color:var(--ink)}.future-description{font-size:14px;max-width:800px;padding:25px 0}.future-list{display:grid;grid-template-columns:1fr 1fr;gap:0 35px}.future-item{border-top:1px solid #bcc5b4;padding:24px 0;display:grid;grid-template-columns:82px 1fr;gap:20px}.future-item img{height:95px;width:82px}.future-item h3{font-size:18px}.future-item p{font-size:13px;margin-top:5px;color:#53624e}.future-actions{display:flex;gap:24px;align-items:center;margin-top:8px}.compare-button{font-size:12px;border:0;background:none;color:var(--ink);padding:6px 0}.compare-button[aria-pressed=true]{color:var(--orange);font-weight:700}.compare-tray{position:sticky;bottom:18px;background:var(--ink);color:white;padding:16px 22px;z-index:10;box-shadow:0 8px 30px #0002;display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:25px}.compare-tray[hidden]{display:none}.compare-tray p{font-size:13px}.compare-tray button{border:1px solid #b6c6b1;color:white;background:none;padding:8px 17px;font-size:13px}.comparison-table{margin-top:35px;overflow-x:auto}.comparison-table table{width:100%;border-collapse:collapse;font-size:13px;min-width:650px;background:var(--paper)}.comparison-table td,.comparison-table th{border:1px solid #c2c9b9;text-align:left;padding:17px;vertical-align:top}.comparison-table th{font-weight:600}.operation-list,.roadmap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:45px}.operation-list article{border-top:1px solid var(--line);padding-top:20px}.operation-list span{font-size:10px;letter-spacing:.15em;color:var(--orange)}.operation-list h3{margin:10px 0}.operation-list p,.roadmap-grid p{font-size:14px}.roadmap{padding-top:0}.roadmap-grid{margin-bottom:35px}.roadmap-grid b{font-family:var(--serif);font-size:45px;font-weight:400;color:#a4ae98}.roadmap-grid h3{margin:10px 0}.closing{background:var(--ink);color:var(--paper);text-align:center;padding:90px 20px}.closing h2{font-size:clamp(27px,3.5vw,48px)}.closing h2 em{font-style:normal;color:#d5b68a}.closing .button{margin-top:35px}footer.wrap{padding-top:45px;padding-bottom:35px}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:25px}.footer-top p{font-size:12px;color:var(--muted)}dialog{max-width:890px;width:calc(100% - 40px);max-height:88vh;padding:0;border:0;background:var(--paper);color:var(--ink);box-shadow:0 30px 100px #0004}dialog::backdrop{background:#10271fe0;backdrop-filter:blur(4px)}.dialog-close{position:sticky;float:right;top:14px;margin:14px 14px -56px 0;z-index:2;border:0;width:38px;height:38px;border-radius:50%;background:var(--paper);color:var(--ink);font-size:27px}.dialog-image{height:260px}.dialog-body{padding:35px 42px}.dialog-body h2{font-size:32px}.dialog-body .tagline{font-size:18px;margin:12px 0 24px}.dialog-columns{display:grid;grid-template-columns:1fr 1fr;gap:25px 35px}.dialog-columns h4{font-size:12px;letter-spacing:.05em;color:var(--orange);margin:12px 0 8px}.dialog-columns p,.dialog-columns li{font-size:14px}.dialog-columns ul{padding-left:20px;margin:0}.dialog-flow{padding:20px;background:var(--cream);margin-top:25px;font-size:14px}.credits-list li{font-size:13px;margin-bottom:10px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;padding:12px 22px;z-index:100;opacity:0;pointer-events:none;font-size:13px;transition:opacity .2s;max-width:90%;width:max-content}#toast.show{opacity:1}.photo-fallback{object-fit:cover;background:#b8c6af}body.modal-open{overflow:hidden}
@media(min-width:1600px){.hero-copy{padding-left:calc((100vw - 1232px)/2)}.hero{min-height:740px}.hero-picture{min-height:740px}}@media(max-width:1000px){.wrap{padding:65px 30px}.header{padding:0 25px}.header nav{gap:18px}.hero-copy{padding:45px 30px}.hero-copy h1{font-size:58px}.hero-picture,.hero{min-height:650px}.hero-th{font-size:23px}.persona-panel{gap:25px;grid-template-columns:.8fr 1.2fr}.persona-tabs button{font-size:14px}.hero-meta{flex-direction:column}.intro-grid{gap:35px}.place-list{grid-template-columns:repeat(2,1fr)}.choices{gap:12px}.choice-copy{padding:15px}.game-setup{padding:30px}.game-stage{padding:28px}.select-personas img{height:120px}.footer-top{flex-wrap:wrap}}@media(max-width:700px){html{scroll-padding-top:76px}.header{height:73px;padding:0 20px}.wordmark{font-size:22px}.wordmark span{font-size:8px}.header nav{display:none}.header-cta{font-size:11px}.header-cta span{margin-left:12px}.hero{grid-template-columns:1fr;min-height:0}.hero-copy{padding:42px 25px 24px}.hero-copy h1{font-size:60px;margin-top:0}.hero-th{font-size:23px}.hero-copy .muted{font-size:13px}.hero-meta{flex-direction:row;padding-top:35px;font-size:8px}.hero-picture{min-height:310px;height:310px}.hero-picture figcaption{bottom:25px;left:25px;font-size:25px}.wrap{padding:55px 22px}.intro-grid{grid-template-columns:1fr;gap:24px}.lead{font-size:20px}.intro-grid p{font-size:14px}.principles{margin-top:30px;flex-direction:column;gap:13px;font-size:14px}.principles b{font-size:20px}.section-head{display:block;margin-bottom:25px}.section-head>p{margin-top:15px;font-size:13px}.eyebrow{font-size:9px;margin-bottom:13px}.persona-tabs{grid-template-columns:1fr 1fr;gap:0 15px}.persona-tabs button{padding:13px 2px}.persona-tabs button small{font-size:11px}.persona-panel{grid-template-columns:1fr;gap:25px}.persona-portrait{min-height:300px;height:300px}.portrait-caption h3{font-size:30px}.portrait-caption p{font-size:13px}.pain-button{font-size:12px;padding:9px 12px}.game-top{padding:17px 20px;align-items:center}.game-top b{font-size:19px}.game-top span{font-size:11px}.game-setup{padding:24px 20px}.game-setup h3{font-size:23px}.select-personas{grid-template-columns:1fr 1fr;gap:14px}.select-personas img{height:100px}.select-personas b{font-size:12px}.mode-row{gap:8px}.mode-row button{font-size:12px;padding:9px 12px}.game-stage{padding:25px 20px}.game-stage h3{font-size:23px}.choices{grid-template-columns:1fr;gap:14px}.choice{display:grid;grid-template-columns:90px 1fr}.choice img{height:100%;min-height:138px}.choice-copy{padding:13px 15px}.choice h4{font-size:16px}.choice p{font-size:12px}.choice-number{margin-bottom:3px}.outcome{padding:20px}.game-controls{padding:20px;flex-wrap:wrap}.game-controls .button{font-size:13px;gap:20px}.game-summary{padding:25px 20px}.game-summary h3{font-size:30px}.summary-grid{grid-template-columns:1fr;gap:20px}.place-list{gap:25px 16px}.place-card img{height:150px}.place-card h3{font-size:20px}.place-card p{font-size:12px}.place-card .place-label{font-size:9px}.future-list{grid-template-columns:1fr}.future-tabs{gap:20px}.future-tabs button{font-size:13px}.future-item{gap:16px}.future-item h3{font-size:17px}.compare-tray{padding:12px;gap:10px}.compare-tray p{font-size:11px}.compare-tray button{font-size:11px;padding:7px 10px}.operation-list,.roadmap-grid{grid-template-columns:1fr;gap:25px;margin-top:30px}.roadmap-grid article{display:grid;grid-template-columns:45px 1fr;column-gap:20px}.roadmap-grid b{grid-row:span 2;font-size:35px}.roadmap-grid h3{margin:7px 0}.roadmap-grid p{grid-column:2}.roadmap{padding-top:0}.closing{padding:65px 25px}.footer-top{display:block}.footer-top>p{margin:25px 0 12px}.dialog-body{padding:25px}.dialog-image{height:190px}.dialog-columns{grid-template-columns:1fr;gap:8px}.dialog-body h2{font-size:27px}.dialog-body .tagline{font-size:16px}.dialog-close{top:10px}.desktop{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media print{.header,.hero,.intro,.people-section,.places-section,.future-section,.operation,.roadmap,.closing,footer,.day-section>.wrap>.section-head,.game-controls,.game-top,.game-progress,#toast{display:none!important}.day-section,.wrap{padding:0!important;background:white}.game-shell{border:0}.game-summary{padding:10px}.summary-grid{grid-template-columns:1.2fr 1fr}.summary-aside{background:#eee}.timeline li{break-inside:avoid}body{font-size:12px}dialog{display:none}}
/* Companion to the paginated presentation. */
.interactive-header .mode-nav{gap:6px}.interactive-header .mode-nav a{padding:11px 16px;border-radius:4px;font-size:14px}.interactive-header .mode-nav [aria-current]{background:var(--ink);color:var(--paper)}.mode-nav small{opacity:.6;margin-left:5px}.interactive-subnav{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 5%;background:var(--cream);border-bottom:1px solid var(--line);font-size:12px}.interactive-subnav>span{letter-spacing:2px;color:var(--muted)}.interactive-subnav nav{display:flex;gap:25px}.interactive-subnav>a{color:var(--orange);font-weight:600}.interactive-subnav a:hover{text-decoration:underline}.people-section{padding-top:65px}@media(max-width:800px){.interactive-header .mode-nav{display:flex}.interactive-header .mode-nav a{padding:8px;font-size:11px}.interactive-header .mode-nav small{display:none}.interactive-header .header-cta{display:none}.interactive-subnav{padding:12px 5%;flex-wrap:wrap;gap:10px}.interactive-subnav>span{display:none}.interactive-subnav nav{gap:15px;font-size:11px}.interactive-subnav>a{font-size:11px}.people-section{padding-top:40px}}