/* Original hero artwork, with separate quiet details in the lower sections. */
:root{--surface:#c5dde0;--surface-ink:#203b34;--surface-muted:#405b58;--surface-line:#8faeb0;--archive-top:#c5dde0;--archive-bottom:#c5dde0;--archive-light:transparent}
:root[data-mode=night]{--surface:#1d3e58;--surface-ink:#fff3df;--surface-muted:#d5e0e4;--surface-line:#6b8597;--archive-top:#1d3e58;--archive-bottom:#1d3e58;--archive-light:transparent;--page-accent:#f0d39c}
.sky-home{--hero-cloud-overhang:56px;overflow:clip;background:var(--surface);color:var(--surface-ink);transition:background-color var(--mood-duration) var(--ease),color var(--mood-duration) var(--ease)}
body:has(.sky-home) header#header{background:color-mix(in srgb,var(--surface) 91%,transparent);border-bottom:0}
.sky-hero{position:relative;isolation:isolate;z-index:1;min-height:640px;height:100svh;overflow:visible}
/* The cloud ends in its own drawn underside, rather than a mask cutting the painting. */
.sky-scene{position:absolute;inset:0 0 calc(-1 * (var(--hero-cloud-overhang) + 4svh));z-index:0;pointer-events:none}
.sky-art{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;object-position:center bottom;filter:none;transition:opacity var(--mood-duration) var(--ease)}
.sky-art.night-photo{opacity:0}
[data-mode=night] .sky-art.day-photo{opacity:0}
[data-mode=night] .sky-art.night-photo{opacity:1}
.sky-hero-copy{position:relative;z-index:2;text-align:center;padding:clamp(160px,22svh,230px) 24px 80px;margin:0 auto;max-width:920px}
.hero-mantra{font-size:14px;line-height:1.5;letter-spacing:.055em;margin:0 0 26px}
.sky-hero h1{font-size:clamp(48px,5.6vw,80px);line-height:1.18;letter-spacing:-.045em;margin:0}
.sky-hero .arrival-actions{margin-top:34px;max-width:290px}
.sky-hero .arrival-action{min-width:0;min-height:54px;width:100%;font-size:15px;padding:15px 24px}
.sky-continuation{position:relative;isolation:isolate;z-index:0;padding-top:var(--hero-cloud-overhang);background:var(--surface);transition:background-color var(--mood-duration) var(--ease)}
.sky-continuation:before{content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;background:url('/assets/sky/paper-grain.webp') repeat;background-size:640px 640px;mix-blend-mode:soft-light;opacity:.65}
.sky-home .connection-story{background:transparent;border:0}
.sky-home .connection-photographs img{filter:none}
.sky-home .story-food-gallery{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;width:100%;max-width:640px;aspect-ratio:auto;align-self:center;isolation:isolate}
.sky-home .story-food-gallery .story-photo{position:relative;inset:auto;width:100%;height:auto;margin:0;min-width:0;transform:rotate(var(--photo-angle,0deg));overflow:hidden}
.story-photo>img,.story-photo .arrival-photo-pair{display:block;width:100%;height:100%;object-fit:cover}
.story-pasta{grid-column:1 / 5;grid-row:1 / 3;--photo-angle:-3deg}
.story-arancini{grid-column:5 / 7;grid-row:1;aspect-ratio:1;--photo-angle:4deg}
.story-pizza{grid-column:5 / 7;grid-row:2;aspect-ratio:1;--photo-angle:-2deg}
.story-room{grid-column:1 / 4;grid-row:3;aspect-ratio:3 / 2;--photo-angle:2deg}
.story-plate{grid-column:4 / 7;grid-row:3;aspect-ratio:3 / 2;--photo-angle:-3deg}
.sky-home{--mount-paper:#f2ecdb;--mount-ink:#526356;--mount-shadow:#18392e20}
[data-mode=night] .sky-home{--mount-paper:#e3d9c3;--mount-ink:#686150;--mount-shadow:#08192345}
.sky-home .illustration-frame{position:relative;border:1px solid var(--mount-ink);border-radius:2px;padding:9px;background:var(--mount-paper);box-shadow:2px 3px 0 color-mix(in srgb,var(--mount-ink) 24%,transparent),3px 10px 22px var(--mount-shadow);transition:background-color var(--mood-duration),border-color var(--mood-duration),box-shadow var(--mood-duration)}
.illustration-frame:after{content:"";position:absolute;inset:3px;border:1px solid color-mix(in srgb,var(--mount-ink) 36%,transparent);border-radius:1px;pointer-events:none}
.people-section{padding:24px 8% 110px;color:var(--surface-ink)}
.people-heading{text-align:center;margin:0 auto 28px;max-width:640px}
.people-heading h2{font-size:clamp(32px,3.8vw,48px);line-height:1.2;letter-spacing:-.035em;margin:20px 0 0}
.people-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(36px,6vw,80px);max-width:1040px;margin:auto}
.chef-profile{min-width:0}
.chef-visual{position:relative;isolation:isolate;display:grid;place-items:center;padding:28px 6px 22px}
/* Independent soft contours break the straight print edges without changing the portraits. */
.chef-portrait{--portrait-contour:url('/assets/people/portrait-contour-a.svg');position:relative;width:100%;max-width:440px;aspect-ratio:1;margin:0;-webkit-mask-image:var(--portrait-contour);mask-image:var(--portrait-contour);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;mask-mode:alpha}
.chef-profile:nth-child(2) .chef-portrait{--portrait-contour:url('/assets/people/portrait-contour-b.svg')}
.chef-photo{position:absolute;inset:-8%;width:116%;max-width:none;height:116%;display:block;object-fit:cover}
.chef-copy{max-width:360px;margin:auto}
.chef-location{display:block;font-size:14px;line-height:1.5;color:var(--surface-muted);margin-bottom:8px}
.chef-instagram{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:46px;margin-top:22px;padding:11px 18px;border:1px solid var(--surface-line);border-radius:2px;font-size:14px;line-height:1.5;color:var(--surface-ink);text-decoration:none;transition:background-color var(--hover-duration),color var(--hover-duration),border-color var(--hover-duration)}
.chef-instagram:focus-visible{outline:2px solid var(--surface-ink);outline-offset:4px}
@media(hover:hover) and (pointer:fine){.chef-instagram:hover{background:var(--surface-ink);color:var(--surface);border-color:var(--surface-ink)}}
.chef-profile h3{font-size:27px;line-height:1.25;letter-spacing:-.025em;margin:0 0 14px}
.chef-profile p{font-size:16px;line-height:1.75;color:var(--surface-muted);margin:0;max-width:38ch}
.origin-paragraph{margin-top:22px}
.sky-home .archive.archive-globe.quiet-archive{background:transparent;color:var(--surface-ink)}
.sky-home .archive-title,.sky-home .globe-footer{color:var(--surface-ink)}
.sky-home .archive.archive-globe:before,.sky-home .archive.archive-globe:after{display:none}
.sky-home .connection-story,.sky-home .people-section,.sky-home .archive.archive-globe{position:relative;isolation:isolate}
.sky-home .connection-story:after,.sky-home .people-section:after,.sky-home .archive.archive-globe:after{content:"";display:block;position:absolute;inset:auto;top:24px;right:2%;width:clamp(110px,15vw,200px);aspect-ratio:3/2;z-index:-1;pointer-events:none;background:url('/assets/sky/small-cloud.webp') center/contain no-repeat;opacity:.38;transition:opacity var(--mood-duration) var(--ease)}
.sky-home .people-section:after{left:2%;right:auto;top:120px;width:clamp(90px,11vw,150px);transform:scaleX(-1)}
.sky-home .archive.archive-globe:after{top:30%;right:3%;width:clamp(100px,13vw,180px)}
[data-mode=night] .sky-home .connection-story:after,[data-mode=night] .sky-home .people-section:after,[data-mode=night] .sky-home .archive.archive-globe:after{opacity:.12}
.sky-home .site-footer{background:transparent;color:var(--surface-ink);border-color:var(--surface-line)}
@media(max-width:760px){
 .sky-home{--hero-cloud-overhang:40px}
 .sky-hero{min-height:560px}
 .sky-hero-copy{padding:clamp(150px,24svh,230px) 20px 80px;max-width:560px}
 .hero-mantra{font-size:14px;letter-spacing:.02em;margin-bottom:24px}
 .sky-hero h1{font-size:clamp(34px,9.7vw,54px);line-height:1.2}
 .sky-hero .arrival-actions{margin-top:28px;max-width:270px}
 .sky-hero .arrival-action{min-height:54px;font-size:15px}
 .sky-home .connection-story{padding-top:52px}
 .sky-home .story-food-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px;max-width:460px}
 .sky-home .story-food-gallery .story-photo{padding:7px}
 .story-pasta{grid-column:1 / -1;grid-row:auto;aspect-ratio:1;--photo-angle:-2deg}
 .story-arancini{grid-column:1;grid-row:auto;--photo-angle:3deg}
 .story-pizza{grid-column:2;grid-row:auto;--photo-angle:-3deg}
 .story-room{grid-column:1;grid-row:auto;--photo-angle:-2deg}
 .story-plate{grid-column:2;grid-row:auto;--photo-angle:3deg}
 .people-section{padding:20px 24px 76px}
 .people-heading{margin-bottom:20px}
 .people-heading h2{font-size:32px;margin-top:18px}
 .people-grid{grid-template-columns:minmax(0,1fr);gap:44px;max-width:420px}
 .chef-visual{padding:20px 6px 20px}
 .chef-copy{max-width:360px}
 .chef-profile h3{font-size:26px}
}
@media(max-width:760px) and (max-height:640px){
 .sky-hero-copy{padding-top:142px}
 .hero-mantra{margin-bottom:18px;font-size:13px}
 .sky-hero h1{font-size:34px}
 .sky-hero .arrival-actions{margin-top:24px}
}
@media(prefers-reduced-motion:reduce){.sky-art,.sky-home,.sky-continuation,.sky-home .illustration-frame,.sky-home .connection-story:after,.sky-home .people-section:after,.sky-home .archive.archive-globe:after,.chef-instagram{transition:none}}
