/* Real photography refresh. Original photographs are archived outside the public site. */
.hero{overflow:hidden;background:radial-gradient(ellipse at 84% 45%,#eedac580,transparent 58%);padding-block:58px 64px}
.hero .wrap{grid-template-columns:1fr 1.1fr;gap:64px;align-items:center}
.hero h1{font-size:clamp(2.8rem,4.6vw,4.4rem);max-width:none;line-height:1.08}
.hero-copy{gap:24px}
.hero-lead{max-width:36ch;font-size:1rem;line-height:1.7}
.hero-price{font-size:.78rem}
.hero .next-market{max-width:405px;background:#fff8ee9e;padding:14px 18px}
.hero .next-market strong{font-size:.94rem}
.real-hero-visual{position:relative;display:grid;grid-template-columns:1.65fr 1fr;gap:14px;align-items:center;min-width:0;padding:24px 0 34px}
.hero-photo-main,.hero-photo-side{margin:0;position:relative;min-width:0}
.hero-photo-main{transform:rotate(-3deg);z-index:2}
.hero-photo-main>a{display:block;overflow:hidden;border:7px solid #fffcf6;border-radius:170px 170px 14px 14px;box-shadow:0 18px 40px #71371f1c;aspect-ratio:3/4.15;background:#f2dfd0}
.real-hero-visual img{width:100%;height:100%;object-fit:cover}
.hero-photo-main img{object-position:47% 50%}
.hero-photo-main figcaption{position:absolute;bottom:23px;left:22px;color:white;font-size:.61rem;font-weight:700;letter-spacing:.16em;text-shadow:0 1px 8px #34160c}
.hero-photo-main>a::after{content:"";position:absolute;inset:55% 7px 7px;border-radius:0 0 9px 9px;background:linear-gradient(transparent,#381b1566);pointer-events:none}
.hero-photo-main figcaption{z-index:1}
.hero-photo-rail{display:grid;gap:20px;padding-top:48px;transform:rotate(4deg)}
.hero-photo-side>a{display:block;aspect-ratio:1/1.13;border:6px solid #fffcf6;border-radius:12px;overflow:hidden;box-shadow:0 12px 28px #71371f1b;background:var(--surface)}
.hero-photo-note{position:absolute;z-index:4;bottom:3px;right:0;font:italic 1rem/1.3 Georgia,serif;transform:rotate(-5deg);color:var(--cocoa);text-align:center;background:#f8e8ce;padding:14px 22px;box-shadow:0 3px 8px #71371f0d}
.hero-photo-note::before{content:"";position:absolute;width:54px;height:18px;left:calc(50% - 27px);top:-9px;background:#e1cba59e;transform:rotate(4deg)}
.photo-small-print{display:flex;align-items:center;gap:12px;font-size:.66rem;letter-spacing:.13em;text-transform:uppercase;color:var(--muted)}
.photo-small-print::before{content:"";height:1px;width:28px;background:var(--line)}
.photo-editorial{padding:88px 0 80px;background:var(--surface)}
.photo-section-head{display:flex;gap:40px;justify-content:space-between;align-items:end;margin-bottom:36px}
.photo-section-head h2{font-size:clamp(2.5rem,4.8vw,4.3rem);line-height:1.08;letter-spacing:-.035em;margin-top:14px;max-width:15ch}
.photo-section-head>p{max-width:31ch;font-size:.95rem;color:var(--muted);line-height:1.7;margin-bottom:5px}
.photo-section-head em{font-weight:400;color:var(--cocoa)}
.photo-wall{display:grid;grid-template-columns:1.15fr .85fr 1fr;grid-template-rows:260px 260px;gap:16px}
.photo-tile{position:relative;min-width:0;margin:0;overflow:hidden;background:#ddc7ac}
.photo-tile:first-child{grid-row:span 2;border-radius:160px 160px 10px 10px}
.photo-tile:nth-child(2){border-radius:10px}
.photo-tile:nth-child(3){grid-row:span 2;border-radius:10px 10px 150px 10px}
.photo-tile:nth-child(4){border-radius:10px}
.photo-tile>a{display:block;width:100%;height:100%;position:relative;overflow:hidden}
.photo-tile img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.photo-tile>a:hover img{transform:scale(1.045)}
.photo-tile figcaption{position:absolute;left:16px;right:16px;bottom:16px;color:white;display:flex;justify-content:space-between;gap:12px;align-items:center;z-index:1;font-size:.77rem;pointer-events:none;text-shadow:0 1px 8px #29160c88}
.photo-tile>a::after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#32170f99);pointer-events:none}
.photo-tile figcaption span:last-child{border:1px solid #ffffff66;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;font-size:1rem}
.photo-editorial-foot{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:24px;color:var(--muted);font-size:.78rem}
.photo-editorial-foot a{color:var(--cocoa);text-underline-offset:5px;font-weight:600;min-height:44px;display:flex;align-items:center}
.kitchen-journal{padding-block:90px;background:#462b21;color:#fff8ee;position:relative;overflow:hidden}
.kitchen-journal .label{color:#e1b78f}
.kitchen-journal .photo-section-head>p{color:#e1cbb9}
.kitchen-journal .photo-section-head h2{max-width:17ch}
.kitchen-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;counter-reset:step}
.kitchen-step{margin:0;counter-increment:step;min-width:0}
.kitchen-step>a{display:block;position:relative;overflow:hidden;aspect-ratio:4/4.5;border-radius:110px 110px 8px 8px;background:#62473a}
.kitchen-step:nth-child(2){padding-top:50px}
.kitchen-step:nth-child(2)>a{border-radius:8px}
.kitchen-step:nth-child(3)>a{border-radius:8px 110px 8px 8px}
.kitchen-step img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.kitchen-step>a:hover img{transform:scale(1.04)}
.kitchen-step figcaption{display:grid;grid-template-columns:32px 1fr;gap:10px;margin-top:21px}
.kitchen-step figcaption::before{content:"0" counter(step);font-size:.65rem;color:#e0b18d;letter-spacing:.12em;padding-top:8px}
.kitchen-step h3{font:400 1.65rem/1.25 var(--display);margin-bottom:10px}
.kitchen-step p{font-size:.87rem;line-height:1.7;color:#e1cbb9;max-width:29ch}
.kitchen-tail{display:flex;align-items:center;justify-content:space-between;gap:32px;margin-top:55px;padding-top:26px;border-top:1px solid #ffffff25}
.kitchen-tail p{font:italic 1.35rem/1.4 Georgia,serif;max-width:30ch;color:#e8ccb2}
.kitchen-tail .pill{background:#fff1df;color:#4a281c;white-space:nowrap}
.photo-lightbox{width:min(1000px,calc(100% - 32px));max-height:calc(100dvh - 32px);padding:16px;border:1px solid #e4cfb7;border-radius:16px;background:#fff8ee;color:var(--ink);overflow:auto}
.photo-lightbox::backdrop{background:#21100cd9;backdrop-filter:blur(7px)}
.photo-lightbox-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;gap:16px}
.photo-lightbox-top p{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase}
.photo-lightbox button{background:none;border:1px solid var(--line);color:var(--ink);border-radius:50%;min-width:44px;height:44px;cursor:pointer;font:inherit;font-size:1.1rem}
.photo-lightbox>img{display:block;max-height:calc(100dvh - 210px);width:100%;object-fit:contain;background:#f2e6d5;border-radius:6px}
.photo-lightbox-bottom{display:grid;grid-template-columns:44px 1fr 44px;gap:18px;align-items:center;margin-top:14px}
.photo-lightbox-caption{font-size:.86rem;text-align:center;line-height:1.5}
.photo-lightbox-caption small{display:block;color:var(--muted);font-size:.72rem;margin-top:4px}
html:has(.photo-lightbox[open]){overflow:hidden}
[data-photo-gallery]:focus-visible{outline:3px solid var(--cocoa);outline-offset:5px}
.kitchen-journal [data-photo-gallery]:focus-visible{outline-color:#fff1df}
@media(max-width:1100px){.hero .wrap{gap:32px}.photo-wall{grid-template-rows:220px 220px}.photo-section-head h2{font-size:3.3rem}}
@media(max-width:900px){
 .hero .wrap{grid-template-columns:1fr 1fr;gap:24px}.hero h1{font-size:clamp(2.5rem,5vw,4rem)}
 .hero-copy{display:grid;gap:20px;max-width:none}.hero .hero-lead{font-size:.93rem}.hero .hero-price{font-size:.71rem}
 .hero .hero-actions{flex-wrap:wrap}.hero .hero-actions .pill{padding-inline:18px;font-size:.8rem}.real-hero-visual{gap:8px}
 .hero-photo-rail{gap:12px}.hero-photo-main>a{border-width:5px}.hero-photo-note{padding:12px 14px;font-size:.85rem}
 .photo-wall{grid-template-columns:1fr 1fr;grid-template-rows:260px 260px}
 .photo-tile:first-child,.photo-tile:nth-child(3){grid-row:auto}.photo-tile:first-child{border-radius:90px 90px 8px 8px}.photo-tile:nth-child(3){border-radius:8px 8px 90px 8px}
 .photo-section-head{gap:24px}.photo-section-head h2{font-size:2.8rem}.photo-section-head>p{font-size:.88rem;max-width:28ch}
 .kitchen-steps{gap:16px}.kitchen-step h3{font-size:1.3rem}.kitchen-step p{font-size:.8rem}.kitchen-step figcaption{grid-template-columns:24px 1fr;gap:4px}
}
@media(max-width:640px){
 .hero{padding-block:28px 36px}.hero .wrap{display:flex;flex-direction:column;gap:30px;align-items:stretch}
 .hero-copy{display:contents}.hero-copy>.label{order:0;font-size:.64rem;margin:0}.hero h1{order:1;font-size:clamp(2.35rem,10.1vw,3.65rem);max-width:13ch;margin-top:-17px;line-height:1.08}
 .real-hero-visual{order:2;width:100%;max-width:440px;align-self:center;grid-template-columns:1.65fr 1fr;gap:13px;padding:0 5px 24px;min-height:0;margin-top:-5px}
 .hero-photo-main>a{aspect-ratio:3/3.8;border-width:5px}.hero-photo-main figcaption{left:15px;bottom:17px;font-size:.48rem;letter-spacing:.11em}
 .hero-photo-rail{gap:12px;padding-top:14px}.hero-photo-side>a{border-width:4px;aspect-ratio:1/1.02}
 .hero-photo-note{font-size:.76rem;right:8px;bottom:-2px;padding:11px 14px}
 .hero .hero-lead{order:3;font-size:.96rem;line-height:1.6;max-width:none;margin-top:-5px}
 .hero .hero-actions{order:4;width:100%;flex-wrap:nowrap;gap:10px;margin-top:-15px}.hero .hero-actions .pill{flex:1;justify-content:center;font-size:.84rem;padding-inline:12px}
 .hero .hero-price{order:5;margin-top:-15px;display:flex;flex-wrap:wrap;font-size:.72rem;gap:2px 10px}
 .hero .hero-price>span{flex-basis:auto;padding:0;margin:0;border:0}.hero .next-market{order:6;margin-top:-12px;max-width:none}
 .hero .next-market strong{font-size:.94rem}.hero .next-market>span:last-child{font-size:.79rem}
 .hero .photo-small-print{display:none}
 .photo-editorial,.kitchen-journal{padding-block:52px}.photo-section-head{display:block;margin-bottom:26px}.photo-section-head h2{font-size:2.6rem;max-width:16ch;margin-top:12px}.photo-section-head>p{max-width:35ch;margin-top:18px;font-size:.9rem}
 .photo-wall{gap:10px;grid-template-rows:220px 185px}.photo-tile:first-child{border-radius:70px 70px 8px 8px}.photo-tile:nth-child(3){border-radius:8px 8px 65px 8px}
 .photo-tile figcaption{left:10px;right:10px;bottom:10px;font-size:.66rem;gap:4px}.photo-tile figcaption span:last-child{width:24px;height:24px;flex-shrink:0}
 .photo-editorial-foot{font-size:.72rem;align-items:start;gap:12px}.photo-editorial-foot p{max-width:24ch}.photo-editorial-foot a{white-space:nowrap;min-height:30px}
 .kitchen-steps{display:block}.kitchen-step,.kitchen-step:nth-child(2){display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center;padding-top:0;margin-bottom:24px}
 .kitchen-step>a{aspect-ratio:4/4.9;border-radius:70px 70px 6px 6px}.kitchen-step:nth-child(2)>a{border-radius:6px}.kitchen-step:nth-child(3)>a{border-radius:6px 70px 6px 6px}
 .kitchen-step figcaption{margin:0;display:block}.kitchen-step figcaption::before{display:block;margin-bottom:10px;padding:0}.kitchen-step h3{font-size:1.45rem}.kitchen-step p{font-size:.83rem}
 .kitchen-tail{display:block;margin-top:32px;padding-top:24px}.kitchen-tail p{font-size:1.2rem;margin-bottom:20px}.kitchen-tail .pill{font-size:.85rem}
 .photo-lightbox{padding:12px}.photo-lightbox-top p{font-size:.62rem}.photo-lightbox-caption{font-size:.8rem}.photo-lightbox-bottom{gap:8px}
}
@media(prefers-reduced-motion:reduce){.photo-tile img,.kitchen-step img{transition:none}.hero-photo-main,.hero-photo-rail{transform:none}}
