html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent],.lenis [data-lenis-prevent-wheel],.lenis [data-lenis-prevent-touch],.lenis [data-lenis-prevent-vertical],.lenis [data-lenis-prevent-horizontal]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}.lenis.lenis-autoToggle{transition-behavior:allow-discrete;transition-property:overflow;transition-duration:1ms}:root{--ink:#080605;--bronze:#3b2414;--parchment:#f9e7d3;--muted:#cebba9;--gold:#e8b95a;--accent:var(--gold);--display:"Cormorant Garamond", "Times New Roman", serif;--body:"Be Vietnam Pro", system-ui, sans-serif}*{box-sizing:border-box;margin:0}html{background:var(--ink);color:var(--parchment)}body{font:300 1.0625rem/1.7 var(--body);-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto;display:block}a{color:inherit}:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.eyebrow{font:500 .75rem/1.4 var(--body);letter-spacing:.22em;text-transform:uppercase;color:var(--accent)}.hero,.intro,.annals,.secret,.memories,.finale{--accent:var(--gold)}.stage{z-index:0;pointer-events:none;position:fixed;inset:0}.stage__backdrop{opacity:0;background:radial-gradient(60% 55% at 64% 55%, color-mix(in srgb, var(--accent) 22%, transparent), transparent 70%), radial-gradient(120% 90% at 64% 40%, transparent 30%, var(--ink) 85%), url(/img/khaocoky-bg-home.png) center / cover;transition:opacity .9s;position:absolute;inset:0}.stage:after{content:"";background:linear-gradient(90deg,#080605e0 0%,#08060559 42%,#0000 60%);position:absolute;inset:0}.stage__year{z-index:1;opacity:0;font:700 clamp(3.5rem, 9vw, 8.5rem)/.9 var(--display);letter-spacing:-.02em;font-variant-numeric:lining-nums;color:#0000;-webkit-text-stroke:1px color-mix(in srgb, var(--accent) 55%, transparent);transition:opacity .9s;position:absolute;top:8vh;right:5vw}.stage__canvas{z-index:2;width:100%;height:100%;position:absolute;inset:0}html[data-active-chapter] .stage__backdrop,html[data-active-chapter] .stage__year,html[data-active-chapter] .timeline{opacity:1}.timeline{z-index:3;opacity:0;background:linear-gradient(90deg,#0000,#f9e7d359 8% 92%,#0000);height:1px;transition:opacity .9s;position:absolute;bottom:6vh;left:40vw;right:5vw}.timeline__marker{top:-4px;left:calc(var(--progress,0) * 100%);background:var(--accent);width:9px;height:9px;box-shadow:0 0 18px var(--accent);border-radius:50%;margin-left:-4px;position:absolute}.timeline__tick{left:calc(var(--at) * 100%);white-space:nowrap;text-align:center;font:400 .68rem/1.4 var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);position:absolute;top:12px;transform:translate(-50%)}.timeline__tick b{font:600 .95rem var(--display);letter-spacing:.04em;color:var(--parchment);display:block}.timeline__tick:before{content:"";background:#f9e7d380;width:1px;height:7px;position:absolute;top:-15px;left:50%}main{z-index:1;position:relative}.hero{--hero-shift:0%;--hero-dim:.55;text-align:center;background:var(--ink) url(/img/hero-banner.webp) center calc(50% + var(--hero-shift)) / cover no-repeat;align-content:center;justify-items:center;gap:1.1rem;min-height:100svh;padding:7vh 6vw 5vh;display:grid;position:relative;overflow:hidden}.hero:before{content:"";background:rgb(8 6 5/var(--hero-dim));position:absolute;inset:0}.hero:after{content:"";background:linear-gradient(transparent, var(--ink));height:30%;position:absolute;inset:auto 0 0}.hero>*{z-index:1;position:relative}.hero__logo{filter:drop-shadow(0 12px 40px #0009);width:clamp(96px,min(16vw,19vh),210px);height:auto}.hero__title{font:700 clamp(2.8rem, 7vw, 6rem)/1 var(--display);color:var(--parchment)}.hero__lead{max-width:36rem;color:var(--muted)}.hero__index{grid-template-columns:repeat(4,minmax(0,min(132px,15vh)));gap:1rem;margin-top:1rem;padding:0;list-style:none;display:grid}.hero__index a{font:500 .8rem var(--body);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);gap:.5rem;text-decoration:none;display:grid}.hero__index img{aspect-ratio:1;object-fit:cover;transition:transform .4s}.hero__index a:hover img,.hero__index a:focus-visible img{transform:translateY(-6px)}.hero__scroll{letter-spacing:.3em;text-transform:uppercase;color:var(--muted);margin-top:1rem;font-size:.75rem}.hero__scroll:after{content:"";background:linear-gradient(var(--gold), transparent);width:1px;height:48px;margin:.8rem auto 0;display:block}.intro{text-align:center;background:var(--ink);align-content:center;justify-items:center;gap:2rem;min-height:100svh;padding:18vh 8vw;display:grid}.intro__quote{max-width:52rem;font:italic 500 clamp(1.8rem, 3.6vw, 3.1rem)/1.25 var(--display)}.intro__body{max-width:34rem;color:var(--muted)}.annals{background:var(--ink);padding:18vh 6vw 16vh}.annals__head{text-align:center;justify-items:center;gap:1rem;margin-bottom:10vh;display:grid}.annals__title{font:700 clamp(2.2rem, 4.6vw, 3.8rem)/1.05 var(--display)}.annals__lead{max-width:34rem;color:var(--muted)}.annals__body{position:relative}.annals__line{background:#f9e7d329;width:1px;position:absolute;top:0;bottom:0;left:50%}.annals__fill{background:linear-gradient(var(--gold), #c98a2c);transform-origin:top;position:absolute;inset:0}.annals__list{padding:0;list-style:none}.annal{grid-template-columns:1fr 1fr;grid-template-areas:"text media";align-items:center;column-gap:14vw;min-height:92vh;display:grid;position:relative}.annal--flip{grid-template-areas:"media text"}.annal__year{z-index:1;background:var(--ink);font:600 1.35rem/1 var(--display);letter-spacing:.04em;color:var(--muted);white-space:nowrap;padding:.5rem .9rem;transition:color .4s,transform .4s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.annal.is-current .annal__year{color:var(--gold);transform:translate(-50%,-50%)scale(1.3)}.annal__text{text-align:right;grid-area:text;justify-self:end;gap:.6rem;max-width:24rem;display:grid}.annal--flip .annal__text{text-align:left;justify-self:start}.annal__text h3{font:600 clamp(1.6rem, 2.6vw, 2.3rem)/1.1 var(--display)}.annal__text p{color:var(--muted)}.annal__media{flex-direction:column;grid-area:media;align-items:flex-start;gap:3rem;display:flex}.annal--flip .annal__media{align-items:flex-end}.annal__photo{will-change:transform;margin:0}.annal__photo--lg{width:min(30vw,440px)}.annal__photo--sm{align-self:flex-end;width:min(15vw,220px)}.annal--flip .annal__photo--sm{align-self:flex-start}.annal__photo img{border:1px solid #f9e7d32e;width:100%}.annal__photo figcaption{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-top:.6rem;font-size:.7rem}.wordmark{font:700 clamp(3rem, 11vw, 12rem)/.95 var(--display);letter-spacing:-.02em;white-space:nowrap;background-blend-mode:multiply;background:url(/img/khaocoky-bg-home.png) 50% 20%/cover,linear-gradient(#f6d68a,#b5762f 60%,#6b3d18);color:#0000;-webkit-background-clip:text;background-clip:text;margin-top:10vh}.chapter{height:460svh;position:relative}.chapter__pin{height:100svh;position:sticky;top:0;overflow:hidden}html:not(.no-stage) .chapter+.chapter{margin-top:-100svh}.chapter__photo{display:none}.beat{pointer-events:none;align-items:center;padding:10vh 6vw;display:flex;position:absolute;inset:0}.beat .card{pointer-events:auto}.card{text-shadow:0 2px 24px #000000b3;gap:.9rem;max-width:30rem;display:grid}.chapter__name{font:700 clamp(2.6rem, 5.5vw, 4.6rem)/1 var(--display)}.chapter__year{font:600 1.25rem var(--display);color:var(--accent);letter-spacing:.08em}.card__headline{font:600 clamp(1.6rem, 2.6vw, 2.2rem)/1.15 var(--display);color:var(--parchment)}.card__body{color:var(--muted)}.scale__live{font:700 clamp(3.6rem, 7vw, 6rem)/1 var(--display);color:var(--accent);font-variant-numeric:tabular-nums lining-nums}.scale__pair{letter-spacing:.04em;color:var(--muted);font-size:.85rem}.scale__pair b{color:var(--parchment);font-weight:500}.dig-btn{border:1px solid var(--accent);color:var(--accent);cursor:pointer;text-shadow:none;font:500 .72rem/1 var(--body);letter-spacing:.2em;text-transform:uppercase;background:0 0;border-radius:999px;justify-self:start;margin-top:.6rem;padding:.6rem 1.1rem;transition:background .25s,color .25s}.dig-btn:hover:not(:disabled){background:var(--accent);color:var(--ink)}.dig-btn:disabled{opacity:.6;cursor:default}html.can-dig,html.can-dig *{cursor:pointer}.secret{text-align:center;background:linear-gradient(#080605eb,#080605bf,#080605f2),url(/img/video-khaocoky-poster.webp) 50%/cover;align-content:center;justify-items:center;gap:1.2rem;min-height:100svh;padding:16vh 8vw;display:grid}.secret__mark{font:700 clamp(7rem, 18vw, 14rem)/.9 var(--display);color:var(--gold);text-shadow:0 0 60px #e8b95a73}.secret__title{font:700 clamp(2.2rem, 4.6vw, 3.8rem)/1.05 var(--display);max-width:40rem}.secret__body{max-width:32rem;color:var(--muted)}.finale{text-align:center;background:var(--ink);align-content:center;justify-items:center;gap:1.4rem;min-height:100svh;padding:16vh 8vw 6vh;display:grid}.finale__count{aspect-ratio:1062/256;background:url(/img/checkin-number-background.png) 50%/contain no-repeat;place-items:center;width:min(100%,640px);display:grid}.finale__count strong{font:700 clamp(2.6rem, 6vw, 4.4rem)/1 var(--display)}.finale__count span{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:.85rem}.finale__title{font:700 clamp(2rem, 4vw, 3.4rem)/1.1 var(--display);max-width:42rem}.finale__body{max-width:32rem;color:var(--muted)}.cta{font:600 .95rem var(--body);letter-spacing:.12em;text-transform:uppercase;color:#2a1606;background:linear-gradient(#f6d68a,#c98a2c);border-radius:999px;padding:.95rem 2.6rem;text-decoration:none;transition:transform .3s,box-shadow .3s;display:inline-block;box-shadow:0 10px 40px #e8b95a4d,inset 0 1px #ffffff80}.cta:hover{transform:translateY(-2px);box-shadow:0 16px 50px #e8b95a73,inset 0 1px #ffffff80}.partners{opacity:.85;flex-wrap:wrap;justify-content:center;align-items:center;gap:2rem;margin-top:10vh;display:flex}.partners img{width:auto}.memories{text-align:center;background:var(--ink);justify-items:center;gap:1rem;padding:16vh 0 10vh;display:grid;overflow:hidden}.memories__title{font:700 clamp(2rem, 4vw, 3.4rem)/1.1 var(--display);padding:0 6vw}.memories__hint{letter-spacing:.24em;text-transform:uppercase;color:var(--muted);font-size:.72rem}.cc{--card:clamp(150px, 17vw, 230px);width:100%;height:calc(var(--card) * 1.75);perspective:2200px;cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;margin-top:3vh}.cc:active{cursor:grabbing}.cc__ring{width:var(--card);height:100%;transform-style:preserve-3d;will-change:transform;margin:0 auto;position:relative}.cc__card{--face:1;width:var(--card);transform:rotateY(var(--turn)) translateZ(var(--radius));opacity:max(.12, var(--face));margin:0;position:absolute;top:0;left:0}.cc__card img{aspect-ratio:3/4;object-fit:cover;pointer-events:none;background:#1a120b;border:1px solid #f9e7d340;border-radius:10px;width:100%}.cc__card figcaption{color:var(--muted);opacity:max(0, var(--face));-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:.6rem;font-size:.8rem;line-height:1.4;display:-webkit-box;overflow:hidden}.no-stage .stage__canvas,.no-stage .timeline,.no-stage .dig-btn{display:none}.no-stage .chapter{height:auto}.no-stage .chapter__pin{height:auto;position:static;overflow:visible}.no-stage .beat{padding:6vh 6vw;position:static}.no-stage .chapter__photo,.chapter--no-model .chapter__photo{border:1px solid #f9e7d366;width:min(80vw,360px);margin:10vh auto 0;display:block}.chapter--no-model .chapter__photo{margin:0;position:absolute;top:50%;right:12vw;transform:translateY(-50%)}@media (width<=899px){.annals__line{left:0}.annal{grid-template-columns:1fr;grid-template-areas:"text""media";row-gap:2rem;min-height:auto;padding:12vh 0 0 1.5rem}.annal--flip{grid-template-areas:"text""media"}.annal__year{font-size:1.1rem;top:12vh;left:0;transform:translate(-50%,-100%)}.annal.is-current .annal__year{transform:translate(-50%,-100%)scale(1.15)}.annal__text,.annal--flip .annal__text{text-align:left;justify-self:start}.annal__media,.annal--flip .annal__media{align-items:flex-start}.annal__photo--lg{width:100%}.annal__photo--sm,.annal--flip .annal__photo--sm{align-self:flex-end;width:55%}.stage:after{background:linear-gradient(#0000 38%,#08060599 62%,#080605eb 100%)}.stage__year{top:9vh;left:6vw;right:auto}.timeline{inset:5vh 6vw auto}.timeline__tick{font-size:0}.timeline__tick b{font-size:.75rem}.beat{align-items:flex-end;padding-bottom:8vh}.card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid color-mix(in srgb, var(--accent) 45%, transparent);background:#080605b8;padding:1.25rem 1.25rem 1.4rem}.hero__index{grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem;width:100%}.hero__index a{letter-spacing:.08em;font-size:.62rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}