/* Good Food Fieldnotes — Warm editorial minimalism, 2026-10-29.
   Single coherent visual layer. Site copy, PHP flows and content remain unchanged. */
:root {
  --primary:#87513A;
  --secondary:#EEDBCC;
  --accent:#AA6846;
  --sage:#F3E5D9;
  --dark:#302720;
  --cream:#FCF9F4;
  --mist:#F5EEE6;
  --ink:#302923;
  --muted:#67584E;
  --border:#D8CABE;
  --button:#87513A;
  --link:#74432F;
  --hover:#6A3D2C;
  --focus:#9C5B3E;
  --error:#9D352D;
  --success:#3D6D4A;
  --photo-overlay:#30272044;
  --surface:#FFFFFF;
  --radius:12px;
}
html{scroll-behavior:smooth;scroll-padding-top:104px}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;min-width:320px;overflow-x:clip;background:var(--cream)!important;color:var(--ink);font:400 16px/1.68 var(--font-body);-webkit-font-smoothing:antialiased}
body::before{display:none!important}
img{max-width:100%;height:auto;display:block}
a{color:var(--link)}
.shell{width:min(100% - 48px,1190px);margin-inline:auto}
body h1,body h2,body h3{font-family:var(--font-heading);font-weight:600;letter-spacing:-.028em;line-height:1.13}
body h1{font-weight:500}
button,input,textarea,select{font:inherit}
:where(a,button,input,textarea,select):focus-visible{outline:3px solid var(--focus)!important;outline-offset:3px!important}
:where(img,figure,button,input,textarea,select,.btn,.nav-link,.menu-toggle,.mobile-nav,.hero-grid,.hero-media,.hero-caption,.hero-note,.hero-chip,.hero-photo-wrap,.hero-photo,.hero-float,.feature-icon,.info-card,.plate-card,.macro-card,.day-card,.tip-card,.tag,.article-card,.article-sidebar-card,.article-toolkit,.article-toolkit-dark,.article-toolkit-grid>div,.article-reading,.article-hero-photo,.habit-photo,.hero-image,.week-planner>div,.consult-invite-picture,.consult-invite-note,.faq-item,.faq-plus,.faq-toggle,.field-input,.form-message,.search-input,.contact-icon,.modal-panel,.cookie-banner,.leaf-decoration,.brand-symbol,.hero-stamp,.hero-inset,.article-toc a,.article-checklist,.footer-list a,[class*="rounded-"]){border-radius:var(--radius)!important}
/* Square outer page edges; consistent rounded controls and media. */
:where(html,body,main,main>section,.site-header,.site-footer,.site-disclaimer,footer,.cookie-banner,.shell){border-radius:0!important}

/* Header: straightforward, warm and uncluttered. */
.site-disclaimer{padding:9px 18px;background:#F5EEE6!important;color:var(--muted)!important;border-bottom:1px solid var(--border)!important;text-align:center;font-size:.73rem;font-weight:500;line-height:1.45}
.site-disclaimer p{margin:0 auto;max-width:1100px}
body .site-header{position:sticky;top:0;z-index:45;background:rgba(252,249,244,.97)!important;border-bottom:1px solid var(--border)!important;backdrop-filter:blur(12px)}
.site-header .header-layout{display:flex;align-items:center;gap:24px;min-height:82px}
.site-header .brand img{width:clamp(184px,20vw,250px);height:auto}
.desktop-nav{display:flex;align-items:center;gap:13px;margin-left:auto}
.nav-link{display:inline-block;font:650 .82rem/1.3 var(--font-body);padding:11px 14px!important;color:var(--muted)!important;text-decoration:none;letter-spacing:.02em;text-transform:none}
.nav-link:hover,.nav-link-active{background:var(--mist)!important;color:var(--ink)!important}
.nav-link-active::after{display:none!important}
.header-cta{white-space:nowrap}
.menu-toggle{display:none;align-items:center;justify-content:center;margin-left:auto;min-width:48px;min-height:48px;padding:12px;border:1px solid var(--border);background:#fff;color:var(--ink)}
.menu-bars,.menu-bars::before,.menu-bars::after{background:currentColor}
.mobile-nav{background:#fff!important;border:1px solid var(--border);border-top:0;box-shadow:0 12px 24px #3027200b}
.mobile-nav[hidden]{display:none!important}
.mobile-links{display:flex;flex-direction:column;padding:11px 0 16px}
.mobile-links a{display:block;padding:12px;border-bottom:1px solid var(--border);font-weight:600;text-decoration:none;color:var(--ink)}

/* Buttons: calm terracotta accents, no gradients or floating shadows. */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:12px 22px;border:1px solid transparent!important;box-shadow:none!important;letter-spacing:.01em;text-transform:none;font-size:.88rem;font-weight:700;text-decoration:none;transform:none!important}
.btn-primary{background:var(--primary)!important;color:#fff!important;border-color:var(--primary)!important}
.btn-primary:hover{background:var(--hover)!important;border-color:var(--hover)!important;color:#fff!important}
.btn-outline{background:#fff!important;color:var(--ink)!important;border-color:var(--border)!important}
.btn-outline:hover,.btn-ghost:hover{background:var(--mist)!important;color:var(--ink)!important}
.btn-ghost{background:#fff!important;color:var(--ink)!important;border-color:var(--border)!important}
.btn-small{min-height:44px;padding:10px 17px}

/* Hero: contained editorial spread, warmer photography presentation. */
.hero-section{position:relative;isolation:isolate}
.hero-section::before,.hero-section::after{display:none!important}
.hero-minimal{padding:62px 0 78px!important;background:var(--cream)!important}
.hero-minimal .hero-grid{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr);gap:clamp(38px,5vw,82px);align-items:center;padding:0!important;background:none!important;border:0!important;box-shadow:none!important}
.hero-minimal .hero-text{display:block;min-width:0}
.hero-minimal .hero-kicker{display:inline-flex;align-items:center;gap:8px;margin:0;border:0!important;padding:0!important;font-weight:700;font-size:.76rem;letter-spacing:.13em;text-transform:uppercase;color:var(--primary)!important}
.hero-minimal h1{font-size:clamp(3.15rem,5.05vw,5.3rem);line-height:1.04;letter-spacing:-.047em;max-width:680px;margin:20px 0 24px;color:var(--ink)!important}
.hero-minimal .hero-lead{font-size:clamp(1.06rem,1.5vw,1.24rem);line-height:1.62;max-width:580px;color:var(--ink)!important}
.hero-minimal .hero-follow{margin-top:16px;font-size:.98rem;line-height:1.8;max-width:560px;color:var(--muted)!important}
.hero-minimal .hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.hero-chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:23px}
.hero-chips .hero-chip{display:inline-flex;align-items:center;min-height:34px;padding:6px 11px;background:#F6EFE7!important;border:1px solid var(--border)!important;color:var(--muted)!important;font-weight:600;font-size:.75rem;line-height:1.4}
.hero-minimal .hero-media{height:490px;min-width:0;position:relative;margin:0;overflow:hidden;border:1px solid var(--border);background:var(--mist);box-shadow:none!important}
.hero-minimal .hero-media>img{width:100%;height:100%;object-fit:cover;object-position:center 50%;filter:none}
.hero-minimal .hero-caption{position:absolute;bottom:14px;left:14px;right:14px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;background:rgba(252,249,244,.95)!important;color:var(--ink)!important;border:1px solid var(--border);padding:12px 15px;font-size:.71rem;font-weight:700;line-height:1.45;letter-spacing:.04em;text-transform:none}
.hero-note,.hero-float{position:absolute;bottom:14px;right:14px;display:flex;flex-direction:column;gap:3px;max-width:255px;padding:12px 16px;background:#fff!important;border:1px solid var(--border)!important;box-shadow:none!important;color:var(--ink)!important}
.hero-note span,.hero-note strong{color:var(--ink)!important}
.hero-note span{font-size:.74rem}.hero-note strong{font-size:.95rem}

/* Warm, alternating light sections. No dark information panels. */
main>section{color:var(--ink)!important;background:var(--cream)!important}
main>section:nth-of-type(even){background:var(--mist)!important}
main>section[class*="bg-"]{color:var(--ink)!important}
main h1,main h2,main h3,main h4,main h5,main h6{color:var(--ink)!important}
main p,main li,main label,main blockquote{color:var(--muted)!important}
main strong{color:var(--ink)!important}
main a:not(.btn){color:var(--link)!important}
main .eyebrow,main .micro-label{color:var(--primary)!important}
main .eyebrow-light{color:var(--primary)!important}
.section-heading{max-width:770px}
.section-heading.centered{text-align:left;margin-inline:0}
.section-heading.centered .eyebrow{justify-content:flex-start}
.section-heading h2{font-size:clamp(2rem,3vw,3.15rem);line-height:1.17}
.section-lead{color:var(--muted)!important;line-height:1.74}

/* Harmonized cards: single surface, one border, no gradients, no pseudo-overlay. */
.info-card,.plate-card,.day-card,.tip-card,.macro-card,.article-card,.faq-item,.article-sidebar-card,.article-toolkit,.article-toolkit-dark,.article-toolkit-grid>div,.week-planner>div,.consult-invite-note{
  position:relative;overflow:hidden;background:#fff!important;color:var(--ink)!important;
  border:1px solid var(--border)!important;box-shadow:none!important;
}
.info-card::before,.plate-card::before,.day-card::before,.tip-card::before,.faq-item::before,.article-card::before{display:none!important}
.info-card:hover,.plate-card:hover,.day-card:hover,.tip-card:hover,.article-card:hover{transform:none!important;box-shadow:none!important;border-color:#B9A493!important}
.info-card,.plate-card,.day-card,.tip-card,.macro-card{padding:25px!important}
.info-card .micro-label{margin-top:18px}
.feature-icon,.contact-icon,.faq-plus,.macro-marker{display:grid;place-items:center;background:var(--mist)!important;border:1px solid var(--border)!important;color:var(--primary)!important;box-shadow:none!important}
.feature-icon{width:48px;height:48px;font-size:23px}
.macro-marker{width:43px;height:43px;font-size:1rem;font-weight:700}
.macro-card h3,.macro-card p,.macro-card span:not(.macro-marker){color:var(--ink)!important}
.macro-card p{color:var(--muted)!important}
.tip-number,.plate-number{color:var(--primary)!important}
.plate-card{min-height:0}
.plate-emoji{font-size:33px;margin-top:12px}
.tag{display:inline-flex;align-items:center;padding:6px 10px;background:var(--mist)!important;color:var(--primary)!important;border:1px solid var(--border)!important;font-size:.7rem;font-weight:700}
.article-card{overflow:hidden}
.article-card> a{display:block;overflow:hidden}
.article-card img{width:100%;height:205px;object-fit:cover;filter:none!important;transform:none!important}
.article-card .min-h-\[285px\]{min-height:250px}
.article-card h3{font-size:1.38rem}
.article-card a:hover{color:var(--primary)!important}
.article-card a:focus-visible{outline-offset:-3px}
/* Better reading width for cards instead of a crowded four-wide grid. */
main .grid:has(>.article-card){grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px!important}
main .grid:has(>.plate-card){grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important}
main .grid:has(>.macro-card){gap:18px!important}

/* Articles: no dark feature panels or hard-to-read titles. */
.article-hero,.article-hero-balanced,.article-hero-habits{background:var(--cream)!important;color:var(--ink)!important}
.article-hero::before,.article-hero::after{display:none!important}
.article-hero h1,.article-hero h2,.article-hero p,.article-hero .article-meta{color:var(--ink)!important}
.article-hero-photo,.habit-photo{background:var(--mist);border:1px solid var(--border)!important;box-shadow:none!important;overflow:hidden}
.article-hero-photo img,.habit-photo img{object-fit:cover}
.article-main-grid{gap:clamp(26px,4vw,60px)}
.article-reading{max-width:800px;background:transparent!important;border:0!important;padding:0!important;box-shadow:none!important}
.article-reading p,.article-reading li{color:var(--muted)!important;line-height:1.85}
.article-reading h2,.article-reading h3{color:var(--ink)!important}
.article-reading h2{padding-top:5px}
.article-reading h2::before{display:block;width:42px;height:2px;background:var(--accent)!important;margin-bottom:14px}
.article-reading blockquote{background:var(--mist)!important;color:var(--ink)!important;border-left:3px solid var(--accent)!important;padding:18px 22px}
.article-sidebar-card{padding:25px;background:#fff!important}
.article-sidebar-card h2,.article-sidebar-card h3{color:var(--ink)!important}
.article-toc a{color:var(--link)!important;padding:8px 10px}
.article-toc a:hover{background:var(--mist)!important;border:1px solid var(--border)!important;box-shadow:none!important}
.article-toolkit,.article-toolkit-dark{background:#fff!important;border:1px solid var(--border)!important;color:var(--ink)!important;padding:25px;box-shadow:none!important}
.article-toolkit h2,.article-toolkit h3,.article-toolkit-dark h2,.article-toolkit-dark h3,.article-toolkit-dark strong{color:var(--ink)!important}
.article-toolkit p,.article-toolkit-dark p,.article-toolkit li,.article-toolkit-dark li{color:var(--muted)!important}
.article-toolkit-dark .micro-label{color:var(--primary)!important}
.article-toolkit-grid>div,.week-planner>div{padding:16px;background:var(--mist)!important}
.week-planner strong{color:var(--ink)!important}
.week-planner span{color:var(--muted)!important}

/* Consultation, blog search, modal and FAQ. */
.consult-invite{background:var(--mist)!important;color:var(--ink)!important}
.consult-invite-picture{height:350px;overflow:hidden;border:0!important;box-shadow:none!important}
.consult-invite-picture img{width:100%;height:100%;object-fit:cover}
.consult-invite-note{background:#fff!important;color:var(--ink)!important;padding:14px 18px}
.consult-invite-note *{color:var(--ink)!important}
.faq-item{background:#fff!important}
.faq-toggle{width:100%;color:var(--ink)!important;font-weight:650}
.faq-plus{width:29px;height:29px}
.faq-answer,.faq-panel,.faq-panel p{color:var(--muted)!important}
.contact-icon{width:44px;height:44px;font-size:19px}
.contact-line{border-bottom:1px solid var(--border)!important}
.field-label{color:var(--ink)!important}
.field-input,.search-input{background:#fff!important;border:1px solid var(--border)!important;color:var(--ink)!important;box-shadow:none!important}
.field-input::placeholder,.search-input::placeholder{color:#776a61!important}
.field-input:hover,.search-input:hover{border-color:#B6A190!important}
.field-input:focus,.search-input:focus{outline:3px solid #E0C1AD!important;border-color:var(--primary)!important;box-shadow:none!important}
.consent-checkbox{accent-color:var(--primary)}
.form-message{background:#EAF4E8;color:#2D5C38;border-color:#8EBC96!important}
.form-error{background:#FFF0EC;color:var(--error);border-color:#DA9C8F!important}
.modal-shell{background:rgba(42,34,28,.68)!important}
.modal-panel{background:#fff!important;color:var(--ink)!important;border:1px solid var(--border)!important;box-shadow:0 18px 50px #30272024!important}
.modal-panel h2,.modal-panel p,.modal-close{color:var(--ink)!important}
.cookie-banner{background:rgba(252,249,244,.98)!important;border-top:1px solid var(--border)!important;box-shadow:0 -8px 30px #3027200c!important}
.cookie-inner{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-block:17px}
.cookie-inner h2{color:var(--ink)!important;font-size:1.1rem}
.cookie-inner p{color:var(--muted)!important;line-height:1.5}
.cookie-inner p a{color:var(--link)!important}
.cookie-actions{display:flex;gap:8px;flex-wrap:wrap;flex-shrink:0}

/* Dark warm footer is the only dark surface: explicitly restore readable light text. */
.site-footer{position:relative;overflow:hidden;background:var(--dark)!important;color:#FBF6EF!important;border-top:4px solid var(--accent)!important;padding:66px 0 0}
.site-footer::before,.site-footer::after{display:none!important}
.site-footer .footer-layout{display:grid;grid-template-columns:1.55fr .78fr 1.04fr 1.30fr;gap:clamp(20px,3vw,44px)}
.site-footer .footer-brand img{max-width:245px;height:auto}
.site-footer .footer-brand p{margin-top:15px;line-height:1.65}
.site-footer .footer-col{display:flex;flex-direction:column;gap:10px;align-items:flex-start;min-width:0}
.site-footer .footer-col h2{font:700 .77rem/1.4 var(--font-body);letter-spacing:.10em;text-transform:uppercase;margin-bottom:12px}
.site-footer .footer-col a,.site-footer .footer-col button{font-size:.92rem;line-height:1.5;overflow-wrap:anywhere;text-decoration:none}
.site-footer .footer-col button{padding:0;background:transparent;border:0;text-align:left}
.site-footer address{font-style:normal;line-height:1.65;overflow-wrap:anywhere}
.site-footer :is(h1,h2,h3,h4,h5,h6,p,li,span,strong,small,a,button,address){color:#FBF6EF!important}
.site-footer .footer-small{color:#EADBCB!important;opacity:1!important;font-size:.83rem}
.site-footer .footer-col a:hover,.site-footer .footer-col button:hover{color:#fff!important;text-decoration:underline!important;transform:none!important}
.site-footer .footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:22px;border-top:1px solid #ffffff39;padding:23px 0;margin-top:52px;font-size:.81rem}

@media(max-width:980px){
  .desktop-nav,.header-cta{display:none!important}
  .menu-toggle{display:flex}
  .site-footer .footer-layout{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cookie-inner{flex-direction:column;align-items:flex-start}
}
@media(max-width:850px){
  .hero-minimal .hero-grid{grid-template-columns:1fr;gap:32px}
  .hero-minimal h1{font-size:clamp(2.8rem,7vw,4.6rem)}
  .hero-minimal .hero-media{height:400px}
  main .grid:has(>.plate-card){grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:640px){
  .shell{width:min(100% - 32px,1190px)}
  .site-header .header-layout{min-height:70px;gap:12px}
  .site-header .brand img{width:190px}
  .hero-minimal{padding:38px 0 56px!important}
  .hero-minimal h1{font-size:clamp(2.55rem,10vw,3.6rem);overflow-wrap:anywhere}
  .hero-minimal .hero-lead{font-size:1.07rem}
  .hero-minimal .hero-media{height:315px}
  .hero-minimal .hero-caption{font-size:.67rem;flex-direction:column;align-items:flex-start;gap:4px}
  .hero-note{position:relative;bottom:auto;right:auto;max-width:none;margin-top:12px}
  .hero-minimal .hero-actions{flex-direction:column;align-items:stretch}
  .hero-minimal .hero-actions .btn{width:100%}
  .hero-chips{gap:7px}.hero-chips .hero-chip{font-size:.71rem}
  main .grid:has(>.article-card),main .grid:has(>.plate-card){grid-template-columns:1fr!important}
  .info-card,.plate-card,.day-card,.tip-card,.macro-card{padding:22px!important}
  .article-reading{padding:0!important}
  .consult-invite-picture{height:270px}
  .site-footer{padding-top:50px}
  .site-footer .footer-layout{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 18px}
  .site-footer .footer-brand,.site-footer .footer-contact{grid-column:1/-1}
  .site-footer .footer-bottom{flex-direction:column;align-items:flex-start;margin-top:30px}
  .cookie-actions{width:100%}.cookie-actions .btn{flex:1 0 auto}
  .modal-panel{padding:24px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  *,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}

/* Final detail pass: flat header, readable breadcrumb separators, narrow legal pages. */
.site-header .shell{margin:0 auto!important;padding-inline:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;min-height:0!important}
main .breadcrumb,main .breadcrumb span{color:var(--muted)!important}
main .breadcrumb a{color:var(--link)!important}
.legal-reading{min-width:0;overflow-wrap:anywhere;word-break:normal}
main .shell.grid:has(>.legal-reading)>:is(aside,article){min-width:0;max-width:100%}
main .shell.grid:has(>.legal-reading)>aside{background:#fff!important;border-color:var(--border)!important}
@media(max-width:1023px){
  main .shell.grid:has(>.legal-reading){grid-template-columns:minmax(0,1fr)!important}
}

/* Contact details are deliberately rendered as plain, non-interactive text. */
.static-contact-detail{display:inline-block;max-width:100%;overflow-wrap:anywhere;cursor:text;text-decoration:none}
.footer-contact .static-contact-detail{font-size:.93rem;line-height:1.5}


/* --- 2026-10-29 simplified side-photo hero layout --- */
.hero-minimal{padding:52px 0 64px!important}
.hero-minimal .hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);gap:clamp(28px,4vw,52px);align-items:center}
.hero-minimal .hero-text{max-width:680px}
.hero-minimal .hero-media{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:14px;min-width:0;height:auto!important}
.hero-minimal .hero-media img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:12px;border:1px solid var(--border);box-shadow:none}
.hero-minimal .hero-note{position:static!important;display:flex;flex-direction:column;gap:4px;max-width:none;margin:0;padding:12px 14px;background:var(--mist)!important;color:var(--ink)!important;border:1px solid var(--border)!important;border-radius:12px;box-shadow:none!important}
.hero-minimal .hero-note span,.hero-minimal .hero-note strong{color:var(--ink)!important}
@media(max-width:850px){
  .hero-minimal .hero-grid{grid-template-columns:1fr;gap:24px}
  .hero-minimal .hero-media{order:2}
  .hero-minimal .hero-text{order:1;max-width:none}
  .hero-minimal .hero-media img{aspect-ratio:16/10}
}
@media(max-width:640px){
  .hero-minimal{padding:34px 0 52px!important}
  .hero-minimal .hero-media{gap:12px}
  .hero-minimal .hero-media img{aspect-ratio:4/3}
}


/* Consultation section: true side-by-side layout, not a full-width image or overlay. */
.consult-invite .consult-layout{
  display:grid!important;
  grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr)!important;
  gap:clamp(30px,5vw,72px)!important;
  align-items:center!important;
}
.consult-invite .consult-copy{min-width:0}
.consult-invite .consult-copy h2{font-size:clamp(2rem,3.15vw,3rem);line-height:1.14;color:var(--ink)!important}
.consult-invite .consult-copy p{color:var(--muted)!important;line-height:1.75}
.consult-invite .consult-copy .eyebrow{color:var(--primary)!important}
.consult-invite .consult-photo{display:block;min-width:0;margin:0;padding:0;background:transparent;overflow:visible;box-shadow:none!important;border:0!important}
.consult-invite .consult-photo img{
  display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;
  border-radius:var(--radius)!important;border:0!important;box-shadow:none!important;
}
.consult-invite .consult-photo-caption{display:flex;flex-direction:column;gap:3px;padding:10px 0 0;background:transparent!important;color:var(--muted)!important;border:0!important;box-shadow:none!important;font-size:.82rem;line-height:1.5}
.consult-invite .consult-photo-caption strong{color:var(--ink)!important;font-weight:650}
.consult-invite .consult-photo-caption span{color:var(--muted)!important}
@media(max-width:850px){
  .consult-invite .consult-layout{grid-template-columns:minmax(0,1fr)!important;gap:28px!important}
  .consult-invite .consult-photo img{aspect-ratio:16/10}
}
@media(max-width:640px){
  .consult-invite .consult-photo img{aspect-ratio:4/3}
  .consult-invite .consult-copy h2{font-size:clamp(1.9rem,8vw,2.5rem)}
}