/* BrinDHle Communications theme — main stylesheet. Built from the approved HTML prototype (v22). */
/* ---------- Brand tokens (style guide) ---------- */
:root{
  --sable:#2B241E; --mocha:#C18F5F; --fawn:#DFC5A2; --buff:#F8EEE1; --bark:#ED642D; --seal:#100000;
  --display:"Archivo","Helvetica Neue",Arial,sans-serif;
  --type:"Besley",Georgia,"Times New Roman",serif;
  --gutter:clamp(1.25rem,5vw,5rem);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--display);font-variation-settings:"wdth" 100;font-size:clamp(0.84rem,0.88vw + 0.64rem,1.04rem);line-height:1.5;color:var(--sable);background:var(--buff);-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit}
:focus-visible{outline:3px solid currentColor;outline-offset:4px}
.skip{position:absolute;left:1rem;top:-100px;z-index:50;background:var(--sable);color:var(--buff);padding:.6em 1em;font-weight:700;text-decoration:none}
.skip:focus{top:1rem}

.wide{font-family:var(--display);font-variation-settings:"wdth" 125;font-weight:800;text-transform:uppercase;letter-spacing:-.01em;line-height:1.05;overflow-wrap:break-word}
.type{font-family:var(--type);font-style:normal;font-weight:400;line-height:1.4}
.lede{max-width:52ch;font-size:clamp(0.92rem,1.04vw + 0.72rem,1.24rem);line-height:1.45}
.measure{max-width:56ch}
.measure p + p{margin-top:1.2rem}
.muted{color:#4b4139}

/* ---------- Nav ---------- */
.site-header{position:sticky;top:0;z-index:20;background:var(--buff);border-bottom:2px solid var(--sable)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem var(--gutter)}
.nav .logo img{height:54px;width:auto}
.nav .logo .custom-logo{height:54px;width:auto}
.nav ul{display:flex;gap:clamp(1rem,2.5vw,2.5rem);list-style:none;align-items:center}
.nav a{text-decoration:none;font-weight:600;font-size:.95rem}
.nav ul a:not(.btn):hover{border-bottom:2px solid var(--bark)}
.nav a[aria-current="page"]{border-bottom:2px solid var(--bark)}
.btn{display:inline-block;background:var(--sable);color:var(--buff);padding:.75em 1.4em;border:2px solid var(--sable);text-decoration:none;font:inherit;font-weight:700;cursor:pointer;transition:background .15s,color .15s,border-color .15s}
.btn:hover,.nav a.btn:hover{background:var(--bark);border-color:var(--bark);color:var(--sable)}
.btn.light{background:var(--buff);color:var(--sable);border-color:var(--buff)}
.btn.light:hover{background:var(--bark);border-color:var(--bark);color:var(--sable)}
.nav .menu-toggle{display:none;background:none;border:0;font:inherit;font-weight:700;cursor:pointer;color:var(--sable)}

/* ---------- Hero ---------- */
.hero{position:relative;overflow:hidden;background:var(--sable);color:var(--buff);padding:clamp(3.5rem,8vw,7rem) var(--gutter) clamp(3.5rem,7vw,6rem);min-height:min(78vh,720px);display:flex;flex-direction:column;justify-content:flex-end}
.hero .ghost{position:absolute;right:-.1em;top:-.16em;font-size:clamp(14rem,42vw,40rem);line-height:1;color:transparent;-webkit-text-stroke:2px var(--mocha);opacity:.35;pointer-events:none;user-select:none;z-index:0;will-change:transform}
.hero > *{position:relative;z-index:1}
.hero h1{font-size:clamp(1.76rem,3.84vw,4.4rem);color:var(--buff)}
.hero h1 br{display:none}
@media (min-width:861px){.hero h1 br{display:inline}}
.rule2{display:block;height:4px;background:linear-gradient(90deg,var(--mocha) 0 50%,var(--fawn) 50% 100%);border:0}
.hero .rule2{width:min(100%,34rem);margin-top:1.6rem}
.btn-gap{margin-top:1.8rem}
.hero h1 .orange{color:var(--bark)}
.hero .sub{margin-top:2.2rem;display:grid;gap:1.5rem;grid-template-columns:1fr auto;align-items:end}
.hero .sub p{max-width:48ch;color:var(--fawn)}
.hero .diamonds{margin-bottom:2rem;color:var(--mocha);font-size:1.12rem;letter-spacing:.6em;will-change:transform}

/* ---------- Load-in + reveal animations ---------- */
.in{opacity:0;transform:translateY(28px);animation:rise .9s cubic-bezier(.2,.7,.2,1) forwards}
.in.d1{animation-delay:.1s}.in.d2{animation-delay:.25s}.in.d3{animation-delay:.4s}.in.d4{animation-delay:.55s}
@keyframes rise{to{opacity:1;transform:none}}
.reveal{opacity:0;transform:translateY(14px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}
.reveal.show{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .in,.reveal{opacity:1;transform:none;animation:none;transition:none}
  .hero .ghost,.hero .diamonds{transform:none!important}
}

/* ---------- Experience strip ---------- */
.exp{background:var(--buff);border-bottom:2px solid var(--sable);padding:2.2rem var(--gutter)}
.exp p.type{font-size:0.88rem;margin-bottom:1rem}
.exp ul{list-style:none;display:flex;flex-wrap:wrap;gap:.6rem 0;align-items:baseline}
.exp li{font-family:var(--display);font-variation-settings:"wdth" 118;font-weight:700;text-transform:uppercase;font-size:clamp(0.8rem,1.28vw,1.08rem)}
.exp li + li::before{content:"◆";color:var(--bark);font-size:.65em;margin:0 1.2rem;vertical-align:middle}

section{padding:clamp(4rem,9vw,8rem) var(--gutter)}
.split{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(2rem,6vw,7rem)}
.intro-type{font-size:clamp(1rem,1.44vw,1.44rem);max-width:32ch;margin-bottom:1.8rem}
h2.section{font-size:clamp(1.52rem,3.36vw,3.36rem);margin-bottom:1.2rem}
h2.section::after{content:"";display:block;width:5rem;height:4px;margin-top:.6rem;background:linear-gradient(90deg,var(--mocha) 0 50%,var(--fawn) 50% 100%)}
.why h2::after{content:"";display:block;width:5rem;height:4px;margin-top:.8rem;background:linear-gradient(90deg,var(--mocha) 0 50%,var(--fawn) 50% 100%)}
h2.section.help{font-size:clamp(1.36rem,2.24vw,2.32rem)}

/* Capabilities */
.caps{list-style:none}
.cap{border-top:2px solid var(--sable);padding:1.6rem 0;display:grid;grid-template-columns:1.6rem 1fr;column-gap:1.2rem;align-items:start}
.cap > div{min-width:0}
.cap:last-child{border-bottom:2px solid var(--sable)}
.cap .d{color:var(--bark);font-size:0.96rem;line-height:1;padding-top:.35em}
.cap h3{font-size:clamp(1.04rem,1.76vw,1.68rem);margin-bottom:.6em}
.cap-list{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:.85em 2rem;align-items:start;font-size:.95em;color:#4b4139}
.cap-list li{padding-left:1.1em;text-indent:-1.1em}
.cap p.blurb{max-width:52ch;color:#4b4139;margin-bottom:.8em}
.cap-home p{max-width:44ch;color:#4b4139}

/* Home accordion */
.acc{list-style:none;border-top:2px solid var(--sable)}
.acc details{border-bottom:2px solid var(--sable)}
.acc summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:1.6rem 1fr auto;column-gap:1.2rem;align-items:center;padding:1.4rem 0}
.acc summary::-webkit-details-marker{display:none}
.acc summary .d{color:var(--bark);font-size:0.96rem;line-height:1}
.acc summary h3{font-size:clamp(0.92rem,1.32vw,1.28rem)}
.acc summary .plus{width:2.2rem;height:2.2rem;border:2px solid var(--sable);display:grid;place-items:center;font-size:1.12rem;font-weight:400;line-height:1;transition:transform .3s cubic-bezier(.2,.7,.2,1),background .15s,color .15s}
.acc summary:hover .plus{background:var(--bark);border-color:var(--bark);color:var(--sable)}
.acc details[open] summary .plus{transform:rotate(45deg)}
.acc .panel{padding:0 0 1.6rem 2.8rem}
.acc .panel p{max-width:none;color:#4b4139;margin-bottom:.9em}
@media (max-width:600px){.acc .panel{padding-left:0}}
.cap-list li::before{content:"–";margin-right:.5em;color:var(--mocha)}
@media (max-width:600px){.cap-list{grid-template-columns:1fr}}

/* Why partner */
.why{background:var(--sable);color:var(--buff)}
.why h2{font-size:clamp(1.36rem,2.2vw,2.56rem);color:var(--buff)}
.why h2 em{font-style:normal;color:var(--bark)}
.why .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1.5rem,3vw,3rem);margin-top:4rem}
.why .grid div{border-top:2px solid var(--mocha);padding-top:1.4rem}
.why h3{font-size:clamp(0.92rem,1.32vw,1.28rem);color:var(--fawn);margin-bottom:.7rem}
.why p{opacity:.9;max-width:34ch}

/* Secondary page header */
.page-head{position:relative;overflow:hidden;background:var(--fawn);border-bottom:2px solid var(--sable);padding:clamp(3rem,7vw,6rem) var(--gutter) clamp(2.5rem,5vw,4rem)}
.page-head .sweep{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.page-head > *:not(.sweep){position:relative}
.page-head .diamonds{color:var(--bark);font-size:1.1rem;letter-spacing:.6em;margin-bottom:1.4rem}
.page-head .split{display:block}
.page-head h1{font-size:clamp(2.08rem,5.2vw,5.2rem);line-height:1}
.page-head p.type{max-width:46ch;font-size:clamp(1.1rem,1.4vw,1.4rem);margin:1.6rem 0 0 auto;padding-left:0}
@media (min-width:861px){.page-head p.type{margin-left:50%}}
.page-head .crumb{font-size:.9rem;margin-bottom:1.2rem}
.page-head .crumb span{color:var(--sable)}
.page-head .crumb a{text-decoration:none;border-bottom:1px solid var(--mocha)}
.page-head .crumb a:hover{border-bottom-color:var(--bark);border-bottom-width:2px}

/* Home CTA band */
.cta{background:var(--bark);color:var(--sable);border-top:2px solid var(--sable);padding:clamp(3rem,7vw,6rem) var(--gutter)}
.cta .split{align-items:center}
.cta h2{font-size:clamp(1.92rem,4.4vw,4.4rem);color:var(--sable);line-height:1}
.cta p{max-width:40ch;margin-bottom:1.5rem}
.cta .btn{background:var(--sable);color:var(--buff);border-color:var(--sable)}
.cta .btn:hover{background:var(--buff);color:var(--sable);border-color:var(--sable)}

/* Services page */
.svc-intro{background:var(--buff)}
.svc-intro .split{align-items:start;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(2rem,7vw,8rem)}
.svc-intro .side{border-left:4px solid var(--bark);padding-left:1.2rem;font-size:1em;color:var(--sable);max-width:calc(66ch + 1.2rem + 4px);margin-left:calc(-1.2rem - 4px)}
.svc-intro .side strong{color:var(--sable);display:block;margin-bottom:.3em}
.svc{border-top:2px solid var(--sable);padding:clamp(2.5rem,5vw,4rem) var(--gutter)}
.svc:last-of-type{border-bottom:2px solid var(--sable)}
.svc .split{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:clamp(2rem,7vw,8rem)}
.svc .split > div:last-child{max-width:66ch}
.svc h2{font-size:clamp(1.12rem,1.52vw,1.52rem);max-width:16ch}
.svc h2::before{content:"◆";display:block;color:var(--bark);font-size:.55em;margin-bottom:.7em}
.svc .when{font-size:1.05rem;margin-top:1rem;max-width:30ch}
.svc p.blurb{max-width:none;margin-bottom:1.2em}
.svc .cap-list{font-size:1em}

/* Contact page */
.contact.page{border-top:0}

/* About page */
.about{background:var(--buff)}
.about .photo{border:2px solid var(--sable);background:var(--fawn)}
.about .photo img{width:100%;height:auto}
.about h2.section{font-size:clamp(1.52rem,3.2vw,3.04rem)}
.about .creds{margin-top:2rem;list-style:none;font-size:.95em;color:#4b4139}
.about .creds li{padding:.5rem 0;border-top:1px solid var(--mocha)}
.about .creds li:last-child{border-bottom:1px solid var(--mocha)}
.about .creds strong{color:var(--sable)}

.name{background:var(--fawn);border-top:2px solid var(--sable);border-bottom:2px solid var(--sable)}
.name .split{align-items:center}
.name .dogs-photo{border:2px solid var(--sable);background:var(--buff)}
.name .dogs-photo img{width:100%;height:auto}
.name .dogs-photo figcaption{padding:.7rem 1rem;font-size:0.8rem;border-top:2px solid var(--sable)}
.name h2.section{font-size:clamp(1.52rem,3.2vw,3.04rem)}
.name .big{font-size:clamp(1.12rem,1.76vw,1.68rem);max-width:30ch;margin-bottom:1.5rem}

/* Engagement models */
.models{background:var(--buff)}
.models .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:3rem;border:2px solid var(--sable)}
.models .grid div{padding:clamp(1.4rem,2.5vw,2.2rem);background:var(--fawn)}
.models .grid div + div{border-left:2px solid var(--sable)}
.models h3::after{content:"";display:block;height:2px;background:var(--bark);margin:.7rem 0 .2rem}
.models h3{font-size:clamp(0.92rem,1.32vw,1.28rem);margin-bottom:.6rem}
.models p{max-width:30ch;color:var(--sable)}
.models > p.measure{max-width:46ch}

/* Contact */
.contact{background:var(--sable);color:var(--buff);border-top:2px solid var(--bark)}
.contact h2{font-size:clamp(1.76rem,4vw,4rem);color:var(--buff);line-height:1;margin-bottom:1rem}
.contact h2 span{color:var(--bark)}
.contact .split{margin-top:2.5rem;align-items:start}
.contact p{max-width:38ch;color:var(--fawn)}
.contact .details{margin-top:2rem;list-style:none}
.contact .details li{margin-bottom:.8rem}
.contact .details .loc{color:var(--fawn);font-size:.95rem;margin-top:1.4rem}
.contact.page .split{margin-top:0}
.form-msg{background:var(--buff);color:var(--sable);padding:.8em 1em;margin-bottom:1.2rem;border-left:4px solid var(--bark)}
.hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.contact .details a{font-family:var(--type);font-size:clamp(0.88rem,1.44vw,1.2rem);text-decoration:none;border-bottom:2px solid var(--mocha)}
.contact .details a:hover{border-color:var(--bark)}
form{display:grid;gap:1.2rem;grid-template-columns:1fr 1fr}
form .full{grid-column:1/-1}
label{display:block;font-size:.9rem;font-weight:600;color:var(--fawn);margin-bottom:.4rem}
input,textarea{width:100%;font:inherit;font-size:1rem;padding:.8em .9em;background:var(--buff);color:var(--sable);border:2px solid var(--buff);border-radius:0}
input:focus,textarea:focus{outline:3px solid var(--buff);outline-offset:2px;border-color:var(--bark)}
textarea{min-height:9rem;resize:vertical}
form .btn.light{justify-self:start}

.site-footer{background:var(--seal);color:var(--fawn);padding:clamp(3rem,6vw,5rem) var(--gutter) 2rem;font-size:.95rem;border-top:6px solid;border-image:linear-gradient(90deg,var(--mocha) 0 50%,var(--fawn) 50% 100%) 1}
.foot-grid{display:grid;grid-template-columns:minmax(0,2.6fr) repeat(2,minmax(0,1fr));gap:2.5rem clamp(2rem,5vw,6rem)}
.site-footer .brand img{height:40px;width:auto;margin-bottom:1.2rem}
.site-footer .brand p{max-width:56ch;color:var(--fawn);opacity:.85}
.site-footer .brand .loc{margin-top:1rem}
.site-footer h2{font-size:.9rem;color:var(--buff);margin-bottom:1rem;padding-bottom:.6rem;border-bottom:1px solid var(--mocha)}
.site-footer ul{list-style:none}
.site-footer li{margin-bottom:.55rem}
.site-footer a{text-decoration:none}
.site-footer a:hover{border-bottom:1px solid var(--bark)}
.site-footer .foot-cta{margin-top:1.2rem}
.site-footer .foot-cta a{color:var(--bark);border-bottom:1px solid var(--bark)}
.foot-bar{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.8rem 2rem;margin-top:3rem;padding-top:1.4rem;border-top:1px solid #4b4139;font-size:.8rem;opacity:.75}

@media (max-width:860px){
  .split,.why .grid{grid-template-columns:1fr}
  .hero .sub{grid-template-columns:1fr}
  form{grid-template-columns:1fr}
  .about .photo{max-width:320px;margin-bottom:2rem}
  .name .dogs-photo{margin-bottom:2rem}
  .page-head .split,.svc .split,.svc-intro .split,.foot-grid{grid-template-columns:1fr}
  .svc-intro .side{margin-left:0}
  .models .grid{grid-template-columns:1fr}
  .models .grid div + div{border-left:0;border-top:2px solid var(--sable)}
  .nav .logo img{height:46px}
  .nav ul{display:none;position:absolute;left:0;right:0;top:100%;background:var(--buff);border-bottom:2px solid var(--sable);flex-direction:column;align-items:flex-start;padding:1.2rem var(--gutter);gap:1rem}
  .nav ul.open{display:flex}
  .nav .menu-toggle{display:block}
}

/* ---------- WordPress content + extras ---------- */
.screen-reader-text{position:absolute!important;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);width:1px;height:1px;overflow:hidden;word-wrap:normal!important}
.page-body{background:var(--buff)}
.measure-wide{max-width:70ch}
.entry-content p + p,.entry-content ul,.entry-content ol{margin-top:1.2rem}
.entry-content h2,.entry-content h3{margin:2rem 0 .8rem;font-family:var(--display);font-variation-settings:"wdth" 118;font-weight:800;text-transform:uppercase;line-height:1.05}
.entry-content h2{font-size:clamp(1.4rem,2.4vw,2.2rem)}
.entry-content h3{font-size:clamp(1.15rem,1.65vw,1.6rem)}
.entry-content ul,.entry-content ol{padding-left:1.4em}
.entry-content li + li{margin-top:.4em}
.entry-content a{text-decoration:none;border-bottom:2px solid var(--mocha)}
.entry-content a:hover{border-color:var(--bark)}
.entry-content img{height:auto}
.entry-content blockquote{border-left:4px solid var(--bark);padding-left:1.2rem;font-family:var(--type)}
.alignleft{float:left;margin:.4em 1.5em 1em 0}.alignright{float:right;margin:.4em 0 1em 1.5em}.aligncenter{display:block;margin:1em auto}
.wp-caption{max-width:100%}.wp-caption-text{font-size:.9rem;padding:.4em 0}
.posts-navigation,.pagination{margin-top:2rem}

/* 404 */
.not-found-links{border-top:2px solid var(--sable)}
.not-found-links li{border-bottom:2px solid var(--sable)}
.not-found-links a{display:grid;grid-template-columns:1.6rem 1fr;column-gap:1.2rem;align-items:center;padding:1.2rem 0;text-decoration:none;font-size:clamp(1.15rem,1.65vw,1.6rem)}
.not-found-links a .d{color:var(--bark);font-size:1.2rem;line-height:1}
.not-found-links a:hover .wide{color:var(--bark)}

/* Fluent Forms inside the dark contact section (rules use !important where Fluent sets inline styles) */
.contact .split > .ff-wrap{grid-column:2;justify-self:stretch}
.contact .ff-wrap,.contact .ff-wrap .fluentform,.contact .ff-wrap .frm-fluent-form{display:block;width:100%!important;max-width:none!important;margin:0!important;min-width:0}
.contact .ff-wrap .frm-fluent-form{display:grid!important}
@media (max-width:860px){.contact .split > .ff-wrap{grid-column:auto}}
.contact .ff-wrap .ff-el-group,.contact .ff-wrap .ff-el-input--content{width:100%;max-width:none}
.contact .ff-wrap .frm-fluent-form,.contact .ff-wrap .frm-fluent-form > fieldset{display:grid!important;grid-template-columns:1fr 1fr;gap:1.2rem;border:0!important;padding:0!important;margin:0!important;min-width:0}
.contact .ff-wrap .frm-fluent-form > fieldset{grid-column:1/-1;width:100%}
.contact .ff-wrap .frm-fluent-form > fieldset > legend{display:none}
.contact .ff-wrap .ff-el-group{margin:0!important;min-width:0}
.contact .ff-wrap .ff-el-group.full,.contact .ff-wrap .ff-el-group:has(textarea),.contact .ff-wrap .ff_submit_btn_wrapper,.contact .ff-wrap .ff-el-group:has(.ff-btn-submit){grid-column:1/-1}
.contact .ff-wrap .ff-el-input--label{margin-bottom:.4rem}
.contact .ff-wrap .ff-el-input--label label{font-size:.9rem;font-weight:600;color:var(--fawn);margin:0}
.contact .ff-wrap .ff-el-is-required.asterisk-right label::after,.contact .ff-wrap .ff-el-is-required.asterisk-left label::before{color:var(--bark)}
.contact .ff-wrap .ff-el-form-control{width:100%;font:inherit;font-size:1rem;line-height:1.4;height:auto;padding:.8em .9em;background:var(--buff);color:var(--sable);border:2px solid var(--buff);border-radius:0;box-shadow:none}
.contact .ff-wrap textarea.ff-el-form-control{min-height:9rem;resize:vertical}
.contact .ff-wrap .ff-el-form-control:focus{outline:3px solid var(--buff);outline-offset:2px;border-color:var(--bark);box-shadow:none}
.contact .ff-wrap .ff-btn-submit{display:inline-block;background:var(--buff)!important;color:var(--sable)!important;padding:.75em 1.4em!important;border:2px solid var(--buff)!important;border-radius:0!important;font:inherit!important;font-weight:700!important;font-size:1em!important;cursor:pointer;box-shadow:none!important;min-height:0!important;line-height:1.5!important}
.contact .ff-wrap .ff-btn-submit:hover,.contact .ff-wrap .ff-btn-submit:focus{background:var(--bark)!important;border-color:var(--bark)!important;color:var(--sable)!important}
.contact .ff-wrap .fluentform{display:flex;flex-direction:column}
.contact .ff-wrap .ff-message-success{order:-1;background:var(--buff);color:var(--sable);border-left:4px solid var(--bark);padding:1em 1.2em;margin:0 0 1.2rem;font-weight:600}
.contact .ff-wrap .ff-message-success:focus{outline:3px solid var(--bark);outline-offset:3px}
.contact .ff-wrap .ff-errors-in-stack,.contact .ff-wrap .error,.contact .ff-wrap .text-danger,.contact .ff-wrap .ff-el-is-error .error{color:var(--bark);font-size:.9rem}
.contact .ff-wrap .ff-el-is-error .ff-el-form-control{border-color:var(--bark)}
@media (max-width:860px){.contact .ff-wrap .frm-fluent-form,.contact .ff-wrap .frm-fluent-form > fieldset{grid-template-columns:1fr}}

/* Cookie notice */
.cookie{position:fixed;left:1rem;right:1rem;bottom:1rem;z-index:30;display:flex;flex-wrap:wrap;gap:1rem 2rem;align-items:center;justify-content:space-between;background:var(--sable);color:var(--buff);border:2px solid var(--mocha);padding:1rem 1.4rem;max-width:64rem;margin-inline:auto;box-shadow:0 8px 30px rgba(16,0,0,.25)}
.cookie[hidden]{display:none}
.cookie p{margin:0;font-size:.95rem;max-width:60ch}
.cookie a{border-bottom:1px solid var(--mocha);text-decoration:none}
.cookie a:hover{border-color:var(--bark)}
.cookie .btn{padding:.6em 1.2em;font-size:.9rem}
/* Core's lazy-image sizing fix, moved here from inline <style>. */
img:is([sizes="auto" i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}