/* Mana's kitchen-to-table story: photographic plates, linen, and an illustrated wedding aisle. */
.day-intro{padding-block:44px 38px;display:grid;gap:26px}
.day-intro>*{min-width:0}
.day-intro h1{overflow-wrap:anywhere;font-size:clamp(2.9rem,6vw,5.3rem);line-height:1.08;letter-spacing:-.035em;margin:0}
.day-intro h1 em{display:block;white-space:normal;font:700 clamp(2.25rem,5.2vw,4.5rem)/1.18 Montserrat,sans-serif;letter-spacing:-.025em;color:#866031;margin-top:8px}
.day-intro-copy p{min-height:5.1em;font-size:1.125rem;line-height:1.7;max-width:38ch;margin:0 0 12px}
.day-text-link{display:inline-flex;align-items:center;gap:12px;min-height:48px;font-size:1rem;font-weight:600;text-decoration:underline;text-underline-offset:6px}
.day-text-link svg{flex:none;transition:transform 180ms ease}
.day-text-link:hover svg{transform:translateX(3px)}
.day-story{--day-cream:#f2ebdd;--day-muted:#c5bbaa;--day-gold:#ddbd8c;--day-line:#675c4b;background:var(--dark);color:var(--day-cream);padding-block:24px 44px}
.day-story :focus-visible{outline-color:var(--day-gold)}
.day-tools{min-height:61px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--day-line);margin-bottom:30px}
.day-tools p{font-size:.875rem;line-height:1.6;margin:0;max-width:26ch;color:var(--day-muted)}
.day-motion{max-width:100%;line-height:1.5;flex-wrap:wrap;display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:44px;border:1px solid var(--day-line);border-radius:4px;padding:7px 12px;background:transparent;color:var(--day-cream);font-size:.875rem;flex:none}
.day-motion span{font-weight:700;text-transform:capitalize}
.day-motion:hover{background:#30291f}
.day-studio{display:none}
.day-composition{position:relative;width:100%;height:100%;padding:13px;isolation:isolate}
.day-photo{margin:0;width:100%;height:100%;border-radius:50%;overflow:hidden;border:10px solid #eee6d8;background:#eee6d8;box-shadow:0 0 0 1px #fff3,0 12px 34px #0004}
.day-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 42%;display:block;border-radius:50%;outline:1px solid #0000001a;outline-offset:-1px}
.day-inline-art{width:min(100%,380px);aspect-ratio:1;margin:0 auto 30px}
.day-chapter{padding-block:20px 52px;scroll-margin-top:30px}
.day-chapter-label{display:flex;align-items:center;gap:14px;font-size:.875rem;font-weight:600;color:var(--day-gold);margin:0 0 20px}
.day-chapter-label span{font:700 1rem/1.5 Montserrat,sans-serif;font-variant-numeric:tabular-nums}
.day-chapter h2{font-size:clamp(1.9rem,3vw,2.8rem);font-weight:700;line-height:1.15;max-width:15ch;margin-bottom:20px}
.day-chapter-copy>p:not(.day-chapter-label){font-size:1.125rem;line-height:1.8;max-width:39ch;margin-bottom:16px;color:var(--day-muted);text-wrap:pretty}
.day-chapter-nav{display:flex;flex-wrap:wrap;gap:4px 24px;border-top:1px solid var(--day-line);padding-top:14px}
.day-chapter-nav a{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:.875rem;text-decoration:none;color:var(--day-muted)}
.day-chapter-nav a span{font-variant-numeric:tabular-nums}
.day-chapter-nav a[aria-current],.day-chapter-nav a:hover{color:var(--day-gold);text-decoration:underline;text-underline-offset:6px}
.day-schedule-note{font-size:.875rem;color:var(--day-muted);margin:20px 0 0;line-height:1.7}
.day-closing{background:var(--paper);color:var(--ink);padding-block:64px 72px;text-align:center}
.day-closing .script{font-size:clamp(1.25rem,2vw,1.5rem);line-height:1.4;color:#866031;margin:0 0 20px}
.day-closing h2{font-size:clamp(2rem,5vw,4rem);line-height:1.13;margin:0 0 24px}
.day-finale{--day-cream:var(--ink);--day-muted:#6c675e;--day-gold:#866031;--day-line:#a89985;--dark:var(--paper);width:100px;margin:0 auto 22px}
.day-ending-scene{display:block;width:100%;height:auto;overflow:hidden}
.day-finale .day-wedding-couple{opacity:1;transition:none}
.day-finale .day-wedding-heart{opacity:1;transform:none;transition:none}
.day-finale .day-partner-one{transform:rotate(5deg)}
.day-finale .day-partner-two{transform:rotate(-5deg)}
.day-finale .day-kitchen,.day-finale .day-serving-dish,.day-finale .day-journey-ends{display:none}
.day-closing-actions{display:flex;flex-direction:column;align-items:center;gap:14px}
.day-story.is-enhanced .day-inline-art{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);margin:-1px}
.day-story.is-enhanced .day-studio{display:block;position:sticky;top:0;z-index:3;align-self:start;background:var(--dark);padding-top:8px}
.day-stage{width:min(100%,clamp(180px,calc(58svh - 185px),320px));aspect-ratio:1;position:relative;margin-inline:auto}
.day-panel{position:absolute;inset:0;opacity:0;visibility:hidden;pointer-events:none;transform:scale(.97);transition:opacity 320ms ease,transform 520ms cubic-bezier(.16,1,.3,1),visibility 320ms}
.day-panel.is-active{opacity:1;visibility:visible;transform:none}
.day-stage-caption{padding-inline:4px;display:flex;justify-content:center;align-items:center;gap:12px;min-height:36px;padding:5px 0}
.day-stage-caption>span{font-size:.875rem;font-weight:600;white-space:nowrap;color:var(--day-gold);font-variant-numeric:tabular-nums}
.day-stage-caption p{min-width:0;text-wrap:pretty;font-size:.875rem;line-height:1.4;margin:0;color:var(--day-muted)}
.day-wedding-progress{display:block;width:min(100%,320px);height:auto;margin:-5px auto 0;overflow:visible}
.day-aisle{stroke:var(--day-line);stroke-width:1}
.day-aisle-complete{stroke:var(--day-gold);stroke-width:2}
.day-aisle-stops{fill:var(--day-gold)}
.day-wedding-arch{stroke:var(--day-gold);stroke-width:1.4}
.day-arch-leaves{fill:#a3b28a;stroke:#a3b28a}
.day-wedding-couple{transform:translateX(282px);opacity:0;transition:opacity 450ms ease 200ms}
.day-story.is-complete .day-wedding-couple{opacity:1}
.day-kitchen{color:var(--day-cream);stroke:var(--day-cream);stroke-width:1.3;fill:var(--dark)}
.day-kitchen-steam{stroke:var(--day-gold);transition:opacity 200ms}
.day-story:not(.is-serving):not(.is-complete) .day-kitchen-steam{animation:day-steam 1600ms ease-in-out 2}
@keyframes day-steam{0%,100%{opacity:1;transform:translateY(0)}65%{opacity:.25;transform:translateY(-3px)}}
.day-story.is-serving .day-kitchen-steam,.day-story.is-complete .day-kitchen-steam{opacity:0}
.day-serving-dish{stroke:var(--day-cream);fill:var(--dark);stroke-width:1.7;stroke-linecap:round;opacity:0;transform:translateX(24px);transition:transform 850ms cubic-bezier(.4,0,.2,1),opacity 200ms}
.day-story.is-serving .day-serving-dish{opacity:1}
.day-journey-ends{display:flex;justify-content:space-between;gap:20px;width:min(100%,320px);margin:0 auto;padding-bottom:10px;font-size:.875rem;line-height:1.5;color:var(--day-muted)}
.day-journey-ends span{min-width:0;max-width:48%}
.day-journey-ends span:last-child{text-align:right}
.day-couple-figures{stroke:var(--day-cream);stroke-width:1.7;fill:var(--dark)}
.day-couple-detail{fill:none}
.day-partner{transform-box:fill-box;transform-origin:50% 100%;transition:transform 400ms ease 650ms}
.day-story.is-complete .day-partner-one{transform:rotate(5deg)}
.day-story.is-complete .day-partner-two{transform:rotate(-5deg)}
.day-wedding-heart{fill:var(--orange);opacity:0;transform:translateY(4px) scale(.7);transform-box:fill-box;transform-origin:center;transition:opacity 400ms ease 850ms,transform 400ms ease 850ms}
.day-story.is-complete .day-wedding-heart{opacity:1;transform:none}
.day-story.is-traveling.is-complete .day-couple-figures{animation:day-stroll 800ms ease-in-out}
@keyframes day-stroll{0%,50%,100%{transform:translateY(0)}25%,75%{transform:translateY(-2px)}}
.day-story.is-enhanced .day-chapter{min-height:70svh;display:flex;align-items:flex-start;padding-block:24px 96px}
.day-story.is-enhanced .day-chapter:last-child{padding-bottom:100px}
body[data-page="the-day"] .skip-link:not(:focus){clip-path:inset(50%);width:1px;height:1px;padding:0;overflow:hidden;top:8px}
@media(min-width:701px){
 .day-intro{padding-block:60px 50px;gap:30px}
 .day-intro h1 br{display:none}
 .day-intro h1{display:flex;align-items:baseline;flex-wrap:wrap;column-gap:24px}
 .day-intro h1 em{display:block;margin-left:0}
 .day-intro-copy{display:flex;align-items:center;justify-content:space-between;gap:36px}
 .day-intro-copy p{min-height:0;font-size:1.125rem;max-width:55ch;margin:0}
 .day-intro-copy .day-text-link{flex:none}
 .day-story{padding-top:28px}
 .day-tools{margin-bottom:40px}
 .day-tools p{max-width:none;font-size:1rem}
 .day-story.is-enhanced .day-journey{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(40px,6vw,90px)}
 .day-story.is-enhanced .day-studio{grid-column:2;grid-row:1;top:24px;padding-top:0}
 .day-story.is-enhanced .day-chapters{grid-column:1;grid-row:1}
 .day-stage{width:min(100%,550px)}
 .day-composition{padding:18px}
 .day-photo{border-width:14px}
 .day-stage-caption{min-height:48px;gap:20px}
 .day-stage-caption p{min-width:0;text-wrap:pretty;font-size:1rem}
 .day-stage-caption>span{font-size:.875rem}
 .day-journey-ends{width:360px;max-width:95%}
 .day-wedding-progress{width:360px;max-width:95%}
 .day-story.is-enhanced .day-chapter{min-height:90vh;align-items:center;padding-block:100px}
 .day-story.is-enhanced .day-chapter:first-child{padding-top:60px}
 .day-story:not(.is-enhanced) .day-chapter{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:65px;padding-block:50px}
 .day-story:not(.is-enhanced) .day-inline-art{width:100%;margin:0;max-width:500px;grid-column:2;grid-row:1}
 .day-story:not(.is-enhanced) .day-chapter-copy{grid-column:1;grid-row:1}
 .day-chapter-nav{justify-content:space-between}
 .day-closing{padding-block:95px}
 .day-closing-actions{flex-direction:row;justify-content:center;gap:32px}
}
@media(max-width:700px) and (max-height:650px){
 .day-stage{width:210px}
 .day-wedding-progress{width:265px}
 .day-story.is-enhanced .day-chapter{min-height:440px}
}
@media(prefers-reduced-motion:reduce){
 .day-panel,.day-wedding-couple,.day-serving-dish,.day-wedding-heart,.day-partner{transition:none}
 .day-couple-figures{animation:none}
 .day-story.is-enhanced .day-studio{display:none}
 .day-story.is-enhanced .day-inline-art{position:static;width:min(100%,380px);height:auto;aspect-ratio:1;overflow:visible;clip-path:none;margin:0 auto 30px}
 .day-story.is-enhanced .day-journey{display:block}
 .day-story.is-enhanced .day-chapter{display:block;min-height:0}
}

/* Readability corrections scoped to this page, including its shared header/footer. */
body[data-page="the-day"] .button{font-size:1rem;line-height:1.5;max-width:100%}
body[data-page="the-day"] .header-cta{font-size:.875rem}
body[data-page="the-day"] .desktop-nav a{font-size:.875rem}
body[data-page="the-day"] .site-header{flex-wrap:wrap}
body[data-page="the-day"] .site-footer :is(p,h2,a:not(.footer-script)){font-size:1rem;line-height:1.6;overflow-wrap:anywhere}
body[data-page="the-day"] .footer-grid>*{min-width:0}
body[data-page="the-day"] .footer-script{display:inline-block;max-width:100%;overflow-wrap:anywhere}
.day-chapter-copy,.day-closing .container{min-width:0;overflow-wrap:anywhere}
.day-tools p,.day-schedule-note,.day-text-link,.day-chapter-nav a{line-height:1.6}
.day-chapter-nav a{font-size:1rem}
.day-studio.is-unpinned{position:relative!important;top:auto!important}
@media(max-width:1200px){
 body[data-page="the-day"] .desktop-nav{display:none}
 body[data-page="the-day"] .menu-toggle{display:block}
}
@media(max-width:700px){
 .day-intro-copy{min-width:0}
 .day-intro h1 em{max-width:100%}
}

@media(min-width:651px){body[data-page="the-day"] .menu-toggle{font-size:1rem}}

/* The serving frame is a hands-and-meal detail, not a cropped portrait. */
[data-day-panel="freshly-made"] .day-photo img,#freshly-made .day-photo img{object-position:50% 100%}