:root{
  --hak-ink:#17382a;
  --hak-ink-deep:#0f2b20;
  --hak-cream:#f3eee4;
  --hak-paper:#fffdf8;
  --hak-gold:#c89a3d;
  --hak-gold-light:#e4c878;
  --hak-sage:#dce4d9;
  --hak-line:#d8d0c1;
  --hak-muted:#536257;
  --hak-radius:18px;
  --hak-shadow:0 24px 70px rgba(15,43,32,.12);
}

html{scroll-behavior:smooth}
body{background:var(--hak-paper);color:var(--hak-ink)}
.hak-page,.hak-page *{box-sizing:border-box}
.hak-page{width:100%;margin:0;overflow:clip;background:var(--hak-paper);color:var(--hak-ink);font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;text-align:left}
.hak-page img{display:block;max-width:100%}
.hak-page a{text-underline-offset:.18em}
.hak-page [id]{scroll-margin-top:112px}
.hak-wrap{width:min(1180px,calc(100% - 48px));margin-inline:auto}
.hak-narrow{width:min(790px,calc(100% - 48px));margin-inline:auto}
.hak-page .hak-wrap,.hak-page .hak-narrow{margin-inline:auto}
.hak-section{padding:clamp(76px,9vw,132px) 0}
.hak-section--cream{background:var(--hak-cream)}
.hak-section--sage{background:var(--hak-sage)}
.hak-section--dark{background:var(--hak-ink);color:var(--hak-paper)}
.hak-eyebrow{margin:0 0 20px;color:#806021;font-size:.75rem;font-weight:800;letter-spacing:.17em;text-transform:uppercase}
.hak-section--dark .hak-eyebrow,.hak-hero .hak-eyebrow,.hak-page-hero .hak-eyebrow,.hak-article-hero .hak-eyebrow,.hak-feature .hak-eyebrow{color:var(--hak-gold-light)}
.hak-page a:focus-visible,.hak-page summary:focus-visible{outline:3px solid #a57722;outline-offset:5px}
.hak-page-hero h1,.hak-hero h1,.hak-article-hero h1,.hak-section--dark h2,.hak-feature h2{color:var(--hak-paper)}
.hak-display,.hak-title,.hak-card h3,.hak-step strong,.hak-article h1,.hak-article h2,.hak-article h3{font-family:Georgia,"Times New Roman",serif;font-weight:500;letter-spacing:-.035em}
.hak-display{font-size:clamp(3.7rem,7.1vw,7.2rem);line-height:.92;margin:0;max-width:860px}
.hak-display em{display:block;margin-top:.18em;color:var(--hak-gold-light);font-size:.58em;line-height:1.05;font-weight:400}
.hak-title{font-size:clamp(2.55rem,5vw,5rem);line-height:1.01;margin:0 0 26px;max-width:920px}
.hak-lead{font-size:clamp(1.1rem,1.7vw,1.35rem);line-height:1.7;margin:30px 0 0;max-width:690px;color:inherit}
.hak-copy{font-size:1.08rem;line-height:1.78;max-width:760px;color:var(--hak-muted)}
.hak-section--dark .hak-copy{color:#dce5df}
.hak-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}
.hak-btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:14px 22px;border:1px solid var(--hak-ink);border-radius:999px;color:var(--hak-ink)!important;font-size:.92rem;font-weight:800;text-decoration:none!important;transition:transform .2s ease,background .2s ease,color .2s ease}
.hak-btn:hover{transform:translateY(-2px)}
.hak-btn--gold{background:var(--hak-gold);border-color:var(--hak-gold)}
.hak-btn--light{border-color:rgba(255,255,255,.55);color:var(--hak-paper)!important}
.hak-btn--light:hover{background:var(--hak-paper);color:var(--hak-ink)!important}
.hak-textlink{display:inline-flex;align-items:center;gap:8px;color:var(--hak-ink)!important;font-weight:800;text-decoration-thickness:1px}
.hak-section--dark .hak-textlink{color:var(--hak-paper)!important}

.hak-hero{position:relative;background:var(--hak-ink);color:var(--hak-paper);padding:clamp(62px,7vw,102px) 0}
.hak-hero-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(330px,.8fr);gap:clamp(38px,6vw,88px);align-items:center}
.hak-hero-copy{position:relative;z-index:1}
.hak-hero-media{position:relative;margin:0;min-height:610px;border-radius:var(--hak-radius);overflow:hidden;box-shadow:var(--hak-shadow)}
.hak-hero-media img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center}
.hak-hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(15,43,32,.55))}
.hak-hero-media figcaption{position:absolute;z-index:1;left:22px;right:22px;bottom:18px;color:#fff;font-size:.78rem;line-height:1.45}
.hak-place-line{display:flex;gap:12px;flex-wrap:wrap;margin:38px 0 0;padding:22px 0 0;border-top:1px solid rgba(255,255,255,.22);color:#dfe7e1;font-size:.78rem;letter-spacing:.065em;text-transform:uppercase}
.hak-place-line span:not(:last-child):after{content:"·";margin-left:12px;color:var(--hak-gold-light)}

.hak-heading-row{display:grid;grid-template-columns:1.4fr .6fr;gap:50px;align-items:end}
.hak-heading-row .hak-copy{margin:0 0 10px}
.hak-honey-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:54px}
.hak-history-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:40px}
.hak-honey-card{display:flex;flex-direction:column;min-width:0;border:1px solid var(--hak-line);border-radius:var(--hak-radius);overflow:hidden;background:var(--hak-paper);transition:transform .25s ease,box-shadow .25s ease}
.hak-honey-card:hover{transform:translateY(-5px);box-shadow:var(--hak-shadow)}
.hak-honey-card figure{position:relative;margin:0;aspect-ratio:4/3;overflow:hidden;background:#cfd9d0}
.hak-honey-card figure img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.hak-honey-card:hover figure img{transform:scale(1.025)}
.hak-honey-card-body{display:flex;flex:1;flex-direction:column;padding:28px}
.hak-tag{color:#946d22;font-size:.69rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.hak-honey-card h3{font-size:2rem;line-height:1.05;margin:13px 0}
.hak-honey-card p{margin:0;color:var(--hak-muted);font-size:.97rem;line-height:1.68}
.hak-honey-card .hak-textlink{margin-top:auto;padding-top:22px}
.hak-availability{display:flex;gap:24px;align-items:center;justify-content:space-between;margin-top:24px;padding:20px 0;border-top:1px solid var(--hak-line);font-size:.9rem}
.hak-availability strong{font-family:Georgia,serif;font-size:1.3rem;font-weight:500}
.hak-regional{display:grid;grid-template-columns:1fr auto;gap:36px;align-items:center;margin-top:22px;padding:27px 30px;border-radius:var(--hak-radius);background:var(--hak-ink);color:var(--hak-paper)}
.hak-regional strong{display:block;font-family:Georgia,serif;font-size:1.55rem;font-weight:500}
.hak-regional span{display:block;margin-top:5px;color:#dce5df;line-height:1.55}

.hak-story-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:clamp(40px,7vw,92px);align-items:center}
.hak-mosaic{display:grid;grid-template-columns:1.15fr .85fr;grid-template-rows:270px 230px;gap:14px}
.hak-mosaic figure{position:relative;margin:0;overflow:hidden;border-radius:var(--hak-radius);background:#cbd5cd}
.hak-mosaic figure:first-child{grid-row:1/3}
.hak-mosaic img{width:100%;height:100%;object-fit:cover}
.hak-mosaic figcaption{position:absolute;left:12px;right:12px;bottom:10px;padding:8px 10px;border-radius:10px;background:rgba(15,43,32,.74);color:#fff;font-size:.7rem;line-height:1.35;backdrop-filter:blur(7px)}
.hak-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:46px;background:var(--hak-line);border:1px solid var(--hak-line);border-radius:var(--hak-radius);overflow:hidden}
.hak-principle{background:var(--hak-paper);padding:25px}
.hak-principle span{display:block;margin-bottom:18px;color:#946d22;font-size:.7rem;font-weight:800;letter-spacing:.12em}
.hak-principle strong{display:block;margin-bottom:8px;font-family:Georgia,serif;font-size:1.3rem;font-weight:500}
.hak-principle p{margin:0;color:var(--hak-muted);font-size:.88rem;line-height:1.55}
.hak-process-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;margin-top:48px}
.hak-process-grid figure{display:flex;flex-direction:column;margin:0;overflow:hidden;border-radius:var(--hak-radius);background:#d9dfda}
.hak-process-grid img{width:100%;height:390px;object-fit:cover}
.hak-process-grid figcaption{padding:14px 18px;color:#43584d;font-size:.78rem;line-height:1.5}

.hak-feature{display:grid;grid-template-columns:1fr 1fr;min-height:620px;background:var(--hak-ink);color:var(--hak-paper)}
.hak-feature-media{position:relative;overflow:hidden;min-height:520px}
.hak-feature-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hak-feature-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(54px,7vw,108px)}
.hak-feature-copy .hak-title{max-width:600px}
.hak-feature .hak-copy{color:#dce5df}
.hak-feature .hak-textlink{color:var(--hak-paper)!important}
.hak-feature-links{display:flex;gap:22px;flex-wrap:wrap;margin-top:32px}

.hak-order{background:var(--hak-gold);color:var(--hak-ink)}
.hak-order .hak-copy,.hak-order .hak-eyebrow{color:var(--hak-ink)}
.hak-order-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(42px,8vw,100px);align-items:start}
.hak-price-note{font-size:.88rem;line-height:1.5}
.hak-steps{counter-reset:hak-step;display:grid;gap:12px}
.hak-step{position:relative;padding:24px 24px 24px 74px;border:1px solid rgba(23,56,42,.32);border-radius:var(--hak-radius);background:rgba(255,253,248,.45)}
.hak-step:before{counter-increment:hak-step;content:counter(hak-step);position:absolute;left:22px;top:22px;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--hak-ink);color:#fff;font-weight:800}
.hak-step strong{display:block;font-size:1.35rem}
.hak-step span{display:block;margin-top:5px;line-height:1.55}

.hak-page-hero{padding:clamp(72px,9vw,128px) 0;background:var(--hak-ink);color:var(--hak-paper)}
.hak-page-hero .hak-title{font-size:clamp(3.4rem,7vw,7rem)}
.hak-editorial-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px;margin-top:54px}
.hak-editorial-card{position:relative;min-height:380px;overflow:hidden;border-radius:var(--hak-radius);background:var(--hak-ink);color:#fff;text-decoration:none!important}
.hak-editorial-card:first-child{grid-column:span 7;min-height:540px}
.hak-editorial-card:nth-child(2){grid-column:span 5;min-height:540px}
.hak-editorial-card:nth-child(n+3){grid-column:span 6}
.hak-editorial-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.hak-editorial-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,43,32,.05) 20%,rgba(15,43,32,.9) 94%)}
.hak-editorial-card:hover img{transform:scale(1.025)}
.hak-editorial-card-content{position:absolute;z-index:1;left:0;right:0;bottom:0;padding:28px}
.hak-editorial-card-content span{font-size:.68rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--hak-gold-light)}
.hak-editorial-card-content h2{font-family:Georgia,serif;font-size:clamp(2rem,3.2vw,3.5rem);line-height:1;margin:12px 0 10px;font-weight:500}
.hak-editorial-card-content p{max-width:560px;margin:0;color:#e5ece7;line-height:1.55}
.hak-editorial-card-content h2{color:#fff}

.hak-article{background:var(--hak-paper)}
.hak-article-hero{padding:clamp(62px,8vw,112px) 0 0;background:var(--hak-ink);color:var(--hak-paper)}
.hak-article-hero .hak-narrow{padding-bottom:52px}
.hak-article h1{font-size:clamp(3.8rem,8vw,7.8rem);line-height:.9;margin:0 0 28px}
.hak-article-hero-image{width:min(1180px,calc(100% - 48px));height:min(66vw,680px);margin:0 auto;border-radius:var(--hak-radius) var(--hak-radius) 0 0;overflow:hidden}
.hak-article-hero-image img{width:100%;height:100%;object-fit:cover}
.hak-article-nav{position:sticky;top:88px;z-index:4;background:rgba(243,238,228,.96);border-bottom:1px solid var(--hak-line);backdrop-filter:blur(12px)}
.hak-article-nav ul{display:flex;gap:24px;overflow-x:auto;width:min(1180px,calc(100% - 48px));margin:0 auto;padding:16px 0;list-style:none;scrollbar-width:none}
.hak-article-nav li{white-space:nowrap}
.hak-article-nav a{color:var(--hak-ink)!important;font-size:.78rem;font-weight:800;text-decoration:none!important}
.hak-article-section{padding:clamp(70px,9vw,122px) 0;border-bottom:1px solid var(--hak-line)}
.hak-article-section h2{font-size:clamp(2.7rem,5.2vw,5.1rem);line-height:1;margin:0 0 30px}
.hak-article-section h3{font-size:clamp(1.65rem,2.7vw,2.35rem);line-height:1.15;margin:55px 0 16px}
.hak-article-section p,.hak-article-section li{font-size:1.06rem;line-height:1.82;color:#354a40}
.hak-article-section.hak-section--dark p,.hak-article-section.hak-section--dark li,.hak-article-section.hak-section--dark figcaption{color:#dce5df}
.hak-article-section.hak-section--dark h2,.hak-article-section.hak-section--dark h3{color:var(--hak-paper)}
.hak-article-section ul{padding-left:1.25rem}
.hak-article-figure{width:min(980px,calc(100% - 48px));margin:56px auto}
.hak-article-figure img{width:100%;max-height:720px;object-fit:cover;border-radius:var(--hak-radius)}
.hak-article-figure figcaption{max-width:760px;margin:12px auto 0;color:var(--hak-muted);font-size:.78rem;line-height:1.5}
.hak-compare{overflow-x:auto;margin:42px 0;border:1px solid var(--hak-line);border-radius:var(--hak-radius)}
.hak-compare table{width:100%;min-width:720px;border-collapse:collapse;background:#fff}
.hak-compare caption{padding:22px;text-align:left;font-family:Georgia,serif;font-size:1.5rem}
.hak-compare th,.hak-compare td{padding:16px 18px;border-top:1px solid var(--hak-line);text-align:left;vertical-align:top;font-size:.9rem;line-height:1.45}
.hak-compare thead th{background:var(--hak-sage)}
.hak-source-box{padding:30px;border-radius:var(--hak-radius);background:var(--hak-cream)}

@media(max-width:1100px){
  .hak-hero-grid{grid-template-columns:1.05fr .95fr;gap:36px}
  .hak-hero-media{min-height:540px}
}

@media(max-width:900px){
  .hak-heading-row,.hak-story-grid,.hak-order-grid{grid-template-columns:1fr}
  .hak-honey-grid{grid-template-columns:1fr 1fr}
  .hak-honey-card:last-child{grid-column:1/-1}
  .hak-feature{grid-template-columns:1fr}
  .hak-feature-media{min-height:440px}
  .hak-editorial-card:first-child,.hak-editorial-card:nth-child(2),.hak-editorial-card:nth-child(n+3){grid-column:span 12;min-height:460px}
  .hak-article-nav{top:72px}
}

@media(max-width:760px){
  .hak-wrap,.hak-narrow{width:min(100% - 32px,1180px)}
  .hak-section{padding:68px 0}
  .hak-hero{padding:54px 0 0}
  .hak-hero-grid{grid-template-columns:1fr;gap:40px}
  .hak-display{font-size:clamp(3.15rem,15.2vw,5.4rem)}
  .hak-hero-media{min-height:68vh;border-radius:var(--hak-radius) var(--hak-radius) 0 0}
  .hak-place-line{font-size:.68rem}
  .hak-honey-grid,.hak-history-grid{grid-template-columns:1fr}
  .hak-honey-card:last-child{grid-column:auto}
  .hak-regional{grid-template-columns:1fr}
  .hak-mosaic{grid-template-columns:1fr 1fr;grid-template-rows:330px 180px}
  .hak-mosaic figure:first-child{grid-column:1/-1;grid-row:auto}
  .hak-principles{grid-template-columns:1fr}
  .hak-process-grid{grid-template-columns:1fr}
  .hak-process-grid img{height:300px}
  .hak-feature-copy{padding:64px 24px}
  .hak-order .hak-actions{display:grid}
  .hak-order .hak-btn{width:100%}
  .hak-article-hero-image,.hak-article-figure{width:calc(100% - 32px)}
  .hak-article-hero-image{height:72vw}
  .hak-article-nav ul{width:calc(100% - 32px)}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hak-page *{transition:none!important}}