*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}body{margin:0;font-family:var(--font-body);color:var(--ink);background:linear-gradient(135deg,var(--water) 0%,var(--water_soft) 100%);line-height:1.6;-webkit-font-smoothing:antialiased;position:relative}@keyframes gradient-drift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}body:before{content:"";position:fixed;inset:0;background:linear-gradient(45deg,var(--water) 0%,var(--water_soft) 25%,var(--water) 50%,var(--water_soft) 75%,var(--water) 100%);background-size:400% 400%;animation:gradient-drift 24s ease-in-out infinite;pointer-events:none;z-index:-1}@media (prefers-reduced-motion: reduce){body:before{animation:none}}h1,h2,h3,h4{font-family:var(--font-display);font-weight:700;line-height:1.1;margin:0;color:var(--ink)}h1{font-size:clamp(2.8rem,7vw,4.5rem);letter-spacing:-.02em}h2{font-size:clamp(2rem,4vw,2.8rem);margin-bottom:.8rem}h3{font-size:1.3rem}h4{font-size:1.1rem}p{margin:0 0 1rem}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.wrap,.section-wrap{width:min(1120px,90vw);margin-inline:auto}.section-wrap{padding:clamp(4rem,10vw,7rem) 0}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.75rem;font-weight:700;color:var(--accent);margin-bottom:.8rem}@keyframes reveal{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.reveal{opacity:0;animation:reveal .7s ease-out forwards}.reveal:nth-child(1){animation-delay:.1s}.reveal:nth-child(2){animation-delay:.2s}.reveal:nth-child(3){animation-delay:.3s}.reveal:nth-child(4){animation-delay:.4s}.reveal:nth-child(5){animation-delay:.5s}.reveal:nth-child(6){animation-delay:.6s}.btn{display:inline-block;padding:.95rem 2rem;border-radius:2px;font-weight:700;font-family:var(--font-body);letter-spacing:.02em;transition:all .25s ease;cursor:pointer}.btn-primary{background:var(--accent);color:var(--water);box-shadow:0 8px 24px -6px #6b8e6f47}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 12px 32px -8px #6b8e6f59}.btn:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.site-header{position:sticky;top:0;z-index:20;background:#f8efe2f2;backdrop-filter:blur(8px);border-bottom:1px solid rgba(107,142,111,.12);box-shadow:0 2px 8px #1b1a170a}.site-header .wrap{width:min(1120px,90vw);margin-inline:auto;display:flex;align-items:center;justify-content:space-between;padding:1rem 0}.brand{font-family:var(--font-display);font-weight:700;font-size:1.2rem;letter-spacing:-.01em}.call{font-weight:700;color:var(--accent);transition:opacity .2s ease}.call:hover{opacity:.8}.hero-section{position:relative;background:linear-gradient(135deg,var(--water) 0%,var(--water_soft) 100%);padding:clamp(6rem,12vw,9rem) 0;overflow:hidden}.hero-container{width:min(1120px,90vw);margin-inline:auto;display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,4rem);align-items:center}@media (max-width: 768px){.hero-container{grid-template-columns:1fr}}.hero-text{max-width:520px}.hero-headline{font-size:clamp(2.8rem,7vw,4.2rem);line-height:1.15;color:var(--ink);margin-bottom:1.5rem}.hero-cta{margin-top:2rem}.hero-image{display:flex;align-items:center;justify-content:center}.image-placeholder{width:280px;height:280px;background:#fff6;border-radius:4px;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(4px);box-shadow:0 8px 32px #1b1a1714}.coffee-cup-motif{width:180px;height:180px;stroke:var(--accent)}.orders-remember-section{background:var(--water);padding:clamp(5rem,10vw,8rem) 0}.section-wrap{display:grid;grid-template-columns:280px 1fr;gap:clamp(3rem,6vw,5rem);align-items:start}@media (max-width: 768px){.section-wrap{grid-template-columns:1fr}}.pinned-stat{position:sticky;top:120px}@media (max-width: 768px){.pinned-stat{position:static}}.stat-number{font-family:var(--font-display);font-size:clamp(2.4rem,5vw,3.2rem);font-weight:700;color:var(--accent);line-height:1;margin-bottom:.8rem}.stat-label{font-size:1rem;line-height:1.5;color:#1b1a17b3}.scrolling-quotes{display:flex;flex-direction:column;gap:1.6rem}.pull-quote{background:#f8efe280;border-left:3px solid var(--accent);padding:1.5rem 1.5rem 1.5rem 1.8rem;border-radius:0;margin:0}.pull-quote p{font-family:var(--font-display);font-size:1.1rem;line-height:1.6;color:var(--ink);margin:0 0 .8rem}.pull-quote figcaption{font-size:.9rem;color:var(--accent);font-weight:600}.menu-section{background:var(--water);padding:clamp(5rem,10vw,8rem) 0}.menu-section>.section-wrap{display:block}.section-subtitle{font-size:1.1rem;color:#1b1a17b3;max-width:60ch;margin-bottom:2.5rem}.menu-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2.5rem}.menu-hero-tile{grid-column:span 2;background:#f8efe299;border:1px solid var(--accent);border-left:4px solid var(--accent);padding:2rem;border-radius:2px;box-shadow:0 4px 16px #1b1a1714;transition:transform .3s ease,box-shadow .3s ease}.menu-hero-tile:hover{transform:translateY(-4px);box-shadow:0 8px 24px #1b1a171f}.menu-hero-tile h3{margin-bottom:.5rem}.tile-description{font-size:.95rem;color:#1b1a17b3;margin-bottom:1rem}.tile-price{font-family:var(--font-display);font-size:1.2rem;font-weight:700;color:var(--accent)}.tile-price-note{font-size:.85rem;color:#1b1a1799;font-style:italic}.menu-tile{background:#f8efe266;border:1px solid rgba(107,142,111,.15);padding:1.2rem;border-radius:2px;transition:all .3s ease}.menu-tile:hover{background:#f8efe2b3;border-color:var(--accent);transform:translateY(-2px)}.menu-tile h4{margin-bottom:.5rem;font-size:1rem}.menu-tile .tile-price{font-size:.95rem;margin:0}.menu-note,.hours-note{font-size:.9rem;color:#1b1a17b3;line-height:1.6}.artists-section{background:var(--water);padding:clamp(5rem,10vw,8rem) 0}.artist-band{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,4rem);align-items:center;margin-bottom:3rem}.band-text-left{grid-template-columns:1fr 1fr}.band-text-left>*{grid-column:1}@media (max-width: 768px){.artist-band{grid-template-columns:1fr}.band-text-left>*{grid-column:auto}}.artist-band h2{margin-bottom:1rem}.artist-band p{font-size:1rem;line-height:1.7;color:#1b1a17cc;margin-bottom:1.2rem}.link-sage{display:inline-block;color:var(--accent);font-weight:600;border-bottom:2px solid var(--accent);padding-bottom:.2rem;transition:opacity .2s ease}.link-sage:hover{opacity:.7}.gallery-placeholder{width:100%;height:380px;background:#f8efe299;border-radius:4px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #1b1a170f}.gallery-frames{width:280px;height:280px;stroke:var(--accent)}.freshness-section{background:var(--water);padding:clamp(5rem,10vw,8rem) 0}.freshness-section>.section-wrap{display:block}.freshness-section h2{margin-bottom:2rem}.process-layout{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,4rem);align-items:start}@media (max-width: 768px){.process-layout{grid-template-columns:1fr}}.process-visual{position:sticky;top:120px;height:380px;display:flex;align-items:center;justify-content:center;background:#f8efe280;border-radius:4px}@media (max-width: 768px){.process-visual{position:static}}.line-draw-motif{width:120px;height:100%;stroke:var(--accent)}@supports (animation-timeline: view()){.coffee-bean-line{animation:draw 2s ease-in-out forwards;animation-timeline:view()}@keyframes draw{to{stroke-dashoffset:0}}}@media (prefers-reduced-motion: reduce){.coffee-bean-line{stroke-dashoffset:0!important}}.process-steps{display:flex;flex-direction:column;gap:2rem}.step{display:grid;grid-template-columns:60px 1fr;gap:1.5rem;align-items:start}.step-number{font-family:var(--font-display);font-size:2rem;font-weight:700;color:var(--accent);line-height:1}.step h3{font-size:1.2rem;margin-bottom:.5rem}.step p{font-size:.95rem;color:#1b1a17b3;line-height:1.6}.testimonials-section{background:var(--water);padding:clamp(5rem,10vw,8rem) 0}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.testimonial-card{background:#f8efe280;border:1px solid rgba(107,142,111,.2);border-top:3px solid var(--accent);padding:1.8rem;border-radius:0;transition:all .3s ease}.testimonial-card:hover{background:#f8efe2cc;box-shadow:0 8px 24px #1b1a1714}.testimonial-text{font-family:var(--font-display);font-size:1.05rem;line-height:1.7;color:var(--ink);margin-bottom:1rem}.testimonial-attribution{font-weight:600;color:var(--accent);font-size:.9rem}.footer-section{background:linear-gradient(135deg,var(--water_soft) 0%,var(--water) 100%);padding:clamp(5rem,10vw,8rem) 0;border-top:1px solid rgba(107,142,111,.15)}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:clamp(2rem,4vw,3rem);margin-bottom:3rem}.footer-block h3{font-size:1.15rem;margin-bottom:1rem}.footer-block p{font-size:.95rem;line-height:1.6;color:#1b1a17bf;margin-bottom:.5rem}.phone-link,.map-link,.social-link{display:block;color:var(--accent);font-weight:600;margin-top:.5rem;transition:opacity .2s ease}.phone-link:hover,.map-link:hover,.social-link:hover{opacity:.8}.hours-note{font-size:.85rem;color:#1b1a17a6}.footer-cta{text-align:center;padding-top:2rem;border-top:1px solid rgba(107,142,111,.15)}.form{display:grid;gap:1rem;max-width:480px}.form input,.form textarea{width:100%;padding:.95rem 1.2rem;border:1px solid rgba(107,142,111,.2);border-radius:2px;font-family:var(--font-body);font-size:1rem;background:#fff9;color:var(--ink);transition:all .2s ease}.form input:focus,.form textarea:focus{outline:none;border-color:var(--accent);background:#fffffff2;box-shadow:0 0 0 3px #6b8e6f1a}.form .status{font-size:.85rem;min-height:1.2em}@media (max-width: 480px){h1{font-size:clamp(1.8rem,5vw,2.6rem)}h2{font-size:clamp(1.4rem,4vw,1.8rem)}.hero-container{grid-template-columns:1fr}.image-placeholder{width:220px;height:220px}.menu-grid{grid-template-columns:1fr}.menu-hero-tile{grid-column:span 1}.process-layout{grid-template-columns:1fr}.step{grid-template-columns:1fr;gap:.5rem}.step-number{font-size:1.4rem}}