/* ==========================================================================
   Extra section styles (Nov 2026) — see inc/sections-x.php
   ========================================================================== */

/* ---------- content lists: check icon, no background ---------- */
:is(.bdBody,.gwmRich,.svCardTxt,.ckSec,.fqCard,.lvChecks,.lvNum,.icTile,.seCardG,.lvHero,.aiSec,.gwTxt) ul:not([class]){list-style:none;padding-left:0;}
:is(.bdBody,.gwmRich,.svCardTxt,.ckSec,.fqCard,.lvChecks,.lvNum,.icTile,.seCardG,.lvHero,.aiSec,.gwTxt) ul:not([class]) > li{position:relative;padding-left:30px;}
:is(.bdBody,.gwmRich,.svCardTxt,.ckSec,.fqCard,.lvChecks,.lvNum,.icTile,.seCardG,.lvHero,.aiSec,.gwTxt) ul:not([class]) > li::before{content:"";position:absolute;left:0;top:.32em;width:20px;height:20px;background:var(--brass);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4.5 12.5l4.7 4.7L19.5 6.8' fill='none' stroke='%23000' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4.5 12.5l4.7 4.7L19.5 6.8' fill='none' stroke='%23000' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;}

/* ---------- FAQ heading: smaller, heading on top, text below ---------- */
.fqTop{display:block !important;max-width:760px;}
.fqTop .secTitle{font-size:clamp(30px,3.4vw,46px) !important;line-height:1.1 !important;letter-spacing:-.025em;margin:0 0 12px;}
.fqTop .secLead{justify-self:auto;max-width:62ch;margin:0;}

/* ---------- text + picture: sticky picture next to long text ---------- */
.gwmTmSticky{align-items:start !important;}
.gwmTmSticky .gwmTmMedia{position:sticky;top:120px;}
.gwmTmArt .gwmTmMedia{align-self:center;}
.gwmTmSticky.gwmTmArt .gwmTmMedia{align-self:start;}
@media (max-width:991px){.gwmTmSticky .gwmTmMedia{position:relative;top:auto;}}

/* ---------- shared icon badge ---------- */
.ckIc{flex:none;display:grid;place-items:center;width:54px;height:54px;border-radius:16px;color:var(--brass);background:color-mix(in srgb,var(--brass) 14%,transparent);border:1px solid color-mix(in srgb,var(--brass) 38%,transparent);transition:background .35s,color .35s,transform .45s var(--ease);}
.ckIc svg{width:26px;height:26px;}
.ckIcLg{width:68px;height:68px;border-radius:20px;}
.ckIcLg svg{width:34px;height:34px;}

/* ---------- check list: icon cards ---------- */
.ckCards{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;justify-content:center;gap:20px;}
.ckCards > li{position:relative;isolation:isolate;overflow:hidden;flex:0 1 calc((100% - 40px) / 3);display:flex;flex-direction:column;gap:20px;padding:30px 28px 30px;border-radius:26px;background:var(--bg-2);border:1px solid var(--line);transition:transform .45s var(--ease),border-color .35s,box-shadow .45s var(--ease);}
.ckC2 > li{flex-basis:calc((100% - 20px) / 2);flex-direction:row;align-items:flex-start;}
.ckC4 > li{flex-basis:calc((100% - 60px) / 4);}
.ckCards > li::before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(90% 70% at 100% 0,color-mix(in srgb,var(--brass) 16%,transparent),transparent 60%);opacity:0;transition:opacity .45s;}
.ckCards > li::after{content:"";position:absolute;left:28px;right:28px;bottom:0;height:3px;border-radius:3px 3px 0 0;background:linear-gradient(90deg,var(--brass),transparent);transform:scaleX(.25);transform-origin:left;transition:transform .6s var(--ease);}
.ckCards > li:hover{transform:translateY(-6px);border-color:color-mix(in srgb,var(--brass) 55%,transparent);box-shadow:0 40px 70px -50px rgba(0,0,0,.8);}
.ckCards > li:hover::before{opacity:1;}
.ckCards > li:hover::after{transform:scaleX(1);}
.ckCards > li:hover .ckIc{background:var(--brass);color:var(--on-accent);transform:rotate(-6deg);}
.ckNo{position:absolute;top:18px;right:24px;font-size:44px;font-weight:700;line-height:1;letter-spacing:-.04em;color:transparent;-webkit-text-stroke:1px color-mix(in srgb,var(--brass) 45%,transparent);pointer-events:none;}
.ckCards h3{margin:0 0 8px;padding-right:44px;font-size:19px;font-weight:600;line-height:1.3;color:var(--head);}
.ckCards p{margin:0 0 10px;font-size:15px;line-height:1.65;color:var(--text);}
.ckCards p:last-child{margin-bottom:0;}
.ckBare > li{flex-direction:row;align-items:center;gap:16px;padding:20px 22px;border-radius:20px;}
.ckBare h3{margin:0;padding-right:36px;font-size:17px;}
.ckBare .ckIc{width:46px;height:46px;border-radius:14px;}
.ckBare .ckIc svg{width:22px;height:22px;}
.ckBare .ckNo{top:50%;transform:translateY(-50%);font-size:30px;right:18px;}
@media (max-width:1100px){.ckCards > li,.ckC4 > li{flex-basis:calc((100% - 20px) / 2);}}
@media (max-width:767px){.ckCards > li,.ckC2 > li,.ckC4 > li{flex-basis:100%;flex-direction:column;}.ckBare > li{flex-direction:row;}}

/* ---------- check list: timeline steps with sticky heading ---------- */
.ckStepsGrid{display:grid !important;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(40px,6vw,90px);align-items:start;}
.ckStepsHead{position:sticky;top:120px;}
.ckStepsHead .lvHead{margin-bottom:28px;text-align:left;}
.ckStepsHead .lvHead p{margin-left:0;}
.ckStepsHead .ckArt{margin-top:8px;}
.ckSteps{position:relative;list-style:none;margin:0;padding:0;counter-reset:ck;}
.ckSteps::before{content:"";position:absolute;left:27px;top:28px;bottom:28px;width:2px;background:linear-gradient(180deg,var(--brass),color-mix(in srgb,var(--brass) 15%,transparent));}
.ckSteps > li{position:relative;display:grid;grid-template-columns:56px minmax(0,1fr);gap:24px;padding:0 0 26px;}
.ckSteps > li:last-child{padding-bottom:0;}
.ckDot{position:relative;z-index:1;display:grid;place-items:center;width:56px;height:56px;border-radius:50%;color:var(--on-accent);background:var(--brass);box-shadow:0 0 0 7px var(--bg),0 0 0 8px color-mix(in srgb,var(--brass) 45%,transparent);}
.lvTint .ckDot,.lvAlt .ckDot{box-shadow:0 0 0 7px var(--bg-2),0 0 0 8px color-mix(in srgb,var(--brass) 45%,transparent);}
.ckDot svg{width:26px;height:26px;}
.ckStepBody{padding:22px 26px 24px;border-radius:22px;background:var(--bg-2);border:1px solid var(--line);transition:border-color .35s,transform .45s var(--ease);}
.lvTint .ckStepBody,.lvAlt .ckStepBody{background:var(--bg);}
.ckSteps > li:hover .ckStepBody{border-color:color-mix(in srgb,var(--brass) 55%,transparent);transform:translateX(6px);}
.ckStepNo{display:inline-block;margin-bottom:8px;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--brass);}
.ckStepBody h3{margin:0 0 8px;font-size:19px;font-weight:600;line-height:1.3;color:var(--head);}
.ckStepBody p{margin:0 0 10px;font-size:15px;line-height:1.7;color:var(--text);}
.ckStepBody p:last-child{margin-bottom:0;}
@media (max-width:991px){.ckStepsGrid{grid-template-columns:minmax(0,1fr);}.ckStepsHead{position:relative;top:auto;}.ckStepsHead .ckArt{max-width:520px;}}
@media (max-width:600px){.ckSteps > li{grid-template-columns:44px minmax(0,1fr);gap:16px;}.ckSteps::before{left:21px;}.ckDot{width:44px;height:44px;}.ckDot svg{width:20px;height:20px;}.ckStepBody{padding:18px 18px 20px;}}

/* ---------- check list: tabs ---------- */
.ckTabs{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px;align-items:start;}
.ckTabList{display:flex;flex-direction:column;gap:10px;}
.ckTab{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;width:100%;padding:18px 20px;border-radius:18px;border:1px solid var(--line);background:var(--bg-2);color:var(--head);font:inherit;font-size:16.5px;font-weight:500;line-height:1.35;text-align:left;cursor:pointer;transition:background .3s,border-color .3s,color .3s,transform .35s var(--ease);}
.lvTint .ckTab,.lvAlt .ckTab{background:var(--bg);}
.ckTab:hover{border-color:color-mix(in srgb,var(--brass) 55%,transparent);transform:translateX(4px);}
.ckTabNo{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;font-size:13px;font-weight:700;color:var(--brass);background:color-mix(in srgb,var(--brass) 14%,transparent);}
.ckTab svg{width:24px;height:18px;color:var(--muted);opacity:.6;transition:transform .35s var(--ease),opacity .3s;}
.ckTab[aria-selected="true"]{background:var(--brass);border-color:var(--brass);color:var(--on-accent);}
.ckTab[aria-selected="true"] .ckTabNo{background:color-mix(in srgb,var(--on-accent) 16%,transparent);color:var(--on-accent);}
.ckTab[aria-selected="true"] svg{color:var(--on-accent);opacity:1;transform:translateX(4px);}
.ckPanels{position:sticky;top:120px;}
.ckPanel{position:relative;overflow:hidden;isolation:isolate;padding:clamp(28px,3.4vw,44px);border-radius:28px;background:var(--bg-2);border:1px solid color-mix(in srgb,var(--brass) 40%,transparent);box-shadow:0 50px 90px -60px rgba(0,0,0,.85);animation:ckIn .45s var(--ease) both;}
.lvTint .ckPanel,.lvAlt .ckPanel{background:var(--bg);}
.ckPanel::before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(70% 60% at 100% 0,color-mix(in srgb,var(--brass) 18%,transparent),transparent 65%);}
.ckPanel[hidden]{display:none;}
.ckPanelNo{position:absolute;top:22px;right:30px;font-size:84px;font-weight:700;line-height:1;letter-spacing:-.05em;color:transparent;-webkit-text-stroke:1.5px color-mix(in srgb,var(--brass) 40%,transparent);}
.ckPanel h3{margin:24px 0 12px;font-size:clamp(22px,2vw,28px);font-weight:600;line-height:1.25;letter-spacing:-.015em;color:var(--head);}
.ckPanel p{margin:0 0 12px;font-size:16px;line-height:1.75;color:var(--text);}
.ckPanel p:last-child{margin-bottom:0;}
@keyframes ckIn{from{opacity:0;transform:translateY(12px);}to{opacity:1;transform:none;}}
@media (max-width:991px){.ckTabs{grid-template-columns:minmax(0,1fr);}.ckPanels{position:relative;top:auto;}}
@media (prefers-reduced-motion:reduce){.ckPanel{animation:none;}}

/* ---------- service cards: icon tiles (centred rows) ---------- */
.icTiles{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;justify-content:center;gap:18px;}
.icTile{position:relative;flex:0 1 calc((100% - 36px) / 3);display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;padding:32px 26px 30px;border-radius:24px;background:var(--bg-2);border:1px solid var(--line);transition:transform .45s var(--ease),border-color .35s,box-shadow .45s var(--ease);}
.icTiles4 .icTile{flex-basis:calc((100% - 54px) / 4);}
.lvTint .icTile,.lvAlt .icTile{background:var(--bg);}
.icTile:hover{transform:translateY(-6px);border-color:color-mix(in srgb,var(--brass) 55%,transparent);box-shadow:0 40px 70px -50px rgba(0,0,0,.8);}
.icTileIc{display:grid;place-items:center;width:72px;height:72px;border-radius:50%;color:var(--brass);background:radial-gradient(circle at 30% 25%,color-mix(in srgb,var(--brass) 26%,transparent),color-mix(in srgb,var(--brass) 8%,transparent));border:1px solid color-mix(in srgb,var(--brass) 40%,transparent);transition:background .35s,color .35s,transform .45s var(--ease);}
.icTileIc svg{width:32px;height:32px;}
.icTile:hover .icTileIc{background:var(--brass);color:var(--on-accent);transform:scale(1.06);}
.icTile h3{margin:0;font-size:18px;font-weight:600;line-height:1.3;color:var(--head);}
.icTile h3 a{color:inherit;}
.icTile h3 a::after{content:"";position:absolute;inset:0;border-radius:inherit;}
.icTile p{margin:0;font-size:15px;line-height:1.65;color:var(--text);}
.icTiles:not(.icTilesTxt) .icTile{padding:28px 20px 26px;}
@media (max-width:1100px){.icTiles4 .icTile{flex-basis:calc((100% - 36px) / 3);}}
@media (max-width:860px){.icTile,.icTiles4 .icTile{flex-basis:calc((100% - 18px) / 2);}}
@media (max-width:540px){.icTilesTxt .icTile{flex-basis:100%;}}

/* ---------- numbered steps: 3 per row ---------- */
.lvNums.seThree .lvNum{flex-basis:calc((100% - 32px) / 3);}
@media (max-width:991px){.lvNums.seThree .lvNum{flex-basis:calc((100% - 16px) / 2);}}
@media (max-width:600px){.lvNums.seThree .lvNum{flex-basis:100%;}}

/* ---------- green card band (mid-page call to action) ---------- */
.lvPage .gwCardBand{padding:clamp(50px,6vw,80px) 0;}
.gwCardBand .abCtaCard > div:first-of-type{flex:1 1 420px;}
.gwCardBand .abCtaTitle{max-width:none;}
.gwCardBand .abCtaCard p{max-width:64ch;}
.abCtaIc{width:20px;height:20px;flex:none;}
.abCtaBtn .abCtaIc{color:#a6d86a;}
.abCtaGhost .abCtaIc{color:#0b1a07;}

/* ---------- package cards (same design as Our SMO Packages) on any page ---------- */
.gwPc .pcCard{padding-top:34px;align-items:stretch;text-align:center;}
.gwPc .pcPrice{display:flex;flex-direction:column;align-items:center;gap:2px;margin:0 0 20px;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.gwPc .pcPrice b{font-size:44px;font-weight:600;letter-spacing:-.03em;line-height:1;color:var(--head);}
.gwPc .pcPrice span{font-size:12.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);}
.gwPc .pcKey{border-bottom:0;margin-bottom:18px;text-align:left;}
.gwPc .pcKey li{font-size:14.5px;color:var(--text);}
.gwPc .pcKey li > span{flex:1;}
.gwPc .pcKey b{color:var(--head);font-weight:600;}
.gwPc .pcKey li.gwOff{color:var(--muted);text-decoration:line-through;opacity:.7;}
.gwPc .pcKey li.gwOff svg{color:var(--muted);}
.gwPc .pcCard:has(.pcKey) .pcPrice{margin-bottom:16px;}
.gwPc:has(> .pcCard:nth-child(4):last-child) .pcCard{flex-basis:calc((100% - 54px) / 4);}
.gwPc:has(> .pcCard:nth-child(4):last-child) .pcPrice b{font-size:38px;}
@media (max-width:1100px){.gwPc:has(> .pcCard:nth-child(4):last-child) .pcCard{flex-basis:calc((100% - 18px) / 2);}}
@media (max-width:640px){.gwPc .pcCard,.gwPc:has(> .pcCard:nth-child(4):last-child) .pcCard{flex-basis:100%;}.gwPc .pcPrice b{font-size:38px;}}

/* ---------- Free SEO audit tool page ---------- */
.auditPage .svRowArt svg{display:block;width:100%;height:auto;}
.auditPage .svRowArt:has(> svg){border-radius:24px;overflow:hidden;border:1px solid var(--line-2);}
.auReport{align-items:center !important;}
.auReport .bdBody{text-align:center;font-size:clamp(18px,1.5vw,21px);line-height:1.7;color:var(--head);}
.auReport .bdBody p{margin:0 0 14px;}
.auReport .bdBody p:last-child{margin-bottom:0;}
.auSticky{position:sticky;top:120px;align-self:start;}@media (max-width:991px){.auSticky{position:relative;top:auto;}}

/* ---------- group heading + the sections it heads ---------- */
.gwGroupHead{padding-bottom:0 !important;}
.gwGroupHead .lvHead{margin-bottom:0;text-align:center;}
.gwGroupKick{display:block;width:64px;height:4px;margin:0 auto 18px;border-radius:4px;background:linear-gradient(90deg,var(--brass),var(--brass-2,var(--brass)));}
.gwGroupHead .lvH2{margin:0 auto;}
.gwGrouped{padding-top:clamp(40px,5vw,64px) !important;padding-bottom:clamp(40px,5vw,64px) !important;}
.gwGroupHead + .gwGrouped{padding-top:clamp(36px,4vw,56px) !important;}
.gwGrouped + :not(.gwGrouped){border-top:0;}
.gwGrpNo{display:inline-flex;align-items:center;justify-content:center;min-width:46px;height:30px;margin-bottom:14px;padding:0 12px;border-radius:999px;font-size:13px;font-weight:700;letter-spacing:.06em;color:var(--on-accent);background:var(--brass);}

/* ---------- hero: sub heading moved in from a section below ---------- */
.lvHero .heroSub{font-style:normal !important;margin:0 0 14px;font-size:clamp(19px,1.6vw,23px);font-weight:600;line-height:1.35;letter-spacing:-.01em;color:var(--head);}
.lvHero .lvTitle + .heroSub,.lvHero .lvTitle ~ .heroSub:first-of-type{margin-top:4px;}

/* ---------- content numbered lists ---------- */
:is(.bdBody,.gwmRich,.svCardTxt,.ckSec,.fqCard,.lvChecks,.lvNum,.icTile,.seCardG,.lvHero,.aiSec,.gwTxt) ol:not([class]){list-style:none;padding-left:0;counter-reset:gwol;}
:is(.bdBody,.gwmRich,.svCardTxt,.ckSec,.fqCard,.lvChecks,.lvNum,.icTile,.seCardG,.lvHero,.aiSec,.gwTxt) ol:not([class]) > li{position:relative;padding-left:36px;counter-increment:gwol;}
:is(.bdBody,.gwmRich,.svCardTxt,.ckSec,.fqCard,.lvChecks,.lvNum,.icTile,.seCardG,.lvHero,.aiSec,.gwTxt) ol:not([class]) > li::before{content:counter(gwol);position:absolute;left:0;top:.18em;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;font-size:12px;font-weight:700;line-height:1;color:var(--brass);border:1.5px solid color-mix(in srgb,var(--brass) 60%,transparent);}

/* ---------- service cards: 4 cards fill one row on wide screens ---------- */
@media (min-width:1200px){.svGrid:not(.aiSvc):has(> .svCard:nth-child(4):last-child){grid-template-columns:repeat(4,minmax(0,1fr));}}

/* ---------- Contact Form 7 forms in the theme design (inc/cf7.php) ---------- */
.gwCf7 .wpcf7-form-control-wrap{display:block;position:static;}
.gwCf7 .hidden-fields-container,.gwCf7 > div[style*="none"]{display:none !important;}
.gwCf7 .field:has(:is(input,textarea):focus) > label,.gwCf7 .field:has(:is(input,textarea):not(:placeholder-shown)) > label{top:2px;transform:scale(.8);color:var(--brass);}
.gwCf7 .wpcf7-not-valid{border-bottom-color:#e5534b !important;}
.gwCf7 .field{position:relative;}
.gwCf7 .wpcf7-not-valid-tip{position:absolute;left:0;top:100%;margin-top:3px;font-size:12.5px;line-height:1.3;white-space:nowrap;color:#e5534b;}
.gwCf7 .field:has(.wpcf7-not-valid-tip) .gwHint{visibility:hidden;}

.gwCf7 .wpcf7-response-output{grid-column:1/-1;margin:14px 0 0 !important;padding:12px 16px !important;border:1px solid var(--line-2) !important;border-radius:14px;font-size:15px;line-height:1.5;color:var(--text);}
.gwCf7.sent .wpcf7-response-output{border-color:var(--brass) !important;color:var(--head);}
.gwCf7.invalid .wpcf7-response-output,.gwCf7.failed .wpcf7-response-output,.gwCf7.spam .wpcf7-response-output{border-color:#e5534b !important;}
.gwCf7.submitting button[type="submit"]{opacity:.6;pointer-events:none;}
.gwCf7 .wpcf7-spinner{display:none;}
.gwCf7 .wpcf7-radio{display:flex;flex-wrap:wrap;gap:8px;}
.gwCf7 .wpcf7-list-item{margin:0;}
.gwCf7 .wpcf7-list-item label{position:relative;display:inline-flex;cursor:pointer;}
.gwCf7 .wpcf7-list-item input{position:absolute;opacity:0;width:1px;height:1px;}
.gwCf7 .wpcf7-list-item-label{display:inline-flex;align-items:center;gap:9px;padding:10px 16px;border-radius:999px;border:1px solid var(--line-2);background:var(--bg);font-size:14.5px;color:var(--text);transition:border-color .25s,background .25s,color .25s;}
.gwCf7 .wpcf7-list-item-label::before{content:"";flex:none;width:14px;height:14px;border-radius:50%;border:1.5px solid var(--line-2);transition:.25s;}
.gwCf7 .wpcf7-list-item label:hover .wpcf7-list-item-label{border-color:color-mix(in srgb,var(--brass) 60%,transparent);}
.gwCf7 .wpcf7-list-item input:checked + .wpcf7-list-item-label{border-color:var(--brass);background:color-mix(in srgb,var(--brass) 14%,var(--bg));color:var(--head);}
.gwCf7 .wpcf7-list-item input:checked + .wpcf7-list-item-label::before{border-color:var(--brass);background:var(--brass);box-shadow:inset 0 0 0 3px var(--bg);}
.gwCf7 .wpcf7-list-item input:focus-visible + .wpcf7-list-item-label{outline:2px solid var(--brass);outline-offset:2px;}
.gwCf7 .ctPref{display:flex;align-items:center;flex-wrap:wrap;gap:12px;}
.gwCf7 .gwPref .gwQ{margin-bottom:10px;}
.gwCf7 .cvFile .wpcf7-form-control-wrap{position:static;}
.gwQuoteForm[hidden]{display:none !important;}

/* ---------- tablets & phones ---------- */
/* top bar: keep the phone number / email on one line */
.topLink{white-space:nowrap;}
.topAudit{flex-shrink:0;}
.topRight{min-width:0;}
.topRight a[href^="mailto:"]{min-width:0;overflow:hidden;text-overflow:ellipsis;}
@media (max-width:991px){.topRight a[href^="mailto:"]{font-size:0;gap:0;}.topRight a[href^="mailto:"] .ic{font-size:initial;}}
/* stacked "Text + picture" sections: illustrations stay a comfortable size, centred */
@media (max-width:991px){
  .gwmTm .gwmTmMedia,.ckStepsHead .ckArt,.stAside .aiFrame{width:100%;max-width:560px;margin-left:auto;margin-right:auto;}
  .gwmTm.gwmTmLeft .gwmTmMedia{order:0;}
}

/* ---------- Mission & Vision illustrations (styles from the html7 design, loaded on every page) ---------- */
.ouSvg{display:block;width:100%;height:auto;}
.ouSvg .k1{fill:var(--bg);}
.ouSvg .k2{fill:var(--bg-2);}
.ouSvg .k3{fill:var(--bg-3);}
.ouSvg .ka{fill:var(--brass);}
.ouSvg .ka2{fill:var(--brass-2);}
.ouSvg .kh{fill:var(--head);}
.ouSvg .km{fill:var(--muted);opacity:.45;}
.ouSvg .kt{fill:var(--head);font-family:var(--font-hand);}
.ouSvg .kl{fill:none;stroke:var(--line-2);stroke-width:2;}
.ouSvg .ks{fill:none;stroke:var(--brass);stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round;}
.ouFloat{animation:ouFloat 5s ease-in-out infinite;}
.ouPulse{transform-box:fill-box;transform-origin:center;animation:ouPulse 2.2s ease-in-out infinite;}
@keyframes ouFloat{0%,100%{transform:translateY(0);}50%{transform:translateY(-6px);}}
@keyframes ouPulse{0%,100%{transform:scale(1);opacity:1;}50%{transform:scale(1.35);opacity:.6;}}
@media (prefers-reduced-motion:reduce){.ouFloat,.ouPulse{animation:none;}}
.mvSvgArt .mvArt{border-radius:22px;transition:transform 1.2s var(--ease);}
.mvSvgArt:hover .mvArt{transform:scale(1.03);}
.lfArt{background:var(--bg-2);}
.lfArt .ouSvg{width:100%;height:100%;}