:root{--bg-canvas:#1e1612;--bg-surface:#33251c;--bg-surface-hover:#423023;--text-primary:#f5ecdf;--text-muted:#d3c2af;--accent-primary:#f59e0b;--accent-secondary:#fbbf24;--border-subtle:#66503b;--ease-kinetic:cubic-bezier(.16,1,.3,1);--shadow-elevation:0 12px 32px -4px rgba(0,0,0,.25);--glow-accent:0 0 24px -4px #f59e0b55;--glass-backdrop:blur(16px) saturate(180%);--radius:20px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg-canvas);color:var(--text-primary);font:16px/1.75 system-ui,sans-serif;overflow-wrap:anywhere;hyphens:auto}h1,h2,h3{font-family:Georgia,"Times New Roman",serif;font-weight:400;line-height:1.12;text-wrap:balance}h1{font-size:clamp(2.7rem,5.8vw,5.2rem);letter-spacing:-.045em;margin:.25em 0 .45em}h2{font-size:clamp(2rem,3.4vw,3rem);letter-spacing:-.025em;margin:0 0 .7em}h3{font-size:1.55rem;margin:.25em 0 .6em}p{margin:0 0 1.2em}a{color:var(--accent-secondary);text-decoration-thickness:1px;text-underline-offset:5px}a:hover{color:#ffe1a1}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--accent-secondary);outline-offset:5px}img{display:block;width:100%;height:100%;object-fit:cover;border-radius:var(--radius)}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}.wrap{width:min(1100px,calc(100% - 48px));margin-inline:auto}.skip{position:absolute;top:-100px;left:15px;z-index:20;background:var(--accent-primary);color:var(--bg-canvas);padding:10px}.skip:focus{top:10px}.tagline{background:#35271b;color:var(--text-muted);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;padding:8px 0}.site-header{position:relative;border-bottom:1px solid var(--border-subtle);z-index:5}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:88px}.brand{display:inline-flex;align-items:center;gap:10px;font-family:Georgia,serif;font-size:1.6rem;color:var(--text-primary);text-decoration:none;white-space:nowrap}.brand-mark{display:inline-grid;place-items:center;width:30px;height:38px;border:1px solid var(--accent-primary);border-radius:45% 45% 35% 35%;color:var(--accent-primary);font:24px Georgia,serif}.nav-list{display:flex;align-items:center;gap:20px;list-style:none;margin:0;padding:0}.nav-list a{font-size:.8rem;white-space:nowrap;text-decoration:none;color:var(--text-primary)}.nav-list a[aria-current=page]{color:var(--accent-secondary)}.nav-list a,.text-link{position:relative;display:inline-block}.nav-list a:after,.text-link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:1px;background:var(--accent-primary);transition:width .3s var(--ease-kinetic)}.nav-list a:hover:after,.text-link:hover:after{width:100%}.menu-toggle{display:none;color:var(--text-primary);background:transparent;border:1px solid var(--border-subtle);border-radius:12px;font-size:2rem;line-height:1;padding:5px 14px}.band{padding:82px 0;position:relative}.band-warm{background:var(--bg-surface)}.band-soft{background:#2a2018;clip-path:polygon(0 20px,100% 0,100% 100%,0 calc(100% - 15px));padding-block:100px}.eyebrow{font-size:.75rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-secondary);margin-bottom:14px}.lead{font-size:1.15rem;color:var(--text-muted);max-width:56ch}.hero{padding:74px 0 100px;background:radial-gradient(ellipse at 75% 35%,#70431e55,transparent 50%),linear-gradient(120deg,#1e1612,#302017,#1e1612);background-size:200% 200%;animation:gradientShift 12s ease infinite}.hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:48px;align-items:center}.hero-collage{position:relative;height:510px;isolation:isolate}.hero-collage:before{content:"";position:absolute;inset:40px 15px;border:1px solid #a36c3877;border-radius:48% 52% 45% 55%;transform:rotate(-8deg);z-index:-1}.hero-collage figure{position:absolute;margin:0;box-shadow:var(--shadow-elevation)}.citrus-preparation-photo{width:62%;height:275px;left:0;top:0;transform:rotate(-5deg)}.sparkling-pour-photo{width:55%;height:280px;right:0;top:125px;transform:rotate(6deg)}.garden-sharing-photo{width:62%;height:220px;left:8%;bottom:0;transform:rotate(-3deg)}.hero-note{font-size:.8rem;color:var(--text-muted);margin-top:20px}.button{display:inline-block;border:0;border-radius:12px;padding:15px 22px;background:var(--accent-primary);color:#241609;font-size:.8rem;font-weight:800;letter-spacing:.045em;text-decoration:none;transition:transform .35s var(--ease-kinetic),box-shadow .35s var(--ease-kinetic)}.button:hover{color:#241609;transform:translateY(-5px) scale(1.015);box-shadow:var(--shadow-elevation),var(--glow-accent)}.text-link{color:var(--accent-secondary);text-decoration:none;font-weight:600}.section-heading{display:flex;gap:28px;align-items:flex-end;justify-content:space-between;margin-bottom:30px}.section-heading p{max-width:43ch;color:var(--text-muted)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:26px}.card{background:var(--bg-canvas);border:1px solid var(--border-subtle);border-radius:var(--radius);min-width:0;transition:transform .4s var(--ease-kinetic),box-shadow .4s var(--ease-kinetic),background .4s}.card:hover{transform:translateY(-5px) scale(1.015);box-shadow:var(--shadow-elevation),var(--glow-accent);background:var(--bg-surface-hover)}.card-media{aspect-ratio:4/3;position:relative}.card-media img{border-radius:20px 20px 0 0}.badge{display:inline-block;background:var(--accent-primary);color:#28190b;border-radius:20px;padding:4px 12px;font-size:.72rem;font-weight:750;line-height:1.8}.card-media .badge{position:absolute;bottom:-14px;left:22px}.card-body{padding:30px 24px 24px}.card-body p{color:var(--text-muted)}.meta{font-size:.8rem;color:var(--accent-secondary)}.feature{display:grid;grid-template-columns:1fr 1fr;gap:0;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius)}.feature-photo{min-height:380px}.feature-photo img{border-radius:20px 0 0 20px}.feature-copy{padding:40px}.ingredients{padding-left:21px;font-family:system-ui,sans-serif}.steps{padding-left:24px}.steps li{padding:0 0 15px 8px}.steps li::marker{color:var(--accent-primary);font-weight:800}.note{padding:22px 26px;border-left:3px solid var(--accent-primary);background:#45301d66;border-radius:0 20px 20px 0;margin:26px 0}.note p:last-child{margin-bottom:0}.table-scroll{overflow-x:auto;margin:28px 0;border:1px solid var(--border-subtle);border-radius:var(--radius)}table{width:100%;border-collapse:collapse;font-size:.92rem;min-width:520px;text-align:left}caption{text-align:left;padding:18px;color:var(--accent-secondary);font-weight:700}th,td{padding:14px 18px;border-bottom:1px solid var(--border-subtle)}th{background:#443020;color:var(--accent-secondary)}tr:last-child td{border-bottom:0}.page-intro{padding:65px 0 50px}.page-intro h1{max-width:16ch}.article-banner{aspect-ratio:16/9;max-height:490px;margin:0 0 42px}.prose{max-width:70ch;margin:0 auto}.prose h2{font-size:2rem;margin-top:1.7em}.prose h3{margin-top:1.4em}.prose ul{padding-left:24px}.prose li{margin-bottom:8px}.article-layout{padding-bottom:72px}.reading-meta{font-size:.83rem;color:var(--text-muted);margin-bottom:20px}.related{margin-top:50px;padding-top:28px;border-top:1px solid var(--border-subtle)}details{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius);padding:22px 24px;margin:16px 0}summary{font-family:Georgia,serif;font-size:1.3rem;cursor:pointer;color:var(--text-primary)}details[open] summary{margin-bottom:16px}details p:last-child{margin-bottom:0}.compact-media{display:flex;gap:22px;align-items:center;padding:24px}.compact-media img{width:100px;height:100px;flex-shrink:0}.glass-panel{padding:32px;border:1px solid var(--border-subtle);border-radius:var(--radius);background:#46332188;backdrop-filter:var(--glass-backdrop)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:38px;align-items:start}.field{margin-bottom:20px}label{display:block;font-weight:650;margin-bottom:7px}input,textarea{display:block;width:100%;max-width:100%;border:1px solid #927456;background:#211811;color:var(--text-primary);border-radius:12px;padding:12px}textarea{min-height:180px;resize:vertical}.hint{font-size:.85rem;color:var(--text-muted)}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px;margin-top:20px}.link-button{background:none;border:0;padding:4px 0;color:var(--accent-secondary);text-decoration:underline;text-underline-offset:5px}.status{min-height:1.75em;color:var(--accent-secondary);margin-top:16px}.site-footer{background:#17110e;border-top:1px solid var(--border-subtle);padding:45px 0 28px;color:var(--text-muted);font-size:.85rem}.footer-top{display:flex;justify-content:space-between;gap:35px;align-items:start;margin-bottom:28px}.footer-brand{font-family:Georgia,serif;font-size:1.4rem;color:var(--text-primary)}.footer-links{display:flex;gap:18px;flex-wrap:wrap}.footer-bottom{border-top:1px solid #433426;padding-top:20px;display:flex;justify-content:space-between;gap:20px}.reveal{opacity:1;transform:none}.js-motion .reveal{opacity:0;transform:translateY(22px);transition:opacity .7s var(--ease-kinetic),transform .7s var(--ease-kinetic)}.js-motion .reveal-visible{opacity:1;transform:translateY(0)}@keyframes gradientShift{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@media(min-width:1025px){.hero h1{font-size:4.7rem}}
@media(min-width:769px) and (max-width:1024px){.header-inner{gap:15px}.nav-list{gap:11px}.nav-list a{font-size:.72rem}.brand{font-size:1.35rem}.hero-grid{gap:25px}.hero-collage{height:450px}.feature-copy{padding:30px}}
@media(max-width:768px){.wrap{width:min(1100px,calc(100% - 36px))}.header-inner{min-height:76px;flex-wrap:wrap;gap:0;padding-block:12px}.menu-toggle{display:block}.site-nav{width:100%}.nav-list{flex-wrap:wrap;gap:12px 24px;padding:20px 0 8px}.nav-list a{font-size:.95rem}.js-menu .site-nav{display:none;position:absolute;top:100%;left:0;width:100%;padding:12px 24px 24px;background:#33251cf5;backdrop-filter:var(--glass-backdrop);box-shadow:var(--shadow-elevation);border-bottom:1px solid var(--border-subtle)}.js-menu .site-nav.is-open{display:block;animation:menuIn .3s var(--ease-kinetic)}.js-menu .nav-list{display:grid;grid-template-columns:1fr 1fr}.hero-grid,.feature,.form-grid{grid-template-columns:1fr}.hero{padding:48px 0 70px}.hero-collage{height:460px;max-width:520px;width:100%;margin:12px auto 0}.feature-photo{min-height:0;aspect-ratio:4/3}.feature-photo img{border-radius:20px 20px 0 0}.band{padding:58px 0}.band-soft{padding:78px 0}.section-heading{display:block}.footer-top,.footer-bottom{flex-direction:column}.page-intro{padding-top:45px}.article-banner{margin-bottom:28px}.feature-copy{padding:28px}@keyframes menuIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}}
@media(min-width:481px) and (max-width:768px){.hero h1{max-width:14ch}.hero-collage{height:470px}.grid{gap:20px}}
@media(max-width:480px){.wrap{width:calc(100% - 32px)}.tagline{font-size:.64rem;letter-spacing:.07em}.brand{font-size:1.4rem}.hero-collage{height:360px}.citrus-preparation-photo{height:200px}.sparkling-pour-photo{height:210px;top:90px}.garden-sharing-photo{height:155px}.grid{grid-template-columns:1fr}.feature-copy,.glass-panel{padding:23px}.compact-media{align-items:flex-start;padding:20px;gap:15px}.compact-media img{width:76px;height:76px}.footer-links{gap:12px 18px}.button{padding:14px 17px;font-size:.75rem}.prose h2{font-size:1.8rem}.actions{gap:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js-motion .reveal{opacity:1;transform:none}.card:hover,.button:hover{transform:none}}