@font-face{font-family:"Colaborate";src:url("/assets/fonts/Colaborate-Regular.8c0fd026ab.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Cal Sans UI";src:url("/assets/fonts/CalSansUI-VF.de9918f626.woff2") format("woff2");font-weight:300 700;font-style:normal;font-display:swap}
@font-face{font-family:"Cal Sans UI Text";src:url("/assets/fonts/CalSansText-Light.0427a6e1d2.woff2") format("woff2");font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:"Cal Sans UI Text";src:url("/assets/fonts/CalSansText-Regular.84d3a3d7a5.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Cal Sans UI Text";src:url("/assets/fonts/CalSansText-Medium.5c9ec2a952.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Cal Sans UI Fallback";src:local("Arial");size-adjust:109.26%;ascent-override:82.37%;descent-override:20.14%;line-gap-override:0%}
@font-face{font-family:"Cal Sans UI Text Fallback";src:local("Arial");size-adjust:110.66%;ascent-override:81.33%;descent-override:19.88%;line-gap-override:0%}
@font-face{font-family:"Colaborate Fallback";src:local("Arial");size-adjust:94.32%;ascent-override:88.53%;descent-override:26.19%;line-gap-override:0%}
:root{color-scheme:light dark;--wrap-max:64rem;
  
  --radius-card:12px;
  
  --border-interactive:color-mix(in srgb, var(--text-primary) 50%, var(--surface-ground))}
*{box-sizing:border-box}
body{margin:0;background:var(--surface-ground);color:var(--text-secondary);font-family:var(--font-text);font-size:var(--text-body);line-height:var(--lh-body);overflow-x:clip}

h1,h2,h3{font-family:var(--font-content);font-weight:var(--weight-regular);color:var(--text-primary);letter-spacing:var(--tracking-heading);margin:0 0 var(--space-7)}
h1{font-size:var(--text-section);line-height:var(--lh-section)}
h2{font-size:var(--text-title);line-height:var(--lh-title)}
p{margin:0 0 var(--space-7)}
a{color:inherit}
:focus-visible{outline:2px solid var(--text-primary);outline-offset:2px}
.skip-link{position:absolute;left:var(--space-7);top:-100px;z-index:10;background:var(--surface-ground);color:var(--text-primary);padding:var(--space-5) var(--space-7);border-radius:var(--radius-button)}
.skip-link:focus{top:var(--space-6)}

.page--wide main .wrap{max-width:none;padding:0}
.wrap{max-width:var(--wrap-max);margin:0 auto;padding:var(--space-9) var(--space-7)}

.grid { --grid-columns: var(--layout-grid-columns-sm); --grid-gutter: var(--layout-grid-gutter); --grid-margin: var(--layout-grid-margin); box-sizing: border-box; display: grid; grid-template-columns: repeat(var(--grid-columns), minmax(0, 1fr)); column-gap: var(--grid-gutter); width: 100%; max-width: var(--layout-wrap); margin-inline: auto; padding-inline: var(--grid-margin); }
.grid > * { min-width: 0; }
.grid .grid { max-width: none; margin-inline: 0; padding-inline: 0; }
.grid-bleed { box-sizing: border-box; width: 100%; }
.col-full { grid-column: 1 / -1; }
.col-span-1 { grid-column: span 1 / span 1; }
.col-span-2 { grid-column: span 2 / span 2; }
.col-span-3 { grid-column: span 3 / span 3; }
.col-span-4 { grid-column: span 4 / span 4; }
@media (min-width: 640px) {
  .grid { --grid-columns: var(--layout-grid-columns-md); --grid-margin: var(--layout-wrap-padding-narrow); }
  .md\:col-full { grid-column: 1 / -1; }
  .md\:col-span-1 { grid-column: span 1 / span 1; }
  .md\:col-span-2 { grid-column: span 2 / span 2; }
  .md\:col-span-3 { grid-column: span 3 / span 3; }
  .md\:col-span-4 { grid-column: span 4 / span 4; }
  .md\:col-span-5 { grid-column: span 5 / span 5; }
  .md\:col-span-6 { grid-column: span 6 / span 6; }
  .md\:col-span-7 { grid-column: span 7 / span 7; }
  .md\:col-span-8 { grid-column: span 8 / span 8; }
}
@media (min-width: 1024px) {
  .grid { --grid-columns: var(--layout-grid-columns-lg); --grid-gutter: var(--layout-grid-gutter-lg); --grid-margin: var(--layout-wrap-padding); }
  .lg\:col-full { grid-column: 1 / -1; }
  .lg\:col-span-1 { grid-column: span 1 / span 1; }
  .lg\:col-span-2 { grid-column: span 2 / span 2; }
  .lg\:col-span-3 { grid-column: span 3 / span 3; }
  .lg\:col-span-4 { grid-column: span 4 / span 4; }
  .lg\:col-span-5 { grid-column: span 5 / span 5; }
  .lg\:col-span-6 { grid-column: span 6 / span 6; }
  .lg\:col-span-7 { grid-column: span 7 / span 7; }
  .lg\:col-span-8 { grid-column: span 8 / span 8; }
  .lg\:col-span-9 { grid-column: span 9 / span 9; }
  .lg\:col-span-10 { grid-column: span 10 / span 10; }
  .lg\:col-span-11 { grid-column: span 11 / span 11; }
  .lg\:col-span-12 { grid-column: span 12 / span 12; }
  .lg\:col-start-1 { grid-column-start: 1; }
  .lg\:col-start-2 { grid-column-start: 2; }
  .lg\:col-start-3 { grid-column-start: 3; }
  .lg\:col-start-4 { grid-column-start: 4; }
  .lg\:col-start-5 { grid-column-start: 5; }
  .lg\:col-start-6 { grid-column-start: 6; }
  .lg\:col-start-7 { grid-column-start: 7; }
  .lg\:col-start-8 { grid-column-start: 8; }
  .lg\:col-start-9 { grid-column-start: 9; }
  .lg\:col-start-10 { grid-column-start: 10; }
  .lg\:col-start-11 { grid-column-start: 11; }
  .lg\:col-start-12 { grid-column-start: 12; }
}
main{min-height:60vh}

.site-header{border-bottom:1px solid var(--border-subtle);position:sticky;top:0;z-index:10;background:var(--surface-ground)}
.site-header__wrap{padding-block:var(--space-6);align-items:center}
.site-header__wrap>:last-child{justify-self:end;white-space:nowrap}
@media (max-width:639.98px){.site-header__wrap{grid-template-columns:minmax(0,1fr) auto}.site-header__wrap>*{grid-column:auto}}

body:not(.page--wide) :is(.site-header__wrap,.site-footer__wrap){max-width:var(--wrap-max);--grid-margin:var(--space-7)}

@supports (animation-timeline:scroll()){
  .page--wide{--header-h:calc(var(--space-6) * 2 + var(--a11y-tap-target) + 1px)}
  .page--wide .site-header{margin-bottom:calc(-1 * var(--header-h));background-color:transparent;border-bottom-color:transparent;animation:header-solid linear both;animation-timeline:scroll(root);animation-range:0 72px}
  .page--wide .hero-band__grid{padding-top:calc(var(--space-12) + var(--header-h, 0px))}
  @media (min-width:1024px){.page--wide .hero-band__grid{padding-top:calc(var(--space-14) + var(--header-h, 0px))}}
  @keyframes header-solid{from{background-color:transparent;border-bottom-color:transparent}to{background-color:var(--surface-ground);border-bottom-color:var(--border-subtle)}}
  @media (prefers-reduced-motion: reduce){.page--wide .site-header{animation-range:0 2px}}
}
.wordmark{font-family:var(--font-content);font-size:var(--text-title);font-weight:var(--weight-regular);text-decoration:none;color:var(--text-primary);display:inline-flex;align-items:center;gap:var(--space-4);min-height:var(--a11y-tap-target);flex-shrink:0}

.app-icon{display:block;border-radius:22.5%;border:1px solid var(--border-subtle);flex-shrink:0}
.wordmark .app-icon{width:28px;height:28px}
.closing__icon{width:72px;height:72px;margin:0 auto var(--space-7)}
.cta--compact{padding:0 var(--space-7);font-size:var(--text-small)}

.cta.cta--compact{background:var(--button-primary-fill);color:var(--button-primary-label)}
.cta__short{display:none}
@media (max-width:479px){.cta--compact{padding:0 var(--space-6)}.cta__full{display:none}.cta__short{display:inline}}


.site-footer{border-top:1px solid var(--border-subtle)}
.site-footer__wrap{padding-block:var(--space-9);row-gap:var(--space-6);align-items:center}
.site-footer__legal{display:flex;flex-wrap:wrap;gap:var(--space-8)}
.site-footer a{color:var(--text-secondary);text-decoration:none;display:inline-flex;align-items:center;min-height:var(--a11y-tap-target)}
.site-footer a:hover{color:var(--text-primary)}
.site-footer__note{color:var(--text-tertiary);font-size:var(--text-micro);margin:0}


.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}


.cta{display:inline-flex;align-items:center;justify-content:center;min-height:var(--a11y-tap-target);padding:0 var(--space-9);border-radius:var(--radius-button);background:var(--button-primary-fill);color:var(--button-primary-label);text-decoration:none;font-family:var(--font-ui);font-weight:var(--weight-strong);transition:transform var(--dur-fast) var(--ease-enter)}
.cta.cta--signal{background:var(--accent);color:var(--accent-ink)}
.cta-tonal{display:inline-flex;align-items:center;justify-content:center;min-height:var(--a11y-tap-target);padding:0 var(--space-9);border-radius:var(--radius-button);background:transparent;border:1px solid var(--border-interactive);color:var(--text-primary);text-decoration:none;font-family:var(--font-ui);font-weight:var(--weight-strong);transition:transform var(--dur-fast) var(--ease-enter)}
.cta-tonal:hover{background:var(--surface-stone)}
.cta:active,.cta-tonal:active{transform:scale(.97)}

.cta.is-disabled,.cta-tonal.is-disabled{cursor:default;background:transparent;border:1px solid var(--border-default);color:var(--text-secondary)}
.cta.is-disabled:hover,.cta-tonal.is-disabled:hover,.cta.is-disabled:active,.cta-tonal.is-disabled:active{transform:none;filter:none;background:transparent}
.cta-block{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--space-5) var(--space-8);margin:var(--space-9) 0 0}
.text-link{display:inline-flex;align-items:center;min-height:var(--a11y-tap-target);color:var(--text-primary);font-weight:var(--weight-strong);text-decoration:underline;text-decoration-color:transparent;text-decoration-thickness:2px;text-underline-offset:.25em;transition:text-decoration-color var(--dur-fast) var(--ease-standard)}
.text-link:hover{text-decoration-color:var(--accent)}


.eyebrow{font-family:var(--font-ui);font-size:var(--text-micro);font-weight:var(--weight-strong);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-secondary);margin:0 0 var(--space-6)}
.eyebrow--center{text-align:center}
.eyebrow__dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);margin-right:var(--space-4);vertical-align:middle}

@supports (height:1cap){.eyebrow__dot{vertical-align:calc(0.5cap - 3px)}}

.section{padding:var(--space-14) 0;border-top:1px solid var(--border-subtle);scroll-margin-top:5rem}
.section__link{text-align:center;margin:var(--space-8) 0 0}


.section__header{text-align:center;margin:0 0 var(--space-9)}
.section__header .eyebrow{margin-bottom:var(--space-3)}
.section__title{font-family:var(--font-content);font-weight:var(--weight-regular);letter-spacing:var(--tracking-heading);line-height:var(--lh-section);font-size:var(--text-section);margin:0}


.search-form{margin:0}
.search-field{position:relative;display:flex;align-items:center;margin-bottom:var(--space-6)}
.search-field__icon{position:absolute;left:var(--space-7);width:var(--icon-size-md);height:var(--icon-size-md);color:var(--text-tertiary);pointer-events:none}
.search-field__input{width:100%;min-height:3.25rem;padding:0 var(--space-7) 0 calc(var(--space-7) * 2 + var(--icon-size-md));border:1px solid transparent;border-radius:var(--radius-pill);background:var(--surface-stone);color:var(--text-primary);font-family:var(--font-ui);font-size:var(--text-body)}
.search-field__input::placeholder{color:var(--text-tertiary)}
.search-field__input:focus-visible{outline:2px solid var(--text-primary);outline-offset:2px;background:var(--surface-ground);border-color:var(--border-interactive)}

.chip-scroll{overflow-x:auto;overflow-y:hidden;padding-block:var(--space-2);-webkit-overflow-scrolling:touch;scrollbar-width:none;mask-image:linear-gradient(to right, black calc(100% - var(--space-7)), transparent 100%);-webkit-mask-image:linear-gradient(to right, black calc(100% - var(--space-7)), transparent 100%)}
.chip-scroll::-webkit-scrollbar{display:none}

@supports (animation-timeline: scroll()) {
  @keyframes chip-scroll-fade{
    0%{mask-image:linear-gradient(to right, black calc(100% - var(--fade,var(--space-7))), transparent 100%)}
    4%{mask-image:linear-gradient(to right, transparent 0, black var(--fade,var(--space-7)), black calc(100% - var(--fade,var(--space-7))), transparent 100%)}
    96%{mask-image:linear-gradient(to right, transparent 0, black var(--fade,var(--space-7)), black calc(100% - var(--fade,var(--space-7))), transparent 100%)}
    100%{mask-image:linear-gradient(to right, transparent 0, black var(--fade,var(--space-7)), black 100%)}
  }
  .chip-scroll{animation:chip-scroll-fade 1ms linear both;animation-timeline:scroll(self inline)}
}

.chip-radio{position:relative;display:inline-block}
.chip-radio label{position:relative;display:inline-flex;align-items:center;min-height:2.25rem;padding:0 var(--space-6);border-radius:var(--radius-pill);border:1px solid var(--border-subtle);color:var(--text-secondary);font-size:var(--text-small);white-space:nowrap;cursor:pointer;transition:transform var(--dur-fast) var(--ease-standard)}
.chip-radio label::after{content:"";position:absolute;inset:-4px}

.chip-radio label:active{transform:scale(var(--motion-press-scale))}
.chip-radio input:checked + label{background:var(--text-primary);border-color:var(--text-primary);color:var(--surface-ground)}
.chip-radio input:focus-visible + label{outline:2px solid var(--text-primary);outline-offset:2px}
.result-count{margin:0;color:var(--text-tertiary);font-size:var(--text-small);white-space:nowrap}
.recipe-empty{color:var(--text-secondary);margin:0}

.is-hidden{display:none!important}


.hero{text-align:center;padding:var(--space-15) 0 var(--space-14)}
.hero h1{font-family:var(--font-content);font-weight:var(--weight-regular);letter-spacing:var(--tracking-heading);line-height:1.03;margin:0 0 var(--space-8);font-size:clamp(calc(var(--text-display-min) * 1.3), 7.6vw, calc(var(--text-display-max) * 2.23))}
.hero__subline{max-width:36rem;margin:0 auto var(--space-9);font-size:var(--text-lead);color:var(--text-secondary)}

.device-frame{position:relative;background:linear-gradient(165deg, #3a3a3c 0%, #1c1c1e 45%, #0a0a0b 100%);border-radius:3rem;padding:1.8%;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16), inset 0 1px 2px rgba(255,255,255,.22), 0 24px 48px -16px rgba(0,0,0,.4), 0 10px 20px -10px rgba(0,0,0,.3);line-height:0}
.device-frame::before{content:"";position:absolute;left:-2px;top:22%;width:3px;height:26px;background:rgba(0,0,0,.45);border-radius:2px 0 0 2px;box-shadow:0 42px 0 rgba(0,0,0,.45)}
.device-frame::after{content:"";position:absolute;right:-2px;top:30%;width:3px;height:52px;background:rgba(0,0,0,.45);border-radius:0 2px 2px 0}
.device-frame picture{position:relative;display:block}
.device-frame picture::before{content:"";position:absolute;top:1.5%;left:50%;transform:translateX(-50%);width:32%;height:3.4%;background:#000;border-radius:999px;z-index:2}
.device-frame picture::after{content:"";position:absolute;inset:0;border-radius:2.7rem;background:linear-gradient(135deg, rgba(255,255,255,.12) 0%, transparent 30%, transparent 70%, rgba(255,255,255,.05) 100%);pointer-events:none;z-index:2}
.device-frame img{display:block;width:100%;height:auto;border-radius:2.7rem;position:relative}
.section__subline{max-width:var(--layout-measure-reading);margin:var(--space-6) auto 0;color:var(--text-secondary);font-size:var(--text-body)}



.price-card{display:flex;flex-direction:column;padding:var(--space-10);border-radius:var(--radius-tcard);background:var(--surface-elevated);box-shadow:0 0 0 1px var(--border-subtle),var(--shadow-lg);color:var(--text-secondary)}
@media (min-width:1024px){.price-card{padding:var(--space-12)}}
.price-card p{margin:0}
.price-card h3{font-family:var(--font-content);font-weight:var(--weight-regular);font-size:var(--text-section);letter-spacing:var(--tracking-heading);line-height:var(--lh-section);color:var(--text-primary);margin:0}
.price-card .price-card__label{margin-top:var(--space-2);font-size:var(--text-small);color:var(--text-tertiary)}
.price-card .price-card__price{display:flex;align-items:baseline;gap:var(--space-3);margin:var(--space-10) 0 var(--space-4)}
.price-card__amount{font-family:var(--font-ui);font-weight:var(--weight-heading);font-size:clamp(44px,5.5vw,56px);line-height:1;letter-spacing:-0.02em;font-variant-numeric:tabular-nums;color:var(--text-primary)}
.price-card__period{font-size:var(--text-body);color:var(--text-tertiary)}
.price-card .price-card__alt{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);font-size:var(--text-small)}
.price-card__saving{display:inline-flex;padding:var(--space-1) var(--space-4);border-radius:var(--radius-pill);background:var(--surface-stone);color:var(--text-primary);font-family:var(--font-ui);font-size:var(--text-micro);font-weight:var(--weight-strong);line-height:var(--lh-small)}
.price-card__list{list-style:none;margin:var(--space-10) 0 0;padding:var(--space-10) 0 0;border-top:1px solid var(--border-subtle);display:grid;gap:var(--space-6);font-size:var(--text-small)}
.price-card__list li{position:relative;padding-left:var(--space-11);min-height:24px}
.price-card__list li::before{content:"";position:absolute;left:0;top:-1px;width:24px;height:24px;border-radius:50%;background:var(--surface-stone)}
.price-card__list li::after{content:"";position:absolute;left:9px;top:5px;width:5px;height:9px;border-right:1.5px solid var(--text-primary);border-bottom:1.5px solid var(--text-primary);transform:rotate(45deg)}
.price-card--tonal{background:var(--text-primary);box-shadow:var(--shadow-xl);color:oklch(1 0 0 / .72)}
.price-card--tonal :is(h3,.price-card__amount){color:var(--surface-ground)}
.price-card--tonal :is(.price-card__label,.price-card__period){color:oklch(1 0 0 / .6)}
.price-card--tonal .price-card__saving{background:var(--accent);color:var(--accent-ink)}
.price-card--tonal .price-card__list{border-top-color:oklch(1 0 0 / .14)}
.price-card--tonal .price-card__list li::before{background:oklch(1 0 0 / .12)}
.price-card--tonal .price-card__list li::after{border-color:var(--accent)}
.price-footnote{margin:0;text-align:center;font-size:var(--text-small);color:var(--text-tertiary)}
.price-action{display:flex;flex-direction:column;align-items:center;gap:var(--space-6);text-align:center}


.faq-accordion{border-top:1px solid var(--border-subtle)}
.faq-accordion details{border-bottom:1px solid var(--border-subtle);padding:var(--space-7) 0;interpolate-size:allow-keywords}

.faq-accordion summary{cursor:pointer;font-weight:var(--weight-strong);min-height:var(--a11y-tap-target);color:var(--text-primary);display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);list-style:none;padding-inline:var(--space-5);margin-inline:calc(-1 * var(--space-5));border-radius:var(--radius-chip)}
.faq-accordion summary::-webkit-details-marker{display:none}
.faq-accordion summary::after{content:"";width:8px;height:8px;flex-shrink:0;border-right:1px solid var(--text-tertiary);border-bottom:1px solid var(--text-tertiary);transform:rotate(45deg);transition:transform var(--dur-base) var(--ease-enter)}
.faq-accordion details[open] summary::after{transform:rotate(-135deg)}
.faq-accordion details p{margin:var(--space-6) 0 0;color:var(--text-secondary)}

.faq-accordion details::details-content{block-size:0;opacity:0;overflow:hidden;transition:block-size var(--dur-base) var(--ease-enter),content-visibility var(--dur-base) allow-discrete,opacity var(--dur-base) var(--ease-enter)}
.faq-accordion details[open]::details-content{block-size:auto;opacity:1}

@starting-style{
  .faq-accordion details[open]::details-content{block-size:0;opacity:0}
}

.closing{text-align:center;padding:var(--space-15) 0;border-top:1px solid var(--border-subtle)}

.closing h2{font-size:clamp(calc(var(--text-display-min) * 1.2), 4vw, calc(var(--text-display-max) * 1.2));line-height:1.03;margin:0 0 var(--space-9)}


.chip-row{display:flex;flex-wrap:nowrap;gap:var(--space-4);padding:0 var(--space-3);margin:0}

.filter-row{display:grid;row-gap:var(--space-4)}
.filter-row .chip-scroll{max-width:calc(100% + 2 * var(--space-3));margin-inline:calc(-1 * var(--space-3))}

.icon{width:var(--icon-size-sm);height:var(--icon-size-sm);flex-shrink:0}


.recipe-grid{list-style:none;margin:0 0 var(--space-9);padding:0;display:grid;gap:var(--space-8);grid-template-columns:1fr}
@media (min-width:600px){.recipe-grid{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1000px){.recipe-grid{grid-template-columns:repeat(3,1fr)}}

.recipe-card{position:relative;display:flex;flex-direction:column;gap:var(--space-3);height:100%;padding:var(--space-7);border-radius:var(--radius-card);border:1px solid var(--border-default);text-decoration:none;color:inherit}
.recipe-card:hover{background-color:var(--surface-stone)}

.recipe-card__media{aspect-ratio:3/2;margin:calc(-1 * var(--space-7)) calc(-1 * var(--space-7)) var(--space-3);background:var(--surface-stone);border-radius:var(--radius-card) var(--radius-card) 0 0;overflow:hidden}
.recipe-card__media img{display:block;width:100%;height:100%;object-fit:cover}
.recipe-card__media--fallback{display:flex;align-items:center;justify-content:center;font-family:var(--font-content);font-size:2.5rem;color:var(--text-tertiary)}
.recipe-card__title{font-family:var(--font-content);font-size:var(--text-title);letter-spacing:var(--tracking-heading);line-height:var(--lh-title);margin:0}
.recipe-card__summary{color:var(--text-secondary);font-size:var(--text-small);max-width:40ch;margin:0}

.recipe-card__meta{display:flex;gap:var(--space-7);margin-top:var(--space-3);color:var(--text-tertiary);font-size:var(--text-micro)}
.recipe-card__meta span{display:inline-flex;align-items:center;gap:var(--space-2)}
.recipe-card__tags{display:flex;flex-wrap:wrap;gap:var(--space-3)}
.pill{display:inline-flex;align-items:center;padding:0 var(--space-4);min-height:calc(var(--a11y-tap-target) * 0.6);border-radius:var(--radius-pill);background:var(--surface-stone-deep);color:var(--text-secondary);font-size:var(--text-micro)}


.recipe{margin:0 0 var(--space-14)}

.recipe-header{margin:0 0 var(--space-13);padding:0 0 var(--space-12);border-bottom:1px solid var(--border-subtle)}
.recipe-breadcrumb{margin:0 0 var(--space-7);font-size:var(--text-small);color:var(--text-tertiary)}
.recipe-breadcrumb a{color:var(--text-secondary);text-decoration:none}
.recipe-breadcrumb a:hover{color:var(--text-primary)}
.recipe-breadcrumb__sep{margin:0 var(--space-3);color:var(--text-muted)}

.recipe-header h1{font-size:clamp(calc(var(--text-display-min) * 1.2), 4vw, calc(var(--text-display-max) * 1.2));line-height:1.03;margin:0 0 var(--space-8)}
.recipe-header .lede{max-width:var(--layout-measure-reading);font-size:var(--text-lead);line-height:1.55;margin:0 0 var(--space-10)}
.lede{color:var(--text-secondary)}

.recipe-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-6);margin:0 0 var(--space-7);color:var(--text-tertiary);font-size:var(--text-small)}
.recipe-meta span{display:inline-flex;align-items:center;gap:var(--space-2)}
.recipe-meta span+span{padding-left:var(--space-6);border-left:1px solid var(--border-subtle)}

.recipe-card__meta .icon,.recipe-meta .icon{translate:0 -0.4px}
.tags{display:flex;flex-wrap:wrap;gap:var(--space-4);margin:0}
.tags a,.tags span{display:inline-block;padding:0 var(--space-5);min-height:calc(var(--a11y-tap-target) * 0.7);line-height:calc(var(--a11y-tap-target) * 0.7);border-radius:var(--radius-pill);background:var(--surface-stone);color:var(--text-secondary);text-decoration:none;font-size:var(--text-small)}


.recipe-media{position:relative;aspect-ratio:3/2;margin:0 0 var(--space-10);border-radius:var(--radius-card);overflow:hidden;background:var(--surface-stone)}
.recipe-media img{display:block;width:100%;height:100%;object-fit:cover}
.recipe-media__label{position:absolute;right:var(--space-6);bottom:var(--space-6);padding:0 var(--space-5);min-height:1.5rem;line-height:1.5rem;border-radius:var(--radius-pill);background:var(--surface-ground);border:1px solid var(--border-default);color:var(--text-primary);font-size:var(--text-micro)}



.recipe-layout{display:flex;flex-direction:column;gap:var(--space-14);font-size:var(--text-title);line-height:1.65}

.recipe-layout__ingredients{background:var(--surface-stone);border-radius:var(--radius-card);padding:var(--space-10);font-size:var(--text-body);line-height:var(--lh-body)}
@media (min-width:1000px){
  .recipe-layout{flex-direction:row;align-items:flex-start;gap:var(--space-15)}
  .recipe-layout__ingredients{flex:0 0 34%;position:sticky;top:var(--space-9)}
  .recipe-layout__steps{flex:1;min-width:0}
}

.ingredients{list-style:none;margin:0;padding:0}
.ingredients li{display:flex;gap:var(--space-7);padding:var(--space-6) 0;border-bottom:1px solid var(--border-subtle)}
.ingredients li:last-child{border-bottom:none}
.ingredients__amount{flex:0 0 5.5rem;color:var(--text-tertiary);font-variant-numeric:tabular-nums}
.ingredients__name{color:var(--text-primary)}

.steps{list-style:none;margin:0 0 var(--space-12);padding:0;display:flex;flex-direction:column;gap:var(--space-10);max-width:var(--layout-measure-reading)}
.steps li{display:flex;gap:var(--space-9);align-items:baseline;padding-bottom:var(--space-10);border-bottom:1px solid var(--border-subtle)}
.steps li:last-child{border-bottom:none;padding-bottom:0}


.steps__num{font-family:var(--font-content);font-size:var(--text-section);color:var(--accent-text-on-dark);min-width:1.25em;flex-shrink:0;font-variant-numeric:tabular-nums}
.steps__text{flex:1}
.recipe-ingredients h2,h2:has(+ .steps){font-size:var(--text-section);margin:0 0 var(--space-9)}
.notice-card{border:1px solid var(--border-default);border-radius:var(--radius-card);padding:var(--space-8);margin:var(--space-10) 0 0;display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-5)}
.notice-card__title{font-family:var(--font-content);font-size:var(--text-lead);margin:0}
.notice-card__body{color:var(--text-secondary);font-size:var(--text-small);margin:0}
.notice-card__text{display:flex;flex-direction:column;gap:var(--space-3)}
@media (min-width:640px){.notice-card{flex-direction:row;align-items:center;justify-content:space-between;gap:var(--space-8)}.notice-card .cta--compact{flex-shrink:0}}

.disclaimer{color:var(--text-tertiary);font-size:var(--text-small);margin:var(--space-8) 0 0}


:root[data-theme="light"]{color-scheme:light}
.page--wide :focus-visible{outline:var(--a11y-focus-ring-width) solid var(--accent);outline-offset:var(--a11y-focus-ring-offset);box-shadow:0 0 0 var(--a11y-focus-ring-offset) var(--focus-inner,var(--text-primary))}
.page--wide main .wrap{padding-block:0}
.page--wide .section{border-top:0;padding-block:var(--space-10)}
@media (min-width:1024px){.page--wide .section{padding-block:var(--space-12)}}


.page--wide .grid{--grid-margin:var(--space-9)}
@media (min-width:640px){.page--wide .grid{--grid-margin:var(--space-12)}}
@media (min-width:1024px){.page--wide .grid{--grid-margin:var(--space-16)}}
.page--wide .section>.grid{row-gap:var(--space-9)}
.page--wide .section__header{margin-bottom:calc(var(--rhythm-block-section) - var(--space-9));text-align:left}
.page--wide .section__header--center{text-align:center}

.page--wide :is(.touch-card p,.show__body,.founder__text,.faq-accordion details p,.price-card__list li,.price-card__alt,.price-footnote,.section__subline){text-wrap:pretty}
.page--wide .section__subline{margin-inline:0}
.page--wide .section__title{font-size:var(--text-display);line-height:var(--lh-display);letter-spacing:var(--tracking-display)}
.page--wide .section__subline{margin-top:var(--rhythm-heading-lead)}
.band{position:relative;overflow:clip;background:var(--accent);color:var(--accent-ink);--focus-inner:var(--accent-ink)}
.band h1,.band h2,.band p,.band .eyebrow{color:var(--accent-ink)}
.band .eyebrow__dot{background:var(--accent-ink)}
.band .text-link{color:var(--accent-ink);text-decoration-color:var(--accent-ink)}
.band .cta.cta--on-surface{background:var(--accent-ink);color:var(--accent)}
.band .cta--on-surface:not(.is-disabled):hover{filter:none;background:var(--button-on-surface-fill-hover)}
.band .cta.is-disabled,.band .cta-tonal.is-disabled{background:transparent;border:1px solid var(--accent-ink);color:var(--accent-ink)}
.band .app-icon{border-color:var(--accent-ink);box-shadow:var(--shadow-lg)}

.photo-frame{display:block;overflow:hidden;border:4px solid var(--surface-ground);border-radius:var(--radius-tcard);background:var(--surface-stone-deep);box-shadow:var(--shadow-xl);line-height:0}
.photo-frame picture,.photo-frame img{display:block;width:100%;height:auto}
.photo-frame img{aspect-ratio:3/2;object-fit:cover}


.store-row{display:flex;flex:0 0 100%;align-items:center;gap:var(--space-9)}
.store-row--center{justify-content:center}
.appstore-badge{display:block;flex:0 0 auto;line-height:0;border-radius:var(--radius-button)}
.appstore-badge img{display:block;width:auto;height:48px}
.qr{display:none;align-items:center;gap:var(--space-6)}
@media (min-width:1024px){.qr{display:flex}}
.qr__code{display:block;flex:0 0 auto;width:6rem;height:6rem;background:var(--surface-elevated);color:var(--text-primary);border-radius:var(--radius-chip)}
.qr__svg{display:block;width:100%;height:100%}
.qr__caption{max-width:7rem;font-family:var(--font-ui);font-size:var(--text-small);font-weight:var(--weight-strong);line-height:var(--lh-small);color:var(--accent-ink);text-align:left}


.hero-band__grid{row-gap:var(--space-11);align-items:center;padding-block:var(--space-12)}
@media (min-width:1024px){.hero-band__grid{padding-block:var(--space-14)}.hero-band__copy,.hero-stage{grid-row:1}}
.hero-band .eyebrow{margin-bottom:var(--space-8)}
.hero-band h1{font-size:var(--text-hero);line-height:1.02;letter-spacing:var(--tracking-hero);margin:0 0 var(--space-8);overflow-wrap:break-word;text-wrap:balance}
.hero-band__lead{max-width:30rem;margin:0 0 var(--space-10);font-size:var(--text-lead)}
.hero-band__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-5) var(--space-8)}
.hero-stage{position:relative;width:100%;max-width:34rem;justify-self:center;aspect-ratio:5/6}
@media (min-width:1024px){.hero-stage{max-width:36rem;justify-self:start}}
.hero-stage__item{position:absolute;rotate:var(--rot,0deg)}
.hero-stage__phone{container-type:inline-size}
.hero-stage__phone--chat{width:46%;left:24%;top:3%;z-index:3;--rot:-5deg}
.hero-stage__phone--detail{width:41%;left:55%;top:16%;z-index:2;--rot:6deg}
.hero-stage__photo--1{width:38%;left:3%;top:54%;z-index:4;--rot:-7deg}
.hero-stage__photo--2{width:34%;left:62%;top:2%;z-index:1;--rot:5deg}
.hero-stage__photo--3{width:36%;left:60%;top:70%;z-index:4;--rot:3deg}
.hero-stage__phone .device-frame,.show__phone .device-frame{border-radius:15cqw}
.hero-stage__phone .device-frame img,.hero-stage__phone .device-frame picture::after,.show__phone .device-frame img,.show__phone .device-frame picture::after{border-radius:13.2cqw}

@keyframes lp-rise{from{opacity:0;transform:translateY(var(--space-9))}to{opacity:1;transform:none}}
@keyframes lp-pop{from{opacity:0;scale:.94;rotate:calc(var(--rot) - 6deg)}to{opacity:1;scale:1;rotate:var(--rot)}}
@keyframes lp-fade{from{opacity:0}to{opacity:1}}
.hero-band__copy>*{animation:lp-rise var(--dur-slow) var(--ease-enter) backwards}
.hero-band__copy>:nth-child(2){animation-delay:80ms}
.hero-band__copy>:nth-child(3){animation-delay:160ms}
.hero-band__copy>:nth-child(4){animation-delay:240ms}
.hero-stage__phone{animation:lp-rise var(--dur-reveal) var(--ease-enter) backwards}
.hero-stage__phone--detail{animation-delay:60ms}
.hero-stage__phone--chat{animation-delay:140ms}
.hero-stage__photo{animation:lp-pop var(--dur-slow) var(--ease-enter) backwards}
.hero-stage__photo--1{animation-delay:240ms}
.hero-stage__photo--2{animation-delay:340ms}
.hero-stage__photo--3{animation-delay:440ms}


.reveal[data-in]{animation:lp-rise var(--dur-reveal) var(--ease-enter) backwards}


.facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5);list-style:none;margin:0;padding:var(--space-10) 0 0}
@media (min-width:900px){.facts{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-9)}}
.fact{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:var(--space-6);padding:var(--space-9) var(--space-6);border-radius:var(--radius-tcard);background:var(--surface-stone);text-align:center;font-family:var(--font-ui);font-size:var(--text-small);font-weight:var(--weight-strong);line-height:var(--lh-small);color:var(--text-primary);text-wrap:balance}
.fact__icon{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--surface-elevated);box-shadow:var(--shadow-sm);color:var(--text-primary)}

.page--wide .facts-row+.section{padding-top:var(--space-10)}


.showcase__list{display:grid;gap:var(--space-12)}
.show{row-gap:var(--space-9);align-items:center}
@media (min-width:1024px){.show:nth-child(even) .show__media{order:2}}
.show__media{position:relative;height:28rem;overflow:clip;border-radius:var(--radius-card);background:var(--accent-tint)}
@media (min-width:640px){.show__media{height:34rem}}
@media (min-width:1024px){.show__media{height:38rem}}
.show .eyebrow{margin-bottom:var(--space-3)}
.show__title{font-size:var(--text-display);line-height:var(--lh-display);letter-spacing:var(--tracking-display);margin:0 0 var(--rhythm-heading-lead)}
.show__body{margin:0;font-size:var(--text-lead);color:var(--text-secondary)}
.show__phone{position:absolute;z-index:2;container-type:inline-size;width:min(15rem,44%);right:6%;bottom:-18%;rotate:3deg}
.show__photo{position:absolute;z-index:1;inset:0}
.show__photo picture,.show__photo img{display:block;width:100%;height:100%;object-fit:cover}
.show__photo--portrait img{object-position:center 35%}


.founder__note{margin:0}
.founder__lead{font-family:var(--font-content);font-size:var(--text-display);line-height:var(--lh-display);letter-spacing:var(--tracking-display);color:var(--text-primary);text-wrap:balance;margin:0 0 var(--space-9)}
.founder__text{font-size:var(--text-lead);color:var(--text-secondary)}
.founder__by{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-9)}
.founder__avatar{display:block;width:44px;height:44px;flex:none;border-radius:50%;overflow:clip}
.founder__avatar img{display:block;width:100%;height:100%;object-fit:cover}
.founder__name{display:block;font-family:var(--font-ui);font-size:var(--text-small);font-weight:var(--weight-strong);line-height:var(--lh-small);color:var(--text-primary)}
.founder__by a{font-size:var(--text-small);color:var(--text-secondary)}


.strip{background:var(--surface-stone);--tile-w:14rem}
@media (min-width:640px){.strip{--tile-w:18rem}}
.strip__stage{position:relative}
.strip__control{margin-bottom:var(--space-9)}
.strip__control .strip__pause{justify-self:start}
.strip__pause{display:inline-flex;align-items:center;min-height:var(--a11y-tap-target);padding:0 var(--space-8);border:1px solid var(--border-interactive);border-radius:var(--radius-button);color:var(--text-primary);font-family:var(--font-ui);font-size:var(--text-small);font-weight:var(--weight-strong);cursor:pointer;transition:transform var(--dur-fast) var(--ease-enter)}
.strip__pause:active{transform:scale(var(--motion-press-scale))}
.strip__toggle:checked ~ .strip__control .strip__pause{background:var(--text-primary);border-color:var(--text-primary);color:var(--surface-ground)}
.strip__toggle:focus-visible ~ .strip__control .strip__pause{outline:var(--a11y-focus-ring-width) solid var(--accent);outline-offset:var(--a11y-focus-ring-offset);box-shadow:0 0 0 var(--a11y-focus-ring-offset) var(--text-primary)}
.strip__viewport{overflow:hidden;-webkit-mask-image:linear-gradient(to right,transparent 0,black var(--space-12),black calc(100% - var(--space-12)),transparent 100%);mask-image:linear-gradient(to right,transparent 0,black var(--space-12),black calc(100% - var(--space-12)),transparent 100%)}
.strip__viewport:focus-visible{outline-offset:calc(-1 * var(--space-2));box-shadow:none}
.strip__track{display:flex;width:max-content;animation:strip-scroll var(--loop-ticker-slow) linear infinite}
@keyframes strip-scroll{to{transform:translateX(-50%)}}
.strip__viewport:hover .strip__track,.strip__viewport:active .strip__track,.strip__viewport:focus-within .strip__track,.strip__toggle:checked ~ .strip__viewport .strip__track{animation-play-state:paused}
.strip__list{display:flex;flex:0 0 auto;margin:0;padding:var(--space-3) 0 var(--space-9);list-style:none}
.strip__list li{flex:0 0 auto;width:var(--tile-w);margin-right:var(--space-8)}
.strip__list li:nth-child(even){margin-top:var(--space-10)}
.strip__tile{display:block;color:inherit;text-decoration:none}
.strip__tile .photo-frame{transition:translate var(--dur-base) var(--ease-enter)}
.strip__caption{display:block;margin-top:var(--space-5);font-family:var(--font-ui);font-size:var(--text-small);font-weight:var(--weight-strong);line-height:var(--lh-small);color:var(--text-primary)}
.strip__note{margin:var(--space-3) 0 0;font-size:var(--text-micro);color:var(--text-tertiary)}


.touch-grid{list-style:none;margin:0;padding:0}
.touch-card{padding:var(--space-7);background:var(--surface-stone);border-radius:var(--radius-card);hyphens:auto;overflow-wrap:break-word}
@media (min-width:1024px){.touch-card{padding:var(--space-8)}}
.touch-card__icon{display:block;margin-bottom:var(--space-6);color:var(--text-tertiary)}
.touch-card h3{font-family:var(--font-ui);font-size:var(--text-body);font-weight:var(--weight-strong);line-height:var(--lh-small);letter-spacing:var(--tracking-default);margin:0 0 var(--space-2)}
.touch-card p{margin:0;font-size:var(--text-small);color:var(--text-secondary)}




.page--wide .faq-accordion{background:var(--surface-stone);border:0;border-radius:var(--radius-card);padding:var(--space-3) var(--space-9)}
.page--wide .faq-accordion details:last-child{border-bottom:0}

.page--wide .recipe-grid{grid-template-columns:repeat(var(--grid-columns),minmax(0,1fr));column-gap:var(--grid-gutter);row-gap:var(--space-8);margin:0}
.page--wide .recipe-grid>li{grid-column:span 4}
.page--wide .touch-grid{row-gap:var(--space-5)}
@media (min-width:1024px){.page--wide .touch-grid{row-gap:var(--space-8)}}

@media (max-width:639.98px){
.page--wide .scroll-row{display:flex;gap:var(--grid-gutter);margin-inline:calc(-1 * var(--grid-margin));padding-inline:var(--grid-margin);width:auto;max-width:none;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--grid-margin);-webkit-overflow-scrolling:touch;scrollbar-width:none}
.page--wide .scroll-row::-webkit-scrollbar{display:none}
.page--wide .scroll-row:focus-visible{outline-offset:-2px}
.page--wide .scroll-row>*{flex:0 0 var(--scroll-card,calc(100vw * .68));scroll-snap-align:start}
.page--wide .scroll-row{--fade:var(--space-12);-webkit-mask-image:linear-gradient(to right,black calc(100% - var(--fade)),transparent 100%);mask-image:linear-gradient(to right,black calc(100% - var(--fade)),transparent 100%)}
.page--wide :is(.recipe-grid,.price-grid){--scroll-card:calc(100vw * .82)}
.page--wide .recipe-grid{align-items:flex-start}
.page--wide .recipe-grid>li{display:flex}
.page--wide .recipe-grid>li>.recipe-card{width:100%;height:auto}
}
@media (max-width:639.98px) and (prefers-reduced-motion:no-preference){.page--wide .scroll-row{scroll-behavior:smooth}}

@supports (animation-timeline: scroll()){@media (max-width:639.98px){.page--wide .scroll-row{animation:chip-scroll-fade 1ms linear both;animation-timeline:scroll(self inline)}}}
.page--wide .recipe-card{background:var(--surface-stone);border-color:transparent}
.page--wide .recipe-card:hover{background-color:var(--surface-stone-deep)}
.page--wide .recipe-card__media{background:var(--surface-stone-deep)}


.closing-band__inner{position:relative;align-items:center;padding-block:var(--space-12)}
@media (min-width:1024px){.closing-band__inner{padding-block:var(--space-14)}}
.closing-band__body{position:relative;z-index:1;text-align:center}
.closing-band h2{max-width:18ch;margin:0 auto var(--space-10);font-size:clamp(calc(var(--text-hero-min) * .9),5.5vw,calc(var(--text-hero-max) * .7));line-height:1.04;letter-spacing:var(--tracking-hero);text-wrap:balance}
.closing-band__photo{display:none}
@media (min-width:1024px){
  .closing-band__photo{display:block}
  .closing-band__photo--left{rotate:-7deg}
  .closing-band__photo--right{rotate:6deg}
}

@media (hover:hover) and (pointer:fine){
  .strip__tile:hover .photo-frame{translate:0 calc(-1 * var(--space-2))}
  .strip__pause:hover{background:var(--surface-stone-deep)}
  .strip__toggle:checked ~ .strip__control .strip__pause:hover{background:var(--text-primary)}
  .page--wide .faq-accordion summary:hover{background-color:var(--surface-stone-deep)}
}
@media (forced-colors:active){
  .band{background:Canvas;color:CanvasText;border-block:1px solid CanvasText}
  .band h1,.band h2,.band p,.band .eyebrow,.band .text-link,.band .qr__caption{color:CanvasText}
  .band .cta,.band .cta-tonal{background:ButtonFace;border:1px solid ButtonText;color:ButtonText}
  .qr__code{background:Canvas;color:CanvasText;border:1px solid CanvasText}
  .page--wide :focus-visible{outline:2px solid Highlight;box-shadow:none}
}

--ease-* from tokens.css). transform/opacity only, so none
   of this ever contributes to CLS; the whole block is neutralised under
   prefers-reduced-motion below so the end state renders immediately, with
   no hidden content at any point either way. */
@keyframes rise-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@keyframes rise-in-lg{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}


.hero>.eyebrow{animation:rise-in var(--dur-medium) var(--ease-enter) both}
.hero>h1{animation:rise-in var(--dur-medium) var(--ease-enter) both;animation-delay:80ms}
.hero>.hero__subline{animation:rise-in var(--dur-medium) var(--ease-enter) both;animation-delay:160ms}


@supports (animation-timeline: view()) {


  .recipe-card{animation:rise-in-lg var(--dur-slow) linear backwards}

  
  .recipe-card{animation-timeline:view();animation-range:entry 0% cover 30%}

  
  @keyframes hero-par{to{translate:0 var(--par-y,0px);rotate:var(--par-r,0deg)}}
  .hero-stage__par{animation:hero-par linear both;animation-timeline:scroll(root);animation-range:0px 40rem}
  .hero-stage__phone--chat{--par-y:14px;--par-r:2deg}
  .hero-stage__phone--detail{--par-y:24px;--par-r:-2deg}
  .hero-stage__photo--1{--par-y:-40px;--par-r:-3deg}
  .hero-stage__photo--2{--par-y:-32px;--par-r:3deg}
  .hero-stage__photo--3{--par-y:-36px;--par-r:-2deg}
}

@media (hover:hover) and (pointer:fine) {
  .recipe-card{transition:transform var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard)}
  .recipe-card:hover{transform:translateY(-2px);border-color:var(--text-tertiary)}
  
  .recipe-card::after{content:"";position:absolute;inset:0;border-radius:var(--radius-card);box-shadow:var(--shadow-md);opacity:0;transition:opacity var(--dur-fast) var(--ease-standard);pointer-events:none}
  .recipe-card:hover::after{opacity:1}
  .cta{transition:filter var(--dur-fast) var(--ease-standard),transform var(--dur-fast) var(--ease-enter)}
  .cta:hover{filter:brightness(1.08)}
  .text-link__arrow{display:inline-block;margin-left:.3em;transition:transform var(--dur-fast) var(--ease-standard)}
  .text-link:hover .text-link__arrow{transform:translateX(3px)}
  
  .faq-accordion summary{transition:background-color var(--dur-fast) var(--ease-standard)}
  .faq-accordion summary:hover{background-color:var(--surface-stone)}
  
  .tags a{transition:background-color var(--dur-fast) var(--ease-standard)}
  .tags a:hover{background-color:var(--surface-stone-deep)}
}

@media (prefers-reduced-motion:reduce){
  .hero>.eyebrow,.hero>h1,.hero>.hero__subline{animation:none!important;opacity:1!important;transform:none!important}
  
  .recipe-card{animation:none!important;opacity:1!important}
  .recipe-card,.cta,.cta-tonal,.text-link,.text-link__arrow,.faq-accordion summary,.faq-accordion summary::after,.faq-accordion details::details-content,.chip-radio label{transition:none!important}
  .recipe-card::after{display:none!important}
  
  .hero-band__copy>*,.hero-stage__item{animation-name:lp-fade!important}
  .hero-stage__par{animation:none!important}
  .reveal[data-in]{animation:none}
  .strip__track{animation:none}
  .strip__viewport{overflow-x:auto;scrollbar-width:none}
  .strip__viewport::-webkit-scrollbar{display:none}
  .strip__list[aria-hidden]{display:none}
  .strip__control{display:none}
  .strip__pause,.strip__tile .photo-frame{transition:none}
  .strip__tile:hover .photo-frame{translate:none!important}
  .chip-radio label:active{transform:none!important}
}
.error-page__hero{min-height:calc(100svh - 22rem);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-14) 0}
.error-page__hero h1{overflow-wrap:anywhere}
.error-page .section{text-align:left}