@font-face{font-family:Huninn;src:url('/assets/fonts/jf-openhuninn-2.1.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
:root{color-scheme:light;--paper:#fdf6e8;--ink:#392b23;--muted:#695f50;--green:#34583d;--grass:#afc783;--coral:#ee775f;--line:#d4c9b5;--white:#fffcf4;--soft:#edf0df;--gold:#f4d89e;--display:Huninn,system-ui,sans-serif}
*{box-sizing:border-box}
html{scroll-padding-top:110px;scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.85 system-ui,-apple-system,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased}
a{color:var(--green);text-underline-offset:6px;overflow-wrap:anywhere}
a:hover{text-decoration-thickness:2px}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #8d4826;outline-offset:5px}
button{font:inherit;color:inherit}
img{max-width:100%;height:auto}
p{margin:0 0 1.2em}
h1,h2,h3{font-family:var(--display);line-height:1.45;letter-spacing:.025em;margin:0 0 .65em;font-weight:400;text-wrap:balance}
h1{font-size:clamp(2.1rem,4.2vw,3.7rem)}h2{font-size:clamp(1.8rem,3.1vw,2.7rem)}h3{font-size:1.5rem}
ul,ol{padding-left:1.5em}li{margin-bottom:.65em}
[hidden]{display:none!important}
.skip{position:fixed;left:16px;top:-100px;z-index:100;padding:12px 20px;background:var(--white)}.skip:focus{top:12px}
.site-header{position:sticky;top:0;z-index:20;min-height:90px;padding:17px max(28px,calc((100vw - 1240px)/2));display:flex;align-items:center;justify-content:space-between;gap:24px;background:var(--paper);border-bottom:1px solid var(--line)}
.home-page .site-header{border-bottom-color:transparent}
.brand{display:inline-flex;width:126px;flex:0 0 auto;text-decoration:none}.brand img{display:block;width:100%}
.site-header nav{display:flex;align-items:center;gap:32px;font:16px/1.4 var(--display)}
.site-header nav>a:not(.button){text-decoration:none;color:var(--ink);padding:12px 0}
.site-header nav>a:not(.button):hover,.site-header nav>a[aria-current='page']{text-decoration:underline;text-decoration-color:var(--coral);text-decoration-thickness:3px}
.button{display:inline-flex;min-height:54px;align-items:center;justify-content:center;padding:12px 32px;border:1.5px solid var(--ink);border-radius:100px;background:var(--coral);color:var(--ink);font:18px/1.5 var(--display);text-decoration:none;text-align:center;transition:transform .2s,background-color .2s}
.button:hover{background:#f38b70;transform:translateY(-3px)}
.button.small{min-height:44px;padding:8px 24px;background:transparent;font-size:16px}.button.small:hover,.secondary:hover{background:var(--gold)}.button.secondary{background:transparent}
.menu-toggle{min-height:44px;padding:8px 20px;border:1px solid var(--ink);border-radius:30px;background:transparent;font-family:var(--display)}
.text-link{display:inline-block;font:17px/1.6 var(--display);padding:5px 0;text-decoration-thickness:1px}
.eyebrow{font-size:12px;line-height:1.6;font-weight:600;letter-spacing:.17em;color:var(--green);margin:0 0 20px}
.caption{font-size:12px;line-height:1.8;color:var(--muted)}.lead{font-size:18px;color:var(--muted);max-width:640px}
.section-wrap{width:min(1120px,calc(100% - 80px));margin-inline:auto}.center,.section-heading{text-align:center}.section-heading{margin-bottom:52px}.section-heading>p:last-child{color:var(--muted);margin-bottom:0}.mobile-break{display:none}

/* Artwork stays separate from readable, selectable HTML copy. */
.hero{overflow:hidden}.hero-copy{position:relative;z-index:2;text-align:center;padding:28px 24px 0;width:fit-content;max-width:100%;margin:auto}
.hero-wordmark{display:block;width:clamp(260px,39vw,440px);margin:0 auto 8px}
.hero h1{font-weight:700;font-size:clamp(34px,4.2vw,52px);line-height:1.25;letter-spacing:.025em;margin-bottom:17px}
.hero-lead{font:19px/1.7 var(--display);margin-bottom:22px}.hero-cta{min-width:232px}
.hero-more{display:block;width:fit-content;margin:17px auto 0;font-size:12px;color:var(--muted);text-decoration:none;border-bottom:1px solid #a79b85}
.hero-landscape{position:relative;margin-top:-240px;overflow:hidden;background:var(--paper)}
.meadow{display:block;width:100%;height:clamp(480px,45vw,810px);object-fit:cover;object-position:center bottom;transform-origin:center bottom;mask-image:linear-gradient(to bottom,transparent,#000 10%)}
.daily-section{background:var(--grass);padding:66px 0 92px}.daily-section .section-heading>p:last-child{color:#415332}.daily-section .section-heading h2{font-weight:700;font-size:clamp(28px,3.3vw,46px)}
.daily-pair{display:grid;grid-template-columns:1fr 1fr;gap:100px;max-width:860px;margin:auto}.daily-feature{text-align:center}
.daily-feature>img{display:block;width:300px;height:225px;object-fit:contain;margin:0 auto 24px;transition:transform .4s}
.daily-feature:hover>img{transform:translateY(-7px) rotate(-2deg)}.daily-feature:nth-child(2):hover>img{transform:translateY(-7px) rotate(2deg)}
.daily-feature .eyebrow{margin-bottom:10px}.daily-feature h3{font-size:28px;margin-bottom:16px}.daily-feature p:not(.eyebrow){font-size:16px;line-height:1.95}
.observation-section{background:#f4e6c9;padding:112px 0}.observation{display:grid;grid-template-columns:.95fr 1.05fr;gap:100px;align-items:center}.observation-intro{padding-left:28px}
.observation-intro>p:not(.eyebrow):not(.caption){color:var(--muted);line-height:2}.observation-note{margin:30px 0 0}
.sample{background:var(--white);padding:38px;border:1px solid #a7987e;border-radius:5px;box-shadow:7px 9px 0 #ddccac}
.sample-meta{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:25px;font:13px/1.5 var(--display);color:var(--muted)}
.sample h3{font-size:28px}.sample p:not(.caption){font-size:16px;line-height:2}.sample p:last-child{margin-bottom:0}
.start-section{padding-block:110px 92px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:44px;list-style:none;padding:0;margin:48px 0 28px}.steps li{text-align:center;margin:0}
.step-number{display:block;font:40px/1 var(--display);color:#945136;padding-bottom:22px;margin-bottom:24px;border-bottom:1px solid var(--line)}.steps h3{font-size:23px}.steps p{color:var(--muted);font-size:15px}
.faq-section{border-top:1px solid var(--line);display:grid;grid-template-columns:.75fr 1.25fr;gap:80px;padding-block:85px 100px}
details{border-bottom:1px solid var(--line)}summary{cursor:pointer;padding:23px 8px;font-weight:500;line-height:1.7}summary::marker{color:var(--green)}details>div{padding:0 8px 12px;color:var(--muted);font-size:15px}details p:last-child{margin-bottom:10px}
.closing{text-align:center;background:#e7edd8;padding:86px 0 80px;border-block:1px solid #bfcbad}.closing h2{font-size:clamp(26px,3.2vw,44px)}.closing>div>p:not(.eyebrow){color:var(--muted)}
.actions{display:flex;justify-content:center;flex-wrap:wrap;gap:16px;margin:30px 0 22px}.closing .caption{margin:0}
.site-footer{display:flex;justify-content:space-between;gap:60px;max-width:1240px;margin:auto;padding:62px 40px 52px;font-size:14px}.site-footer .brand{width:155px}.footer-brand p{margin:16px 0 26px;color:var(--muted)}.site-footer small{color:var(--muted);font-size:12px}
.site-footer nav{display:grid;grid-template-columns:1fr 1fr;gap:70px}.site-footer nav>div{display:flex;flex-direction:column;gap:4px}.footer-label{font:17px/1.6 var(--display);margin-bottom:10px}.site-footer nav a{display:block;padding:6px 0;min-height:36px;color:var(--muted);text-decoration:none}.site-footer nav a:hover{text-decoration:underline}

/* Shared document layout: policy content is unchanged. */
.document{max-width:860px;margin:0 auto;padding:64px 32px 85px;min-height:55vh}.page-intro{padding-bottom:34px;margin-bottom:38px;border-bottom:1px solid var(--line)}.document h1{font-size:clamp(30px,4vw,46px)}.document section{margin:38px 0}.document h2{font-size:26px}.document h3{font-size:21px}.document li{margin-bottom:12px}.document .sample{margin:24px 0;box-shadow:4px 5px 0 #e6d8bf}
.support-box,.notice{padding:26px;background:var(--soft);border:1px solid #c8ceb6;border-radius:6px}.notice p:last-child,.support-box p:last-child{margin-bottom:0}
.email{font-size:clamp(16px,3vw,23px);font-weight:600;display:inline-block;margin-bottom:15px}.toc{display:flex;gap:10px 22px;flex-wrap:wrap;padding:22px;background:var(--soft);border-radius:6px;font-size:15px}.table-wrap{overflow-x:auto}
table{border-collapse:collapse;width:100%;font-size:15px}th,td{padding:15px;text-align:left;vertical-align:top;border:1px solid var(--line)}th{background:var(--soft)}td:first-child{width:125px;font-weight:600}
.tag{display:inline-block;border:1px solid var(--line);border-radius:20px;padding:2px 12px;font-size:12px;margin-bottom:18px}.document+.site-footer{border-top:1px solid var(--line)}

/* Historical articles retain their text and inner layout. */
.archive-page{--text-1:var(--ink);--text-2:var(--muted);--text-3:var(--muted);--bg:var(--paper);--surface:var(--white);--accent:#8e4934;--accent-soft:#f4e6c9;--lavender:#b6c399;--lavender-soft:#edf0df;--border:var(--line)}
.archive-page [data-starlit-archive]{max-width:1100px;margin:28px auto 0;border-radius:4px}
.archive-page :is(.article-hero,.articles-hero,.article-cta){background:#f2ead7}
.archive-page :is(.article-hero__title,.articles-hero__title,.article-card__title,.article-cta__title,.article-body h2){font-family:var(--display);font-weight:400}
.archive-page .article-body{max-width:760px}.archive-page .article-body p,.archive-page .article-body li{font-size:16px}.archive-page .article-card{box-shadow:none;border-radius:6px}.archive-page .article-card:hover{border-color:var(--green);box-shadow:none}.archive-page .article-card__desc{font-size:14px}.archive-page .article-card__title{font-size:21px}.archive-page .article-cta__btn{background:var(--green)}.archive-page .site-footer{border-top:1px solid var(--line)}.archive-page .site-header nav a{margin:0}
.reveal-waiting{opacity:0;transform:translateY(20px)}[data-reveal]{transition:opacity .65s ease,transform .65s ease}

@media(min-width:1600px){.hero-copy{padding-top:34px}.hero-landscape{margin-top:-240px}}
@media(min-width:901px) and (max-width:1199px){.hero-landscape{margin-top:-195px}}
@media(max-width:900px){.site-header{padding-inline:28px}.site-header nav{gap:23px;font-size:15px}.section-wrap{width:calc(100% - 56px)}.hero-landscape{margin-top:-125px}.meadow{height:460px}.daily-pair{gap:42px}.observation{gap:40px}.observation-intro{padding-left:0}.sample{padding:28px}.faq-section{gap:45px}}
@media(max-width:640px){
  html{scroll-padding-top:86px}.site-header{padding:13px 22px;min-height:72px;flex-wrap:wrap;gap:12px}.brand{width:112px}.site-header nav{width:100%;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:14px}.site-header .small{font-size:14px;padding:8px 15px}
  .nav-enhanced .menu-toggle{display:block}.nav-enhanced .site-header nav{display:none}.nav-enhanced .site-header.is-open nav{display:flex;flex-direction:column;align-items:stretch;gap:5px;padding:14px 0 10px}.site-header nav a{text-align:center}
  .hero-copy{padding-top:22px}.hero-wordmark{width:280px;margin-bottom:12px}.hero h1{font-size:37px;line-height:1.32;margin-bottom:16px}.hero-lead{font-size:16px;margin-bottom:20px}.hero-cta{min-height:50px;font-size:17px}.hero-more{font-size:11px;margin-top:14px}.hero-landscape{margin-top:-35px}.meadow{width:140%;max-width:none;height:auto;margin-left:-20%}
  .section-wrap{width:calc(100% - 44px)}.mobile-break{display:initial}.section-heading{margin-bottom:36px}.section-heading h2 span{display:block}.section-heading>p:last-child{font-size:15px}.eyebrow{font-size:11px;margin-bottom:15px}
  .daily-section{padding:48px 0 65px}.daily-pair{grid-template-columns:1fr;gap:50px}.daily-feature>img{width:244px;height:183px;margin-bottom:19px}.daily-feature h3{font-size:26px}.daily-feature p:not(.eyebrow){margin-bottom:12px}
  .observation-section{padding:65px 0 70px}.observation{grid-template-columns:1fr;gap:34px}.observation-intro{text-align:center}.observation-note{margin-top:20px}.sample{padding:27px 24px;box-shadow:5px 6px 0 #ddccac}.sample h3{font-size:26px}.sample p:not(.caption){font-size:15px}.sample-meta{font-size:12px}
  .start-section{padding-block:68px 50px}.steps{grid-template-columns:1fr;gap:30px;margin-top:35px}.steps li{text-align:left;display:grid;grid-template-columns:55px 1fr;column-gap:17px}.step-number{grid-row:1/3;border:0;font-size:32px;padding-top:5px;margin:0}.steps h3{font-size:22px;margin-bottom:8px}.steps p{margin:0}
  .faq-section{grid-template-columns:1fr;gap:24px;padding-block:52px 65px}.faq-section h2 br{display:none}.faq-section h2{font-size:29px}.faq-section summary{font-size:15px;padding-inline:0}
  .closing{padding:62px 0 56px}.closing h2{font-size:28px}.closing .actions{flex-direction:column;max-width:260px;margin-inline:auto}
  .site-footer{padding:45px 24px 35px;flex-direction:column;gap:32px}.footer-brand p{margin:12px 0 12px}.site-footer nav{gap:20px}.site-footer nav a{font-size:13px}
  .document{padding:42px 23px 55px}.document h1{font-size:32px}.document h2{font-size:24px}.lead{font-size:17px}.page-intro{padding-bottom:24px;margin-bottom:28px}.notice,.support-box,.toc{padding:20px}th,td{padding:11px}td:first-child{width:28%}.archive-page .do-dont{grid-template-columns:1fr}
}
@media(max-width:360px){.hero-wordmark{width:240px}.hero h1{font-size:33px}.hero-lead{font-size:14px}.document h1{font-size:29px}.sample{padding:23px 20px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal-waiting{opacity:1;transform:none}.hero-copy,.meadow{transform:none!important}}
@media print{.site-header,.site-footer,.skip,.menu-toggle{display:none}body{background:white;color:black;font-size:11pt}.document{max-width:none;padding:0}.table-wrap{overflow:visible}details>div{display:block}.reveal-waiting{opacity:1;transform:none}a{color:inherit}.button{color:black;background:white}}