:root { --ink:#1d1712; --cream:#f3eadb; --paper:#e6d7c2; --clay:#8d6247; --brown:#3a281f; --deep:#241813; --line:rgba(29,23,18,.25); }
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--cream);color:var(--ink);font-family:Georgia,"Times New Roman",serif} a{color:inherit;text-decoration:none} button,input,textarea{font:inherit} img{display:block;width:100%}.site-header{position:absolute;top:0;z-index:10;width:100%;display:grid;grid-template-columns:1fr minmax(250px,460px) 1fr;align-items:center;padding:22px 5vw;color:#fff}.brand{grid-column:2}.brand img{mix-blend-mode:multiply;filter:invert(1);max-height:120px;object-fit:contain}.site-header nav{grid-column:1/4;display:flex;justify-content:center;gap:34px;padding-top:10px;font:600 12px/1.2 Arial,sans-serif;text-transform:uppercase;letter-spacing:.15em}.site-header nav a{border-bottom:1px solid transparent;padding-bottom:5px}.site-header nav a:hover{border-color:#fff}.menu-toggle{display:none}.hero{min-height:96vh;position:relative;display:grid;grid-template-columns:58% 42%;background:var(--brown);color:#fff;overflow:hidden}.hero-photo{background:linear-gradient(90deg,transparent 70%,var(--brown)),url('images/artisan-sourdough-wide.jpg') center/cover}.hero-copy{align-self:center;padding:140px 9% 70px}.eyebrow{font:700 11px/1.4 Arial,sans-serif;letter-spacing:.19em;text-transform:uppercase;margin:0 0 18px}.hero h1,.section h2{font-size:clamp(48px,6vw,90px);line-height:.92;letter-spacing:-.045em;font-weight:400;margin:0 0 26px}.hero-copy>p:not(.eyebrow){max-width:460px;font-size:20px;line-height:1.6;color:#eadfd3}.button{display:inline-block;border:1px solid currentColor;padding:16px 22px;margin-top:18px;font:700 12px Arial,sans-serif;text-transform:uppercase;letter-spacing:.13em;cursor:pointer;background:transparent;color:inherit}.button:hover{background:#fff;color:var(--brown)}.availability{position:absolute;bottom:0;right:0;width:42%;display:flex;justify-content:space-between;gap:20px;padding:20px 4%;border-top:1px solid rgba(255,255,255,.25);font:11px Arial,sans-serif;text-transform:uppercase;letter-spacing:.1em}.section{padding:110px 6vw}.section-heading{max-width:720px;margin:0 auto 70px;text-align:center}.section-heading>p:last-child{max-width:550px;margin:0 auto;line-height:1.7}.products-section{background:var(--cream)}.product-grid{max-width:1180px;margin:auto;display:grid;gap:70px}.product-card{display:grid;grid-template-columns:55% 45%;align-items:center}.product-card:nth-child(even){grid-template-columns:45% 55%}.product-card:nth-child(even) .product-image{order:2}.product-image{height:520px;position:relative;background:#cbb79e;overflow:hidden}.product-image img{height:100%;object-fit:cover;filter:saturate(.72) contrast(1.02)}.product-image span{position:absolute;left:20px;bottom:16px;color:#fff;font:12px Arial,sans-serif;letter-spacing:.15em}.product-copy{padding:45px 9%}.product-title{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:20px}.product-title h3{font-size:31px;line-height:1.1;font-weight:400;margin:0}.product-title strong{font:700 14px Arial,sans-serif;white-space:nowrap}.product-copy p{line-height:1.75;margin:0 0 14px}.details{font-size:14px;font-weight:bold}.text-button{background:none;border:0;border-bottom:1px solid var(--ink);padding:7px 0;margin-top:10px;cursor:pointer;font:700 11px Arial,sans-serif;text-transform:uppercase;letter-spacing:.13em}.text-button.selected{color:var(--clay)}.coming-soon{max-width:1180px;margin:75px auto 0;border:1px solid var(--line);padding:45px;text-align:center}.coming-soon span{font:11px Arial,sans-serif;text-transform:uppercase;letter-spacing:.15em}.coming-soon h3{font-size:36px;font-weight:400;margin:12px}.story-section{display:grid;grid-template-columns:1fr 1fr;min-height:720px;padding:0;background:var(--paper)}.story-image{min-height:600px;background:linear-gradient(135deg,#b79d80,#7d604a);display:grid;place-items:center;padding:60px}.placeholder-mark{border:1px solid rgba(255,255,255,.6);color:#fff;max-width:310px;padding:35px;text-align:center;line-height:1.6;font-style:italic}.story-copy{display:flex;flex-direction:column;justify-content:center;padding:10vw}.story-copy h2{font-size:clamp(48px,5vw,78px)}.placeholder-copy{font-size:20px;line-height:1.7;max-width:520px}.placeholder-label{font:700 10px Arial,sans-serif;text-transform:uppercase;letter-spacing:.17em;border-top:1px solid var(--line);padding-top:18px;margin-top:20px}.order-section{background:var(--deep);color:#fff;display:grid;grid-template-columns:42% 58%;gap:9vw}.order-intro p:not(.eyebrow){color:#d8cabe;font-size:18px;line-height:1.7}.order-note{border-top:1px solid rgba(255,255,255,.25);margin-top:35px;padding-top:20px;display:grid;gap:8px}.order-note strong{font:700 11px Arial,sans-serif;text-transform:uppercase;letter-spacing:.13em}.order-section form{display:grid;gap:22px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.order-section label,.order-section legend{display:grid;gap:9px;font:700 11px Arial,sans-serif;text-transform:uppercase;letter-spacing:.12em}.order-section input,.order-section textarea{width:100%;border:0;border-bottom:1px solid rgba(255,255,255,.45);background:transparent;color:#fff;padding:12px 0;outline:none;text-transform:none;letter-spacing:normal}.order-section textarea{border:1px solid rgba(255,255,255,.45);padding:12px;resize:vertical}.order-section fieldset{border:0;border-top:1px solid rgba(255,255,255,.25);padding:20px 0 0;display:grid;gap:13px}.check{display:flex!important;align-items:center;gap:12px!important}.check input{width:16px!important;height:16px}.button.light{background:var(--cream);color:var(--deep);border-color:var(--cream);justify-self:start}.form-note{font-size:13px;color:#bfae9f;margin:0}footer{background:#120d0a;color:#eaddce;padding:70px 6vw 30px;display:grid;grid-template-columns:1.2fr 1fr 1.4fr;gap:40px;font-size:14px;line-height:1.6}footer>img{max-width:300px;mix-blend-mode:screen;filter:invert(1)}footer a{border-bottom:1px solid rgba(255,255,255,.4)}footer .socials{grid-column:1/4;display:flex;gap:28px;border-top:1px solid rgba(255,255,255,.2);padding-top:25px}.copyright{grid-column:1/4;color:#8d7e73;font-size:12px}
@media(max-width:760px){.site-header{position:absolute;display:flex;justify-content:space-between;padding:14px 20px}.brand{width:230px}.brand img{max-height:85px}.menu-toggle{display:grid;gap:6px;background:none;border:0;padding:12px;z-index:2}.menu-toggle span{width:25px;height:1px;background:#fff}.site-header nav{display:none;position:fixed;inset:0;background:var(--deep);padding:145px 30px 40px;flex-direction:column;justify-content:flex-start;align-items:center;font-size:14px}.site-header nav.open{display:flex}.hero{display:block;min-height:auto;padding-top:105px}.hero-photo{height:55vh;min-height:380px;background-image:linear-gradient(0deg,var(--brown),transparent 45%),url('images/artisan-sourdough-wide.jpg')}.hero-copy{padding:20px 24px 110px}.hero h1{font-size:52px}.availability{width:100%;padding:18px 22px;font-size:9px}.section{padding:80px 22px}.section-heading{margin-bottom:45px}.section h2{font-size:48px}.product-card,.product-card:nth-child(even){display:block}.product-card:nth-child(even) .product-image{order:initial}.product-image{height:390px}.product-copy{padding:28px 0 55px}.product-title h3{font-size:28px}.coming-soon{margin-top:15px;padding:35px 20px}.story-section{display:block;padding:0}.story-image{min-height:480px}.story-copy{padding:75px 24px}.order-section{display:block;padding:80px 24px}.order-intro{margin-bottom:55px}.field-row{display:block}.field-row label+label{margin-top:22px}footer{grid-template-columns:1fr;padding:60px 24px 30px}footer>img,footer>div,footer .socials,footer .copyright{grid-column:1}.socials{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Version two refinements */
.site-header{grid-template-columns:1fr minmax(320px,540px) 1fr;padding-top:12px}
.brand{display:block}
.brand img{display:none}
.header-logo{display:block;width:min(520px,52vw);height:180px;margin:auto;background:url('images/logo-no-text-white-transparent.png') center/300% auto no-repeat}
.hero-copy>.eyebrow{font-size:clamp(15px,1.35vw,20px);letter-spacing:.16em}
.order-intro .order-lead{font-size:clamp(26px,3.2vw,46px);line-height:1.22;color:#fff;margin-top:0}
.calendar-field{position:relative}
.calendar-trigger{width:100%;text-align:left;border:0;border-bottom:1px solid rgba(255,255,255,.45);background:transparent;color:#fff;padding:14px 0;cursor:pointer;text-transform:none;letter-spacing:normal}
.calendar{position:absolute;z-index:20;top:72px;left:0;width:min(390px,100%);padding:18px;background:var(--cream);color:var(--deep);box-shadow:0 18px 45px rgba(0,0,0,.35);text-transform:none;letter-spacing:normal}
.calendar-head{display:grid;grid-template-columns:42px 1fr 42px;align-items:center;text-align:center;margin-bottom:12px}
.calendar-head button,.calendar-grid button{border:0;background:transparent;color:inherit;cursor:pointer}
.calendar-head button{font-size:26px}
.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;text-align:center}
.calendar-grid>*{aspect-ratio:1;display:grid;place-items:center}
.calendar-grid .weekday{height:28px;aspect-ratio:auto;font:700 9px Arial,sans-serif;text-transform:uppercase;letter-spacing:.08em}
.calendar-grid button{border-radius:50%}
.calendar-grid button:not(:disabled):hover,.calendar-grid button.chosen{background:var(--clay);color:#fff}
.calendar-grid button:disabled{opacity:.2;cursor:not-allowed}
@media(max-width:760px){.site-header{padding-top:8px}.brand{width:260px}.header-logo{width:260px;height:125px;background-size:300% auto}}
.story-section{display:block;min-height:0}
.story-section .story-copy{max-width:1000px;margin:auto;padding:110px 8vw;text-align:center}
.story-section .placeholder-copy{max-width:860px;margin:0 auto;font-size:21px}
@media(max-width:760px){.story-section .story-copy{padding:80px 24px}.story-section .placeholder-copy{font-size:18px}}

/* Static-hosting relative asset paths */
.hero-photo{background-image:linear-gradient(90deg,transparent 70%,var(--brown)),url('images/artisan-sourdough-wide.jpg')}
.header-logo{background-image:url('images/logo-no-text-white-transparent.png')}
@media(max-width:760px){.hero-photo{background-image:linear-gradient(0deg,var(--brown),transparent 45%),url('images/artisan-sourdough-wide.jpg')}}