/* Brand colors follow the supplied Nana Kneads Dough logo. */
:root{color-scheme:light;--paper:#fcf8f1;--ink:#563b2b;--muted:#73624f;--rose:#b56755;--line:#ded4c5;--serif:Georgia,'Times New Roman',serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.6 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}a{color:inherit}img{max-width:100%;display:block}figure,p,h1,h2,h3{margin:0}.wrap{width:min(1200px,calc(100% - 80px));margin-inline:auto}.skip-link{position:absolute;top:-100px;left:20px;padding:12px;background:white;z-index:2}.skip-link:focus{top:12px}:focus-visible{outline:3px solid var(--rose);outline-offset:5px}.site-header{min-height:120px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:15px;text-decoration:none;font:24px/1.3 var(--serif);font-weight:bold}.brand img{border-radius:50%}.brand small{display:block;font:12px/1.8 system-ui,sans-serif;letter-spacing:.11em;text-transform:uppercase;font-weight:400;margin-top:5px}nav{display:flex;gap:30px;font-size:15px}nav a{text-decoration:none}nav a:hover,footer a:hover{text-decoration:underline;text-underline-offset:5px}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center;padding-block:64px 76px}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.2em;font-weight:650;margin-bottom:20px}h1,h2{font-family:var(--serif);font-weight:400;line-height:1.1;letter-spacing:-.045em}h1{font-size:clamp(44px,4.7vw,68px)}h1 em{color:var(--rose);font-weight:400}.hero-copy>p:not(.eyebrow):not(.hero-note){max-width:400px;margin-top:26px;color:var(--muted);font-size:18px}.button{display:inline-flex;align-items:center;gap:22px;background:var(--ink);color:white;padding:15px 22px;text-decoration:none;margin-top:30px;font-size:15px;border-radius:3px}.button:hover{background:#754c33}.hero-note{font:italic 15px/1.6 var(--serif);margin-top:23px;color:var(--muted)}.hero-photo{padding:12px 12px 0;background:#f0e5d5;transform:rotate(2deg);box-shadow:0 10px 30px #563b2b0b}.hero-photo img{width:100%;height:auto}.hero-photo figcaption{text-align:center;font:italic 19px/1.5 var(--serif);padding:14px 8px}.ribbon{padding:20px;text-align:center;border-block:1px solid var(--line);font:italic 22px/1.4 var(--serif);color:var(--muted);background:#f5ede1}.collection{padding-block:78px;scroll-margin-top:15px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:45px;margin-bottom:36px}h2{font-size:clamp(34px,3.6vw,48px)}.section-heading .eyebrow{margin-bottom:14px}.section-heading>p{max-width:350px;color:var(--muted);font-size:16px}.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.gallery figure>a{display:flex;align-items:center;justify-content:center;background:#eee8dd;overflow:hidden;aspect-ratio:1/1.08}.gallery img{width:100%;height:100%;object-fit:contain;transition:transform .25s}.gallery a:hover img{transform:scale(1.025)}.gallery figcaption{padding-top:18px}h3{font:24px/1.25 var(--serif);font-weight:400;letter-spacing:-.02em}.gallery figcaption p{font-size:14px;margin-top:7px;color:var(--muted)}.cake-section{background:#efe5d7;border-block:1px solid var(--line)}.cakes figure>a{aspect-ratio:3/4;background:#e3d7c6}.sign-off{padding:44px 0 65px;display:flex;align-items:center;justify-content:center;gap:55px;border-bottom:1px solid var(--line)}.sign-off img{border-radius:50%}.sign-off h2{font-size:38px}.sign-off p:last-child{font-size:16px;color:var(--muted);margin-top:16px}footer{display:flex;justify-content:space-between;gap:20px;padding-block:24px;font-size:13px;color:var(--muted)}footer a{text-decoration:none}
@media(max-width:900px){.wrap{width:calc(100% - 48px)}.hero{gap:36px;padding-block:48px}.brand{font-size:21px}.brand img{width:60px;height:60px}.brand small{font-size:10px}nav{gap:20px}.gallery{gap:18px}h3{font-size:21px}.section-heading>p{max-width:280px}.hero-note{font-size:14px}}
@media(max-width:650px){.wrap{width:calc(100% - 36px)}.site-header{padding-block:19px;flex-direction:column;gap:18px}.brand{font-size:23px}.brand small{font-size:11px}nav{width:100%;justify-content:center;gap:30px;font-size:14px}.hero{grid-template-columns:1fr;gap:35px;padding-block:38px 44px}.hero-copy>p:not(.eyebrow):not(.hero-note){font-size:17px}.hero-photo{max-width:450px;margin:0 7px}.eyebrow{margin-bottom:15px}.hero-note{margin-top:16px}h1{font-size:48px}.ribbon{font-size:19px}.collection{padding-block:46px}.section-heading{display:block;margin-bottom:26px}.section-heading>p{max-width:none;margin-top:18px}.gallery{grid-template-columns:1fr;gap:32px}.gallery figure>a{aspect-ratio:auto}.gallery img{height:auto;max-height:550px;object-fit:contain}.cakes figure>a{aspect-ratio:auto}.gallery figcaption{padding-top:13px}h3{font-size:25px}.sign-off{padding-block:20px 44px;gap:24px;flex-direction:column;text-align:center}.sign-off img{width:160px;height:160px}.sign-off h2{font-size:34px}footer{font-size:12px}h2{font-size:37px}}
.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 28px;align-items:start}.project>a{display:flex;align-items:center;justify-content:center;background:#eee8dd;aspect-ratio:1/1.08}.project>a img{width:100%;height:100%;object-fit:contain}.project-caption{padding-top:17px}.project-caption p{font-size:14px;color:var(--muted);margin-top:7px}.project details{margin-top:12px;border-top:1px solid var(--line)}.project summary{cursor:pointer;padding:12px 0;font-size:15px;text-decoration:underline;text-underline-offset:4px}.project summary:hover{color:#8b493b}.project-photos{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding-bottom:12px}.project-photos a{display:flex;align-items:center;background:#eee8dd;aspect-ratio:1}.project-photos img{width:100%;height:100%;object-fit:contain}.cake-section .project>a{aspect-ratio:3/4;background:#e3d7c6}
@media(max-width:900px){.project-grid{gap:30px 18px}}
@media(max-width:650px){.project-grid{grid-template-columns:1fr;gap:35px}.project>a,.cake-section .project>a{aspect-ratio:auto}.project>a img{height:auto;max-height:550px}.project-photos{gap:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.gallery img{transition:none}.hero-photo{transform:none}}