.defiel-hardtack{--ht-ink:#17130e;--ht-paper:#fff;--ht-flour:#f0ece3;--ht-brown:#79522d;--ht-red:var(--defiel-color-red,#9b1c1c);width:100%;overflow:hidden;background:var(--ht-paper);color:var(--ht-ink)}.defiel-hardtack *{box-sizing:border-box;min-width:0}.ht-shell{width:min(1400px,100%);margin-inline:auto;padding-inline:2rem}.ht-kicker{margin:0 0 .8rem;font-family:var(--defiel-font-mono,monospace);font-size:.66rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.ht-hero{position:relative;min-height:570px;background:#0d0b08;color:#fff;overflow:hidden}.ht-hero__media{position:absolute;inset:0 0 0 45%;overflow:hidden}.ht-hero__media::after{position:absolute;inset:0;background:linear-gradient(90deg,#0d0b08 0%,rgba(13,11,8,.62) 25%,transparent 65%);content:""}.ht-hero__media img{width:100%;height:100%;object-fit:cover;filter:saturate(.72) contrast(1.08)}.ht-hero__media span{position:absolute;right:1rem;bottom:1rem;z-index:2;padding:.35rem .5rem;background:rgba(0,0,0,.68);font-family:var(--defiel-font-mono,monospace);font-size:.55rem;letter-spacing:.05em;text-transform:uppercase;color:#ddd}.ht-hero__inner{position:relative;z-index:1;display:flex;align-items:flex-end;min-height:570px;padding-top:4rem;padding-bottom:4.5rem}.ht-hero__copy{max-width:650px}.ht-hero h1{max-width:12ch;margin:0;color:#fff;font-size:clamp(3.2rem,4.6vw,4.6rem);line-height:.88;letter-spacing:-.045em;overflow-wrap:anywhere}.ht-deck{max-width:590px;margin:1.5rem 0 0;font-size:clamp(1.05rem,1.5vw,1.28rem);line-height:1.55;color:#e8e1d7}.ht-meta{display:flex;flex-wrap:wrap;gap:.6rem 1.2rem;margin-top:2rem;font-family:var(--defiel-font-mono,monospace);font-size:.64rem;letter-spacing:.08em;text-transform:uppercase;color:#b6aa9a}.ht-meta span+span{padding-left:1.2rem;border-left:1px solid #53483c}.ht-recipe{padding:clamp(3rem,6vw,5rem) 0;background:var(--ht-flour)}.ht-recipe__grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:clamp(3rem,7vw,7rem);align-items:end}.ht-recipe h2{margin:0;font-size:clamp(2.2rem,4vw,4rem);line-height:1}.ht-recipe p{max-width:480px;margin:1rem 0 0}.ht-recipe dl{display:grid;grid-template-columns:repeat(4,1fr);margin:0;border-top:3px solid var(--ht-ink)}.ht-recipe dl div{padding:1rem;border-right:1px solid #cec4b5}.ht-recipe dl div:last-child{border-right:0}.ht-recipe dt{font-family:var(--defiel-font-mono,monospace);font-size:.62rem;text-transform:uppercase;color:#6f6558}.ht-recipe dd{margin:.4rem 0 0;font-family:var(--defiel-font-display,serif);font-size:1.2rem;font-weight:800}.ht-layout{display:grid;grid-template-columns:230px minmax(0,920px);gap:clamp(3rem,7vw,7rem);align-items:start;padding-top:clamp(4rem,7vw,7rem);padding-bottom:clamp(5rem,9vw,9rem)}.ht-toc{position:sticky;top:2rem;padding-top:1.25rem;border-top:3px solid var(--ht-ink)}.ht-toc nav{display:grid}.ht-toc a{padding:.75rem 0;border-bottom:1px solid #d8d0c4;font-family:var(--defiel-font-mono,monospace);font-size:.67rem;font-weight:600;line-height:1.45;color:#60584d;text-decoration:none}.ht-toc a:hover,.ht-toc a:focus-visible{color:var(--ht-red)}.ht-article>p{margin:0 0 1.25rem;font-size:1.08rem;line-height:1.82}.ht-article .ht-lead{font-size:clamp(1.25rem,2vw,1.55rem);line-height:1.58}.ht-section{margin-top:clamp(4.5rem,8vw,7.5rem);scroll-margin-top:1rem}.ht-section:first-child{margin-top:0}.ht-section>h2,.ht-final h2{max-width:16ch;margin:0 0 1.6rem;font-size:clamp(2.2rem,4vw,4rem);line-height:1;letter-spacing:-.03em}.ht-section>p{margin:0 0 1.25rem;font-size:1.08rem;line-height:1.82}.ht-lists{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:#d8d0c4;border:1px solid #d8d0c4}.ht-lists section{padding:1.6rem;background:#fff}.ht-lists h3{margin:0 0 1rem}.ht-lists ul,.ht-storage ul{margin:0;padding:0;list-style:none}.ht-lists li,.ht-storage li{position:relative;padding:.45rem 0 .45rem 1.15rem}.ht-lists li::before,.ht-storage li::before{position:absolute;top:1.05rem;left:0;width:.48rem;height:2px;background:var(--ht-red);content:""}.ht-note{display:grid;grid-template-columns:170px 1fr;gap:1.5rem;margin-top:1px;padding:1.4rem 1.6rem;background:#17130e;color:#fff}.ht-note strong{font-family:var(--defiel-font-mono,monospace);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase}.ht-note p{margin:0;color:#e7e0d6}.ht-steps{margin:2rem 0 0;padding:0;border-top:4px solid var(--ht-ink);list-style:none}.ht-steps li{display:grid;grid-template-columns:280px 1fr;gap:2rem;padding:1.6rem 0;border-bottom:1px solid #d8d0c4}.ht-steps li>div{display:grid;grid-template-columns:36px 1fr;gap:1rem}.ht-steps span{font-family:var(--defiel-font-mono,monospace);font-size:.67rem;color:var(--ht-red)}.ht-steps h3{margin:0;font-size:1.3rem}.ht-steps p{margin:0;line-height:1.65}.ht-eat{display:grid;grid-template-columns:.75fr 1.25fr;gap:3rem;padding:clamp(2.5rem,5vw,4rem);background:var(--ht-flour)}.ht-eat h2{margin-bottom:0}.ht-eat>div:last-child p{margin-top:0;font-size:1.05rem;line-height:1.75}.ht-variations{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:#d8d0c4;border:1px solid #d8d0c4}.ht-variations section{padding:1.7rem;background:#fff}.ht-variations span{font-family:var(--defiel-font-mono,monospace);font-size:.62rem;text-transform:uppercase;color:var(--ht-red)}.ht-variations h3{margin:.6rem 0;font-size:1.4rem}.ht-variations p{margin:0;line-height:1.65}.ht-storage{margin:2rem 0;padding:1.7rem;background:var(--ht-flour)}.ht-storage h3{margin:0 0 1rem}.ht-final{margin-top:clamp(5rem,9vw,8rem);padding:clamp(2.5rem,5vw,4rem);background:#17130e;color:#fff}.ht-final h2{color:#fff}.ht-final p{font-size:1.08rem;line-height:1.75;color:#e7e0d6}.ht-final a{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:2rem;padding-top:1.3rem;border-top:1px solid #51483d;font-family:var(--defiel-font-mono,monospace);font-size:.68rem;text-transform:uppercase;color:#fff;text-decoration:none}.ht-final a span{color:#b6aa9a}.defiel-hardtack a:focus-visible{outline:2px solid var(--ht-red);outline-offset:3px}
@media(max-width:950px){.ht-hero__media{inset:0}.ht-hero__media::after{background:linear-gradient(90deg,rgba(13,11,8,.94),rgba(13,11,8,.42))}.ht-recipe__grid,.ht-layout{grid-template-columns:1fr}.ht-recipe dl{margin-top:2rem}.ht-toc{position:static}.ht-toc nav{grid-template-columns:repeat(2,1fr);gap:0 1.5rem}.ht-article{max-width:820px}}
@media(max-width:650px){.ht-shell{padding-inline:1.2rem}.ht-hero,.ht-hero__inner{min-height:520px}.ht-hero__inner{padding-bottom:3rem}.ht-hero h1{font-size:3rem}.ht-meta span+span{padding-left:0;border-left:0}.ht-recipe dl{grid-template-columns:repeat(2,1fr)}.ht-toc nav,.ht-lists,.ht-variations,.ht-eat{grid-template-columns:1fr}.ht-section>h2,.ht-final h2{font-size:2rem}.ht-note,.ht-steps li{grid-template-columns:1fr;gap:.6rem}.ht-eat,.ht-final{margin-inline:-1.2rem;padding:2.5rem 1.2rem}.ht-final a{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}