@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;font-stretch:75% 100%;src:url(/assets/bricolage-grotesque-vietnamese-wdth-normal-BKE08zty.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:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;font-stretch:75% 100%;src:url(/assets/bricolage-grotesque-latin-ext-wdth-normal-DoS1gVTC.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:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;font-stretch:75% 100%;src:url(/assets/bricolage-grotesque-latin-wdth-normal-Dtb2a5nO.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{--yellow:#f2c230;--cocoa:#3a2016;--milk:#fbfaf7;--oat:#f1ebe0;--chia:#5f5a52;--yellow-deep:#d9a91c;--oat-deep:#e4d9c6;--oat-deeper:#d6c8ad;--brownie:#6b4026;--brownie-deep:#573320;--date:#a8703f;--cocoa-soft:#c9b39b;--font:"Bricolage Grotesque Variable", "Bricolage Grotesque", system-ui, sans-serif;--t-hero:clamp(42px, 6.6vw, 124px);--t-section:clamp(36px, 4.6vw, 76px);--t-statement:clamp(24px, 2.5vw, 36px);--t-body:18px;--t-small:15px;--m:clamp(16px, 2.4vw, 36px);--gap-section:clamp(80px, 9.5vw, 144px);--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1);--crimp:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='10'%3E%3Cpath d='M0 10 8 0 16 10Z'/%3E%3C/svg%3E")}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;scroll-behavior:smooth;background:var(--cocoa)}body{font-family:var(--font);font-size:var(--t-body);color:var(--cocoa);background:var(--milk);font-optical-sizing:auto;margin:0;line-height:1.5}img,svg,canvas{max-width:100%;display:block}h1,h2,h3,p{margin:0}a{color:inherit}::selection{background:var(--yellow);color:var(--cocoa)}:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.skip{left:var(--m);z-index:20;background:var(--yellow);padding:12px 18px;font-weight:700;text-decoration:none;position:absolute;top:-100px}.skip:focus{top:12px}.h-section{font-size:var(--t-section);letter-spacing:-.02em;font-weight:800;font-stretch:75%;line-height:.95}.crimped,.sachet,.button,.how-tile,.box,.cta-main{position:relative}.sachet:before,.how-tile:before,.box:before,.cta-main:before,.mark-block:before,.button:before{content:"";background:inherit;height:10px;-webkit-mask:var(--crimp) repeat-x 0 0 / 16px 10px;-webkit-mask:var(--crimp) repeat-x 0 0 / 16px 10px;mask:var(--crimp) repeat-x 0 0 / 16px 10px;position:absolute;top:-9px;left:0;right:0}.button:before{height:6px;top:-5px;-webkit-mask-size:10px 6px;mask-size:10px 6px}.button{min-height:56px;font:inherit;font-size:var(--t-body);cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;transition:transform .16s var(--ease-out), background-color .16s ease;border:0;justify-content:center;align-items:center;padding:0 28px;font-weight:700;text-decoration:none;display:inline-flex}.button:active{transform:scale(.97)}.button--cocoa{background:var(--cocoa);color:var(--yellow)}.button--small{min-height:44px;font-size:var(--t-small);background:var(--yellow);color:var(--cocoa);padding:0 18px}.button[disabled]{opacity:.7;cursor:progress}@media (hover:hover) and (pointer:fine){.button--cocoa:hover{background:var(--brownie-deep)}.button--small:hover{background:var(--milk)}}.text-link{text-underline-offset:4px;font-weight:700;text-decoration-thickness:2px}.ambient{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.tone-oat{background:var(--oat);color:var(--cocoa)}.tone-oat-deep{background:var(--oat-deep);color:var(--cocoa)}.tone-yellow{background:var(--yellow);color:var(--cocoa)}.tone-brownie{background:var(--brownie);color:var(--milk)}.tone-cocoa{background:var(--cocoa);color:var(--milk)}.tone-date{background:var(--date);color:var(--cocoa)}.tone-chia{background:var(--chia);color:var(--milk)}.hero{background:var(--cocoa);min-height:max(100svh,720px);color:var(--milk);isolation:isolate;--stack-top:max(52svh, 430px);--step:64px;position:relative;overflow:hidden}.topbar{z-index:2;padding:20px var(--m) 0;padding-top:max(20px, env(safe-area-inset-top));grid-template-columns:1fr auto 1fr;align-items:center;display:grid;position:relative}.wordmark{font-size:var(--t-statement);letter-spacing:-.02em;color:var(--yellow);font-weight:800;font-stretch:75%;text-decoration:none}.topbar-link{font-size:var(--t-small);justify-self:end;padding:12px 0;font-weight:600;text-decoration:none}@media (hover:hover) and (pointer:fine){.topbar-link:hover{color:var(--yellow)}}.hero-copy{z-index:2;padding:clamp(36px, 7svh, 84px) var(--m) 0;text-align:center;position:relative}.hero-title{font-size:var(--t-hero);letter-spacing:-.015em;text-transform:uppercase;color:var(--milk);text-wrap:balance;margin:0 auto;font-weight:800;font-stretch:75%;line-height:.9}.hero-sub{max-width:46ch;color:var(--oat);margin:28px auto 0;font-size:20px;line-height:1.45}.stack{inset:var(--stack-top) 0 0 0;z-index:1;position:absolute}.sachet{width:86%;left:7%;top:calc(var(--i) * var(--step));height:calc(100% + 40px);transition:transform .24s var(--ease-out);text-decoration:none;display:block;position:absolute}.sachet--oat{background:var(--oat-deep);color:var(--cocoa)}.sachet--chia{background:var(--chia);color:var(--milk)}.sachet--date{background:var(--date);color:var(--cocoa)}.sachet--brownie{background:var(--brownie);color:var(--milk)}.sachet--front{background:var(--yellow);color:var(--cocoa);top:calc(var(--i) * var(--step) + 44px)}.sachet-label{top:16px;left:var(--x);font-size:18px;font-weight:700;position:absolute}@media (hover:hover) and (pointer:fine){a.sachet:hover{transform:translateY(-10px)}}.tear-strip{background:var(--yellow);height:36px;font-size:var(--t-small);transform-origin:0 100%;justify-content:flex-end;align-items:center;padding:0 24px;font-weight:700;display:flex;position:absolute;top:-44px;left:0;right:0}.tear-strip:before{content:"";background:inherit;height:10px;-webkit-mask:var(--crimp) repeat-x 0 0 / 16px 10px;-webkit-mask:var(--crimp) repeat-x 0 0 / 16px 10px;mask:var(--crimp) repeat-x 0 0 / 16px 10px;position:absolute;top:-9px;left:0;right:0}@media (prefers-reduced-motion:no-preference){.js .tear-strip{animation:tear .9s var(--ease-in-out) .9s forwards}}@keyframes tear{to{opacity:0;transform:translate(6%,-70px)rotate(-5deg)}}.front-inner{flex-wrap:wrap;align-items:center;gap:16px 28px;padding:32px clamp(24px,4vw,48px);display:flex}.front-print{font-size:var(--t-small);font-weight:600}.how{padding:var(--gap-section) var(--m);background:var(--oat);grid-template-columns:repeat(12,1fr);column-gap:10px;display:grid;position:relative}.how-title{z-index:1;grid-area:1/1/auto/8;align-self:start;position:relative}.how-steps{grid-area:1/1/auto/-1;grid-template-columns:repeat(12,1fr);align-items:end;column-gap:10px;margin:0;padding:0;list-style:none;display:grid}.how-step--1{--tile:30vh;grid-column:1/4}.how-step--2{--tile:44vh;grid-column:4/8}.how-step--3{--tile:60vh;grid-column:8/13}.how-tile{height:var(--tile);place-items:center;min-height:220px;padding:8% 0;display:grid}.how-tile svg{width:auto;height:100%}.how-name{margin-top:20px;font-size:20px;font-weight:700}.how-text{max-width:34ch;min-height:4.5em;margin-top:6px}.inside{padding:var(--gap-section) var(--m);background:var(--milk);grid-template-columns:repeat(12,1fr);column-gap:10px;display:grid}.statement{font-size:var(--t-statement);letter-spacing:-.01em;grid-column:1/12;max-width:34em;font-weight:600;line-height:1.3}.slot{vertical-align:-.12em;border-radius:.18em;width:1.9em;height:1em;display:inline-block;overflow:hidden}.slot svg{width:100%;height:100%}.inside-foot{grid-column:7/13;justify-items:start;gap:16px;margin-top:64px;display:grid}.sweet{isolation:isolate;padding:var(--gap-section) var(--m);background:var(--brownie);color:var(--milk);grid-template-columns:repeat(12,1fr);align-items:center;column-gap:10px;display:grid;position:relative;overflow:hidden}.sweet .ambient{z-index:-1}.sweet-copy{grid-area:1/1/auto/7;align-self:end}.sweet-lead{max-width:40ch;color:var(--oat);margin-top:28px;font-size:20px}.picker{border:0;flex-wrap:wrap;grid-area:2/1/auto/7;align-self:start;gap:8px;margin:40px 0 0;padding:0;display:flex}.pick{background:var(--brownie-deep);min-height:56px;color:var(--milk);cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;transition:background-color .16s ease, color .16s ease, transform .16s var(--ease-out);align-items:center;padding:0 24px;font-weight:700;display:inline-flex;position:relative}.pick input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.pick:active{transform:scale(.97)}.pick.is-on{background:var(--yellow);color:var(--cocoa)}.pick:has(input:focus-visible){outline:3px solid var(--yellow);outline-offset:3px}@media (hover:hover) and (pointer:fine){.pick:not(.is-on):hover{background:var(--cocoa)}}.sweet-result{grid-area:1/8/3/13;grid-template-rows:1fr auto;grid-template-columns:auto 1fr;align-self:center;column-gap:32px;display:grid}.sweet-jar{aspect-ratio:3/4.4;grid-row:1/3;width:clamp(110px,12vw,170px)}.jar-glass{background:#fbfaf71f;border-radius:0 0 18px 18px;height:100%;position:relative;overflow:hidden}.jar-base{background:var(--cocoa);border-radius:0 0 12px 12px;height:52%;position:absolute;bottom:6%;left:8%;right:8%}.jar-dates{background:var(--date);transform-origin:50% 100%;height:22%;transform:scaleY(var(--share));transition:transform .42s var(--ease-in-out);position:absolute;bottom:58%;left:8%;right:8%}.sweet-grams{font-size:var(--t-section);color:var(--yellow);align-self:end;font-weight:800;font-stretch:75%;line-height:1}.sweet-note{grid-column:2;align-self:start;max-width:30ch;margin-top:10px}.sweet-est{font-size:var(--t-small);color:var(--cocoa-soft);margin-top:8px;display:block}.boxes{padding:var(--gap-section) var(--m);background:var(--oat);grid-template-columns:repeat(12,1fr);align-items:end;column-gap:8px;display:grid}.boxes-head{grid-area:1/1/auto/8;align-self:start;gap:20px;max-width:30ch;display:grid}.boxes-head .h-section{max-width:10ch}.box{flex-direction:column;grid-row:1;padding:28px 28px 0;display:flex}.box--1{grid-column:1/5;height:360px}.box--2{grid-column:5/9;height:480px}.box--3{grid-column:9/13;height:600px}.box-name{font-size:var(--t-statement);font-weight:800;font-stretch:85%;line-height:1}.box-lines{font-size:var(--t-body);gap:6px;margin:16px 0 0;padding:0;list-style:none;display:grid}.box-action{align-items:center;min-height:64px;margin:auto -28px 0;padding:0 28px;font-weight:700;text-decoration:none;transition:background-color .16s;display:flex}.box--1 .box-action{background:var(--oat-deeper)}.box--2 .box-action{background:var(--yellow-deep)}.box--3 .box-action{background:var(--brownie-deep)}@media (hover:hover) and (pointer:fine){.box-action:hover{background:var(--cocoa);color:var(--yellow)}}.faq{padding:var(--gap-section) var(--m);background:var(--milk);grid-template-columns:repeat(12,1fr);column-gap:10px;display:grid}.faq-title{grid-column:1/5;align-self:start;max-width:7ch;position:sticky;top:96px}.faq-list{grid-column:5/13;gap:8px;display:grid}.faq-item{background:var(--oat);transition:background-color .2s}.faq-item summary{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:24px;min-height:72px;padding:16px 24px;font-size:20px;font-weight:600;list-style:none;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-item p{max-width:52ch;font-size:var(--t-body);padding:0 24px 26px}.faq-item[open]{background:var(--yellow)}.plus{flex:none;width:16px;height:16px;position:relative}.plus:before,.plus:after{content:"";width:16px;height:3px;transition:transform .2s var(--ease-out);background:currentColor;position:absolute;top:6.5px;left:0}.plus:after{transform:rotate(90deg)}.faq-item[open] .plus:after{transform:rotate(0)}@media (hover:hover) and (pointer:fine){.faq-item:not([open]):hover{background:var(--oat-deep)}}.cta{padding:12px 0 var(--gap-section);background:var(--milk);grid-template-columns:repeat(12,1fr);column-gap:12px;display:grid;overflow:hidden}.cta-flank{min-height:380px;position:relative;overflow:hidden}.cta-flank--left{background:var(--cocoa);grid-column:1/3;margin-left:-40px}.cta-flank--right{background:var(--brownie);grid-column:11/13;margin-right:-40px}.cta-main{background:var(--yellow);flex-direction:column;grid-column:3/11;justify-content:center;gap:18px;padding:48px clamp(24px,4vw,56px);display:flex}.cta-lead{max-width:44ch}.cta-form{gap:16px;margin-top:6px;display:grid}.field-row{max-width:560px;display:flex}.field-row input{background:var(--milk);min-width:0;min-height:56px;color:var(--cocoa);font:inherit;border:0;border-radius:0;flex:1;padding:0 18px;font-size:18px}.field-row input::placeholder{color:var(--chia)}.field-row input:focus-visible{outline:3px solid var(--cocoa);outline-offset:0}.field-row .button:before{display:none}.consent{max-width:56ch;font-size:var(--t-small);cursor:pointer;align-items:flex-start;gap:12px;line-height:1.45;display:flex}.consent input{width:22px;height:22px;accent-color:var(--cocoa);flex:none;margin:0}.form-msg{font-weight:700;font-size:var(--t-small)}.cta-done{justify-items:start;gap:20px;display:grid}.trap{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.footer{background:var(--cocoa);color:var(--milk);padding:72px var(--m) max(32px, env(safe-area-inset-bottom))}.footer-mark{align-items:flex-end;gap:4px;height:34svh;min-height:220px;display:flex}.mark-block{height:var(--h);color:var(--cocoa);flex:1;place-items:end center;padding-bottom:.06em;font-size:min(15vw,26svh);font-weight:800;font-stretch:75%;line-height:.78;display:grid;position:relative;overflow:visible}.footer-cols{grid-template-columns:repeat(12,1fr);column-gap:10px;margin-top:56px;display:grid}.footer-links{font-size:var(--t-small);grid-column:1/9;grid-template-columns:repeat(4,max-content);gap:10px 48px;display:grid}.footer-links a,.footer-contact a{padding:4px 0;text-decoration:none}.footer-contact{font-size:var(--t-small);color:var(--oat);grid-column:9/13;justify-items:start;gap:6px;display:grid}@media (hover:hover) and (pointer:fine){.footer-links a:hover,.footer-contact a:hover{color:var(--yellow)}}.footer-last{font-size:var(--t-small);color:var(--cocoa-soft);justify-content:space-between;align-items:center;margin-top:56px;display:flex}@media (prefers-reduced-motion:no-preference){.js [data-reveal]{transition:opacity .7s var(--ease-out) var(--d,0s), transform .7s var(--ease-out) var(--d,0s)}.js.reveal-ready [data-reveal]:not(.in){opacity:0;transform:translateY(24px)}.js .hero-title,.js .hero-sub,.js .sachet{animation:rise .9s var(--ease-out) both}.js .hero-sub{animation-delay:90ms}.js .sachet{animation-delay:calc(.16s + var(--i) * 70ms)}}@keyframes rise{0%{opacity:0;transform:translateY(28px)}}@media (width<=960px){.sweet-copy,.sweet-result,.picker{grid-column:1/-1}.sweet-result{grid-row:2}.picker{grid-row:3}.sweet-result{margin-top:56px}.footer-links{grid-template-columns:repeat(2,max-content)}}@media (width<=720px){.hero{--step:52px;--stack-top:max(50svh, 400px);min-height:max(100svh,680px)}.topbar{grid-template-columns:auto 1fr}.topbar-spacer{display:none}.hero-copy{padding-top:56px}.hero-title{font-size:11.2vw}.hero-sub{font-size:var(--t-body);margin-top:20px}.sachet{width:100%;left:0}.sachet-label{font-size:var(--t-small);top:12px}.sachet--oat .sachet-label{left:auto;right:16px}.sachet--chia .sachet-label{left:16px}.sachet--date .sachet-label{left:38%}.sachet--brownie .sachet-label{left:auto;right:16px}.front-inner{padding:24px 16px}.front-inner .button{width:100%}.how,.inside,.sweet,.boxes,.faq,.cta,.footer-cols{grid-template-columns:1fr}.how-title,.how-steps,.statement,.inside-foot,.boxes-head,.box,.faq-title,.faq-list,.cta-main,.footer-links,.footer-contact{grid-area:auto/1/auto/-1}.how-steps{grid-template-columns:1fr;gap:28px;margin-top:32px}.how-step--1,.how-step--2,.how-step--3{grid-column:1/-1}.how-step--1 .how-tile{height:52vw}.how-step--2 .how-tile{height:64vw}.how-step--3 .how-tile{height:80vw}.how-name{margin-top:14px;font-size:20px}.how-text{min-height:0}.inside-foot{margin-top:40px}.statement{font-size:21px}.slot{width:1.4em}.boxes{row-gap:8px}.boxes-head{margin-bottom:32px}.box--1,.box--2,.box--3{height:auto}.box-lines{margin-bottom:28px}.faq-title{max-width:none;margin-bottom:28px;position:static}.faq-list{gap:6px}.faq-item summary{font-size:var(--t-body);min-height:64px;padding:14px 20px}.faq-item p{padding:0 20px 22px}.cta{padding:0 var(--m) var(--gap-section);grid-template-columns:1fr 1fr;gap:12px}.cta-main{grid-area:1/1/auto/-1;padding:40px 20px 32px}.cta-flank{grid-row:2;min-height:120px;margin:0}.cta-flank--left{grid-column:1}.cta-flank--right{grid-column:2}.field-row{flex-direction:column;gap:8px}.footer-mark{gap:3px;height:22svh;min-height:150px}.footer-links{grid-template-columns:repeat(2,max-content);gap:6px 40px}.footer-contact{margin-top:28px}.footer-last{margin-top:36px}}.hero-media{z-index:-1;position:absolute;inset:0;overflow:hidden}.hero-slide{opacity:0;transform:scale(calc(1.04 + var(--p,0) * .12));transform-origin:50% 30%;transition:opacity 1.2s;position:absolute;inset:0}.hero-slide.is-on{opacity:1}.hero-slide video,.hero-slide img{object-fit:cover;width:100%;height:100%}@media (prefers-reduced-motion:no-preference){.hero-slide img{animation:14s ease-in-out infinite alternate drift}}@keyframes drift{to{transform:scale(1.08)translate(-1.5%,-1%)}}.hero-scrim{background:#3a2016bd;position:absolute;inset:0}.hero-copy{translate:0 calc(var(--p,0) * -80px)}.hero .sachet{translate:0 calc(var(--p,0) * (4 - var(--i)) * -46px)}.how-step{--g:min(1, max(0, calc(var(--e,1) * 1.7 - var(--k,0) * .28)))}.how-tile{clip-path:inset(calc((1 - var(--g)) * 55% - 12px) 0 0 0)}.how-tile svg{translate:0 calc((1 - var(--g)) * 40px)}.box{translate:0 calc((1 - min(1, max(0, calc(var(--e,1) * 1.6 - var(--k,0) * .22)))) * var(--rise,80px))}.box--1{--k:0;--rise:60px}.box--2{--k:1;--rise:110px}.box--3{--k:2;--rise:160px}.footer-mark{padding-top:12px;overflow:hidden}.mark-block{translate:0 calc((1 - min(1, max(0, calc(var(--e,1) * 1.5 - var(--k,0) * .07)))) * 70%)}.strip{margin:72px calc(var(--m) * -1) 0;grid-column:1/-1;overflow:hidden}.strip-track{padding:12px var(--m) 0;width:max-content;translate:calc((.55 - var(--p,.5)) * 34vw) 0;gap:10px;margin:0;list-style:none;display:flex}.strip-item{flex:none;width:clamp(240px,23vw,380px)}.strip-item figure{margin:0}.strip-pic{aspect-ratio:4/5;background:var(--oat-deep);--g:min(1, max(0, calc(var(--e,1) * 1.5 - var(--k,0) * .12)));clip-path:inset(calc((1 - var(--g)) * 60% - 12px) 0 0 0);position:relative}.strip-pic:before{content:"";background:inherit;height:10px;-webkit-mask:var(--crimp) repeat-x 0 0 / 16px 10px;-webkit-mask:var(--crimp) repeat-x 0 0 / 16px 10px;mask:var(--crimp) repeat-x 0 0 / 16px 10px;position:absolute;top:-9px;left:0;right:0}.strip-pic>img,.strip-pic>video,.strip-pic>svg{object-fit:cover;width:100%;height:100%}.strip-item:nth-child(2n) .strip-pic{background:var(--brownie)}.strip-item figcaption{gap:2px;margin-top:16px;display:grid}.strip-item strong{font-size:20px}.strip-item figcaption span{font-size:var(--t-small);color:var(--chia)}.slot>img,.slot>video{object-fit:cover;width:100%;height:100%}.credits{max-width:90ch;font-size:var(--t-small);color:var(--cocoa-soft);margin-top:40px}.credits a{color:var(--oat)}@media (width<=720px){.strip{scroll-snap-type:x mandatory;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;margin-top:48px;overflow-x:auto}.strip-track{translate:none}.strip-item{scroll-snap-align:start;width:72vw;scroll-margin-left:var(--m)}}.overnight{padding:var(--gap-section) var(--m);background:var(--cocoa);color:var(--milk);grid-template-columns:repeat(12,1fr);align-items:center;column-gap:10px;display:grid}.overnight[hidden]{display:none}.overnight-copy{grid-column:1/6}.overnight-lead{max-width:22ch;font-size:var(--t-statement);margin-top:24px;line-height:1.2}.overnight-note{font-size:var(--t-small);color:var(--cocoa-soft);margin-top:16px}.overnight-window{--ar:.5625;width:min(100%, calc(min(72vh, 760px) * var(--ar)));aspect-ratio:var(--ar);background:var(--brownie-deep);grid-column:7/13;justify-self:center;margin:0;position:relative}.overnight-window:before{content:"";background:inherit;height:10px;-webkit-mask:var(--crimp) repeat-x 0 0 / 16px 10px;-webkit-mask:var(--crimp) repeat-x 0 0 / 16px 10px;mask:var(--crimp) repeat-x 0 0 / 16px 10px;position:absolute;top:-9px;left:0;right:0}.overnight-window video{object-fit:cover;width:100%;height:100%;display:block}.overnight-controls{flex-wrap:wrap;gap:8px;display:flex;position:absolute;bottom:12px;left:12px;right:12px}.overnight-window.is-missing{border:2px dashed var(--cocoa-soft);background:0 0}.overnight-window.is-missing:before{display:none}.overnight-placeholder{text-align:center;height:100%;color:var(--oat);align-content:center;gap:12px;padding:24px;display:grid}.overnight-placeholder p{margin:0}.overnight-placeholder code{font-size:var(--t-small);word-break:break-all;color:var(--yellow)}.overnight-small{font-size:var(--t-small);color:var(--cocoa-soft)}@media (width<=960px){.overnight-copy,.overnight-window{grid-column:1/-1}.overnight-window{margin-top:56px}}