@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;500;600;700;800;900&family=Caveat:wght@600&family=DM+Sans:wght@400;500;700&display=swap');

:root{--ink:#111613;--cream:#f3eee3;--red:#cf2c0c;--olive:#747b29;--display:'Barlow Condensed',Impact,sans-serif;--body:'DM Sans',Arial,sans-serif;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:22px}body{margin:0;background:var(--ink);color:#fff;font:15px/1.4 var(--body)}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button,summary{cursor:pointer}a:hover{text-decoration:underline}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #f3a843;outline-offset:4px}button{color:inherit}h1,h2,h3,p{margin:0}h2,h3{font-family:var(--display);font-weight:800;line-height:1.05}h2{text-transform:uppercase}.icon{display:inline-block;width:24px;height:24px;flex-shrink:0;vertical-align:middle}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:39px;padding:9px 18px;border:1px solid #f29b76;border-radius:5px;background:linear-gradient(#e23b12,#be2609);box-shadow:inset 0 1px 2px #ffffff30;color:#fff;font:700 16px/1.1 var(--display);letter-spacing:.4px;text-transform:uppercase;white-space:nowrap;transition:filter .15s,transform .15s}.button:hover{filter:brightness(1.12);text-decoration:none;transform:translateY(-1px)}.button .icon{width:24px;height:24px}.outline{background:#0d1414c7;border-color:#d3d1c7;box-shadow:inset 0 1px 2px #ffffff22}.outline .icon{--icon-cutout:#151a17}.icon-button{border:0;background:transparent;padding:8px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}.skip{position:absolute;top:-100px;left:20px;z-index:100;background:#fff;color:#111;padding:12px}.skip:focus{top:12px}

.masthead{height:590px;position:relative;background:#151b17 url('/images/reference-hero.jpg') center top/cover no-repeat}.masthead:after{content:'';position:absolute;inset:110px 0 0;background:linear-gradient(90deg,#03090835,transparent 47%),linear-gradient(transparent 67%,#07100c66);pointer-events:none}.header{position:relative;z-index:5;width:calc(100% - 150px);max-width:1320px;margin:auto;height:116px;display:flex;align-items:flex-start;gap:30px;padding-top:8px;color:#0c100d}.brand{display:block;flex:0 0 300px}.brand img{display:block;width:300px;height:auto}.header nav{display:flex;flex:1;justify-content:space-between;align-items:center;gap:22px;margin-top:20px}.header nav a,.header nav button{border:0;background:none;padding:0 0 8px;font:800 16px var(--display);text-transform:uppercase;white-space:nowrap}.header nav a.active{border-bottom:2px solid var(--red)}.header nav a:hover,.header nav button:hover{color:var(--red);text-decoration:none}.subscribe{margin-top:9px;font-size:14px;min-height:42px;padding:8px 14px;gap:10px}.subscribe .icon{width:24px}.search-menu{position:relative;margin-top:19px}.search-menu summary{list-style:none;padding:4px}.search-menu summary::-webkit-details-marker{display:none}.search-menu summary .icon{width:19px;height:19px}.search-panel{position:absolute;right:0;top:38px;width:310px;background:var(--cream);border:1px solid #797362;border-radius:6px;padding:18px;box-shadow:0 8px 24px #0005}.search-panel label{display:block;font-weight:700;font-size:13px;margin-bottom:9px}.search-panel input{width:100%;border:1px solid #8e8a7c;border-radius:3px;padding:10px;color:#111;background:#fff;font-size:13px}.search-panel p{font-size:11px;margin-top:8px}.menu-toggle{display:none}.hero-copy{position:relative;z-index:1;width:calc(100% - 192px);max-width:1280px;margin:auto;padding-top:8px}.eyebrow{font:600 13px var(--display);letter-spacing:3.5px;text-transform:uppercase}.eyebrow span{margin:0 9px}.hero-copy h1{width:430px;margin-top:4px}.hero-copy h1 img{width:100%;height:auto;display:block}.intro{font-size:17px;line-height:1.3;margin-top:8px}.intro strong{font-weight:700}.hero-actions{display:flex;gap:12px;margin-top:14px}.hero-actions .button{min-height:48px;font-size:17px;padding:10px 16px}.hero-actions .button .icon{width:27px;height:27px}.handwritten{position:absolute;right:-18px;top:45px;font:600 30px/.95 'Caveat',cursive;transform:rotate(-8deg);text-shadow:0 1px 4px #0009}.handwritten:after{content:'';display:block;height:2px;background:#da5b1c;margin-top:10px;width:140px;transform:rotate(-8deg)}

.features-wrap{position:relative;z-index:2;width:calc(100% - 112px);max-width:1400px;margin:-145px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:16px}.feature{position:relative;min-height:220px;border:1px solid #aaa391;border-radius:13px;background:#0b100f;overflow:hidden;box-shadow:0 3px 7px #0007}.feature-art{position:absolute;inset:12px 12px 12px 32%;overflow:hidden;border-radius:6px}.feature-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#090e0e 0%,transparent 36%)}.feature-art .reference-photo{height:auto;width:110%;position:absolute;top:50%;right:0;transform:translateY(-50%)}.feature-art .reference-photo img{height:auto}.feature-art .live-photo{width:100%;height:100%;object-fit:cover}.feature-copy{position:relative;z-index:1;padding:14px 22px 17px;max-width:49%;pointer-events:none}.feature-copy a{pointer-events:auto}.badge{display:inline-flex;align-items:center;gap:7px;background:var(--red);border:1px solid #ee815c;border-radius:4px;padding:4px 9px;font:600 12px var(--display);letter-spacing:.6px;text-transform:uppercase;margin-bottom:6px;white-space:nowrap}.badge .icon{width:12px;height:12px}.feature h2{font-size:36px;line-height:.92;text-transform:uppercase;overflow-wrap:anywhere;max-height:76px;overflow:hidden}.feature-copy>p:not(.badge){font-size:12px;line-height:1.25;margin-top:8px;max-width:200px;text-shadow:0 1px 5px #000}.feature-copy>.button{font-size:13px;min-height:33px;padding:6px 12px;gap:10px;margin-top:12px}.small-play{display:inline-flex;border-radius:50%;background:#fff;color:var(--red);padding:2px}.small-play .icon{width:12px;height:12px}.round-play{position:absolute;left:67%;top:47%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:57px;height:57px;border:3px solid #fff;border-radius:50%;background:#090e0e66;z-index:2;box-shadow:0 2px 8px #0007}.round-play .icon{width:32px;height:32px}.round-play:hover{background:#cf2c0cbf}.preview-chip{position:absolute;right:17px;bottom:17px;background:#070b08db;border-radius:3px;padding:3px 6px;font:500 11px var(--display)}.feature-olive .badge,.feature-olive .feature-copy>.button{background:linear-gradient(#8a9139,#606922);border-color:#a6aa63}.feature-olive .small-play{color:#747b29}

.content-width{width:calc(100% - 64px);max-width:1480px;margin:auto}.kitchen{position:relative;margin-top:-75px;padding:94px 0 15px;color:#121711;background:#f3eee3 url('/images/wood-texture.jpg') center center/100% auto}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:10px}.kitchen .section-heading{padding:0 22px}.section-title{display:flex;gap:18px;align-items:center}.section-title>.icon{width:46px;height:46px;color:#364325}.section-title h2{font-size:39px;letter-spacing:-.7px;line-height:1}.section-title p{font-size:15px;line-height:1.25;margin-top:2px}.section-heading>.button{font-size:14px;min-height:34px;padding:7px 16px}.section-heading>.button .icon{width:18px;height:18px}.dark-outline{color:#111;background:#fffc;border-color:#494b41}.preview-note{font-size:10px;line-height:1.2;color:#5e6256;margin:0 0 8px;text-align:right}.recipe-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.recipe{background:#fff;border-radius:6px;overflow:hidden;border:1px solid #d6d1c7;box-shadow:0 1px 1px #0001;min-width:0}.reference-photo{display:block;position:relative;overflow:hidden;width:100%}.reference-photo img{position:absolute;max-width:none;height:auto;display:block}.recipe-photo{width:100%;aspect-ratio:2/1;object-fit:cover;display:block}.blank-photo{display:flex;align-items:center;justify-content:center;background:#dbd8c8}.recipe-copy{padding:6px 10px 9px}.recipe h3{font-size:15px;font-weight:700;line-height:1.1;min-height:17px}.recipe-status{color:#7a7e2d;font:600 12px var(--display);margin:5px 0 5px;letter-spacing:.4px}.recipe-meta{display:flex;align-items:center;gap:7px;font:400 12px var(--display);color:#353930}.recipe-meta>span{display:inline-flex;align-items:center;gap:4px}.recipe-meta .icon{width:14px;height:14px}.recipe-summary{font-size:11px;margin:5px 0}.recipe-link{display:block;font-size:12px;font-weight:700;margin-top:6px}.search-empty{padding:20px;font-size:14px}

.channel{padding:14px 0 17px;background:radial-gradient(ellipse at 40% 20%,#252c2a55,transparent 70%),#0e1414;border-top:1px solid #687064;border-bottom:1px solid #696152}.channel .content-width{width:calc(100% - 90px)}.channel .section-heading{margin-bottom:8px}.channel .section-title{gap:12px}.channel h2{font-size:29px;letter-spacing:0}.youtube-tile{display:flex;width:39px;height:30px;align-items:center;justify-content:center;border-radius:6px;background:var(--red);border:1px solid #d77857}.youtube-tile .icon{width:23px;height:23px}.channel .preview-note{color:#b8bdae;font-size:10px}.channel-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:17px}.channel-card{min-width:0}.channel-card .reference-photo,.channel-card>img{border:1px solid #8d9282;border-radius:6px;width:100%;object-fit:cover;background:#20291e}.channel-card .reference-photo:after{content:'Preview';position:absolute;right:2px;bottom:2px;padding:2px 6px;min-width:32px;height:18px;background:#080b08;color:#eee;border-radius:3px;font:12px var(--display);text-align:center}.channel-card h3{font-weight:600;font-size:15px;line-height:1.15;margin-top:5px}.channel-card:hover h3{color:#e6b36a}

.footer{background:#241c13 url('/images/wood-texture.jpg') center/100% auto;background-blend-mode:multiply}.footer-content{display:grid;grid-template-columns:1fr 350px;gap:15px;align-items:center;padding:10px 25px 5px}.categories{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.category{display:flex;align-items:center;gap:14px;padding:4px 17px;border-right:1px solid #a9a0906b;min-width:0}.category:last-child{border:0}.category>.icon{width:54px;height:54px}.category h3{font-size:16px;text-transform:uppercase;font-weight:700}.category p{font:400 12px/1.15 var(--display);text-transform:uppercase;max-width:140px;margin-top:4px}.crew{position:relative;padding:12px 20px 8px 28px;color:#0c1307;z-index:0}.crew:before{content:'';position:absolute;z-index:-1;inset:0 -15px 0 -13px;background:#999e37;clip-path:polygon(8% 9%,21% 4%,19% 8%,96% 0,91% 4%,100% 5%,98% 94%,88% 91%,89% 97%,3% 100%,7% 94%,0 95%,5% 79%,0 80%,5% 61%,0 58%,6% 45%,1% 42%,7% 26%,0 24%);transform:rotate(-1.3deg)}.crew h2{font-size:20px;font-weight:800}.crew>p{font:500 12px var(--display);margin-top:3px}.crew fieldset{display:flex;gap:9px;border:0;padding:0;margin:6px 0 0;min-width:0}.crew input{width:100%;min-width:0;padding:5px 10px;border:1px solid #eee5cd;border-radius:4px;background:#fff;font:400 12px var(--display);height:29px}.crew .button{height:29px;min-height:29px;font-size:13px;padding:5px 18px}.crew :disabled{cursor:not-allowed;opacity:.85}.crew .newsletter-status{font-size:10px}.crew .newsletter-status a{text-decoration:underline;font-weight:600}.footer-fineprint{display:flex;justify-content:space-between;padding:6px 43px 9px;font-size:10px;color:#c6c3b6}.footer-fineprint button{border:0;background:none;padding:0;font-size:10px;text-decoration:underline}

dialog{border:1px solid #bbb09a;border-radius:8px;max-width:510px;width:calc(100% - 36px);background:var(--cream);color:#161d15;padding:36px;box-shadow:0 16px 80px #0008}dialog::backdrop{background:#0b110bcc;backdrop-filter:blur(4px)}dialog h2{font-size:42px;margin:14px 0}dialog p:not(.eyebrow){font-size:15px;margin-bottom:18px}dialog .eyebrow{font-size:11px;letter-spacing:2px}.dialog-close{position:absolute;right:6px;top:6px}

@media(min-width:1500px){.masthead{height:660px}.features-wrap{margin-top:-150px}.hero-copy{padding-top:30px}.hero-copy h1{width:490px}.hero-copy .intro{font-size:19px}.feature{min-height:235px}.kitchen{padding-top:98px}.recipe h3{font-size:17px}}
@media(max-width:1200px){.header{width:calc(100% - 70px);gap:19px}.brand{flex-basis:250px}.brand img{width:250px}.header nav{gap:17px}.header nav a,.header nav button{font-size:14px}.subscribe{font-size:12px;gap:6px;padding:8px 10px}.hero-copy{width:calc(100% - 130px)}.hero-copy h1{width:420px}.footer-content{grid-template-columns:1fr 310px;padding-left:12px;padding-right:18px}.category{gap:9px;padding:4px 10px}.category>.icon{width:40px;height:40px}.category p{font-size:11px}}
@media(max-width:1000px){.header{height:116px;align-items:flex-start;gap:15px;width:92%}.brand{flex-basis:245px}.brand img{width:245px}.header nav{gap:13px}.header nav a,.header nav button{font-size:14px}.subscribe{font-size:0;min-width:46px}.subscribe .icon{width:26px;height:26px}.hero-copy{width:88%}.handwritten{right:-5px}.features-wrap{width:92%;gap:14px}.feature-copy{padding-left:15px;max-width:55%}.feature h2{font-size:32px}.feature-copy>p:not(.badge){font-size:11px}.recipe-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.recipe h3{font-size:17px}.recipe-copy{padding:10px}.recipe-meta{font-size:13px}.channel-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.footer-content{grid-template-columns:1fr;padding:18px 22px}.crew{max-width:520px;width:100%;margin:10px auto 0}.category{justify-content:center}.category>.icon{width:45px;height:45px}.content-width,.channel .content-width{width:92%}}
@media(max-width:720px){.masthead{height:640px;background-position:59% center}.masthead:after{background:linear-gradient(90deg,#07100b99,transparent 100%),linear-gradient(transparent 65%,#07100b99)}.header{height:110px;padding-top:10px;align-items:flex-start;gap:10px}.brand{flex:1}.brand img{width:230px;max-width:100%}.menu-toggle{display:block;margin-top:12px;color:#111}.search-menu{margin-top:16px}.search-panel{right:-5px;width:min(310px,85vw)}.header .subscribe{display:none}.header nav{display:none;position:absolute;left:0;right:0;top:86px;margin:0;padding:15px 20px;border:1px solid #a6a089;border-radius:7px;background:#f5efdf;box-shadow:0 8px 30px #0005}.header nav.is-open{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;text-align:center}.header nav a,.header nav button{font-size:17px}.hero-copy{width:90%;padding-top:24px}.eyebrow{font-size:11px;letter-spacing:2.1px}.eyebrow span{margin:0 5px}.hero-copy h1{width:min(440px,100%);margin-top:7px}.intro{font-size:16px;line-height:1.4;margin-top:13px;text-shadow:0 1px 5px #000}.hero-actions{gap:9px;flex-wrap:wrap;margin-top:17px}.hero-actions .button{font-size:15px;min-height:44px;padding:9px 13px;gap:9px}.hero-actions .button .icon{width:22px;height:22px}.handwritten{display:none}.features-wrap{margin-top:-118px;grid-template-columns:1fr;gap:12px;width:92%}.feature{min-height:208px}.feature-copy{max-width:52%;padding:12px 16px}.feature h2{font-size:34px}.feature-art{inset:10px 10px 10px 31%}.feature-copy>p:not(.badge){font-size:12px}.feature-copy>.button{margin-top:10px}.round-play{left:75%;width:49px;height:49px}.preview-chip{font-size:10px}.kitchen{margin-top:-55px;padding-top:77px;background-size:auto 540px}.kitchen .section-heading{padding:0;align-items:flex-start}.section-heading{gap:9px;flex-wrap:wrap}.section-title{gap:10px}.section-title h2{font-size:31px}.section-title p{font-size:12px}.section-title>.icon{width:35px;height:35px}.section-heading>.button{font-size:12px;min-height:31px;padding:6px 11px;margin-left:45px}.preview-note{text-align:left;font-size:10px;margin:9px 0}.recipe-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.recipe h3{font-size:16px;min-height:34px}.recipe-copy{padding:8px}.recipe-status{font-size:11px}.recipe-meta{font-size:12px;gap:4px}.channel{padding:20px 0}.channel h2{font-size:25px}.channel .section-heading>.button{margin-left:49px}.channel-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 12px}.channel-card h3{font-size:15px}.footer-content{padding:22px 15px 8px;gap:18px}.categories{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 0}.category{justify-content:flex-start;border-right:0;padding:4px 10px}.category:nth-child(odd){border-right:1px solid #a9a0906b}.category>.icon{width:39px;height:39px}.category h3{font-size:17px}.category p{font-size:12px;max-width:115px}.crew{width:95%;padding:16px 18px}.crew h2{font-size:25px}.crew>p{font-size:14px}.crew fieldset{margin-top:9px}.crew input,.crew .button{height:36px}.crew .newsletter-status{font-size:11px;margin-top:6px}.footer-fineprint{padding:12px 22px}.button:disabled:hover{transform:none}}
@media(max-width:360px){.brand img{width:210px}.header{gap:3px}.hero-copy .eyebrow{font-size:10px;letter-spacing:1.5px}.hero-actions .button{font-size:14px;padding:9px}.feature-copy{max-width:57%}.feature h2{font-size:29px}.feature-copy>p:not(.badge){font-size:11px}.section-title h2{font-size:28px}.category{gap:8px}.category>.icon{width:32px;height:32px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}
/* Keep the art-sheet crop's percentage coordinates independent of borders. */
.channel-card .reference-photo{border:0;box-shadow:0 0 0 1px #8d9282}

/* Social profiles and site credit share the footer's warm wood treatment. */
.footer-bottom{margin:8px 32px 0;border-top:1px solid #ffffff26;padding-top:15px}
.social-links{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}
.social-heading{font-family:'Barlow Condensed',sans-serif;font-size:18px;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-right:8px}
.social-links a{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:8px 12px;border:1px solid #ffffff35;border-radius:5px;color:#f3eee3;text-decoration:none;font-size:12px;--icon-cutout:#211e18;transition:background .15s,border-color .15s}
.social-links .icon{width:20px;height:20px}
.social-links a:hover{background:#747b2940;border-color:#b3b961}
.social-links a:focus-visible,.site-credit:focus-visible{outline:2px solid #e5ae64;outline-offset:4px}
.footer-bottom .footer-fineprint{gap:16px;flex-wrap:wrap;justify-content:center;padding:17px 0 14px;font-size:12px}
.site-credit{color:#d8d2c6;text-decoration:none}.site-credit strong{color:#f3eee3;letter-spacing:.7px}.site-credit:hover{text-decoration:underline}
@media(max-width:720px){.footer-bottom{margin:12px 20px 0}.social-heading{width:100%;text-align:center;margin:0 0 3px}.social-links{gap:8px}.social-links a{padding:8px 10px}.footer-bottom .footer-fineprint{gap:10px 20px}.site-credit{flex-basis:100%;text-align:center}}
