/* Artojoyo — refined green & gold art direction.
   All imagery is supplied by the business, all text/cards remain in initial HTML. */
:root{
 --green:#103c28;
 --green-2:#20563a;
 --green-3:#29674a;
 --lime:#a8cf40;
 --lime-dark:#789c27;
 --cream:#f8f5e9;
 --cream-2:#f2f0e0;
 --paper:#fffef9;
 --text:#173d2c;
 --muted:#647762;
 --line:#e0dcc8;
 --brand-gold:#b89a57;
 --brand-gold-light:#e7d3a1;
}
body{background:#f8f5e9;color:var(--green)}
::selection{background:#c5da8a;color:#163b2b}
.shell{width:min(1220px,calc(100% - 80px))}
.site-header{background:rgba(255,253,246,.985);box-shadow:0 5px 30px rgba(35,54,29,.06);border-bottom:1px solid rgba(172,156,111,.32)}
.utility-bar{background:#103e2b}
.utility-inner p{color:#f6f0d9}
.site-header .brand{max-width:200px}
.desktop-nav{gap:27px}
.nav-link{font-weight:730;letter-spacing:.005em}
.nav-link.current::after{background:#a2bf3c}
.header-cta{background:#163f2d;border:1px solid #204e37;box-shadow:0 4px 12px rgba(0,0,0,.06)}
.mobile-menu-toggle{border-color:#d9dece;background:#f6f7ec}

/* Above-the-fold food-first campaign, matching customer's supplied artwork. */
.hero{isolation:isolate;position:relative;overflow:hidden;background:radial-gradient(ellipse at 14% 15%,#f6f1d9 0%,transparent 48%),radial-gradient(ellipse at 93% 87%,#e2eccd 0%,transparent 53%),linear-gradient(116deg,#fffdf5 8%,#f8f4e7 51%,#eff2de 100%)}
.hero::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;width:auto;height:auto;border:0;border-radius:0;left:0;top:0;background:url('../images/artojoyo-pattern.svg') repeat center top / 550px 550px;opacity:.35}
.hero::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:url('../images/botanical-left.webp') no-repeat left -280px bottom -410px / 530px auto,url('../images/botanical-right.webp') no-repeat right -335px top -480px / 590px auto;opacity:.22}
.hero .hero-grid,.hero .hero-marquee{position:relative;z-index:1}
.hero-grid{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);min-height:660px;gap:48px;padding-top:55px;padding-bottom:58px}
.hero-copy{padding:22px 0 0}
.hero .eyebrow{font-size:10px;color:#4d7a47;letter-spacing:.23em}
.hero .eyebrow-line{background:var(--brand-gold);width:33px}
.hero h1{margin:27px 0 25px;color:#103b28;font-family:Georgia,"Times New Roman",serif;font-size:clamp(52px,4.9vw,73px);font-weight:650;letter-spacing:-.06em;line-height:1.075;max-width:630px}
.hero h1 em{display:block;margin-top:6px;color:#719d32;font-family:Georgia,"Times New Roman",serif;font-size:.95em;font-weight:400;font-style:italic;letter-spacing:-.06em;line-height:1.11}
.hero .hero-lead{font-size:15px;line-height:1.91;max-width:505px;margin-bottom:18px;color:#5e725f}
.hero-signature{color:#8e7542;font-family:Georgia,"Times New Roman",serif;font-style:italic;font-size:16px;margin:0 0 31px;letter-spacing:.015em}
.hero-actions{gap:11px}
.hero-actions .btn{min-height:51px}
.hero-actions .btn-primary{border:1px solid #1b5136;background:#134b31;box-shadow:0 15px 30px rgba(15,62,37,.14)}
.hero-actions .btn-outline{border-color:#c6c7a7;background:rgba(255,255,250,.73)}
.hero-trust{margin-top:40px}
.hero-trust strong{font-size:13px}
.hero-trust p span{color:#788772}

.hero-visual{min-height:540px;position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate}
.hero-visual::before{content:"";position:absolute;inset:27px 18px 27px 28px;z-index:-2;border-radius:46% 53% 49% 50%;background:radial-gradient(ellipse at 51% 48%,#c9d6a5 0%,#dfe8c8 47%,rgba(221,232,200,.1) 72%,transparent 75%);transform:rotate(-8deg)}
.hero-visual::after{content:"";position:absolute;inset:66px 70px 65px 57px;z-index:-1;border:1px solid rgba(166,141,71,.27);border-radius:48% 49% 52% 48%;transform:rotate(9deg)}
.hero-gallery{display:flex;align-items:center;justify-content:center;gap:0;width:100%;height:100%;min-height:520px;position:relative;isolation:isolate}
.hero-menu-poster{position:relative;width:52%;max-width:330px;min-width:0;background:#fffef7;padding:9px;border:1px solid #e6d7aa;box-shadow:0 22px 52px rgba(21,54,30,.17);border-radius:15px;flex:none;transition:transform .35s ease,box-shadow .35s ease}
.hero-menu-poster-left{transform:rotate(-7deg) translate(22px,30px);z-index:1}
.hero-menu-poster-right{transform:rotate(5deg) translate(-14px,-18px);z-index:2}
.hero-menu-poster-left:hover{transform:rotate(-3deg) translate(22px,22px);box-shadow:0 25px 55px rgba(21,54,30,.22)}
.hero-menu-poster-right:hover{transform:rotate(2deg) translate(-14px,-24px);box-shadow:0 25px 55px rgba(21,54,30,.22)}
.hero-menu-photo{overflow:hidden;border-radius:8px;background:#f5f1e4}
.hero-menu-photo img{display:block;width:100%;height:auto;aspect-ratio:1122 / 1402;object-fit:contain}
.hero-poster-caption{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 5px 3px;color:#19422c;font-size:11px;font-weight:850;letter-spacing:.12em}
.hero-poster-caption span{font-size:10px;font-weight:600;color:#8e9a71;letter-spacing:0;text-transform:none}
.hero-gallery-seal{position:absolute;z-index:4;right:-2%;bottom:4%;height:110px;width:110px;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:3px;color:#f9f4dd;background:#114732;outline:1px solid #e7d49e;outline-offset:-8px;box-shadow:0 12px 26px rgba(11,62,35,.21);transform:rotate(10deg)}
.hero-gallery-seal span{font-size:8px;letter-spacing:.09em;color:#ddca8d}
.hero-gallery-seal strong{font-family:Georgia,serif;font-size:17px;line-height:.98;font-weight:400}
.hero-marquee{border-top:1px solid rgba(204,173,96,.42);border-bottom:1px solid rgba(204,173,96,.42);background:#174d33}
.hero-marquee-inner{min-height:62px}
.hero-marquee-inner span{color:#f6f0d8;font-size:11px;letter-spacing:.18em;font-weight:750}
.hero-marquee-inner .marquee-star{color:#d7c078;opacity:.9;font-size:17px}

/* Fine botanical texture replaces flat white slabs in all lower sections. */
.values-strip{background:#f5f0e1;border-bottom:1px solid #e5dcc5}
.values-grid{padding:26px 0}
.value-item{border-color:#ded9c5}
.value-icon{border:1px solid #dce5c7;background:#ebf0dc}
.value-item strong{color:#234d32}
.value-item p{color:#7a8c73}
.about{background:radial-gradient(ellipse at 83% 10%,#e5edcf 0%,transparent 40%),linear-gradient(145deg,#fffcf3,#f5f1e5)}
.about::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:url('../images/artojoyo-pattern.svg') repeat center / 650px;opacity:.26}
.about .shell{position:relative;z-index:2}
.about-mark{background:#b6d448;color:#16462b;border:5px solid #fff8e8;box-shadow:0 9px 26px rgba(24,55,23,.12)}
.about-photo-main{border:7px solid #fffdf1;box-shadow:0 25px 55px rgba(22,63,35,.15)}
.about-photo-small{border-color:#fffdf1;box-shadow:0 17px 35px rgba(15,42,29,.13)}
.section-kicker{color:#628950;letter-spacing:.2em;font-size:10px}
.section h2{font-family:Georgia,"Times New Roman",serif;font-size:clamp(40px,4vw,57px);font-weight:600;letter-spacing:-.052em;line-height:1.15}
.section h2 em{color:#829d37;font-weight:400}
.section p{color:#6a7964}
.btn-primary{background:#164a32}
.btn-primary:hover{background:#266845}

/* Menu art direction: darker pine, golden fine line, parchment, and full posters. */
#menu{padding-top:95px;padding-bottom:100px;background:radial-gradient(ellipse at 91% 12%,#e5ecca 0%,transparent 37%),radial-gradient(ellipse at -10% 85%,#f4eaca 0%,transparent 38%),linear-gradient(165deg,#fffdf5,#f3f2e4 52%,#fbf8ec)}
#menu::before{inset:0;opacity:.17;background:url('../images/artojoyo-pattern.svg') repeat center / 650px}
#menu::after{inset:0;background:url('../images/botanical-right.webp') no-repeat right -330px top 175px / 610px auto,url('../images/botanical-left.webp') no-repeat left -380px bottom 240px / 600px auto;opacity:.19}
#menu .section-head{margin-bottom:39px}
#menu .section-head h2{max-width:780px}
#menu .section-head p{max-width:570px;line-height:1.85}
#menu .browse-link{border-color:#b8b082}
.promo-spotlight{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);min-height:255px;margin-bottom:47px;border-radius:20px;background:radial-gradient(circle at 0% 100%,rgba(129,164,80,.2),transparent 45%),linear-gradient(116deg,#103d2a 0%,#194d32 65%,#265c3d 100%);box-shadow:0 20px 40px rgba(20,55,31,.15)}
.promo-spotlight::before{border-color:rgba(233,209,144,.37)}
.promo-spotlight::after{background:url('../images/artojoyo-pattern.svg') repeat center / 430px;opacity:.33}
.promo-spotlight-copy{z-index:2;padding:42px 30px 42px 48px}
.promo-spotlight-kicker{color:#e9cf93}
.promo-spotlight h3{font-size:clamp(30px,2.8vw,40px);line-height:1.15;max-width:450px}
.promo-spotlight p{font-size:13px;max-width:460px;color:#e0e8d8}
.promo-spotlight>img{object-fit:contain;max-height:none;height:auto;max-width:95%;width:95%;border:7px solid #fffdf4;border-radius:6px;transform:rotate(-2deg);box-shadow:0 14px 32px rgba(0,0,0,.19)}
.promo-title-row{margin-bottom:21px}
.promo-title-row h3,.menu-standard-title h3{font-family:Georgia,"Times New Roman",serif;font-size:clamp(26px,2.5vw,34px);font-weight:600;letter-spacing:-.035em}
.promo-eyebrow{color:#688648}
.promo-nav-buttons button,.slide-buttons button{border:1px solid #c8c5aa;background:#fffdf5;color:#153f2b}
.promo-nav-buttons button:hover,.slide-buttons button:hover{background:#174a32;color:#fff;border-color:#174a32}
.promo-rail{gap:21px;margin-bottom:48px;padding-bottom:26px}
.promo-card{border-radius:16px;background:#fffdf6;border:1px solid #e2ddc7;box-shadow:0 11px 29px rgba(31,65,30,.07)}
.promo-image-link{height:450px;padding:11px;background:radial-gradient(ellipse at 50% 35%,#fbf9ef,#eef0dd);border-bottom:1px solid #e9e5d8}
.promo-image-link img{border-radius:7px;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 5px 11px rgba(18,50,30,.11))}
.promo-card-foot{padding:19px 22px 21px}
.promo-card h4{font-family:Georgia,"Times New Roman",serif;font-size:22px;letter-spacing:-.027em;font-weight:600;color:#133c29}
.promo-card p{font-size:12px;line-height:1.75;min-height:40px;color:#74816d;margin-bottom:19px}
.promo-order{background:#164a32;border-radius:100px;min-height:42px;padding:12px 20px}
.promo-order:hover{background:#266d41}
.menu-standard-title{border-top:1px solid #d9d1b0;margin-bottom:23px;padding-top:25px}
#menu .menu-controls{gap:10px;margin-bottom:20px}
#menu .filter-btn{min-height:41px;padding:9px 19px;background:#fffcf3;border-color:#d5d7c2;color:#4b6548}
#menu .filter-btn.active{background:#164a32;color:#fff;border-color:#164a32}
#menu .menu-card{border:1px solid #dedfc9;background:#fffefa;box-shadow:0 11px 28px rgba(28,57,29,.065);border-radius:17px;overflow:hidden}
#menu .menu-card-photo{padding:14px;border-bottom:1px solid #e5e6d7;background:radial-gradient(circle at 50% 52%,#fffefa,#f0f2e8 83%)}
#menu .menu-card-photo img{mix-blend-mode:normal;filter:drop-shadow(0 5px 12px rgba(34,54,33,.08))}
#menu .menu-card-info{background:#fffefa;padding:18px 18px 20px}
#menu .menu-card h3{color:#173e2b;font-family:Georgia,"Times New Roman",serif;font-weight:650;font-size:19px;letter-spacing:-.03em}
#menu .menu-card-type{color:#738b43}
#menu .menu-card p{color:#70806e}
#menu .menu-card-bottom{border-top-color:#e6e5d8}
#menu .menu-card-bottom strong{color:#143e2b}
#menu .card-buy{background:#184b33}
#menu .card-buy:hover{background:#267447}
#menu .product-top-label{background:#c69d50;color:#173e2b}
#menu .menu-more-wrap .btn{background:#fffdf5;border-color:#d3d7bf}

.special-section{background:radial-gradient(ellipse at 91% 8%,#225e3b,transparent 51%),linear-gradient(115deg,#0f3928 0%,#154930 65%,#1e5538 100%)}
.special-section::before{background:url('../images/artojoyo-pattern.svg') repeat center / 550px auto;opacity:.25}
.special-section::after{background:url('../images/botanical-right.webp') no-repeat right -330px bottom -460px / 640px auto;opacity:.26}
.special-section .section-kicker{color:#d9c38d}
.special-section h2{color:#fffdf3}
.special-section h2 em{color:#c8dd8b}
.special-tags span{border-color:rgba(222,203,151,.3);color:#f5f3e7}

#katalog{padding:98px 0;background:radial-gradient(ellipse at 82% 3%,#e4ebce 0%,transparent 38%),linear-gradient(145deg,#fbf8ed,#f6f2e7 60%,#fdfbf1)}
#katalog::before{inset:0;background:url('../images/artojoyo-pattern.svg') repeat center / 650px;opacity:.22}
#katalog .shell{position:relative;z-index:1}
#katalog .catalog-header h2{font-size:clamp(39px,4vw,57px)}
#katalog .catalog-feature{border:1px solid #e1d9c2;border-radius:22px;box-shadow:0 16px 40px rgba(38,63,27,.09);background:#fffdf6}
#katalog .catalog-feature-cover{background:radial-gradient(circle,#eff2e2,#e4ead4)}
#katalog .catalog-feature-cover img{border-color:#d2d7c5;box-shadow:0 18px 35px rgba(18,40,28,.19)}
#katalog .mini-pill{background:#eef0d9;color:#50723a}
#katalog .catalog-feature h3{font-family:Georgia,"Times New Roman",serif;font-weight:600;font-size:clamp(30px,3vw,41px)}
#katalog .catalog-feature .btn{border-radius:40px}
#katalog .catalog-title-row h3{font-family:Georgia,"Times New Roman",serif;font-weight:600;font-size:27px}
#katalog .catalog-card{background:#fffefa;border-color:#e3dec9;box-shadow:0 10px 27px rgba(38,63,27,.07)}
#katalog .catalog-image{background:#f7f6ef}
#katalog .catalog-caption{background:#fffdf5;border-top-color:#e9e5d4}

.terms-section{background:radial-gradient(ellipse at 18% 3%,#f9efd3 0%,transparent 45%),linear-gradient(155deg,#f1f3e3,#f9f7eb)}
.terms-section::before{background:url('../images/artojoyo-pattern.svg') repeat center / 650px;opacity:.18}
.terms-card{background:#fffdf8;border:1px solid #e1dcc7;box-shadow:0 10px 30px rgba(22,51,29,.045)}
.faq-section{background:radial-gradient(circle at 91% 3%,#e7efd7,transparent 43%),linear-gradient(145deg,#fffdf3,#f8f6ec)}
.faq-section::before{background:url('../images/artojoyo-pattern.svg') repeat center / 650px;opacity:.16}
.faq-question{color:#18442f}
.contact-section{background:linear-gradient(160deg,#f8f5e9,#f2f3e4);padding-top:20px}
.contact-panel{border:1px solid rgba(203,179,119,.45);background:radial-gradient(circle at 95% 1%,#246141,transparent 48%),linear-gradient(120deg,#103a29,#194e34)}
.contact-panel::before{inset:0;width:auto;height:auto;position:absolute;background:url('../images/artojoyo-pattern.svg') repeat center / 570px;opacity:.26;border:0}
.contact-panel::after{border-color:rgba(219,187,116,.3)}
.contact-panel>*{position:relative;z-index:1}
.site-footer{background:linear-gradient(160deg,#f6f3e7,#edf0de 100%);border-top:1px solid #dfd8ba}
.footer-brand p,.footer-small{color:#667862}
.footer-list a:hover,.footer-contact a:hover{color:#347744}

@media(max-width:1170px){
 .shell{width:min(1120px,calc(100% - 60px))}
 .hero-grid{gap:20px}
 .hero h1{font-size:clamp(49px,5.5vw,67px)}
 .hero-gallery{min-height:470px}
 .promo-image-link{height:410px}
}
@media(max-width:900px){
 .shell{width:calc(100% - 52px)}
 .hero-grid{gap:17px;min-height:560px}
 .hero h1{font-size:clamp(43px,5.5vw,54px)}
 .hero .hero-lead{font-size:13px}
 .hero-menu-poster{width:52%;padding:6px}
 .hero-poster-caption{font-size:9px}
 .hero-poster-caption span{font-size:9px}
 .hero-gallery{min-height:420px}
 .hero-gallery-seal{width:82px;height:82px;right:-3%;bottom:9%}
 .hero-gallery-seal strong{font-size:13px}
 .promo-image-link{height:380px}
}
@media(max-width:820px){
 .site-header .brand{max-width:178px}
 .hero-grid{grid-template-columns:1fr;gap:0;min-height:0;padding-top:58px;padding-bottom:35px}
 .hero-copy{text-align:center;padding-top:0;display:flex;align-items:center;flex-direction:column}
 .hero h1{font-size:clamp(46px,7.8vw,66px);max-width:680px;margin:23px 0 20px}
 .hero .hero-lead{max-width:570px;font-size:14px}
 .hero-actions{justify-content:center}
 .hero-trust{margin-top:30px}
 .hero-visual{min-height:540px;margin:20px auto 0;width:min(100%,670px)}
 .hero-gallery{min-height:510px}
 .hero-menu-poster{width:47%;max-width:320px;padding:8px}
 .hero-gallery-seal{width:105px;height:105px;right:5%;bottom:4%}
 .hero-gallery-seal strong{font-size:17px}
 .promo-card{flex-basis:calc((100% - 20px)/2)}
 .promo-image-link{height:430px}
 .promo-spotlight-copy{padding:30px}
}
@media(max-width:600px){
 .shell{width:calc(100% - 36px)}
 .site-header .brand{max-width:163px}
 .hero::before{background-size:450px;opacity:.25}
 .hero::after{background-position:left -355px bottom -330px,right -400px top -380px;opacity:.17}
 .hero-grid{padding-top:43px;padding-bottom:29px}
 .hero h1{font-size:clamp(43px,10.5vw,55px);margin:22px 0 19px;line-height:1.08;letter-spacing:-.067em}
 .hero h1 em{margin-top:2px;font-size:.94em;line-height:1.11}
 .hero .eyebrow{font-size:9px;letter-spacing:.14em}
 .hero .hero-lead{font-size:13px;line-height:1.87;max-width:440px;margin-bottom:13px}
 .hero-signature{font-size:15px;margin-bottom:26px}
 .hero-actions{width:100%;flex-wrap:nowrap;gap:9px}
 .hero-actions .btn{padding:11px 14px;font-size:11px;gap:6px;min-height:45px;white-space:nowrap}
 .hero-actions .btn .icon{width:15px;height:15px}
 .hero-trust{margin-top:26px}
 .hero-trust p{text-align:left;font-size:11px}
 .hero-trust strong{font-size:11px}
 .hero-visual{min-height:340px;margin-top:30px;width:100%}
 .hero-gallery{min-height:335px}
 .hero-visual::before{inset:16px 5px 8px 0}
 .hero-visual::after{inset:30px 37px 25px 31px}
 .hero-menu-poster{width:54%;max-width:235px;padding:5px;border-radius:10px;box-shadow:0 12px 26px rgba(21,54,30,.15)}
 .hero-menu-photo{border-radius:5px}
 .hero-menu-poster-left{transform:rotate(-6deg) translate(15px,15px)}
 .hero-menu-poster-right{transform:rotate(5deg) translate(-12px,-15px)}
 .hero-poster-caption{font-size:8px;letter-spacing:.07em;padding:8px 3px 3px;gap:4px}
 .hero-poster-caption span{font-size:8px}
 .hero-gallery-seal{right:-1%;bottom:1%;height:73px;width:73px;outline-offset:-5px}
 .hero-gallery-seal strong{font-size:12px}
 .hero-gallery-seal span{font-size:6px}
 .hero-marquee-inner{gap:24px;min-height:51px;justify-content:flex-start;overflow-x:hidden}
 .hero-marquee-inner span{font-size:9px;letter-spacing:.1em}
 .hero-marquee-inner .marquee-star{font-size:13px}
 .values-grid{padding:17px 0}
 .value-item{gap:6px}
 .value-icon{width:37px;height:37px;border-radius:11px}
 .value-item strong{font-size:11px}
 .value-item p{font-size:9px}
 .section h2{font-size:38px}
 #menu{padding-top:64px;padding-bottom:70px}
 #menu .section-head{margin-bottom:23px}
 #menu .section-head h2{font-size:38px}
 #menu .section-head p{font-size:13px;line-height:1.7}
 .promo-spotlight{margin-bottom:35px;border-radius:16px}
 .promo-spotlight-copy{padding:27px 24px 15px}
 .promo-spotlight h3{font-size:28px}
 .promo-spotlight p{font-size:12px}
 .promo-spotlight>img{width:calc(100% - 34px);max-width:unset;margin:0 17px 23px;border-width:5px;transform:rotate(-1deg)}
 .promo-title-row h3{font-size:24px}
 .promo-title-row{align-items:flex-end}
 .promo-nav-buttons{gap:6px}
 .promo-nav-buttons button{width:34px;height:34px}
 .promo-rail{gap:12px;margin-right:-18px;padding-right:18px;margin-bottom:32px}
 .promo-card{flex:0 0 calc(100vw - 58px);max-width:390px}
 .promo-image-link{height:auto;aspect-ratio:1/1.23;padding:9px}
 .promo-card-foot{padding:16px 18px 18px}
 .promo-card h4{font-size:21px}
 .promo-card p{font-size:11px;min-height:0}
 .promo-order{font-size:11px}
 .menu-standard-title h3{font-size:25px}
 #menu .filter-btn{padding:8px 14px;min-height:38px;font-size:11px}
 #menu .menu-card-photo{height:min(61vw,240px);padding:12px 15px}
 #menu .menu-card h3{font-size:19px}
 #menu .menu-card-info{min-height:175px}
 #menu .menu-grid{gap:12px}
 #menu .menu-card-bottom strong{font-size:17px}
 #katalog{padding:68px 0}
 #katalog .catalog-header h2{font-size:38px}
 #katalog .catalog-title-row h3{font-size:21px}
 #katalog .catalog-grid{gap:12px}
 #katalog .catalog-card{flex-basis:100%}
 #katalog .catalog-feature h3{font-size:30px}
 .contact-section{padding-top:0}
}
@media(max-width:375px){
 .hero h1{font-size:41px}
 .hero-actions .btn{font-size:10px;padding:10px 11px}
 .hero-signature{margin-bottom:23px}
 .hero-gallery-seal{width:65px;height:65px}
 .promo-card{flex-basis:calc(100vw - 46px)}
}
@media(prefers-reduced-motion:reduce){.hero-menu-poster{transition:none}}
/* Final small-screen polish: the brand banner must stack, never squeeze the artwork. */
@media(max-width:600px){
 .promo-spotlight{display:grid;grid-template-columns:minmax(0,1fr);min-height:0;align-items:start}
 .promo-spotlight-copy{padding:29px 24px 14px}
 .promo-spotlight>img{display:block;justify-self:center;width:calc(100% - 42px);max-width:390px;height:auto;max-height:none;object-fit:contain;margin:8px 21px 26px;border:5px solid #fffdf5}
 .hero-gallery-seal{display:none}
}
/* Comfortable logo breathing room on both header sizes. */
@media(min-width:821px){.site-header .brand{max-width:184px}.site-header .header-inner{min-height:84px}}
@media(max-width:820px){.site-header .brand{max-width:151px}.site-header .header-inner{min-height:74px}}

.about-photo-main img{object-position:center top}
.about-photo-small img{object-position:center top}