:root{--bg: #ffffff;--surface: #f3f3f3;--ink: #0a0a0a;--muted: #5c5c5c;--accent: #2436ff;--accent-ink: #ffffff;--field-1: #2436ff;--field-1-ink: #ffffff;--field-2: #ff3b1f;--field-2-ink: #0a0a0a;--field-3: #0a0a0a;--field-3-ink: #ffffff;--field-4: #050a5c;--field-4-ink: #ffffff;--m: clamp(16px, 2vw, 28px);--ease: cubic-bezier(.16, 1, .3, 1);--step-small: 1rem;--step-body: 1.1875rem;--step-lead: 1.5rem;--step-head: clamp(2.5rem, 1.2rem + 5vw, 5.5rem);--step-display: clamp(2.75rem, 1rem + 9vw, 8.75rem)}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;font-family:Epilogue,Kanit,system-ui,sans-serif;font-size:var(--step-body);line-height:1.5;color:var(--ink);overflow-x:hidden}a{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--field-2);outline-offset:3px}::selection{background:var(--field-2);color:var(--ink)}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}h1,h2,p{margin:0}.btn{display:inline-block;background:var(--accent);color:var(--accent-ink);text-decoration:none;font-weight:900;font-size:var(--step-body);padding:16px 28px;border-radius:0;transition:transform .16s var(--ease),background-color .16s}.btn:hover{background:var(--field-2);color:var(--ink);transform:translateY(-3px)}.btn:active{transform:translateY(1px)}.js [data-r]{opacity:0;transform:translateY(28px);transition:opacity .7s var(--ease) var(--d, 0ms),transform .7s var(--ease) var(--d, 0ms)}.js [data-r].in{opacity:1;transform:none}.hero{position:relative;height:100svh;min-height:560px;overflow:hidden}.hero-air{position:absolute;inset:0 0 50%;background:var(--bg)}.hero-water{position:absolute;inset:50% 0 0;background:var(--field-1)}.wordmark{position:absolute;left:var(--m);top:var(--m);z-index:3;font-weight:900;font-size:var(--step-body);letter-spacing:-.03em;text-decoration:none;color:var(--ink)}.btn-top{position:absolute;right:var(--m);top:var(--m);z-index:3;padding:12px 22px}.waterline{position:absolute;left:50%;top:50%;z-index:2;transform:translate(-50%,-75%);font-size:var(--step-display);font-weight:900;line-height:.86;letter-spacing:-.04em;text-align:center;white-space:nowrap}.wl{display:block}.wl-air{color:var(--accent);clip-path:inset(0 0 25% 0)}.wl-water{position:absolute;inset:0;color:var(--field-4);clip-path:inset(75% 0 0 0)}.line{display:block;overflow:hidden;padding:.06em .04em .02em;margin:-.06em -.04em -.02em}.line>span{display:block}.js .line>span{transform:translateY(108%);animation:rise .9s var(--ease) forwards}.js .line:nth-child(2)>span{animation-delay:.11s}@keyframes rise{to{transform:translateY(0)}}.hero-note{position:absolute;left:50%;bottom:40px;z-index:3;width:min(640px,calc(100% - 2 * var(--m)));transform:translate(-50%);text-align:center;color:var(--field-1-ink);font-size:var(--step-lead);line-height:1.3;font-weight:500}.js .hero-note,.js .btn-top,.js .wordmark{opacity:0;animation:fade .7s var(--ease) .9s forwards}@keyframes fade{to{opacity:1}}.strip{position:relative;display:flex;min-height:84svh}.strip-head{position:absolute;left:var(--m);top:var(--m);z-index:2;font-size:var(--step-lead);font-weight:900;letter-spacing:-.02em;color:var(--field-1-ink)}.field{position:relative;flex:1 1 25%;min-width:0;min-height:84svh}.field-1{background:var(--field-1);color:var(--field-1-ink)}.field-2{background:var(--field-2);color:var(--field-2-ink)}.field-3{background:var(--field-3);color:var(--field-3-ink)}.field-4{background:var(--field-4);color:var(--field-4-ink)}.runcard{position:absolute;left:50%;top:38%;width:min(260px,82%);translate:-50% 0;background:#2447c8;color:#fff;border:5px solid #121a45;border-radius:18px;padding:16px 18px;font-weight:900;transition:transform .15s var(--ease),opacity .7s var(--ease) var(--d, 0ms)}.field:hover .runcard.in{transform:translateY(-6px)}.rc-top{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.rc-top strong{font-size:var(--step-lead);letter-spacing:-.03em;line-height:1}.rc-top span{font-size:var(--step-lead);color:#ffd12e}.rc-coins{display:flex;justify-content:space-between;margin-top:10px;font-size:var(--step-small);color:#fff;font-weight:500}.rc-coins b{color:#ffd12e}.rc-note{margin-top:12px;padding:8px 12px;background:#17308f;font-size:var(--step-small);font-weight:500}.clause{position:absolute;left:var(--m);right:var(--m);bottom:28px;font-size:var(--step-lead);line-height:1.12;font-weight:900;letter-spacing:-.02em}.type{background:var(--bg);padding:clamp(72px,12vw,160px) var(--m);min-height:88svh}.lead{max-width:28ch;font-size:var(--step-lead);line-height:1.3;font-weight:500}.nick{display:block;width:100%;margin-top:32px;border:0;padding:0;background:transparent;color:var(--accent);font:900 var(--step-display)/1 Epilogue,Kanit,sans-serif;letter-spacing:-.04em;caret-color:var(--field-2);border-radius:0}.board{margin-top:48px;width:min(560px,100%);background:#2447c8;color:#fff;border:5px solid #121a45;border-radius:18px;padding:10px 12px;font-weight:900}.brow{display:grid;grid-template-columns:2.2em 1fr auto;gap:8px;padding:12px 14px;font-size:var(--step-body)}.brow.me{background:#ffd12e;color:#121a45}.brow .placeholder{opacity:.55}.fine{margin-top:18px;max-width:56ch;font-size:var(--step-small);color:var(--ink)}.examples{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.ex{font:500 var(--step-body)/1.2 Epilogue,Kanit,sans-serif;color:var(--ink);background:var(--surface);border:0;padding:12px 20px;border-radius:0;cursor:pointer;transition:transform .14s var(--ease),background-color .14s}.ex:hover{background:var(--field-2);transform:translateY(-3px)}.ex:active{transform:translateY(1px)}.prints{position:relative;background:var(--field-2);color:var(--field-2-ink);padding:clamp(64px,9vw,120px) var(--m) clamp(64px,8vw,110px)}.prints-head{font-size:var(--step-head);font-weight:900;line-height:.92;letter-spacing:-.04em}.phones{display:flex;align-items:flex-end;justify-content:space-between;gap:clamp(12px,2vw,28px);margin-top:clamp(40px,6vw,80px)}.phone{flex:1 1 0;min-width:0;aspect-ratio:900 / 1956;border-radius:clamp(18px,2.4vw,36px);overflow:hidden;background:var(--field-4);transition:transform .22s var(--ease),opacity .7s var(--ease) var(--d, 0ms)}.phone img,.phone video{display:block;width:100%;height:100%;object-fit:cover}.phone-3{flex-grow:1.25;transform:translateY(-48px)}.phone.in:hover{transform:translateY(-10px)}.phone-3.in:hover{transform:translateY(-58px)}.cast{background:var(--field-1);color:var(--field-1-ink);padding:clamp(56px,8vw,110px) var(--m)}.cast table{width:100%;border-collapse:collapse;font-size:var(--step-lead);line-height:1.5}.cast-head{display:block;width:100%;text-align:left;font-weight:900;padding-bottom:20px;position:sticky;top:0;background:var(--field-1)}.cast td{padding:0;vertical-align:top;font-weight:500}.cast td:first-child{width:33%;font-weight:900}.cast td:nth-child(2){width:33%;padding-right:24px}.cast td:nth-child(3){width:25%;padding-right:24px}.cast td.from{text-align:right;font-variant-numeric:tabular-nums}.cast-note{margin-top:36px;color:var(--field-1-ink);opacity:.85}.close{position:relative;background:var(--field-3);color:var(--field-3-ink);min-height:92svh;padding:clamp(64px,9vw,120px) var(--m) 40px;display:flex;flex-direction:column;justify-content:space-between}.close-head{font-size:var(--step-display);font-weight:900;line-height:.9;letter-spacing:-.04em}.close-row{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:24px}.close-note{max-width:34ch;font-size:var(--step-lead);line-height:1.3;font-weight:500}.btn-close{padding:18px 34px}.foot{display:flex;min-height:100svh;background:var(--bg)}.foot-pic{flex:0 0 50%;position:relative;overflow:hidden;background:var(--field-4)}.foot-pic video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 30%;display:block}.foot-menu{flex:1 1 50%;padding:80px var(--m) 28px clamp(16px,4vw,64px);display:flex;flex-direction:column}.foot-mark{font-weight:900;font-size:var(--step-body);letter-spacing:-.03em;text-decoration:none;color:var(--ink)}.foot-menu nav{display:flex;flex-direction:column;gap:28px;margin-top:56px}.foot-menu nav a{font-size:var(--step-head);font-weight:900;line-height:1;letter-spacing:-.03em;text-decoration:none;color:var(--ink);transition:transform .16s var(--ease),color .16s}.foot-menu nav:hover a{color:#6b6b6b}.foot-menu nav a:hover{color:var(--accent);transform:translate(12px)}.foot-blocks{display:flex;flex-wrap:wrap;gap:48px;margin-top:64px;font-size:var(--step-body)}.legal{margin-top:auto;padding-top:48px;font-size:var(--step-small);color:var(--ink)}@media(max-width:760px){.waterline{font-size:15.5vw;top:46%}.hero-water{inset:46% 0 0}.hero-air{inset:0 0 54%}.hero-note{left:var(--m);bottom:28px;width:auto;transform:none;text-align:left;font-size:var(--step-body)}.strip{flex-direction:column}.field{min-height:64svh;flex:none}.strip-head{position:static;padding:28px var(--m) 0;background:var(--field-1);font-size:var(--step-lead)}.runcard{top:auto;bottom:28px;left:var(--m);translate:none}.clause{top:24px;bottom:auto}.nick{font-size:11vw;overflow-x:auto;white-space:nowrap}.phones{flex-wrap:wrap;gap:12px;margin-top:32px}.phone{flex:0 0 calc(50% - 6px)}.phone-3{order:-1;flex:0 0 100%;aspect-ratio:16 / 13;transform:none}.phone-3.in:hover{transform:none}.close{min-height:80svh}.close-head{font-size:15vw}.btn-close{width:100%;text-align:center}.foot{flex-direction:column}.foot-pic{flex:none;height:50svh}.foot-menu{padding-top:32px}.foot-menu nav{gap:20px;margin-top:28px}.foot-menu nav a{font-size:var(--step-head)}}@media(max-width:1000px){.cast table,.cast tbody,.cast tr,.cast td{display:block}.cast tr{position:relative;margin-bottom:20px;padding-right:4.5em}.cast td,.cast td:first-child,.cast td:nth-child(2),.cast td:nth-child(3){width:auto;padding:0}.cast td:nth-child(2),.cast td:nth-child(3){font-size:var(--step-small)}.cast td.from{position:absolute;right:0;top:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.js .line>span{transform:none;animation:none}.js .hero-note,.js .btn-top,.js .wordmark{opacity:1;animation:none}.js [data-r]{opacity:1;transform:none;transition:none}.btn,.ex,.phone,.runcard,.foot-menu nav a{transition:none}}
