@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-vietnamese-wdth-normal-rJmnGBSt.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-latin-ext-wdth-normal-7khWdh9v.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-latin-wdth-normal-DY7AcnAa.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ink:#121410;--ink-2:#1a1c17;--chalk:#f2f1ea;--dim:#f2f1ea99;--faint:#f2f1ea29;--ink-dim:#12141099;--ink-faint:#12141024;--lime:#c9f36a;--sans:"Archivo Variable", "Archivo", system-ui, sans-serif;--gutter:clamp(10px, 1vw, 16px);--pad:clamp(20px, 3.2vw, 52px);--radius:clamp(14px, 1.4vw, 22px);--ease:cubic-bezier(.22, 1, .36, 1)}*,:before,:after{box-sizing:border-box}html{scrollbar-gutter:stable;background:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-stopped{overflow:clip}body{background:var(--ink);color:var(--chalk);font-family:var(--sans);margin:0;font-size:clamp(16px,1.1vw,18px);line-height:1.5;overflow-x:clip}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}figure{margin:0}::selection{background:var(--lime);color:var(--ink)}:focus-visible{outline:2px solid var(--lime);outline-offset:4px;border-radius:4px}.hero__title,.luna__name,.rule__title,.close__title,.menu__word,.footer__mark,.nav__brand,.nav__menu{text-transform:uppercase;font-weight:800;font-stretch:125%}.grain{z-index:90;pointer-events:none;opacity:.075;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1.4 -0.2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:.9s steps(6,end) infinite grain;position:fixed;inset:-50%}@keyframes grain{0%{transform:translate(0)}20%{transform:translate(-4%,3%)}40%{transform:translate(3%,-5%)}60%{transform:translate(-6%,-2%)}80%{transform:translate(5%,4%)}to{transform:translate(-2%,6%)}}.nav{z-index:70;padding:calc(var(--gutter) + clamp(16px, 1.8vw, 26px)) calc(var(--gutter) + var(--pad)) 0;color:#fff;mix-blend-mode:difference;pointer-events:none;transition:transform .6s var(--ease);justify-content:space-between;display:flex;position:fixed;inset:0 0 auto}.nav.is-hidden{transform:translateY(-160%)}.menu-open .nav{mix-blend-mode:normal;color:var(--chalk);transform:none}.nav>*{pointer-events:auto;letter-spacing:.02em;font-size:14px}.menu{z-index:60;padding:calc(var(--gutter) + 110px) calc(var(--gutter) + var(--pad)) calc(var(--gutter) + var(--pad));background:var(--ink-2);clip-path:inset(0 0 100%);visibility:hidden;flex-direction:column;justify-content:space-between;display:flex;position:fixed;inset:0}.menu__links a{border-bottom:1px solid var(--faint);padding:clamp(4px,.8vw,12px) 0;display:block;overflow:hidden}.menu__word{letter-spacing:-.02em;transition:color .3s, translate .5s var(--ease);font-size:clamp(40px,7.4vw,120px);line-height:1;display:inline-block}.menu__links a:hover .menu__word,.menu__links a:focus-visible .menu__word{color:var(--lime);translate:12px}.menu__foot{color:var(--dim);justify-content:space-between;font-size:14px;display:flex}.link{gap:.4em;padding-bottom:4px;font-weight:500;display:inline-flex;position:relative}.link:after{content:"";transform-origin:100%;height:1px;transition:transform .6s var(--ease);background:currentColor;position:absolute;bottom:0;left:0;right:0}.link:hover:after{transform:scaleX(0)}.link--big{letter-spacing:-.02em;font-size:clamp(22px,2.4vw,38px)}.hero{height:100svh;min-height:560px;padding:var(--gutter)}.hero__frame{border-radius:var(--radius);background:var(--ink-2);isolation:isolate;height:100%;position:relative;overflow:hidden}.hero__img{z-index:-2;object-fit:cover;width:100%;height:115%;position:absolute;inset:0}.hero__frame:after{content:"";z-index:-1;background:linear-gradient(#1214109e,#0000 30%),linear-gradient(#0000 30%,#1214101a 50%,#121410cc);position:absolute;inset:0}.hero__content{padding:var(--pad);position:absolute;inset:auto 0 0}.hero__title{letter-spacing:-.025em;white-space:nowrap;margin:0;font-size:clamp(44px,9.3vw,220px);line-height:.86}.hero__line{display:inline-block}.hero__foot{border-top:1px solid var(--faint);justify-content:space-between;align-items:flex-end;gap:24px;margin-top:clamp(14px,1.6vw,26px);padding-top:clamp(14px,1.6vw,22px);display:flex}.hero__tag{letter-spacing:-.01em;margin:0;font-size:clamp(17px,1.5vw,24px)}.hero__meta{color:var(--dim);text-align:right;margin:0;font-size:14px;line-height:1.35}.about{padding:22vh calc(var(--gutter) + var(--pad)) 6vh}.about__text{letter-spacing:-.035em;text-wrap:balance;max-width:22ch;margin:0;font-size:clamp(36px,5vw,92px);font-weight:500;line-height:1.03}.about__cols{max-width:920px;color:var(--dim);grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,4vw,64px);margin:clamp(56px,8vw,120px) 0 0 auto;font-size:clamp(17px,1.3vw,21px);line-height:1.45;display:grid}.about__cols p{margin:0}.luna{padding:18vh 0 16vh}.luna__intro{padding:0 calc(var(--gutter) + var(--pad)) clamp(48px, 7vw, 110px);grid-template-columns:1fr 1fr;align-items:end;gap:32px;display:grid}.luna__name{letter-spacing:-.04em;white-space:nowrap;margin:0;font-size:clamp(72px,13vw,240px);line-height:.8}.luna__lede{letter-spacing:-.015em;max-width:32ch;color:var(--dim);margin:0 0 0 auto;font-size:clamp(19px,1.7vw,28px);line-height:1.3}.day__stage{height:100svh;padding:var(--gutter) calc(var(--gutter) + var(--pad));grid-template-columns:minmax(300px,.72fr) 1.5fr;align-items:center;gap:clamp(24px,4vw,72px);display:grid;position:relative}.day__copy{grid-template-rows:auto 1fr;align-self:stretch;padding:12vh 0 10vh 28px;display:grid;position:relative}.day__clock{letter-spacing:-.03em;font-variant-numeric:tabular-nums;margin:0;font-size:clamp(64px,7.4vw,136px);font-weight:800;font-stretch:125%;line-height:.9}.day__clock span{display:inline-block}.day__steps{align-content:start;margin-top:clamp(28px,4vh,56px);display:grid;position:relative}.day__step{grid-area:1/1}.day__time{display:none}.day__title{letter-spacing:-.03em;margin:0 0 14px;font-size:clamp(26px,2.4vw,42px);font-weight:600;line-height:1.08}.day__text{max-width:34ch;color:var(--dim);margin:0;font-size:clamp(16px,1.15vw,19px)}.day__shot--inline{display:none}.day__rail{background:var(--faint);width:1px;position:absolute;top:12vh;bottom:10vh;left:0}.day__rail span{background:var(--lime);transform-origin:top;height:100%;display:block;transform:scaleY(0)}.day__device{transform-origin:100%;position:relative}.day__bezel{border-radius:var(--radius);border:1px solid var(--faint);aspect-ratio:16/10;background:#0b0c0a;padding:clamp(6px,.6vw,10px);position:relative;box-shadow:0 40px 120px -40px #000c}.day__screen{object-fit:cover;object-position:top left;border-radius:calc(var(--radius) - 8px);width:calc(100% - 2*clamp(6px,.6vw,10px));height:calc(100% - 2*clamp(6px,.6vw,10px));position:absolute;inset:clamp(6px,.6vw,10px)}.day__family{--edge:calc(var(--gutter) + var(--pad));--room:calc(100% - 2 * var(--edge));z-index:2;pointer-events:none;position:absolute;inset:0}.day__family-line{top:6vh;left:var(--edge);letter-spacing:-.03em;margin:0;font-size:clamp(26px,2.4vw,42px);font-weight:600;line-height:1.08;position:absolute}.day__tablet,.day__phone{border:1px solid var(--faint);background:#0b0c0a;padding:clamp(6px,.6vw,10px);position:absolute;box-shadow:0 40px 100px -30px #000000e6}.day__tablet{right:var(--edge);width:calc(var(--room) * .34);border-radius:calc(var(--radius) + 4px);bottom:11vh}.day__phone{right:calc(var(--edge) + var(--room) * .27);width:max(132px, calc(var(--room) * .13));border-radius:clamp(18px,1.8vw,30px);bottom:5vh}.day__tablet img,.day__phone img{border-radius:calc(var(--radius) - 4px);width:100%}.day__phone img{border-radius:clamp(13px,1.4vw,22px)}.luna__outro{padding:clamp(48px, 7vw, 110px) calc(var(--gutter) + var(--pad)) 0}html:not(.motion) .day__stage{height:auto;display:block}html:not(.motion) .day__clock,html:not(.motion) .day__rail,html:not(.motion) .day__device{display:none}html:not(.motion) .day__copy{padding:0}html:not(.motion) .day__steps{gap:12vh;margin:0}html:not(.motion) .day__step{grid-area:auto}html:not(.motion) .day__time,html:not(.motion) .day__shot--inline{display:block}html:not(.motion) .day__family{grid-template-columns:3fr 1fr;align-items:end;gap:14px;margin-top:10vh;display:grid;position:static}html:not(.motion) .day__family-line{grid-column:1/-1;position:static}html:not(.motion) .day__tablet,html:not(.motion) .day__phone{width:auto;position:static}.principles{padding:10vh calc(var(--gutter) + var(--pad)) 0}.principles__head{text-transform:uppercase;letter-spacing:-.03em;margin:0 0 clamp(40px,6vw,96px);font-size:clamp(44px,7vw,132px);font-weight:800;font-stretch:125%;line-height:.9}.rule{border-top:1px solid var(--faint);grid-template-columns:1.1fr 1fr;align-items:baseline;gap:clamp(20px,4vw,72px);padding:clamp(32px,4.4vw,64px) 0;display:grid}.rule:last-child{border-bottom:1px solid var(--faint)}.rule__title{letter-spacing:-.025em;margin:0;font-size:clamp(32px,3.8vw,68px);line-height:.95}.rule p{letter-spacing:-.01em;max-width:38ch;color:var(--dim);margin:0;font-size:clamp(18px,1.5vw,24px);line-height:1.4}.close{padding:16vh var(--gutter) var(--gutter)}.close__frame{min-height:calc(100svh - 2 * var(--gutter));border-radius:var(--radius);isolation:isolate;align-items:flex-end;display:flex;position:relative;overflow:hidden}.close__img{z-index:-2;object-fit:cover;filter:brightness(.62)saturate(.8);width:100%;height:110%;position:absolute;inset:-10% 0 0}.close__frame:after{content:"";z-index:-1;background:linear-gradient(#0000 40%,#121410d9);position:absolute;inset:0}.close__content{padding:var(--pad)}.close__title{letter-spacing:-.03em;max-width:13ch;margin:0 0 clamp(32px,4vw,60px);font-size:clamp(44px,7.6vw,148px);line-height:.9}.close__links{flex-wrap:wrap;align-items:baseline;gap:18px 44px;display:flex}.footer{padding:clamp(40px, 5vw, 72px) calc(var(--gutter) + var(--pad)) 0;font-size:14px;overflow:hidden}.footer__row{color:var(--dim);flex-wrap:wrap;justify-content:space-between;gap:14px;display:flex}.footer__row a:hover{color:var(--chalk)}.footer__credit{color:#f2f1ea61;margin:10px 0 0;font-size:13px}.footer__mark{margin:clamp(24px, 4vw, 56px) calc(-1 * (var(--gutter) + var(--pad))) 0;letter-spacing:-.04em;white-space:nowrap;text-align:center;font-size:25vw;line-height:.74}.footer__mark span{display:inline-block;transform:translateY(6%)}.js.motion [data-reveal]{opacity:0;transform:translateY(40px)}@media (width<=900px){.luna__intro{grid-template-columns:1fr}.luna__lede{margin:0}.day__stage{height:auto;display:block}.day__clock,.day__rail,.day__device{display:none}.day__copy{padding:0}.day__steps{gap:10vh;margin:0}.day__step{grid-area:auto}.day__time,.day__shot--inline{display:block}.day__stage{flex-direction:column;display:flex}.day__family{grid-template-columns:3fr 1fr;align-items:end;gap:14px;margin-top:10vh;display:grid;position:static}.day__family-line{grid-column:1/-1;margin-bottom:10px;position:static}.day__tablet,.day__phone{width:auto;position:static}.about__cols,.rule{grid-template-columns:1fr}}@media (width<=560px){.hero__foot{flex-direction:column;align-items:flex-start}.hero__meta{text-align:left}.menu__foot{flex-direction:column;gap:10px}}@media (prefers-reduced-motion:reduce){.grain{animation:none}}.day__time{font-variant-numeric:tabular-nums;color:var(--lime);margin:0 0 10px;font-size:22px;font-weight:800;font-stretch:125%}.day__shot--inline{border-radius:var(--radius);border:1px solid var(--faint);background:#0b0c0a;margin-top:24px;padding:6px}.day__shot--inline img{border-radius:calc(var(--radius) - 6px);width:100%}