@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@400;500;600;700;800&family=Noto+Sans+Thai:wght@400;500;600;700&display=swap');
:root{--ink:#111213;--paper:#f5f4ed;--yellow:#eaff00;--pink:#ff269b;--muted:#57595c;--line:#d9d9d0}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font:400 1.0625rem/1.8 'Noto Sans Thai',sans-serif}h1,h2,h3,.brand,.eyebrow,.button,figcaption,.clip-note{font-family:Kanit,sans-serif}h1,h2,h3,p,figure{margin:0}a{color:inherit}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--pink);outline-offset:5px}.wrap{width:min(1180px,calc(100% - 64px));margin:auto}.top{background:var(--ink);color:white;min-height:78px;padding:20px 4vw;display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{font-weight:700;letter-spacing:.06em;text-decoration:none}.brand span{font-size:.875rem;font-weight:400;color:#bbb}.nav-link{font-family:Kanit;text-decoration:none;border-bottom:2px solid var(--yellow);white-space:nowrap}.hero{display:grid;grid-template-columns:1.13fr .87fr;gap:7%;padding:68px 0 75px;align-items:center}.eyebrow{font-size:.875rem;letter-spacing:.12em;font-weight:500;margin-bottom:22px}.eyebrow span{background:var(--yellow);padding:6px 9px}.hero h1{font-size:clamp(2.8rem,4.7vw,4.55rem);line-height:1.28;font-weight:700;letter-spacing:-.03em}.hero h1 em{font-style:normal;box-shadow:inset 0 -.22em var(--yellow)}.intro{font-size:1.25rem;margin-top:25px}.giveaway{display:block;width:310px;max-width:100%;height:auto;margin:18px 0 12px}.actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.button{display:inline-flex;justify-content:center;align-items:center;gap:10px;min-height:54px;padding:13px 23px;border:2px solid var(--ink);font-size:1.0625rem;font-weight:600;text-decoration:none;box-shadow:4px 4px 0 var(--ink);border-radius:3px;transition:transform .18s,box-shadow .18s}.button:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink)}.primary{background:var(--yellow);color:var(--ink)}.ink{background:var(--ink);color:#fff;box-shadow:4px 4px 0 var(--pink)}.text-link{font-weight:600;text-underline-offset:6px}.small{font-size:.875rem;color:var(--muted);margin-top:20px}.hero-media{position:relative;max-width:414px;margin:0 auto;width:100%;transform:rotate(2deg)}.video-frame{position:relative;border:8px solid var(--ink);border-radius:27px;background:var(--ink);box-shadow:16px 16px 0 var(--yellow);overflow:hidden}.video-frame video{width:100%;aspect-ratio:9/16;display:block;object-fit:cover}.media-label{position:absolute;top:12px;left:12px;background:rgba(0,0,0,.72);border-radius:4px;color:#fff;padding:5px 10px;font-size:.8125rem;pointer-events:none}.clip-note{position:absolute;bottom:64px;left:-32px;transform:rotate(-6deg);background:var(--pink);padding:8px 20px;box-shadow:4px 4px var(--ink);pointer-events:none;line-height:1.4}.clip-note b{font-size:1.5rem}.clip-note span{display:block;font-size:1rem}.ticker{background:var(--yellow);font:700 clamp(1.4rem,3vw,2.7rem)/1.5 Kanit;white-space:nowrap;overflow:hidden;padding:9px 0;border-block:2px solid var(--ink)}.section{padding:95px 0}.section-heading{display:grid;grid-template-columns:1fr 1fr;gap:0 40px;align-items:end;margin-bottom:36px}.section-heading .eyebrow{grid-column:1/-1}.section-heading p:last-child{color:var(--muted)}h2{font-size:clamp(2rem,3.3vw,3.1rem);font-weight:600;line-height:1.4;letter-spacing:-.02em}.look-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.look-grid img{width:100%;height:auto;aspect-ratio:9/16;object-fit:cover;display:block;border-radius:6px}.look-grid figure:nth-child(even){padding-top:28px}.look-grid figcaption{padding:14px 0;line-height:1.5}.look-grid figcaption b{display:block;font-size:1.125rem}.look-grid figcaption span{font-size:.9375rem;color:var(--muted)}.dark-section{background:var(--ink);color:#fff;padding:80px 0}.yellow{color:var(--yellow)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin:50px 0}.steps article{border-top:1px solid #505050;padding-top:20px}.steps article>span{font:600 2.2rem Kanit;color:var(--pink)}h3{font-size:1.4rem;line-height:1.6;margin:8px 0}.steps p{color:#ccc}.download-banner{display:grid;grid-template-columns:1fr 230px;gap:70px;align-items:center}.download-banner p{margin:20px 0}.depth-mini{width:100%;aspect-ratio:9/16;max-height:350px;background:#111;border-radius:9px}.join{background:var(--yellow);padding:70px 0}.join p{margin:20px 0}.footer{padding:40px 0;font-size:.875rem;display:grid;gap:20px}.footer p:first-child{font-family:Kanit;font-weight:600;letter-spacing:.1em}.footer p:nth-child(2){color:var(--muted)}.skip{position:fixed;left:15px;top:-100px;padding:10px;background:white;z-index:10}.skip:focus{top:15px}
.guide-head{padding:50px 0 36px;border-bottom:2px solid var(--ink)}.guide-title{display:flex;justify-content:space-between;align-items:center;gap:40px}.guide-title h1{font-size:clamp(2.4rem,5vw,4rem);line-height:1.3;font-family:Kanit}.guide-title img{width:260px;height:auto;max-width:35%}.guide-head p{max-width:760px;margin-top:20px}.guide-shell{display:grid;grid-template-columns:220px minmax(0,1fr);gap:55px;padding:45px 0 80px}.guide-nav{position:sticky;top:25px;align-self:start}.guide-nav a{display:block;text-decoration:none;padding:8px 0;color:var(--muted);font-size:1rem;border-bottom:1px solid var(--line)}.guide-nav a:hover{color:var(--ink)}.guide-content{min-width:0}.guide-step{margin-bottom:70px;scroll-margin-top:25px}.guide-step>h2{font-size:2.05rem;border-bottom:2px solid var(--ink);padding-bottom:13px;margin-bottom:22px}.guide-step>p,.guide-step>ol,.guide-step>ul{margin:20px 0}.guide-step li{padding-left:5px;margin:10px 0}.callout{border-left:5px solid var(--pink);background:#e9e9e0;padding:20px 23px;margin:25px 0}.callout strong{display:block}.download-box{display:flex;gap:24px;align-items:center;padding:22px;background:var(--ink);color:white;margin:25px 0;border-radius:6px}.download-box video{width:135px;border-radius:5px}.download-box h3{color:var(--yellow)}.download-box p{margin-bottom:16px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:1rem}th,td{padding:14px 12px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}th{background:var(--ink);color:white}td:first-child{font-family:Kanit;font-weight:600;white-space:nowrap}.prompt-card{border:2px solid var(--ink);margin:24px 0;background:#fff}.prompt-card header{padding:17px 20px;background:var(--yellow);display:flex;flex-wrap:wrap;align-items:center;gap:15px;justify-content:space-between}.prompt-card h3{margin:0}.prompt-card textarea{display:block;resize:vertical;width:100%;min-height:260px;padding:20px;border:0;font:1rem/1.7 ui-monospace,monospace;overflow-wrap:anywhere;background:#fff;color:#171717}.copy{border:1px solid var(--ink);padding:8px 16px;border-radius:3px;background:var(--ink);color:white;font-size:1rem}.prompt-card .small{padding:0 20px 15px;margin:0}.settings{display:grid;grid-template-columns:repeat(2,1fr);gap:2px;background:var(--line);border:1px solid var(--line);margin:22px 0}.settings div{background:white;padding:14px 18px}.settings dt{font-size:.875rem;color:var(--muted)}.settings dd{margin:0;font-weight:700}details{border-bottom:1px solid var(--line);padding:17px 0}summary{cursor:pointer;font-weight:600}details p{margin-top:15px}.status{min-height:1.5em;font-size:.9375rem;color:#265000}.guide-bottom{padding:28px;background:var(--yellow)}.print-only{display:none}
@media(max-width:800px){.wrap{width:calc(100% - 36px)}.top{min-height:66px;padding:17px 18px}.brand{font-size:.875rem}.brand span{display:none}.hero{grid-template-columns:1fr;gap:42px;padding:40px 0 55px}.hero-copy{text-align:center}.hero h1{font-size:clamp(2.6rem,9.5vw,4rem)}.intro{font-size:1.125rem}.giveaway{margin:12px auto;width:275px}.actions{justify-content:center;gap:20px}.hero-media{width:77%;max-width:345px}.eyebrow{font-size:.8125rem;letter-spacing:.08em}.clip-note{left:-24px}.clip-note b{font-size:1.3rem}.section{padding:55px 0}.section-heading{grid-template-columns:1fr;gap:17px}.section-heading .eyebrow{margin:0}.look-grid{grid-template-columns:repeat(2,1fr);gap:16px}.look-grid figure:nth-child(even){padding-top:20px}.steps{grid-template-columns:1fr;gap:25px;margin:30px 0}.steps article{display:grid;grid-template-columns:45px 1fr;gap:2px 15px}.steps article>span{grid-row:1/3}.steps p{grid-column:2}.steps h3{margin:0}.dark-section{padding:55px 0}.download-banner{grid-template-columns:1fr;gap:30px}.depth-mini{width:180px;margin:auto}.download-banner .actions{justify-content:flex-start}.join{padding:50px 0}.guide-title{gap:15px}.guide-title img{width:140px}.guide-shell{grid-template-columns:1fr;gap:28px;padding-top:25px}.guide-nav{position:static;display:flex;gap:10px;flex-wrap:wrap}.guide-nav a{padding:5px 10px;border:1px solid var(--line);border-radius:5px;font-size:.9375rem}.guide-step>h2{font-size:1.8rem}.download-box{padding:18px;gap:16px;align-items:flex-start}.download-box video{width:90px}.download-box .button{font-size:.9375rem;padding:9px 12px}.settings{grid-template-columns:1fr 1fr}.prompt-card header{padding:12px}.guide-head{padding:35px 0 25px}.button{font-size:1rem}.guide-title h1{font-size:2.35rem}}
.artist-credit{border-top:2px solid var(--ink);padding:65px 0;background:#fff}.artist-credit p{max-width:780px;margin:22px 0}.artist-credit .eyebrow{color:#ad005d}.artist-credit .small{font-size:.875rem}.guide-content .artist-credit{padding:35px 25px;margin:35px 0}.guide-content .artist-credit h2{font-size:2rem}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}.hero-media{transform:none}}
@media print{.top,.guide-nav,.footer,.copy,.no-print,.giveaway,video{display:none!important}.wrap{width:100%}.guide-shell{display:block}.guide-step{break-inside:avoid;margin-bottom:25px}body{background:white;color:black;font-size:11pt}.guide-title img{width:140px}.guide-title h1{font-size:28pt}.print-only{display:block}.button{box-shadow:none;color:black;background:white}.prompt-card textarea{height:auto;min-height:400px}a{text-decoration:underline}}