/* shared look for milafurman.com — photo-led, warm, Girl and the Kitchen adjacent */
:root{
  --cream:#fbf7f1; --cream-2:#f4ebdd; --cream-3:#ece0cd;
  --ink:#1b1410; --ink-2:#3d322a; --ink-soft:#6b5b4e;
  --amber:#f6ae31; --amber-deep:#c8841a; --coral:#f64b31;
  --night:#13100e; --rule:rgba(27,20,16,.13);
  --serif:"Gilda Display",Georgia,serif;
  --script:"Meow Script",cursive;
  --sans:"Raleway",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --pad:1.375rem; color-scheme:light;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);
     font-size:1.0625rem;line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
.wrap{width:100%;max-width:68rem;margin-inline:auto;padding-inline:var(--pad)}
.narrow{max-width:38rem}
section{padding-block:3.75rem}
@media (min-width:48rem){:root{--pad:2.5rem} body{font-size:1.125rem} section{padding-block:6rem}}
h1,h2,h3{font-family:var(--serif);font-weight:400;margin:0;letter-spacing:-.015em;text-wrap:balance}
h1{font-size:clamp(2.6rem,9vw,5rem);line-height:1}
h2{font-size:clamp(1.9rem,6vw,2.9rem);line-height:1.1}
h3{font-size:clamp(1.2rem,4vw,1.5rem);line-height:1.25}
p{margin:0 0 1.25em}p:last-child{margin-bottom:0}
a{color:var(--amber-deep)}
strong{font-weight:700}
.script{font-family:var(--script);font-weight:400;color:var(--amber-deep);
        font-size:clamp(1.9rem,6.5vw,2.9rem);line-height:1;display:block;margin-bottom:.25rem}
.kicker{font-size:.6875rem;font-weight:700;letter-spacing:.3em;text-transform:uppercase;
        color:var(--amber-deep);margin:0 0 1.1rem}
.soft{color:var(--ink-soft)}
/* nav */
.topbar{position:sticky;top:0;z-index:30;background:rgba(251,247,241,.95);
        backdrop-filter:blur(8px);border-bottom:1px solid var(--rule)}
.topbar .bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;
             padding-block:.9rem;width:100%;max-width:68rem;margin-inline:auto;padding-inline:var(--pad)}
.wordmark{font-family:var(--serif);font-size:.875rem;letter-spacing:.09em;text-transform:uppercase;
          color:var(--ink);text-decoration:none;white-space:nowrap}
@media (min-width:34rem){.wordmark{font-size:1.0625rem;letter-spacing:.2em}}
.topnav{display:flex;gap:.72rem;font-size:.6563rem;font-weight:700;letter-spacing:.06em;
        text-transform:uppercase;flex-wrap:nowrap;justify-content:flex-end}
@media (min-width:34rem){.topnav{font-size:.75rem;gap:1.1rem;letter-spacing:.1em}}
@media (min-width:60rem){.topnav{font-size:.8125rem;gap:1.5rem}}
.topnav a{color:var(--ink-2);text-decoration:none;white-space:nowrap}
.topnav a:hover,.topnav a[aria-current]{color:var(--amber-deep)}
.topnav .tuck{display:none}
@media (min-width:44rem){.topnav .tuck{display:inline}}
/* buttons */
.btn{display:inline-block;background:var(--amber);color:#16100a;font-size:.9375rem;font-weight:700;
     letter-spacing:.07em;text-transform:uppercase;text-decoration:none;padding:1rem 2rem;border-radius:2px;
     transition:background .18s,transform .18s}
.btn:hover,.btn:focus-visible{background:#ffc455;transform:translateY(-1px)}
.btn-ghost{background:transparent;color:var(--ink);border:1.5px solid var(--ink);padding:.9rem 1.85rem}
.btn-ghost:hover,.btn-ghost:focus-visible{background:var(--ink);color:var(--cream)}
:focus-visible{outline:2px solid var(--amber-deep);outline-offset:3px}
.skip{position:absolute;left:-9999px}
.skip:focus{left:1rem;top:1rem;position:fixed;background:var(--amber);color:#16100a;
            padding:.75rem 1.25rem;z-index:50;border-radius:2px;text-decoration:none;font-weight:700}
/* page header for inner pages */
.pagehead{background:var(--cream-2);border-bottom:1px solid var(--rule);padding-block:3rem 2.75rem}
@media (min-width:48rem){.pagehead{padding-block:4.5rem 4rem}}
.pagehead p.lede{margin-top:1.5rem;max-width:36rem;color:var(--ink-soft);font-size:1.125rem}
/* footer */
footer{background:var(--night);color:rgba(251,247,241,.56);padding-block:3rem;font-size:.875rem}
footer .name{font-family:var(--serif);font-size:1.3rem;color:var(--cream);margin-bottom:.75rem;letter-spacing:.06em}
footer p{margin:0 0 .5rem}
footer a{color:rgba(251,247,241,.78);text-decoration:underline;text-underline-offset:2px}
footer .cols{display:grid;gap:1.75rem;margin-bottom:2rem}
@media (min-width:40rem){footer .cols{grid-template-columns:repeat(3,1fr);gap:2.5rem}}
footer h4{font-family:var(--sans);font-size:.6875rem;font-weight:700;letter-spacing:.24em;
          text-transform:uppercase;color:var(--amber);margin:0 0 .85rem}
footer .cols a{display:block;margin-bottom:.45rem;text-decoration:none;color:rgba(251,247,241,.72)}
footer .cols a:hover{color:#fff;text-decoration:underline}