:root{
  --paper:#F6F1E8;--paper-2:#ECE3D5;--ink:#2B221C;--ink-soft:#5E5247;
  --clay:#BC5836;--clay-deep:#9C4628;--berry:#B23A6A;--teal:#2E6E5E;
  --sand:#E0CFB8;--line:#DCCDB7;--radius:18px;--radius-sm:12px;--maxw:1180px;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"Hanken Grotesk",system-ui,sans-serif;font-size:17px;line-height:1.72;-webkit-font-smoothing:antialiased;}
.wrap{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 20px;}
.narrow{max-width:60ch;}

h1,h2,h3{font-family:"Fraunces",Georgia,serif;font-optical-sizing:auto;font-weight:400;line-height:1.12;letter-spacing:-.01em;margin:0;}
h1{font-size:clamp(2.3rem,8vw,4.4rem);font-weight:400;}
h2{font-size:clamp(1.7rem,5vw,2.6rem);font-weight:500;}
h3{font-size:1.3rem;font-weight:600;letter-spacing:0;}
p{margin:0 0 1.2rem;color:var(--ink-soft);}
.lead{font-size:clamp(1.1rem,3.2vw,1.36rem);color:var(--ink);line-height:1.6;}
.eyebrow{font-size:.72rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--teal);margin:0 0 1.1rem;}

.moon-rule{display:flex;align-items:center;gap:1rem;max-width:var(--maxw);margin:0 auto;padding:0 20px;}
.moon-rule::before,.moon-rule::after{content:"";flex:1;height:1px;background:var(--line);}
.moon-rule img{width:28px;height:28px;object-fit:contain;opacity:.9;}

header.site{position:sticky;top:0;z-index:50;background:rgba(246,241,232,.94);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);}
.nav{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;max-width:var(--maxw);margin:0 auto;}
.brand{display:flex;align-items:center;text-decoration:none;color:var(--ink);font-family:"Fraunces",serif;font-size:1.35rem;font-weight:600;}
.brand-logo{height:80px;width:auto;display:block;}
.nav-toggle{display:inline-flex;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;background:none;border:0;cursor:pointer;padding:10px;}
.nav-toggle span{display:block;height:2px;width:100%;background:var(--ink);border-radius:2px;transition:transform .25s,opacity .25s;}
.nav-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.nav-toggle[aria-expanded="true"] span:nth-child(2){opacity:0;}
.nav-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
.nav-links{position:absolute;top:100%;left:0;right:0;background:var(--paper);border-bottom:1px solid var(--line);display:flex;flex-direction:column;max-height:0;overflow:hidden;transition:max-height .35s ease;}
.nav-links.open{max-height:80vh;}
.nav-links a{font-size:1rem;font-weight:500;color:var(--ink);text-decoration:none;padding:.9rem 20px;border-top:1px solid var(--line);}
.nav-links a:first-child{border-top:0;}
.nav-links a[aria-current="page"]{color:var(--clay);}
.nav-links a:hover{color:var(--clay);}

.btn{display:inline-block;font-family:"Hanken Grotesk",sans-serif;font-size:.92rem;font-weight:600;color:#fff;background:var(--clay);padding:.85rem 1.7rem;text-decoration:none;border:1.5px solid var(--clay);border-radius:999px;transition:background .2s,border-color .2s,color .2s;}
.btn:hover,.btn:focus-visible{background:var(--clay-deep);border-color:var(--clay-deep);}
.btn.ghost{background:transparent;color:var(--clay);}
.btn.ghost:hover,.btn.ghost:focus-visible{background:var(--clay);color:#fff;}
.btn-row{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.8rem;}

section{padding:70px 0;}
.hero{padding:78px 0 40px;}
.hero h1{max-width:15ch;}
.hero .lead{max-width:50ch;margin-top:1.6rem;}

.backlink{display:inline-block;font-size:.82rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--teal);text-decoration:none;margin-bottom:1.4rem;}
.backlink:hover{color:var(--clay);}

img.media{display:block;width:100%;object-fit:cover;border-radius:var(--radius);}
img.media.band{aspect-ratio:16/9;}
img.media.wide{aspect-ratio:4/3;}
img.media.square{aspect-ratio:1/1;}

.feature{display:flex;flex-direction:column;gap:1.8rem;}
.feature .eyebrow{margin-bottom:.7rem;}
.feature h2{margin-bottom:1rem;}

.passend{list-style:none;padding:0;margin:1.5rem 0 0;}
.passend li{position:relative;padding:.8rem 0 .8rem 1.7rem;border-top:1px solid var(--line);color:var(--ink);font-size:1.05rem;}
.passend li:last-child{border-bottom:1px solid var(--line);}
.passend li::before{content:"";position:absolute;left:0;top:1.25rem;width:8px;height:8px;border-radius:50%;background:var(--clay);}

.rcards{display:flex;flex-direction:column;gap:16px;margin-top:2.6rem;}
.rcard{border:1px solid var(--line);border-radius:var(--radius);padding:1.9rem;background:rgba(255,255,255,.4);display:flex;flex-direction:column;}
.rcard .eyebrow{color:var(--clay);margin-bottom:.5rem;}
.rcard h3{margin-bottom:.6rem;}
.rcard p{font-size:1rem;flex:1;margin-bottom:1.3rem;}
.rcard a{align-self:flex-start;}

.statement{text-align:center;}
.statement .eyebrow{color:var(--clay);}
.statement p{font-family:"Fraunces",serif;font-style:italic;font-weight:400;font-size:clamp(1.35rem,4.2vw,2rem);line-height:1.38;color:var(--ink);max-width:30ch;margin:0 auto;}

.cta{background:var(--paper-2);text-align:center;}
.cta h2{max-width:22ch;margin:0 auto 1.1rem;}
.cta p{max-width:46ch;margin:0 auto;}
.cta .btn-row{justify-content:center;}

footer{background:var(--ink);color:#CBBDA8;padding:56px 0;font-size:.95rem;}
footer a{color:var(--sand);text-decoration:none;}
footer a:hover{text-decoration:underline;}
footer .fname{font-family:"Fraunces",serif;font-size:1.6rem;font-weight:600;color:var(--paper);display:block;margin-bottom:.9rem;}
.foot-grid{display:flex;flex-direction:column;gap:1.8rem;}
.foot-grid h4{font-size:.74rem;letter-spacing:.18em;text-transform:uppercase;color:var(--sand);margin:0 0 .8rem;font-weight:700;}
.foot-grid ul{list-style:none;padding:0;margin:0;}
.foot-grid li{margin-bottom:.45rem;}

.reveal{opacity:0;transform:translateY(20px);transition:opacity .8s ease,transform .8s ease;}
.reveal.in{opacity:1;transform:none;}
a:focus-visible,.btn:focus-visible,button:focus-visible{outline:2px solid var(--clay);outline-offset:3px;border-radius:4px;}

@media (min-width:760px){
  body{font-size:18px;}
  .wrap,.moon-rule{padding:0 32px;}
  .nav{padding:14px 32px;}
  .brand-logo{height:108px;}
  section{padding:104px 0;}
  .hero{padding:118px 0 52px;}
  .feature{display:grid;grid-template-columns:1fr 1fr;gap:3.6rem;align-items:start;}
  .feature.flip .feature-media{order:2;}
  .rcards{flex-direction:row;}
  .rcard{flex:1;}
}
@media (prefers-reduced-motion:reduce){
  .reveal{opacity:1;transform:none;transition:none;}
  html{scroll-behavior:auto;}
  .nav-links,.nav-toggle span{transition:none;}
}

.foot-mark{width:46px;height:46px;object-fit:contain;display:block;margin-bottom:.9rem;}@media (min-width:760px){.foot-grid{flex-direction:row;gap:3rem;}.foot-grid>div{flex:1;}.foot-grid>div:first-child{flex:1.3;}}

.nav-links a:first-child{display:none;}
@media (min-width:760px){.rcards{align-items:flex-start;}}
.dlk-hero-logo{margin:0 0 1.4rem;line-height:0;}
.dlk-hero-logo img{display:block;width:100%;max-width:300px;height:auto;}
.dlk-mark{display:block;width:auto;height:40px;margin-bottom:1.1rem;}
@media (min-width:760px){.dlk-hero-logo img{max-width:380px;}.dlk-mark{height:48px;}}
