:root{--pine:#173c3b;--deep:#102d2c;--mint:#eef5ef;--mint2:#dcebe1;--ink:#183936;--rose:#b9606a;--paper:#f9fcf8;--muted:#678278;--line:#bfd3c6}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--mint);font-family:"Trebuchet MS","Avenir Next","Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.32;cursor:not-allowed}a{color:inherit;text-decoration:none}input:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid var(--rose);outline-offset:3px}p{line-height:1.65}.page{min-height:100dvh}.topbar{position:relative;z-index:12;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:24px clamp(22px,6vw,100px);background:var(--mint);border-bottom:1px solid #d6e3d9}.topbar-dark{background:var(--pine);color:#f6fff8;border-bottom:1px solid #ffffff24}.logo{font-size:16px;font-weight:900;white-space:nowrap;letter-spacing:-.05em;display:flex;align-items:center;gap:12px}.logo i,.footer i{font-style:normal;color:#e8a9a9}.logo-roll{font-size:30px;font-weight:600;color:#edc09d;transform:rotate(-35deg);display:inline-block;line-height:.8}.topbar nav{display:flex;gap:25px;align-items:center;font-size:.86rem;font-weight:800}.topbar nav a:hover{color:var(--rose)}
.eyebrow{font-size:.71rem;letter-spacing:.15em;font-weight:900;color:#d5acaa;margin-bottom:17px}.eyebrow.rose{color:var(--rose)}
.homehero{background:var(--pine);color:#f5faf5;min-height:min(750px,90dvh);display:grid;grid-template-columns:1.05fr .95fr;align-items:stretch;position:relative;overflow:hidden}
.homehero-text{padding:clamp(75px,10vw,165px) 35px clamp(60px,7vw,110px) clamp(25px,7vw,112px);position:relative;z-index:2;align-self:center}
.homehero h1{font-size:clamp(3.5rem,7.5vw,8rem);letter-spacing:-.071em;line-height:.99;margin:0 0 26px;max-width:12ch;font-weight:900}
.homehero h1 em{color:#eab3b3;font-style:normal}.homehero p{font-size:clamp(1.05rem,1.5vw,1.25rem);line-height:1.6;color:#d2e6d9;max-width:510px;margin:0 0 35px}
.hero-action{display:inline-flex;align-items:center;gap:35px;background:var(--mint);color:var(--pine);padding:17px 23px;border-radius:9px;font-weight:900;font-size:.92rem;transition:transform .2s}.hero-action:hover{transform:translateY(-3px)}
.homehero-visual{position:relative;min-height:380px;overflow:hidden}.homehero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--pine) 0%,transparent 40%),linear-gradient(0deg,var(--pine) 0%,transparent 30%);pointer-events:none}
.homehero-visual video{height:100%;width:100%;object-fit:cover;object-position:67% 50%;position:absolute;inset:0}
.visual-label{position:absolute;z-index:2;right:30px;bottom:34px;color:#e0eeed;font-size:.73rem;letter-spacing:.14em;font-weight:900}
.library{max-width:1380px;margin:0 auto;padding:clamp(65px,8vw,125px) clamp(20px,6vw,90px)}
.library-top{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:35px}
.library h2,.howto h2{font-size:clamp(2.8rem,5vw,5.8rem);letter-spacing:-.067em;line-height:1.05;font-weight:900;margin:0}
.library-top>p{font-size:.92rem;color:var(--muted);font-weight:800;white-space:nowrap}
.searchbox{display:flex;align-items:center;gap:13px;background:#fff;border:1.5px solid #b9d0c5;border-radius:15px;padding:0 22px;min-height:66px;box-shadow:0 10px 28px #244e3e0a}
.searchbox span{font-size:2.5rem;color:#789c89;line-height:1}.searchbox input{background:transparent;border:0;outline:0;width:100%;height:62px;font-size:1.06rem;color:var(--ink)}
.chips{display:flex;gap:12px;flex-wrap:wrap;margin:25px 0 40px}.chip{border:1px solid #b8d1c3;background:transparent;padding:12px 19px;border-radius:30px;font-size:.88rem;font-weight:800;color:#486c60}.chip.chosen,.chip:hover{background:var(--pine);color:#fff;border-color:var(--pine)}
.recipe-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:25px}
.recipe-card{display:flex;flex-direction:column;background:var(--paper);border:1px solid #d6e2d9;border-radius:18px;overflow:hidden;transition:transform .23s,box-shadow .23s}.recipe-card:hover{transform:translateY(-5px);box-shadow:0 20px 35px #11382d1a}
.recipe-art{aspect-ratio:1.4;overflow:hidden;background:var(--pine)}.recipe-art img{width:100%;height:100%;object-fit:cover;transition:transform .55s}.recipe-card:hover .recipe-art img{transform:scale(1.05)}
.recipe-info{padding:25px;display:flex;flex-direction:column;flex:1}.card-category{font-size:.71rem;letter-spacing:.12em;text-transform:uppercase;color:#ad5d66;font-weight:900}
.recipe-info h3{font-size:clamp(1.55rem,2.5vw,2rem);letter-spacing:-.048em;margin:11px 0 7px;line-height:1.15}.recipe-info p{font-size:.88rem;color:var(--muted);margin:0 0 26px;line-height:1.56;flex:1}
.card-meta{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #d0dfd4;padding-top:17px;font-size:.79rem;font-weight:900}
.empty{grid-column:1/-1;text-align:center;padding:80px 0;border:1px dashed #9cbfad;border-radius:14px}.empty h3{margin:0 0 7px;font-size:1.65rem}.empty p{margin:0;color:var(--muted)}
.other-art{height:100%;display:grid;place-items:center;color:#dcd9b8;background:linear-gradient(120deg,#51746e,#183b39)}.other-art span{font-size:8rem}
.detail-hero{display:grid;grid-template-columns:.9fr 1.1fr;min-height:clamp(350px,44vw,550px);background:#f6fbf6}.detail-photo{background:var(--pine);overflow:hidden;min-height:370px}.detail-photo img{display:block;width:100%;height:100%;object-fit:cover}.detail-photo .oreo-art,.detail-photo .other-art{height:100%}
.detail-hero-copy{padding:clamp(35px,5vw,80px) clamp(25px,6vw,90px);display:flex;flex-direction:column;justify-content:center}.backlink{font-size:.84rem;font-weight:800;color:#477264;margin:0 0 35px;align-self:flex-start;border-bottom:1px solid #8aae9f;padding-bottom:7px}
.detail-hero h1{font-size:clamp(3.2rem,6.5vw,7.4rem);font-weight:900;line-height:.99;letter-spacing:-.066em;margin:0 0 20px;overflow-wrap:anywhere}.detail-hero-copy>p{font-size:1.06rem;color:var(--muted);max-width:560px;margin:0 0 22px}
.detail-facts{display:flex;flex-wrap:wrap;gap:10px 24px;font-size:.85rem;color:#5f7b70}.detail-facts strong{color:var(--pine)}
.detail-body{display:grid;grid-template-columns:minmax(300px,.86fr) minmax(400px,1.14fr);max-width:1360px;margin:auto;padding:clamp(65px,8vw,120px) clamp(20px,6vw,85px);gap:clamp(30px,6vw,100px)}
.servings-panel{align-self:start;border-radius:18px;background:#dbeae0;border:1px solid #bdd4c6;padding:clamp(25px,3vw,45px)}
.panel-heading{margin:0;font-size:1.12rem;font-weight:900}
.servings-counter{display:flex;justify-content:space-between;align-items:center;gap:9px;margin:25px 0}
.servings-counter button{border:1.5px solid #a2bdae;border-radius:50%;width:53px;height:53px;background:transparent;color:var(--pine);font-size:1.65rem}.servings-counter button:hover{background:#fff}
.servings-counter div{display:flex;justify-content:center;align-items:baseline;gap:8px}.servings-counter strong{font-size:clamp(5rem,7vw,8rem);letter-spacing:-.095em;line-height:1;font-variant-numeric:tabular-nums}.servings-counter small{font-weight:800;color:#6e9281}
.slider-label{display:block;font-weight:800;font-size:.9rem}.servings-panel input[type=range]{width:100%;accent-color:var(--rose);margin:18px 0 4px}.range-minmax{display:flex;justify-content:space-between;font-size:.76rem;color:#729587;font-weight:800}
.overnight{border:1px solid #9abdaf;background:#f8fbf7;border-radius:13px;padding:19px 16px;margin:32px 0 26px;width:100%;display:flex;gap:11px;align-items:center;text-align:left}.overnight.on{background:#fcebed;border-color:var(--rose)}.overnight .checkmark{border:2px solid #88aa9b;border-radius:5px;width:27px;height:27px;flex-shrink:0}.overnight.on .checkmark{background:var(--rose);border-color:var(--rose)}.overnight.on .checkmark:after{content:"✓";font-weight:900;color:#fff;margin-left:4px}.overnight b{font-size:.92rem}.overnight small{display:block;margin-top:5px;font-size:.73rem;color:#698678}.overnight .moon{margin-left:auto;color:var(--rose);font-size:1.8rem}
.time-summary{display:flex;justify-content:space-between;gap:18px;border-top:1px solid #b9d5c2;padding-top:25px;font-size:.8rem;color:#638072}.time-summary div{display:flex;flex-direction:column;gap:7px}.time-summary strong{font-size:.95rem;color:var(--pine)}.servings-note{font-size:.78rem;color:#6c897e;margin:24px 0 0}
.ingredients-panel{border-top:4px solid var(--pine);padding-top:24px}.ingredients-panel h2{font-size:clamp(2rem,3vw,3rem);letter-spacing:-.05em;line-height:1.05;margin:10px 0 27px}.ingredient-group{font-size:.87rem;letter-spacing:.09em;text-transform:uppercase;color:#a35c62;margin:32px 0 5px}.ingredient-row{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid #c4d9c9;padding:14px 0;font-size:.97rem}.ingredient-row strong{font-size:1.05rem;white-space:nowrap;font-variant-numeric:tabular-nums}
.ingredient-actions{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap;margin-top:29px}
.primary-btn{background:var(--pine);color:#fff;padding:16px 22px;border:0;border-radius:9px;font-size:.92rem;font-weight:900;transition:transform .2s}.primary-btn:hover{transform:translateY(-2px)}.text-btn{background:transparent;border:0;border-bottom:1.5px solid var(--pine);color:var(--pine);padding:12px 3px;font-weight:900;font-size:.88rem}
.howto{background:var(--paper);padding:clamp(75px,8vw,130px) clamp(22px,8vw,125px)}.howto>.eyebrow,.howto>h2,.steps{max-width:1100px;margin-left:auto;margin-right:auto}
.howto h2{margin-bottom:48px}.steps{padding:0;list-style:none}.steps li{display:grid;grid-template-columns:minmax(75px,18%) 1fr;gap:25px;padding:28px 0 36px;border-top:1px solid #c5d8ca}.steps li:last-child{border-bottom:1px solid #c5d8ca}.steps li>span{font-size:clamp(2.5rem,5vw,5rem);font-weight:900;letter-spacing:-.08em;color:#a1c0b1;line-height:1}.steps h3{font-size:clamp(1.4rem,2.3vw,2rem);margin:0 0 8px;letter-spacing:-.044em}.steps p{color:#577669;max-width:730px;margin:0;font-size:1rem}
.shareband{background:#cce0d1;display:flex;justify-content:space-between;align-items:center;gap:30px;padding:48px clamp(22px,7vw,100px)}.shareband h2{font-size:clamp(2rem,4vw,3.4rem);letter-spacing:-.05em;margin:0 0 8px}.shareband p{color:#4f6e60;margin:0;max-width:580px}.share-btn{background:transparent;border:0;border-bottom:2px solid var(--pine);padding:15px 0;font-size:.95rem;font-weight:900;white-space:nowrap}
.footer{background:var(--deep);color:#e9f4ed;padding:30px clamp(22px,6vw,90px);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px;font-size:.8rem}.footer strong{font-size:.95rem}.footer a{text-decoration:underline;text-underline-offset:3px}
.admin-page{min-height:70dvh;max-width:1080px;margin:auto;padding:80px 22px 120px}.admin-intro h1{font-size:clamp(3rem,6vw,5.5rem);letter-spacing:-.07em;margin:0 0 45px}.admin-box,.admin-form{background:#f9fcf8;border:1px solid #c5d8cc;border-radius:16px;padding:clamp(22px,4vw,44px);max-width:850px}.admin-box{max-width:500px}.admin-box h2,.admin-form h2{font-size:2rem;letter-spacing:-.05em;margin:0 0 12px}.admin-box p{color:var(--muted)}
.admin-box label,.admin-form label{display:flex;flex-direction:column;gap:9px;font-size:.92rem;font-weight:800;margin:18px 0}
.admin-box input,.admin-form input,.admin-form textarea{width:100%;padding:13px;border:1px solid #a2bcae;border-radius:8px;background:#fff;color:var(--ink);font-size:.98rem;outline-offset:2px}
.admin-form textarea{resize:vertical;min-height:95px;font-family:ui-monospace,monospace;font-size:.86rem;line-height:1.6}
.admin-form label small{font-size:.73rem;color:#6d8b7c;font-weight:500}.admin-box button{margin-top:13px}
.admin-toolbar{display:flex;justify-content:space-between;gap:18px;align-items:center;flex-wrap:wrap;margin:0 0 28px}.admin-toolbar p{margin:0;color:var(--muted)}.admin-toolbar>div{display:flex;gap:16px;align-items:center}
.admin-list{border-top:1px solid #b4cbbe}.admin-entry{display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid #b4cbbe;padding:18px 0}.admin-entry strong{display:block;font-size:1.08rem}.admin-entry small{color:var(--muted);display:block;margin-top:5px}.admin-entry>div:last-child{display:flex;gap:9px}.admin-entry button{border:1px solid #b1cabb;border-radius:6px;padding:9px 13px;background:transparent;font-weight:800}.admin-entry .danger-link{color:#aa4c59;border-color:#e1b9c0}
.admin-form{margin-top:35px;scroll-margin-top:30px}.admin-form-head{display:flex;justify-content:space-between;align-items:start;gap:16px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 19px}.admin-form .primary-btn{margin-top:12px}
#admin-message,#login-message{color:#aa4c59;font-weight:800;min-height:1.5em}.existing-image{font-size:.8rem;color:var(--muted)}.missing,.offline{text-align:center;min-height:60dvh;padding:110px 22px}.loading{min-height:100dvh;display:grid;place-items:center;font-weight:800;color:var(--pine)}
@media(max-width:950px){.homehero{grid-template-columns:1fr}.homehero-visual{position:absolute;inset:0 0 0 30%;opacity:.38}.homehero-visual:after{background:linear-gradient(90deg,var(--pine),transparent)}.homehero-text{padding-right:25px}.homehero h1{max-width:12ch}.detail-hero{grid-template-columns:1fr 1.1fr}.detail-hero-copy{padding:30px}.detail-body{grid-template-columns:1fr;max-width:730px}.servings-panel{width:100%}.detail-hero h1{font-size:clamp(2.7rem,5vw,4.7rem)}}
@media(max-width:640px){.topbar{padding:20px}.logo{font-size:13px;gap:7px}.logo-roll{font-size:25px}.topbar nav{gap:12px;font-size:.72rem}.homehero{min-height:650px}.homehero-text{padding:85px 24px 85px}.homehero h1{font-size:clamp(3.35rem,13vw,5rem)}.homehero p{font-size:1rem}.homehero-visual{inset:6% -38% 0 18%;opacity:.30}.library{padding:75px 20px}.library-top{display:block}.library-top p{font-size:.82rem}.library h2{font-size:2.8rem}.searchbox{min-height:59px;padding:0 15px}.searchbox input{font-size:.89rem}.chips{gap:8px}.chip{padding:11px 13px;font-size:.78rem}.recipe-grid{grid-template-columns:1fr}.recipe-art{aspect-ratio:1.5}.detail-hero{display:flex;flex-direction:column}.detail-photo{height:270px;min-height:270px}.detail-hero-copy{padding:35px 23px 45px}.detail-hero h1{font-size:clamp(3rem,12vw,4.7rem)}.backlink{margin-bottom:28px}.detail-body{padding:55px 20px}.servings-panel{padding:25px 18px}.servings-counter strong{font-size:5.3rem}.servings-counter button{width:48px;height:48px}.ingredients-panel h2{font-size:2.1rem}.howto{padding:75px 20px}.howto h2{font-size:2.7rem}.steps li{grid-template-columns:34px 1fr;gap:16px;padding:24px 0}.steps li>span{font-size:1.65rem}.steps h3{font-size:1.4rem}.steps p{font-size:.92rem}.shareband{display:block;padding:45px 24px}.share-btn{margin-top:22px}.form-grid{grid-template-columns:1fr}.admin-page{padding:50px 18px 75px}.admin-entry{align-items:start}.admin-entry>div:last-child{flex-direction:column}.admin-toolbar{align-items:start}.footer{padding:25px 20px}}
/* Food photography and motion, November 2026. */
.homehero{min-height:690px;background:radial-gradient(ellipse at 70% 10%,#2c5550 0,transparent 55%),var(--pine)}
.homehero-text{padding-top:105px;padding-bottom:110px}.homehero h1{font-size:clamp(3.8rem,7vw,7.5rem)}
.homehero-text>.eyebrow{display:flex;align-items:center;gap:12px}.homehero-text>.eyebrow:before{content:"";width:28px;height:1px;background:currentColor}
.homehero-text>*{animation:copy-arrive .8s cubic-bezier(.22,1,.36,1) both}.homehero-text>h1{animation-delay:.1s}.homehero-text>p{animation-delay:.2s}.homehero-text>.hero-action{animation-delay:.3s}
.hero-action{box-shadow:0 8px 25px #091e191c;transition:transform .3s,box-shadow .3s}.hero-action span{transition:transform .3s}.hero-action:hover{transform:translateY(-3px);box-shadow:0 12px 30px #091e193d}.hero-action:hover span{transform:translateY(3px)}
.homehero-visual{position:relative;inset:auto;opacity:1;min-height:660px;overflow:visible;isolation:isolate;align-self:stretch}
.homehero-visual:after{display:none}.hero-orbit{position:absolute;inset:3% -15% 2% 3%;border:1px solid #dce9d12e;border-radius:50%;transform:rotate(-20deg);pointer-events:none}
.hero-photo-frame{position:absolute;inset:8% 9% 9% 9%;overflow:hidden;border-radius:250px 250px 35px 35px;transform:rotate(3deg);background:#718372;box-shadow:0 35px 60px #092a2955;animation:photo-arrive 1.1s cubic-bezier(.22,1,.36,1) both}
.hero-photo{width:100%;height:100%;object-fit:cover;object-position:47% 60%;display:block;animation:photo-breathe 18s ease-in-out infinite alternate;animation-play-state:paused}.is-in-view .hero-photo{animation-play-state:running}
.hero-mini{position:absolute;left:0;bottom:8%;z-index:3;width:clamp(180px,19vw,260px);background:#fbf8ef;padding:7px 7px 0;border-radius:15px;box-shadow:0 20px 45px #092a2966;transform:rotate(-6deg);animation:mini-float 7s ease-in-out infinite;animation-play-state:paused;transition:box-shadow .3s}
.is-in-view .hero-mini{animation-play-state:running}.hero-mini:hover{box-shadow:0 25px 55px #092a2980}.hero-mini>img{display:block;width:100%;height:auto;aspect-ratio:1.4;object-fit:cover;border-radius:10px}
.hero-mini>span{display:block;padding:13px 10px 16px;color:var(--pine)}.hero-mini small{font-size:.56rem;letter-spacing:.16em;color:#a45560;font-weight:900;display:block;margin-bottom:6px}.hero-mini strong{font-size:.92rem;letter-spacing:-.035em;display:flex;align-items:center;justify-content:space-between;gap:8px}
.visual-label{right:12%;bottom:3.5%;font-size:.64rem;display:flex;align-items:center;gap:10px}.visual-label>span{font-size:1.7rem;color:#eab3b3}
.library{padding-top:95px}.recipe-card{border-radius:21px;border-color:#d4e0d5;transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s,border-color .3s}.recipe-card:hover{border-color:#9eb7a5;box-shadow:0 25px 45px #173c3b1c;transform:translateY(-7px)}
.recipe-art{position:relative;aspect-ratio:1.4;background:#d7e2d1}.recipe-art img{transition:transform .9s cubic-bezier(.22,1,.36,1);object-position:center 58%}.recipe-card:hover .recipe-art img{transform:scale(1.065)}
.recipe-open{position:absolute;right:18px;bottom:18px;width:44px;height:44px;display:grid;place-items:center;background:#fbfcf5ed;border:1px solid #ffffff70;border-radius:50%;color:var(--pine);font-size:1.5rem;box-shadow:0 4px 15px #173c3b1a;transition:transform .4s,background .4s}.recipe-card:hover .recipe-open{transform:rotate(45deg);background:#fff}
.recipe-info{padding:28px}.chip{transition:color .25s,background .25s,transform .25s}.chip:hover{transform:translateY(-2px)}.searchbox{transition:border-color .25s,box-shadow .25s}.searchbox:focus-within{border-color:var(--rose);box-shadow:0 0 0 4px #b9606a12}
.detail-photo{max-height:650px}.detail-photo img{object-position:center 55%;animation:detail-arrive 1s cubic-bezier(.22,1,.36,1) both}.detail-hero-copy{animation:copy-arrive .8s cubic-bezier(.22,1,.36,1) both}
.motion-ready [data-reveal]{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s cubic-bezier(.22,1,.36,1)}.motion-ready [data-reveal].is-visible{opacity:1;transform:translateY(0)}.motion-ready .recipe-card:nth-child(2){transition-delay:.08s}.motion-ready .recipe-card.is-visible:hover{transform:translateY(-7px);transition-delay:0s}
@keyframes copy-arrive{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
@keyframes photo-arrive{from{opacity:0;transform:translateY(35px) rotate(7deg)}to{opacity:1;transform:translateY(0) rotate(3deg)}}
@keyframes photo-breathe{from{transform:scale(1.025)}to{transform:scale(1.11) translate(-1%,-.5%)}}
@keyframes mini-float{0%,100%{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-9px) rotate(-4deg)}}
@keyframes detail-arrive{from{opacity:0;transform:scale(1.045)}to{opacity:1;transform:scale(1)}}
@media(max-width:1100px) and (min-width:761px){.homehero{grid-template-columns:1.05fr .95fr;min-height:600px}.homehero-text{padding:90px 12px 90px 35px}.homehero h1{font-size:clamp(3.5rem,7vw,5.5rem)}.homehero-visual{min-height:600px}.hero-photo-frame{inset:12% 8% 14% 7%}.hero-mini{left:-3%;bottom:12%}.visual-label{bottom:6%;right:7%;font-size:.56rem}}
@media(max-width:760px){.homehero{grid-template-columns:1fr;min-height:auto}.homehero-text{padding:65px 25px 22px}.homehero h1{font-size:clamp(3.5rem,11vw,5rem);max-width:13ch}.homehero p{max-width:480px}.homehero-visual{position:relative;inset:auto;opacity:1;min-height:470px;width:100%;max-width:580px;justify-self:center;overflow:hidden}.hero-photo-frame{inset:10px 8% 65px 16%;border-radius:200px 200px 24px 24px;transform:rotate(3deg)}.hero-photo{object-position:50% 61%}.hero-mini{width:190px;left:6%;bottom:55px}.visual-label{bottom:18px;right:11%;font-size:.6rem}.hero-orbit{inset:3% -4% 9% 4%}.library{padding-top:65px}.recipe-info{padding:24px}.detail-photo{max-height:410px}.detail-photo img{object-position:center 56%}}
@media(max-width:420px){.homehero-visual{min-height:410px}.hero-mini{width:165px;left:5%;bottom:46px}.hero-mini>span{padding:10px 8px 12px}.hero-mini strong{font-size:.82rem}.hero-photo-frame{inset:10px 8% 55px 17%}.visual-label{bottom:12px}.homehero-text{padding-top:55px}.homehero h1{font-size:3.45rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.motion-ready [data-reveal]{opacity:1;transform:none}.hero-photo-frame{transform:rotate(3deg)}.hero-mini{transform:rotate(-6deg)}}
@media print{body{background:white!important}.topbar,.homehero,.library,.servings-panel,.ingredient-actions,.shareband,.footer,.admin-page,.backlink{display:none!important}.detail-hero,.detail-body{display:block;min-height:auto;padding:0}.detail-photo{display:none}.detail-hero-copy{padding:0}.detail-hero h1{font-size:34px;margin:0 0 5px}.detail-hero-copy>p{font-size:13px}.detail-facts{font-size:12px}.ingredients-panel{padding-top:20px}.ingredient-row{padding:5px 0;font-size:13px}.ingredients-panel h2,.howto h2{font-size:22px}.howto{padding:15px 0}.steps li{padding:7px 0;break-inside:avoid}.steps li>span{font-size:14px}.steps h3{font-size:15px}.steps p{font-size:12px}.howto>.eyebrow{display:none}}