:root{--vt-c-white:#fff;--vt-c-white-soft:#f8f8f8;--vt-c-white-mute:#f2f2f2;--vt-c-black:#181818;--vt-c-black-soft:#222;--vt-c-black-mute:#282828;--vt-c-indigo:#2c3e50;--vt-c-divider-light-1:#3c3c3c4a;--vt-c-divider-light-2:#3c3c3c1f;--vt-c-divider-dark-1:#545454a6;--vt-c-divider-dark-2:#5454547a;--vt-c-text-light-1:var(--vt-c-indigo);--vt-c-text-light-2:#3c3c3ca8;--vt-c-text-dark-1:var(--vt-c-white);--vt-c-text-dark-2:#ebebeba3;--color-background:var(--vt-c-black);--color-background-soft:var(--vt-c-black-soft);--color-background-mute:var(--vt-c-black-mute);--color-border:var(--vt-c-divider-dark-2);--color-border-hover:var(--vt-c-divider-dark-1);--color-heading:var(--vt-c-text-dark-1);--color-text:var(--vt-c-text-dark-2);--section-gap:160px}@media (prefers-color-scheme:light){:root{--color-background:var(--vt-c-white);--color-background-soft:var(--vt-c-white-soft);--color-background-mute:var(--vt-c-white-mute);--color-border:var(--vt-c-divider-light-2);--color-border-hover:var(--vt-c-divider-light-1);--color-heading:var(--vt-c-text-light-1);--color-text:var(--vt-c-text-light-1)}}@media (prefers-color-scheme:dark){:root{--color-background:var(--vt-c-black);--color-background-soft:var(--vt-c-black-soft);--color-background-mute:var(--vt-c-black-mute);--color-border:var(--vt-c-divider-dark-2);--color-border-hover:var(--vt-c-divider-dark-1);--color-heading:var(--vt-c-text-dark-1);--color-text:var(--vt-c-text-dark-2)}}*,:before,:after{box-sizing:border-box;margin:0}body{min-height:100vh;color:var(--color-text);background:var(--color-background);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;line-height:1.6;transition:color .5s,background-color .5s}html{-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0}main{display:block}h1{margin:.67em 0;font-size:2em}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace;font-size:1em}a{background-color:#0000}abbr[title]{border-bottom:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:100%;line-height:1.15}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner{border-style:none;padding:0}[type=button]::-moz-focus-inner{border-style:none;padding:0}[type=reset]::-moz-focus-inner{border-style:none;padding:0}[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring{outline:1px dotted buttontext}[type=button]:-moz-focusring{outline:1px dotted buttontext}[type=reset]:-moz-focusring{outline:1px dotted buttontext}[type=submit]:-moz-focusring{outline:1px dotted buttontext}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;white-space:normal;max-width:100%;padding:0;display:table}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button{height:auto}[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template,[hidden]{display:none}:root{--bg:#edccbe;--surface:#e8c2b2;--paper:#f6e4dc;--ink:#351a2b;--muted:#6c4857;--accent:#351a2b;--accent-ink:#edccbe;--step-small:.875rem;--step-body:clamp(1.0625rem, 1rem + .25vw, 1.1875rem);--step-lead:clamp(1.25rem, 1.1rem + .7vw, 1.625rem);--step-head:clamp(2rem, 1.3rem + 2.2vw, 3rem);--step-display:clamp(2.25rem, 1.2rem + 2.4vw, 3.25rem);--gap:12px;--radius:20px;--pad:clamp(24px, 4vw, 64px);--ease:cubic-bezier(.2, .7, .2, 1);--font-display:"Boska", Georgia, serif;--font-text:"Source Serif 4", Georgia, serif}body{background:var(--ink);color:var(--ink);font-family:var(--font-text);font-size:var(--step-body);letter-spacing:0;line-height:1.5}:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.page{gap:var(--gap);padding:var(--gap);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;display:grid}.stage{top:var(--gap);height:calc(100vh - var(--gap) * 2);height:calc(100svh - var(--gap) * 2);gap:var(--gap);flex-direction:column;order:2;display:flex;position:sticky}.stage-media{aspect-ratio:16/9;border-radius:var(--radius);background:var(--surface);flex-shrink:0;overflow:hidden}.stage-video,.background-logo{object-fit:contain;transform-origin:0 0;width:100%;height:100%;display:block;transform:scale(1.08)}.stage-bar{border-radius:var(--radius);background:var(--bg);min-height:56px;font-size:var(--step-small);font-variant-numeric:tabular-nums;flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:0 24px;display:flex}.stage-still{border-radius:var(--radius);background:var(--surface);flex:1;min-height:0;overflow:hidden}.stage-still img{object-fit:cover;width:100%;height:100%;animation:24s ease-in-out infinite alternate drift}@keyframes drift{0%{transform:scale(1.02)}to{transform:scale(1.1)translate(-2%)}}.sheet{min-height:calc(100svh - var(--gap) * 2);background:var(--bg);border-radius:var(--radius);padding:32px var(--pad) 40px;flex-direction:column;order:1;display:flex;container-type:inline-size}.sheet>*{width:100%;max-width:46ch;margin-inline:auto}.sheet>.title{text-align:center;max-width:none;padding-top:4svh}.title .lede{max-width:46ch;margin-inline:auto}.wordmark{font-family:var(--font-display);font-size:var(--step-lead);font-weight:500}h1{font-family:var(--font-display);font-size:var(--step-display);letter-spacing:-.02em;margin-top:8svh;font-weight:400;line-height:.95}.lede{font-size:var(--step-body);margin-top:32px}.dough-settings{flex-direction:column;gap:28px;margin-top:64px;display:flex}.dough-settings label{grid-template-columns:1fr auto;align-items:baseline;row-gap:8px;display:grid}.dough-settings strong{font-family:var(--font-display);font-size:var(--step-head);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-weight:400;line-height:1}.slider-container{grid-column:1/-1;grid-template-columns:44px 1fr 44px;align-items:center;gap:14px;display:grid}button{background:var(--accent);color:var(--accent-ink);font:inherit;cursor:pointer;transition:background-color .2s, transform .15s var(--ease);border:0;border-radius:999px}button:hover{background:var(--muted)}button:active{transform:scale(.94)}.slider-container button{width:44px;height:44px;font-family:var(--font-text);font-size:22px;font-weight:600;line-height:1}input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;height:44px}input[type=range]::-webkit-slider-runnable-track{background:var(--ink);border-radius:2px;height:4px}input[type=range]::-moz-range-track{background:var(--ink);border-radius:2px;height:4px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--ink);border:4px solid var(--bg);width:26px;height:26px;transition:transform .15s var(--ease);border-radius:50%;margin-top:-11px}input[type=range]::-moz-range-thumb{background:var(--ink);border:4px solid var(--bg);border-radius:50%;width:22px;height:22px}input[type=range]:active::-webkit-slider-thumb{transform:scale(1.2)}.share-row{align-items:center;gap:16px;margin-top:40px;display:flex}.btn-share{align-items:center;gap:10px;min-height:48px;padding:0 24px;display:inline-flex}.share-icon{flex-shrink:0}.share-feedback{font-size:var(--step-small)}.sheet>.empty-state{max-width:none;font-size:min(var(--step-lead), 4.1cqi);white-space:nowrap;text-align:center;margin-top:40px;line-height:1.3}.container{flex-direction:column;gap:clamp(80px,10vw,140px);max-width:none;margin-top:clamp(80px,10vw,140px);display:flex}h2{font-family:var(--font-display);font-size:var(--step-head);letter-spacing:-.02em;font-weight:400;line-height:1}.responsive-img{aspect-ratio:16/10;object-fit:cover;border-radius:var(--radius);width:100%;margin-top:28px;display:block}.ingredients{background:var(--ink);color:var(--bg);border-radius:var(--radius);padding:40px clamp(20px,3vw,40px)}.ingredients ul{font-size:var(--step-lead);font-variant-numeric:tabular-nums;gap:14px;margin-top:28px;padding:0;list-style:none;display:grid}.ingredients li{align-items:baseline;gap:10px;min-width:0;display:flex}.ingredients li strong{white-space:nowrap;font-weight:500}.leader{white-space:nowrap;opacity:.6;flex:1;min-width:0;overflow:hidden}.leader:after{content:"· · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · ·"}.recipe-when{font-size:var(--step-lead);margin-top:16px;line-height:1.3}.slip{background:var(--paper);clip-path:polygon(0 0,100% 0,100% calc(100% - 14px),95% 100%,90% calc(100% - 14px),85% 100%,80% calc(100% - 14px),75% 100%,70% calc(100% - 14px),65% 100%,60% calc(100% - 14px),55% 100%,50% calc(100% - 14px),45% 100%,40% calc(100% - 14px),35% 100%,30% calc(100% - 14px),25% 100%,20% calc(100% - 14px),15% 100%,10% calc(100% - 14px),5% 100%,0 calc(100% - 14px));margin-top:28px;padding:32px 28px 56px}.slip h3{font-family:var(--font-display);font-size:var(--step-lead);font-weight:500;line-height:1.2}.slip ol+h3{margin-top:36px}.slip ol{gap:12px;margin-top:16px;padding-left:1.6em;display:grid}.slip li::marker{color:var(--muted)}.slip .slip-last{background:var(--ink);color:var(--bg);margin-top:8px;margin-left:-1.6em;margin-right:-28px;padding:12px 28px 12px 1.6em;list-style:none}.footer{font-size:var(--step-small);margin-top:clamp(120px,14vw,200px)}.title>*,.dough-settings>label,.share-row{animation:rise .8s var(--ease) both}.title>:nth-child(2){animation-delay:80ms}.title>:nth-child(3){animation-delay:.16s}.dough-settings>label:first-child{animation-delay:.24s}.dough-settings>label:nth-child(2){animation-delay:.32s}.dough-settings>label:nth-child(3){animation-delay:.4s}.share-row{animation-delay:.48s}@keyframes rise{0%{opacity:0;transform:translateY(20px)}}.responsive-img{transition:transform .6s var(--ease)}.responsive-img:hover{transform:scale(1.02)}.slide-fade-enter-active{transition:opacity .6s cubic-bezier(.25,.8,.25,1),transform .6s cubic-bezier(.25,.8,.25,1)}.slide-fade-leave-active{transition:opacity .4s,transform .4s}.slide-fade-enter-from,.slide-fade-leave-to{opacity:0;transform:translateY(40px)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}@media only screen and (width<=900px){:root{--pad:20px}.page{display:block}.stage{top:var(--gap);order:0;height:auto;position:sticky}.stage-still{display:none}.stage-bar{padding:0 16px}.sheet{z-index:1;margin-top:var(--gap);min-height:0;position:relative}.sheet>.title{padding-top:8px}h1{margin-top:40px;font-size:clamp(1.75rem,8.4vw,2.75rem)}.dough-settings{margin-top:48px}.dough-settings label:first-child{order:1}.dough-settings label:nth-child(2){order:3}.dough-settings label:nth-child(3){order:2}.slip{padding:24px 20px 48px}.slip .slip-last{margin-right:-20px;padding-right:20px}.footer{margin-top:20vh}}