/* Sunshelf: New Day Gluten Free. A pantry shelf at sunrise. */
@font-face{font-family:"Bitter";src:url(../fonts/bitter-var.woff2) format("woff2");font-weight:300 800;font-style:normal;font-display:swap}
@font-face{font-family:"Bitter";src:url(../fonts/bitter-italic-var.woff2) format("woff2");font-weight:300 800;font-style:italic;font-display:swap}
@font-face{font-family:"Outfit";src:url(../fonts/outfit-var.woff2) format("woff2");font-weight:300 700;font-style:normal;font-display:swap}

:root{
	--corn:#F7EDCB;      /* page: corn silk morning */
	--paper:#FFFAEB;     /* cards */
	--glass:#FFFDF4;
	--toast:#2A1C12;     /* ink */
	--crust:#6B4A2F;     /* muted text */
	--line:#E2D3A4;
	--tape:#EAD9A2;
	--tape-2:#E3CF8F;
	--sun:#EDC765;
	--chard:#2E6B3F;     /* links, doctor box */
	--beet:#A6274B;      /* rare accent */
	--board:#8A6440;
	--board-d:#5E4329;
	--serif:"Bitter",Georgia,serif;
	--sans:"Outfit",system-ui,-apple-system,"Segoe UI",sans-serif;
	--wrap:1180px;
	--gut:16px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--corn);color:var(--toast);font-family:var(--sans);font-size:1.0625rem;line-height:1.6;font-weight:400}
img,svg{max-width:100%;height:auto;display:block}
a{color:var(--chard);text-underline-offset:.18em;text-decoration-thickness:1px}
a:hover{text-decoration-thickness:2px}
:focus-visible{outline:3px solid var(--beet);outline-offset:2px;border-radius:3px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-999px;top:8px;background:var(--toast);color:var(--corn);padding:8px 14px;z-index:9}
.skip:focus{left:8px}
h1,h2,h3{font-family:var(--serif);line-height:1.15;letter-spacing:-.01em;margin:0}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

/* masking tape: the signature */
.tape{display:inline-block;font-family:var(--sans);font-weight:600;font-size:.86rem;line-height:1.2;color:var(--toast);text-decoration:none;
	padding:.38em .95em .42em;background:var(--tape);
	background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.18) 0 2px,transparent 2px 5px);
	clip-path:polygon(0 6%,3% 0,6% 9%,9% 1%,12% 6%,88% 4%,91% 0,94% 8%,97% 2%,100% 7%,98% 50%,100% 93%,97% 100%,94% 92%,91% 99%,88% 95%,12% 97%,9% 100%,6% 91%,3% 99%,0 94%,2% 50%);
	transform:rotate(-1.6deg)}
a.tape:hover{background-color:var(--tape-2)}
.tape--sm{font-size:.78rem;padding:.3em .8em .34em}
.kind{font-size:.78rem;font-weight:500;color:var(--crust);letter-spacing:.02em}

/* top strip */
.dawnbar{background:var(--toast);color:#F3E4B6;font-size:.8rem}
.dawnbar p{max-width:var(--wrap);margin:0 auto;padding:6px var(--gut)}

/* masthead */
.masthead{border-bottom:1px solid var(--line)}
.masthead__in{max-width:var(--wrap);margin:0 auto;padding:14px var(--gut) 0;display:flex;align-items:center;gap:12px 20px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:10px;color:var(--toast);text-decoration:none}
.mark{width:44px;height:37px;flex:none}
.brand__name{font-family:var(--serif);font-weight:800;font-size:1.34rem;letter-spacing:-.015em;line-height:1}
.brand__name em{font-weight:500;font-style:italic;color:var(--crust)}
.topnav{order:3;flex:1 0 100%;min-width:0;border-top:1px solid var(--line);margin-top:2px}
.topnav ul{list-style:none;margin:0;padding:8px 0;display:flex;gap:4px 26px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
.topnav li{flex:none}
.topnav a{display:inline-flex;align-items:center;gap:7px;color:var(--toast);text-decoration:none;font-size:.92rem;font-weight:500;padding:4px 0;border-bottom:2px solid transparent}
.topnav a::before{content:"";width:9px;height:9px;border-radius:2px 2px 4px 4px;background:var(--dot);box-shadow:inset 0 2px 0 rgba(0,0,0,.25)}
.topnav a:hover,.topnav a[aria-current]{border-bottom-color:var(--toast)}
.masthead .lookup{margin-left:auto}
.lookup{display:flex;align-items:center;background:var(--glass);border:1.5px solid var(--toast);border-radius:999px;overflow:hidden}
.lookup input{border:0;background:transparent;font:inherit;font-size:.92rem;padding:7px 4px 7px 14px;width:150px;color:var(--toast);min-width:0}
.lookup input:focus{outline:none}
.lookup:focus-within{box-shadow:0 0 0 3px var(--sun)}
.lookup button{border:0;background:transparent;color:var(--toast);padding:7px 12px;cursor:pointer;font:inherit;font-weight:600}
.lookup button svg{width:18px;height:18px}
.lookup--wide{max-width:460px;margin-top:22px}
.lookup--wide input{flex:1;width:auto;padding:12px 6px 12px 18px;font-size:1rem}
.lookup--wide button{background:var(--toast);color:var(--corn);padding:12px 20px}

/* hero */
.sunrise{position:relative;overflow:hidden}
.sunrise__in{max-width:var(--wrap);margin:0 auto;padding:48px var(--gut) 40px;display:grid;grid-template-columns:1fr 1.05fr;gap:40px;align-items:center}
.sunrise__kicker{margin:0 0 18px}
.sunrise__title{font-size:clamp(2.3rem,1.4rem + 3.6vw,4.1rem);font-weight:800;letter-spacing:-.025em;line-height:1.02;max-width:12ch}
.sunrise__title em{font-weight:400;font-style:italic;color:var(--crust)}
.sunrise__lede{font-size:1.12rem;max-width:44ch;margin:20px 0 0;color:#3E2C1E}
.sunrise__shelf{position:relative;padding-top:30px}
.sunrise__shelf::before{content:"";position:absolute;z-index:0;left:50%;bottom:34px;width:min(560px,120%);aspect-ratio:1;transform:translate(-50%,50%);border-radius:50%;
	background:radial-gradient(circle,var(--sun) 0 34%,#F2DB95 34% 48%,#F4E2A8 48% 62%,#F5E6B6 62% 76%,transparent 76%)}
.shelf{position:relative;z-index:1}
.shelf__row{position:relative;margin-bottom:26px}
.shelf__label{margin:0 0 8px;font-size:.78rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--crust)}
.shelf__jars{list-style:none;margin:0;padding:0 10px;display:flex;gap:14px;align-items:flex-end}
.shelf__board{display:block;height:14px;background:var(--board);border-radius:2px;box-shadow:0 6px 0 var(--board-d),0 10px 14px rgba(42,28,18,.18)}
.jar{flex:0 1 112px;min-width:0}
.jar a{position:relative;display:block;text-decoration:none;color:var(--toast);transition:transform .18s ease}
.jar a:hover{transform:translateY(-4px)}
.jar__svg{width:100%}
.jar__tape{position:absolute;left:4%;right:4%;top:40%;text-align:center;font-weight:600;font-size:.8rem;line-height:1.15;padding:.42em .3em .4em;
	background:var(--tape);background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.2) 0 2px,transparent 2px 5px);
	clip-path:polygon(0 5%,4% 0,8% 7%,92% 3%,96% 0,100% 6%,98% 50%,100% 94%,96% 100%,92% 93%,8% 97%,4% 100%,0 95%,2% 50%);transform:rotate(-3deg)}
.jar:nth-child(even) .jar__tape{transform:rotate(2.5deg)}
.jar__count{display:block;font-weight:400;font-size:.7rem;color:var(--crust);margin-top:2px}
.shelf__hint{position:relative;z-index:1;margin:-6px 0 0;font-size:.82rem;color:var(--crust)}

/* section heads */
.rowhead{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;font-size:clamp(1.5rem,1.2rem + 1vw,2rem);font-weight:700;margin:0 0 22px;padding-bottom:10px;border-bottom:2px solid var(--toast)}
.rowhead small{font-family:var(--sans);font-size:.92rem;font-weight:400;color:var(--crust)}

/* newest */
.freshest,.stack{max-width:var(--wrap);margin:0 auto;padding:36px var(--gut)}
.freshest__card{display:grid;grid-template-columns:1.25fr 1fr;gap:32px;align-items:center}
.freshest__img img{width:100%;border-radius:6px;border:1px solid var(--line)}
.freshest__title{font-size:clamp(1.6rem,1.2rem + 1.5vw,2.4rem);font-weight:700;margin:12px 0 10px}
.freshest__title a,.jarcard__title a{color:var(--toast);text-decoration:none}
.freshest__title a:hover,.jarcard__title a:hover{text-decoration:underline;text-decoration-thickness:2px}
.freshest__dek{margin:0 0 12px;color:#3E2C1E}
.freshest__when{margin:0;font-size:.86rem;color:var(--crust)}
.jarcard__meta{display:flex;align-items:center;gap:10px;margin:0}

/* cards */
.stack__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.jarcard{background:var(--paper);border:1px solid var(--line);border-radius:6px;overflow:hidden;display:flex;flex-direction:column;transition:transform .18s ease,box-shadow .18s ease}
.jarcard:hover{transform:translateY(-3px);box-shadow:0 10px 0 -4px var(--line)}
.jarcard__img img{width:100%;aspect-ratio:1200/630;object-fit:cover}
.jarcard__body{padding:14px 16px 18px}
.jarcard__title{font-size:1.2rem;font-weight:700;margin:10px 0 6px;line-height:1.22}
.jarcard__facts{margin:0;font-size:.84rem;color:var(--crust)}

/* guides list */
.notes{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 34px}
.notes__item{display:grid;grid-template-columns:auto 1fr;column-gap:14px;padding:16px 0;border-bottom:1px solid var(--line)}
.notes__item::before{content:"";grid-row:1 / span 3;width:16px;height:22px;margin-top:4px;border-radius:3px 3px 5px 5px;background:var(--lid);box-shadow:inset 0 5px 0 rgba(0,0,0,.28)}
.notes__cat{font-size:.76rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--crust)}
.notes__title{font-family:var(--serif);font-weight:700;font-size:1.18rem;line-height:1.25;color:var(--toast);text-decoration:none;margin:2px 0 4px}
.notes__title:hover{text-decoration:underline}
.notes__dek{font-size:.92rem;color:#4A3628}

/* first things */
.firstthings{max-width:var(--wrap);margin:10px auto 50px;padding:0 var(--gut)}
.firstthings__in{background:var(--glass);border:2px solid var(--toast);border-radius:6px;padding:26px 28px}
.firstthings h2{font-size:1.45rem;font-weight:700;margin-bottom:12px}
.firstthings ul{margin:0 0 14px;padding-left:1.1em}
.firstthings li{margin:6px 0}
.firstthings p{margin:0;font-size:.92rem}

/* single */
.entry__head,.entry__cover,.entry__body{max-width:760px;margin-left:auto;margin-right:auto;padding-left:var(--gut);padding-right:var(--gut)}
.entry__head{padding-top:30px}
.crumbs{font-size:.84rem;color:var(--crust);margin-bottom:18px}
.crumbs a{color:var(--crust)}
.entry__tags{display:flex;align-items:center;gap:12px;margin:0 0 16px}
.entry__title{font-size:clamp(2rem,1.3rem + 2.8vw,3.2rem);font-weight:800;letter-spacing:-.022em;line-height:1.06}
.entry__dek{font-size:1.15rem;color:#3E2C1E;margin:16px 0 0;font-family:var(--serif);font-weight:400;font-style:italic;line-height:1.45}
.entry__by{margin:18px 0 0;font-size:.88rem;color:var(--crust)}
.entry__by a{color:var(--toast);font-weight:600}
.entry__jump{margin:12px 0 0;font-size:.9rem}
.entry__jump a{display:inline-block;background:var(--toast);color:var(--corn);text-decoration:none;font-weight:600;padding:6px 14px;border-radius:999px;margin-right:4px}
.entry__cover{margin-top:26px;margin-bottom:6px}
.entry__cover img{width:100%;border-radius:6px;border:1px solid var(--line)}
.entry__body{padding-bottom:20px}

.prose{font-size:1.09rem;line-height:1.7}
.prose h2{font-size:1.6rem;font-weight:700;margin:2.1em 0 .55em}
.prose h3{font-size:1.2rem;font-weight:700;margin:1.6em 0 .4em}
.prose p,.prose ul,.prose ol{margin:0 0 1.05em}
.prose li{margin:.3em 0}
.prose ul{padding-left:1.15em}
.prose ul li::marker{color:var(--crust)}
.prose strong{font-weight:600}

/* short version: sunrise card */
.ndg-sunup{position:relative;background:var(--paper);border:1px solid var(--line);border-radius:6px;padding:22px 22px 10px 22px;margin:22px 0 28px;overflow:hidden}
.ndg-sunup::after{content:"";position:absolute;right:-50px;top:-70px;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,var(--sun) 0 45%,#F3E1A4 45% 70%,transparent 70%);opacity:.75}
.ndg-sunup__label{position:relative;z-index:1;display:inline-block;margin:-6px 0 10px!important;font-weight:600;font-size:.86rem;padding:.38em .95em;background:var(--tape);
	clip-path:polygon(0 6%,4% 0,8% 8%,92% 3%,96% 0,100% 6%,98% 50%,100% 94%,96% 100%,92% 93%,8% 97%,4% 100%,0 95%,2% 50%);transform:rotate(-1.5deg)}
.ndg-sunup ul{position:relative;z-index:1;margin:0 0 12px;padding-left:1.1em;max-width:58ch}
.ndg-sunup li{margin:.35em 0}

/* recipe: index card held by two strips of tape */
.ndg-card{position:relative;background:var(--glass);border:1px solid #D9C99A;border-radius:4px;padding:30px 26px 18px;margin:34px 0 34px;box-shadow:0 2px 0 #E8DAB0,0 14px 28px -18px rgba(42,28,18,.4)}
.ndg-card::before,.ndg-card::after{content:"";position:absolute;top:-13px;width:92px;height:26px;background:var(--tape);opacity:.92;
	background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.2) 0 2px,transparent 2px 5px);
	clip-path:polygon(0 8%,6% 0,12% 10%,88% 4%,94% 0,100% 8%,97% 50%,100% 92%,94% 100%,88% 92%,12% 96%,6% 100%,0 92%,3% 50%)}
.ndg-card::before{left:22px;transform:rotate(-4deg)}
.ndg-card::after{right:22px;transform:rotate(3.5deg)}
.prose .ndg-card__title{margin:0 0 6px;font-size:1.75rem;font-weight:800;padding-bottom:12px;border-bottom:2px solid var(--toast)}
.ndg-card__facts{display:flex;flex-wrap:wrap;gap:6px 0;margin:12px 0 4px!important;font-size:.92rem;color:var(--crust)}
.ndg-card__facts span:not(:last-child)::after{content:"·";margin:0 10px;color:var(--line)}
.prose .ndg-card h3{font-family:var(--sans);font-size:.82rem;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--crust);margin:1.6em 0 .6em}
.prose .ndg-card h3.ndg-card__group{font-family:var(--serif);text-transform:none;letter-spacing:0;font-size:1rem;color:var(--toast);margin:1em 0 .3em}
.ndg-card__ing{list-style:none;padding:0!important;margin:0 0 .6em!important;
	background-image:repeating-linear-gradient(180deg,transparent 0 calc(1.7em - 1px),#E6EEF2 calc(1.7em - 1px) 1.7em)}
.ndg-card__ing li{margin:0!important;line-height:1.7em;padding-left:22px;position:relative}
.ndg-card__ing li::before{content:"";position:absolute;left:2px;top:.62em;width:10px;height:10px;border:1.5px solid var(--toast);border-radius:2px}
.ndg-card__steps{list-style:none;counter-reset:st;padding:0!important}
.ndg-card__steps li{counter-increment:st;position:relative;padding-left:44px;margin:0 0 .95em!important}
.ndg-card__steps li::before{content:counter(st);position:absolute;left:0;top:.05em;width:30px;height:30px;border-radius:50%;background:var(--toast);color:var(--corn);
	font-family:var(--serif);font-weight:700;font-size:.95rem;display:grid;place-items:center}
.ndg-card__steps strong{font-weight:600}

/* label check: ingredient-panel styling */
.ndg-labelcheck{background:#fff;border:2px solid var(--toast);padding:14px 18px 6px;margin:34px 0;max-width:560px}
.prose .ndg-labelcheck h2{font-family:var(--sans);font-weight:700;font-size:1.5rem;letter-spacing:-.01em;margin:0;padding-bottom:6px;border-bottom:8px solid var(--toast)}
.ndg-labelcheck p{font-size:.9rem;margin:8px 0 6px!important;padding-bottom:6px;border-bottom:3px solid var(--toast)}
.ndg-labelcheck ul{list-style:none;padding:0!important;margin:0!important}
.ndg-labelcheck li{font-size:.95rem;margin:0!important;padding:7px 0;border-bottom:1px solid var(--toast)}
.ndg-labelcheck li:last-child{border-bottom:0}

/* doctor */
.ndg-doctor{background:#EAF0DE;border-left:6px solid var(--chard);border-radius:0 6px 6px 0;padding:4px 22px 6px;margin:34px 0 24px}
.prose .ndg-doctor h2{font-size:1.3rem;margin:.9em 0 .5em;color:#1F4A2B}
.fineprint{border-top:1px dashed #CDB677;padding-top:12px;margin-top:26px;font-size:.86rem;color:var(--crust)}
.fineprint p{margin:0!important}

/* pages */
.leaf{max-width:760px;margin:0 auto;padding:30px var(--gut) 50px}
.leaf__title{font-size:clamp(2rem,1.4rem + 2.4vw,3rem);font-weight:800;letter-spacing:-.02em}
.leaf__date{font-size:.86rem;color:var(--crust);margin:10px 0 26px}

/* category header */
.jarhead{border-bottom:1px solid var(--line);background:linear-gradient(180deg,transparent 0 calc(100% - 14px),var(--board) calc(100% - 14px))}
.jarhead__in{max-width:var(--wrap);margin:0 auto;padding:30px var(--gut) 14px;display:flex;gap:26px;align-items:flex-end}
.jarhead__jar{width:110px;flex:none}
.jarhead__title{font-size:clamp(2rem,1.4rem + 2.4vw,3.1rem);font-weight:800;letter-spacing:-.02em}
.jarhead__dek{max-width:60ch;color:#3E2C1E}
.jarhead__dek p{margin:8px 0 0}
.jarhead__count{font-size:.86rem;color:var(--crust);margin:8px 0 12px}

/* search, 404 */
.searchhead{max-width:var(--wrap);margin:0 auto;padding:34px var(--gut) 0}
.searchhead__title{font-size:clamp(1.8rem,1.3rem + 2vw,2.7rem);font-weight:800}
.searchhead__title span{font-style:italic;font-weight:500}
.searchhead__n{color:var(--crust);margin:8px 0 0}
.empty{font-size:1.05rem;margin:0 0 24px}
.lost{max-width:640px;margin:0 auto;padding:46px var(--gut) 60px;text-align:center}
.lost__jar{position:relative;width:130px;margin:0 auto 18px}
.lost__jar .tape{position:absolute;left:50%;top:44%;transform:translateX(-50%) rotate(-4deg);font-size:1.1rem}
.lost__title{font-size:2.4rem;font-weight:800}
.lost .lookup--wide{margin:22px auto 16px}

.nav-links{display:flex;gap:10px;justify-content:center;margin-top:30px}
.nav-links a,.nav-links span{padding:6px 12px;border:1.5px solid var(--toast);border-radius:999px;color:var(--toast);text-decoration:none;font-size:.9rem}
.nav-links .current{background:var(--toast);color:var(--corn)}

/* footer */
.cellar{background:var(--toast);color:#EFE2BD;margin-top:40px;font-size:.94rem}
.cellar__board{height:16px;background:var(--board);box-shadow:inset 0 -5px 0 var(--board-d)}
.cellar__in{max-width:var(--wrap);margin:0 auto;padding:36px var(--gut) 20px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:34px}
.cellar a{color:#F7EDCB}
.cellar__brand{display:flex;align-items:center;gap:10px;font-family:var(--serif);font-weight:800;font-size:1.2rem;color:var(--corn);margin:0 0 10px}
.cellar__brand .mark rect,.cellar__brand .mark path[stroke]{fill:#EFE2BD;stroke:#EFE2BD}
.cellar__about p{max-width:52ch;margin:0 0 12px}
.cellar__note{font-size:.88rem;color:#D9C9A0}
.cellar__h{font-weight:600;color:var(--sun);font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;margin:0 0 10px}
.cellar ul{list-style:none;margin:0;padding:0}
.cellar li{margin:6px 0}
.cellar__end{max-width:var(--wrap);margin:0 auto;padding:14px var(--gut) 26px;border-top:1px solid #4A3626;font-size:.82rem;color:#CBB98E}

/* responsive */
@media (max-width:980px){
	.sunrise__in{grid-template-columns:1fr;gap:26px;padding-top:32px}
	.freshest__card{grid-template-columns:1fr;gap:18px}
	.stack__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
	.cellar__in{grid-template-columns:1fr 1fr}
	.cellar__about{grid-column:1 / -1}
}
@media (max-width:640px){
	body{font-size:1rem}
	.dawnbar{font-size:.74rem}
	.brand__name{font-size:1.12rem}
	.mark{width:36px;height:30px}
	.masthead__in{gap:12px}
	.masthead .lookup input{width:64px}
	.topnav ul{gap:4px 18px}
	.jar{flex:0 0 calc(25% - 6px)}
	.stack__grid,.notes{grid-template-columns:1fr}
	.shelf__jars{gap:8px;padding:0 4px}
	.jar__tape{font-size:.68rem;left:0;right:0}
	.jar__count{font-size:.62rem}
	.sunrise__shelf::before{width:420px;bottom:40px}
	.prose{font-size:1.03rem}
	.ndg-card{padding:28px 16px 12px}
	.ndg-card__steps li{padding-left:40px}
	.firstthings__in{padding:20px 18px}
	.jarhead__jar{width:58px}
	.jarhead__in{flex-direction:column;align-items:flex-start;gap:6px}
	.cellar__in{grid-template-columns:1fr}
}