:root{--bg:#f2ede5;--surface:#fffaf2;--surface-2:#ebe3d8;--nav-active:#fff;--text:#292622;--muted:#756e65;--line:#d7cec2;--accent:#d88d73;--accent-ink:#4a251b;--sage:#d8e2d0;--butter:#f0deaa;--peach:#efc5aa;--lilac:#ddd1e8;--blue:#ccdde2;--rose:#e8ced0;--sage-darken:58%;--butter-darken:62%;--peach-darken:60%;--lilac-darken:58%;--blue-darken:58%;--rose-darken:60%;--dark:#302f2c;--radius:24px;--gap:16px;--card-padding:28px;--content-gap:16px;--component-gap:24px;--container:1220px;--icon-stroke:1.8;--header-padding-y:18px;--font:"SN Pro",system-ui,sans-serif}

[data-theme=dark]{--bg:#242321;--surface:#302e2a;--surface-2:#3a3732;--nav-active:#49443d;--text:#f5eee4;--muted:#bcb3a7;--line:#49453f;--accent-ink:#2f1913;--dark:#171715}

*{box-sizing:border-box;font-family:var(--font)}
html{scroll-behavior:smooth}
html.has-sticky-header{scroll-padding-top:var(--sticky-scroll-offset,106px)}
html.has-sticky-header main [id]{scroll-margin-top:var(--sticky-scroll-offset,106px)}
body{margin:0;background:var(--bg);color:var(--text);line-height:1.45}
body.no-motion *{animation:none!important;transition:none!important}
a{color:inherit;text-decoration:none}
button,input,select{font:inherit;color:inherit}
button{cursor:pointer}
img{display:block;width:100%;object-fit:cover}
.container{width:min(calc(100% - 40px),var(--container));margin:auto}
.site-header{position:relative;top:0;z-index:50;background:color-mix(in srgb,var(--bg) 94%,transparent);border-bottom:1px solid var(--line);border-bottom-color:var(--line);backdrop-filter:blur(14px)}
.site-header.header-behavior-sticky,.site-header.header-behavior-floating{position:relative}
.wp-block-template-part:has(>.site-header.header-behavior-sticky),
.wp-block-template-part:has(>.site-header.header-behavior-floating){position:sticky;top:0;z-index:50}
body.admin-bar .wp-block-template-part:has(>.site-header.header-behavior-sticky),
body.admin-bar .wp-block-template-part:has(>.site-header.header-behavior-floating){top:32px}
.site-header.not-sticky{position:relative}
.header-inner{min-height:82px;padding-block:var(--header-padding-y);display:flex;align-items:center;justify-content:space-between;gap:22px;border:1px solid transparent;border-color:transparent;border-radius:0;box-shadow:0 0 0 transparent}
.brand{display:flex;align-items:center;gap:11px}
.brand-mark{width:42px;height:42px;border-radius:14px;background:transparent;color:var(--text);display:grid;place-items:center;font-weight:850;font-size:1.15rem}
.brand span:last-child{display:grid;line-height:1.15}
.brand small{color:var(--muted);margin-top:4px}
.tab-nav{position:relative;display:flex;gap:5px;padding:6px;border:1px solid var(--line);background:var(--surface-2);border-radius:18px}
.tab-nav a{padding:9px 14px;border-radius:12px;color:var(--muted);font-weight:650;font-size:1rem}
.tab-nav a.active{background:var(--nav-active);color:var(--text)}
.header-tools{display:flex;align-items:center;gap:8px}
.header-socials{display:flex;align-items:center;gap:5px;padding:6px;border:1px solid var(--line);background:var(--surface-2);border-radius:18px;height:52px;min-height:52px;box-sizing:border-box}
.header-socials .icon-btn{display:grid;place-items:center;width:36px;min-height:36px;border:0;background:transparent;border-radius:12px}
.header-socials[hidden]{display:none!important}
.icon-btn{border:1px solid var(--line);background:var(--surface);border-radius:14px;min-height:42px}
.icon-btn{width:42px}
.section{position:relative}
.section-fill{min-height:calc(100svh - 82px);display:grid;align-items:center;padding:64px 0}
.section-hug{padding:56px 0}
.alt-section{background:color-mix(in srgb,var(--surface-2) 42%,transparent);border-block:1px solid var(--line)}
.bento-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--gap)}
.span-3{grid-column:span 3}
.span-4{grid-column:span 4}
.span-5{grid-column:span 5}
.span-7{grid-column:span 7}
.span-8{grid-column:span 8}
.span-12{grid-column:span 12}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.tone-sage{background:var(--sage);color:#292622}
.tone-butter{background:var(--butter);color:#292622}
.tone-peach{background:var(--peach);color:#292622}
.tone-lilac{background:var(--lilac);color:#292622}
.tone-blue{background:var(--blue);color:#292622}
.tone-rose{background:var(--rose);color:#292622}
.tone-dark{background:var(--dark);color:#f7f0e7;border-color:var(--dark)}
.hero-main{min-height:490px;padding:var(--card-padding);display:flex;flex-direction:column;justify-content:flex-start}
.eyebrow,.mini-label{text-transform:none;letter-spacing:.015em;font-size:1rem;font-weight:700;color:var(--muted)}
.hero-eyebrow{display:inline-flex;align-items:center;gap:7px}
.hero-eyebrow svg{width:14px;height:14px;flex:0 0 auto;stroke-width:2}
h1,h2,h3{margin:0;line-height:1.05;letter-spacing:-.04em}
h1{font-size:clamp(3.1rem,6vw,6.2rem);max-width:900px;margin-top:18px}
h2{font-size:clamp(2.35rem,4.3vw,4.7rem)}
h3{font-size:clamp(1.55rem,2.5vw,2.5rem)}
p{color:var(--muted);line-height:1.4}
.hero-main p{font-size:1.15rem;max-width:700px;margin:var(--content-gap) 0 0}
.button-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:var(--component-gap)}
.hero-main>.button-row{margin-top:auto;padding-top:var(--component-gap)}
.button{min-height:48px;padding:0 18px;border-radius:15px;border:1px solid var(--line);display:inline-flex;align-items:center;justify-content:center;font-weight:750;background:transparent}
.button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.button.secondary{background:var(--surface)}
.button.light{background:#fff8ef;color:#292622;border:0}
.hero-preview{padding:var(--card-padding);display:flex;flex-direction:column;justify-content:center;gap:var(--component-gap);min-height:490px}
.mini-browser{background:var(--surface-2);border:1px solid var(--line);border-radius:18px;padding:12px}
.browser-bar{display:flex;gap:5px;padding:1px 2px 11px}
.browser-bar i{width:8px;height:8px;border-radius:50%;background:var(--line)}
.layout-preview{display:grid;grid-template-columns:1.4fr 1fr;gap:7px}
.layout-preview span{height:72px;border-radius:10px;background:var(--sage)}
.layout-preview span:nth-child(2){background:var(--peach)}
.layout-preview span:nth-child(3){grid-column:1/-1;height:100px;background:var(--butter)}
.layout-preview span:nth-child(4){background:var(--lilac)}
.layout-preview span:nth-child(5){background:var(--blue)}
.hero-preview>div:last-child{padding-top:2px}
.hero-preview h3{margin-top:10px}
.metric{min-height:170px;padding:var(--card-padding);display:flex;flex-direction:column;justify-content:space-between}
.metric strong{font-size:4rem;line-height:1}
.metric span{font-weight:700;color:#5e5850}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:34px}
.section-heading h2{margin-top:10px;max-width:850px}
.section-heading>p{max-width:470px;margin:0}
.text-card{padding:var(--card-padding)}
.text-card h3{margin-top:12px}
.text-card p{margin:var(--content-gap) 0 0}
.text-link{font-weight:750;display:inline-block;margin-top:var(--component-gap)}
.image-card img{height:390px}
.card-caption{padding:20px var(--card-padding) var(--card-padding);display:grid}
.card-caption span,.subtle{font-size:1rem;color:var(--muted)}
.card-topline{padding:28px;display:flex;justify-content:space-between;align-items:flex-start;gap:20px}
.card-topline h3{margin-top:9px}
.carousel-window{overflow:hidden}
.carousel-track{display:flex;transition:transform .45s cubic-bezier(.22,.75,.22,1)}
.carousel-track figure{min-width:100%;margin:0;padding:0 28px}
.carousel-track img{height:400px;border-radius:18px}
.carousel-track figcaption{padding:12px 2px;color:var(--muted)}
.carousel-dots{display:flex;gap:7px;padding:12px 28px 28px}
.carousel-dots button{width:8px;height:8px;border:0;border-radius:50%;background:var(--line);padding:0}
.carousel-dots .active{background:var(--text)}
.video-card{padding:14px}
.video-poster{height:390px;position:relative}
.video-poster img{height:100%;border-radius:calc(var(--radius) - 8px);filter:saturate(.72)}
.play{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:70px;height:70px;border:0;border-radius:50%;background:#fff8ef;color:#292622;font-size:1.2rem}
.comparison-card{padding-bottom:var(--card-padding)}
.comparison{height:clamp(380px,55vw,650px);margin:0 var(--card-padding);position:relative;overflow:hidden;border-radius:calc(var(--radius) - 7px);--pos:50%}
.comparison img{position:absolute;inset:0;height:100%}
.compare-overlay{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--pos)) 0 0)}
.compare-overlay img{width:100%;max-width:none}
.compare-line{position:absolute;left:var(--pos);top:0;bottom:0;width:2px;background:white;transform:translateX(-1px);pointer-events:none}
.compare-line span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--surface);color:var(--text);border:1px solid var(--line)}
.comparison input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize}
.tabs-card,.accordion-card,.counter-card,.testimonial,.system-grid>.card{padding:var(--card-padding)}
.mini-tabs{display:flex;gap:5px;margin:var(--component-gap) 0;padding:5px;background:var(--surface-2);border-radius:14px}
.mini-tabs button{flex:1;border:0;background:transparent;padding:10px;border-radius:10px;font-weight:700}
.mini-tabs button.active{background:var(--surface)}
.tab-panels>div{display:none}
.tab-panels>div.active{display:block}
.tab-panels p{margin-bottom:0}
.accordion-card details{border-top:1px solid color-mix(in srgb,#292622 18%,transparent);padding:17px 0}
.accordion-card details:first-of-type{margin-top:var(--component-gap)}
.accordion-card summary{font-weight:750;cursor:pointer}
.accordion-card p{color:#625c54}
.counter-card{height:100%;display:flex;flex-direction:column;container-type:inline-size;min-width:0}
.counter-card strong{font-size:clamp(3rem,17cqw,5.5rem);line-height:1;margin:var(--component-gap) 0 10px;max-width:100%;overflow-wrap:anywhere}
.progress{height:10px;border-radius:20px;background:var(--surface-2);overflow:hidden;margin-top:auto}
.progress i{display:block;width:var(--value);height:100%;background:var(--accent)}
.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:12px;padding:0 28px 28px}
.pricing-grid>div{min-width:0;padding:27px;border:1px solid var(--line);border-radius:calc(var(--radius) - 7px);display:flex;flex-direction:column}
.pricing-grid .featured{background:var(--surface-2)}
.pricing-grid strong{font-size:4rem;line-height:1;margin-top:28px}
.pricing-grid ul{list-style:none;padding:0;margin:25px 0}
.pricing-grid li{padding:10px 0;border-top:1px solid var(--line)}
.pricing-grid .button{margin-top:auto}
.badge{--badge-color:var(--accent);--badge-ink:#292622;display:inline-flex;align-items:center;justify-content:center;gap:8px;width:max-content;max-width:100%;min-height:36px;padding:8px 13px;border-radius:999px;background:var(--badge-color);color:var(--badge-ink);font-size:16px;font-weight:650;line-height:1.1;white-space:nowrap;vertical-align:middle}
.badge svg{width:18px;height:18px;flex:0 0 auto}
.entry-label{display:inline-flex;align-items:center;gap:7px;width:max-content;max-width:100%}
.entry-label:not(.badge) svg{width:16px;height:16px;flex:0 0 auto}
.badge-builder{padding:var(--card-padding);display:grid;grid-template-columns:minmax(280px,.85fr) minmax(360px,1.15fr);gap:var(--card-padding);align-items:center}
.badge-builder>.button-row{margin-top:26px}
.badge-preview{min-height:170px;padding:28px;border:1px solid var(--line);border-radius:calc(var(--radius) - 8px);background:var(--surface-2);display:flex;align-items:center;justify-content:center}
.badge-controls{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(120px,.65fr);gap:14px;margin-top:14px}
.badge-controls label{display:grid;gap:7px;min-width:0;font-size:1rem;font-weight:750;color:var(--text)}
.badge-controls input[type=text],.badge-controls select{width:100%;min-width:0;min-height:46px;padding:0 12px;border:1px solid var(--line);border-radius:12px;background:var(--bg)}
.badge-controls input[type=color]{width:100%;height:46px;padding:4px;border:1px solid var(--line);border-radius:12px;background:var(--bg);cursor:pointer}
.badge-controls .badge-icon-toggle{display:flex;align-items:center;justify-content:space-between;grid-column:1/-1;padding:11px 13px;border:1px solid var(--line);border-radius:12px;background:var(--bg)}
.badge-controls .badge-icon-toggle input{width:42px;height:22px;margin:0;accent-color:var(--accent)}
@media(max-width:850px){.badge-builder{grid-template-columns:1fr}
.badge-controls{grid-template-columns:1fr}
.badge-controls .badge-icon-toggle{grid-column:auto}
}
.testimonial{display:flex;flex-direction:column;justify-content:space-between}
.quote-mark{font-size:6rem;line-height:.7}
.testimonial blockquote{font-size:clamp(1.5rem,2.5vw,2.5rem);line-height:1.18;margin:var(--component-gap) 0}
.testimonial div{display:grid}
.testimonial div span{color:#655e56}
.logo-cloud{min-height:130px;display:grid;grid-template-columns:repeat(6,1fr);align-items:center;text-align:center;font-weight:800;color:var(--muted)}
.filters{display:flex;gap:5px;padding:5px;border:1px solid var(--line);border-radius:15px;background:var(--surface-2)}
.filters button{border:0;background:transparent;padding:9px 13px;border-radius:10px;font-weight:700}
.filters button.active{background:var(--surface)}
.masonry{columns:3;column-gap:var(--gap)}
.project{break-inside:avoid;margin-bottom:var(--gap);border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);background:var(--surface)}
.project.hidden{display:none}
.project{opacity:1;transform:translateY(0) scale(1);transition:opacity .24s ease,transform .34s cubic-bezier(.22,.75,.22,1);transition-delay:var(--filter-delay,0ms)}
.project.filter-out{opacity:0;transform:translateY(10px) scale(.985);pointer-events:none}
.project.filter-in{opacity:0;transform:translateY(16px) scale(.985)}
.masonry.is-filtering{pointer-events:none}
.project img{height:300px}
.project.tall img{height:480px}
.project>div:not(.project-text){padding:20px 23px 25px}
.project h3{font-size:1.8rem;margin-top:8px}
.project span{font-size:1rem;text-transform:none;letter-spacing:.015em;font-weight:800;color:var(--muted)}
.project-text{padding:var(--card-padding);display:flex;flex-direction:column;justify-content:flex-start}
.project-text p{margin-bottom:0}
.system-grid>.card h3{margin-top:12px}
.system-grid>.card p{margin-bottom:0}
.number{font-weight:800;color:var(--muted)}
.form-card{display:grid;grid-template-columns:1fr 1fr;gap:var(--card-padding)}
.form-card form{display:grid;gap:17px;align-content:start}
.form-card label{display:grid;gap:4px;font-size:1rem;font-weight:750}
.form-card input,.form-card select{width:100%;min-height:50px;border:1px solid var(--line);border-radius:13px;background:var(--bg);color:var(--text);padding:0 13px}
.form-card select{background-color:var(--surface-2)!important;font-weight:650;cursor:pointer}
.form-card form>.button{margin-top:3px}
.cta-section{padding:32px 0 40px}
.cta{padding:var(--card-padding);display:flex;justify-content:space-between;align-items:end;gap:var(--card-padding)}
.cta h2{max-width:800px;margin-top:10px}
.site-footer{border-top:1px solid var(--line);padding:70px 0 25px}
.footer-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(180px,1fr);gap:35px}
.footer-grid>div{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.footer-grid>div:first-child p{max-width:330px}
.footer-grid>div:not(:first-child)>strong{margin-bottom:8px}
.footer-grid a:not(.brand){color:var(--muted)}
.footer-actions-panel{grid-column:1/-1;border-top:1px solid var(--line);padding-top:28px;width:100%}
.footer-actions-heading{display:block;margin-bottom:18px;color:var(--text)}
.footer-action-columns{display:grid;grid-template-columns:repeat(var(--footer-action-columns),minmax(0,1fr));gap:18px 28px;width:100%}
.footer-action-column{display:flex;flex-wrap:wrap;align-content:flex-start;align-items:center;gap:10px}
.footer-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}
.footer-action svg{width:18px;height:18px}
.footer-action-link{padding:8px 0}
.footer-action-button{min-height:44px;padding:9px 16px;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--text)!important}
.footer-action-icon{width:44px;height:44px;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--text)!important}
.footer-action:hover{color:var(--text)!important;transform:translateY(-1px)}
.footer-bottom{border-top:1px solid var(--line);margin-top:55px;padding-top:22px;display:flex;justify-content:space-between;color:var(--muted);font-size:1rem}
@media(max-width:900px){.footer-actions-stack-900 .footer-action-columns{grid-template-columns:1fr}}
@media(max-width:700px){.footer-actions-stack-700 .footer-action-columns{grid-template-columns:1fr}}
@media(max-width:600px){.footer-actions-stack-600 .footer-action-columns{grid-template-columns:1fr}}
.customizer{position:fixed;top:0;right:0;bottom:0;width:min(420px,92vw);background:var(--surface);z-index:101;transform:translateX(105%);transition:transform .35s ease;border-left:1px solid var(--line);overflow:auto}
.customizer.open{transform:none}
.panel-backdrop{position:fixed;inset:0;background:#18171388;z-index:100;opacity:0;pointer-events:none;transition:.3s}
.panel-backdrop.open{opacity:1;pointer-events:auto}
.customizer-head{position:sticky;top:0;background:var(--surface);padding:25px;display:flex;justify-content:space-between;border-bottom:1px solid var(--line);z-index:2}
.customizer-head h3{font-size:1.8rem;margin-top:6px}
.customizer-body{padding:25px;display:grid;gap:27px}
.customizer fieldset{border:0;padding:0;margin:0}
.customizer legend,.customizer-body>label{font-weight:750}
.customizer-body>label{display:grid;grid-template-columns:1fr auto;gap:10px}
.customizer input[type=range]{grid-column:1/-1;width:100%;accent-color:var(--accent)}
.swatches{display:flex;gap:9px;margin-top:12px}
.swatches button{width:44px;height:44px;border-radius:14px;background:var(--sw);border:3px solid transparent}
.swatches button.active{border-color:var(--text)}
.switch-row{display:flex!important;grid-template-columns:none!important;justify-content:space-between}
.switch-row input{width:42px;height:22px;accent-color:var(--accent)}
.modal{position:fixed;inset:0;background:#161513dd;z-index:110;display:grid;place-items:center;opacity:0;pointer-events:none;transition:.3s}
.modal.open{opacity:1;pointer-events:auto}
.modal-box{width:min(900px,90vw);aspect-ratio:16/9;background:var(--dark);border-radius:var(--radius);display:grid;place-items:center}
.video-preview{text-align:center;color:white}
.video-preview span{font-size:4rem}
.modal-close{position:absolute;right:25px;top:20px;background:none;border:0;color:white;font-size:2.5rem}
.popup{position:fixed;left:50%;top:50%;transform:translate(-50%,-45%) scale(.96);width:min(500px,calc(100vw - 40px));padding:38px;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:var(--radius);z-index:115;opacity:0;pointer-events:none;transition:.3s}
.popup.open{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}
.popup>button{position:absolute;right:15px;top:12px;border:0;background:none;font-size:1.8rem}
.popup h3{margin:35px 0 13px}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease}
.reveal.visible{opacity:1;transform:none}

.brand-mark{padding:9px}
.brand-icon{display:block;width:100%;height:100%;color:var(--text)}
.button,.text-link,.number{gap:8px}
.icon-btn,.play,.modal-close,.popup>button{display:inline-grid;place-items:center}
.icon-btn svg{width:18px;height:18px}
.button svg,.text-link svg{width:17px;height:17px;flex:0 0 auto}
.play svg{width:25px;height:25px;fill:currentColor}
.compare-line svg{width:21px;height:21px}
.number{display:flex;align-items:center}
.number svg{width:18px;height:18px}
.icon-library-card{padding:var(--card-padding);display:grid;grid-template-columns:minmax(260px,.8fr) 1.2fr;gap:var(--card-padding);align-items:center}
.icon-library-copy h3{margin:12px 0}
.icon-library-copy p{margin-bottom:0}
.icon-library-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.icon-library-grid span{min-height:92px;padding:14px;border:1px solid var(--line);border-radius:calc(var(--radius) - 10px);background:var(--surface-2);display:flex;flex-direction:column;justify-content:space-between;font-weight:700;font-size:1rem}
.icon-library-grid svg{width:25px;height:25px}
.video-preview span svg{width:64px;height:64px}
.popup>button svg,.modal-close svg{width:26px;height:26px}
.text-link{display:inline-flex;align-items:center}
@media(max-width:850px){.icon-library-card{grid-template-columns:1fr}
.icon-library-grid{grid-template-columns:repeat(2,1fr)}
}



@media(max-width:1050px){.product-grid{grid-template-columns:repeat(2,1fr)}
.product-carousel-track .product-card{flex-basis:calc((100% - 12px)/2)}
.tab-nav{order:3;width:100%;overflow:auto}
.header-inner{flex-wrap:wrap;padding:15px 0}
.span-3{grid-column:span 6}
.span-4,.span-5,.span-7,.span-8{grid-column:span 6}
.hero-main,.hero-preview{grid-column:span 12}
.hero-preview{min-height:380px}
.logo-cloud{grid-template-columns:repeat(3,1fr);gap:25px}
.masonry{columns:2}
.section-heading{align-items:flex-start;flex-direction:column}
.filters{overflow:auto;max-width:100%}
}

@media(max-width:700px){.highlight-grid,.shop-categories{grid-template-columns:1fr}
.product-grid{grid-template-columns:1fr;padding-inline:18px}
.product-carousel-window{padding-inline:18px}
.product-carousel-track .product-card{flex-basis:100%}
.product-toolbar{padding-inline:18px}
.content-toolbar{align-items:stretch}
.content-toolbar-left,.content-toolbar-right{width:100%}
.sort-wrap{width:100%}
.sort-control{flex:1}
.highlight-primary img{height:280px}
.container{width:min(calc(100% - 24px),var(--container))}
.header-tools{margin-left:auto}
.tab-nav{border-radius:14px}
.section-fill{padding:28px 0}
.section-hug{padding:48px 0}
.bento-grid{grid-template-columns:1fr}
.span-3,.span-4,.span-5,.span-7,.span-8,.span-12{grid-column:auto}
.hero-main{min-height:480px;padding:var(--card-padding)}
.hero-preview{min-height:380px}
.metric{min-height:145px}
.card-topline{flex-direction:column}
.image-card img,.carousel-track img,.video-poster{height:300px}
.comparison{margin:0 12px;height:430px}
.pricing-grid,.form-card{grid-template-columns:1fr}
.logo-cloud{grid-template-columns:repeat(2,1fr)}
.masonry{columns:1}
.cta{align-items:flex-start;flex-direction:column}
.footer-grid{grid-template-columns:1fr 1fr}
.footer-grid>div:first-child{grid-column:1/-1}
.footer-bottom{flex-direction:column;gap:7px}
h1{font-size:3.35rem}
.site-footer{padding-top:55px}
}


/* Interactive motion: controls only; bento boxes and tab items remain still */
.lucide{stroke-width:var(--icon-stroke)!important}

.button,.icon-btn,.play,.modal-close,.popup>button,.text-link{transition:transform .18s ease,filter .18s ease,background-color .18s ease,border-color .18s ease,color .18s ease}

.button:hover,.icon-btn:hover,.play:hover,.modal-close:hover,.popup>button:hover{transform:translateY(-1px);filter:brightness(.93)}

.button:active,.icon-btn:active,.play:active,.modal-close:active,.popup>button:active{transform:translateY(0);filter:brightness(.88)}

.tab-nav a,.mini-tabs button,.filters button,.vertical-tabs button,.header-socials .social-btn{transition:transform .16s ease,filter .16s ease,background-color .16s ease,color .16s ease}
.tab-nav a:hover,.mini-tabs button:hover,.filters button:hover,.vertical-tabs button:hover,.header-socials .social-btn:hover{transform:translateY(-1px);filter:brightness(.94)}

.tab-nav a.active{background:var(--nav-active);color:var(--text)}

.mini-tabs button.active,.filters button.active{background:var(--surface);color:var(--text)}

.text-link{position:relative;padding:5px 8px;margin-left:-8px;border-radius:9px}

.text-link:hover{background:var(--surface-2);transform:translateX(2px)}

.text-link::after{content:"";position:absolute;left:8px;right:8px;bottom:3px;height:1.5px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .2s ease}

.text-link:hover::after{transform:scaleX(1)}

.carousel-controls{display:flex;align-items:center;gap:10px}

.carousel-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:2px 28px 24px}

.carousel-footer .carousel-dots{padding:0}

.carousel-footer .carousel-controls{margin-left:auto}

.product-carousel-footer{padding-top:0}

.product-carousel-window:has(+ .product-carousel-footer){padding-bottom:12px}

.card:hover{transform:none;box-shadow:none}


/* Simple tab content crossfade without moving selection indicators */
.tab-panels{position:relative}

.tab-panels>div{display:none}

.tab-panels>div.active{display:block}

.tab-panels>div.tab-fading{opacity:0;transition:opacity .14s ease}

.tab-panels>div.tab-fade-in{animation:tabPanelFade .24s ease both}

@keyframes tabPanelFade{from{opacity:0}
to{opacity:1}
}

body.no-motion .tab-panels>div{animation:none!important;transition:none!important}



/* Expanded builder element library */
.element-library{border-top:1px solid var(--line)}
.element-toolbar{padding:14px 18px;margin-bottom:var(--gap);display:flex;align-items:center;justify-content:space-between;gap:18px}
.element-search{display:flex;align-items:center;gap:10px;flex:1}
.element-search svg{width:18px}
.element-search input{width:100%;border:0;background:transparent;outline:0;font-size:1rem}
.element-showcase{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--gap)}
.element-demo{padding:var(--card-padding);min-height:300px}
.element-demo.is-search-hidden{display:none}
.element-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:var(--component-gap)}
.element-head h3{margin-top:8px;font-size:clamp(1.7rem,2.4vw,2.5rem)}
.type-playground{padding:26px;border-radius:calc(var(--radius) - 8px);background:var(--surface-2)}
.animated-heading{font-size:clamp(2.1rem,4vw,4rem);line-height:1.05;color:var(--text);font-weight:800;letter-spacing:-.04em;margin:0}
.animated-heading span{color:var(--accent)}
mark{background:var(--butter);color:inherit;padding:.05em .2em;border-radius:.25em}
.soft-divider{display:flex;align-items:center;gap:14px;color:var(--muted);font-size:1rem;font-weight:700;text-transform:none;letter-spacing:.015em}
.soft-divider:before,.soft-divider:after{content:"";height:1px;background:var(--line);flex:1}
.marquee{overflow:hidden;margin:22px -28px -28px;padding:13px 0;border-top:1px solid var(--line);white-space:nowrap}
.marquee div{display:inline-block;animation:marquee 22s linear infinite;color:var(--muted);font-size:1rem;font-weight:700;letter-spacing:.035em}
.breadcrumbs{display:flex;align-items:center;gap:6px;flex-wrap:wrap;color:var(--muted);font-size:1rem}
.breadcrumbs svg{width:14px}
.primitive-row{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:var(--component-gap) 0}
.alert-box{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px;border-radius:15px;background:var(--sage);color:#292622}
.alert-box span{display:grid}
.alert-box small{opacity:.7}
.alert-box button{border:0;background:transparent}
.alert-box.is-dismissed{display:none}
.vertical-tabs{display:grid;grid-template-columns:145px 1fr;gap:18px}
.vertical-tabs>[role=tablist]{display:grid;gap:5px;align-content:start;padding:5px;border-radius:15px;background:var(--surface-2)}
.vertical-tabs button{border:0;background:transparent;border-radius:11px;padding:11px;text-align:left;font-weight:700;color:var(--muted)}
.vertical-tabs button.active{background:var(--surface);color:var(--text)}
.vertical-tab-panels>div{display:none;min-height:170px;padding:22px;border:1px solid var(--line);border-radius:16px}
.vertical-tab-panels>div.active{display:grid;align-content:center;gap:8px;animation:softFade .3s ease}
.vertical-tab-panels svg{width:28px}
.vertical-tab-panels p{margin:0}
.countdown{padding:8px 11px;border-radius:12px;background:var(--surface-2);font-size:1rem;white-space:nowrap}
.data-grid{display:grid;grid-template-columns:160px 1fr 1fr;align-items:center;gap:26px}
.donut{width:150px;aspect-ratio:1;border-radius:50%;background:conic-gradient(var(--accent) calc(var(--value)*1%),var(--surface-2) 0);display:grid;place-items:center}
.donut:before{content:"";width:112px;aspect-ratio:1;border-radius:50%;background:var(--surface);grid-area:1/1}
.donut span{grid-area:1/1;z-index:1;text-align:center;display:grid}
.donut strong{font-size:1.7rem}
.bar-chart{height:160px;display:flex;align-items:end;gap:10px;padding:15px;border-bottom:1px solid var(--line)}
.bar-chart i{flex:1;height:var(--h);border-radius:8px 8px 2px 2px;background:var(--accent)}
.levels{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.levels li{display:flex;align-items:center;gap:10px;padding:11px;border-radius:12px;background:var(--surface-2);color:var(--muted)}
.levels span{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line);font-size:1rem}
.levels .done{color:var(--text)}
.levels .done span{background:var(--sage)}
.gallery-controls{display:flex;gap:8px}
.gallery-stack{height:310px;position:relative}
.gallery-stack figure{position:absolute;inset:0;margin:0;border-radius:18px;display:grid;place-items:center;opacity:0;transform:scale(.97);transition:opacity .35s ease,transform .35s ease}
.gallery-stack figure.active{opacity:1;transform:none}
.gallery-stack svg{width:64px;height:64px}
.gallery-stack figcaption{position:absolute;left:18px;bottom:15px;font-weight:750}
.story-ring{display:flex;align-items:center;gap:13px;margin-bottom:20px}
.story-ring button{width:74px;height:74px;padding:4px;border-radius:50%;border:2px solid var(--accent);background:transparent}
.story-ring button span{height:100%;border-radius:50%;background:var(--surface-2);display:grid;place-items:center}
.story-ring div{display:grid}
.event-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;padding:15px;border:1px solid var(--line);border-radius:16px}
.event-date{width:52px;height:56px;border-radius:12px;background:var(--peach);display:grid;place-items:center;line-height:1;font-size:1rem}
.event-date b{font-size:1.35rem}
.event-card div{display:grid}
.feature-list{list-style:none;padding:0;margin:0;display:grid;gap:11px}
.feature-list li{display:flex;gap:13px;align-items:center;padding:14px;border-radius:15px;background:var(--surface-2)}
.feature-list li>span{width:40px;height:40px;border-radius:12px;background:var(--surface);display:grid;place-items:center}
.feature-list div{display:grid}
.review-card{margin:0;padding:22px;border-radius:16px;background:var(--surface-2)}
.review-card p{font-size:1.1rem;color:var(--text)}
.review-card footer{display:flex;align-items:center;gap:11px}
.avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--lilac);font-weight:800}
.review-card footer div{display:grid}
.stars{letter-spacing:.08em;color:#9a6d22}
.client-cloud-mini{margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}
.client-cloud-mini>span{display:block;margin-bottom:10px;color:var(--muted);font-size:1rem;font-weight:650}
.client-cloud-mini div{display:flex;flex-wrap:wrap;gap:8px}
.client-cloud-mini b{display:inline-flex;align-items:center;min-height:34px;padding:0 12px;border:1px solid var(--line);border-radius:11px;background:var(--surface);color:var(--muted);font-size:1rem;font-weight:650}
.query-card{display:grid;grid-template-columns:86px 1fr;gap:14px;align-items:stretch;padding:12px 0;border-top:1px solid var(--line)}
.query-card:first-of-type{border-top:0}
.query-thumb{height:100%;min-height:88px;border-radius:14px;display:grid;place-items:center}
.query-card>div:last-child{display:grid;align-content:center;justify-items:start;gap:6px;min-width:0}
.query-card strong{line-height:1.22}
.query-card small{line-height:1.2}
.query-card .badge{min-height:38px;padding:8px 14px;line-height:1.15;margin-bottom:2px}
.product-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.product-mini{padding:14px;border:1px solid var(--line);border-radius:17px;display:grid;gap:9px}
.product-mini>div{height:110px;border-radius:13px;display:grid;place-items:center}
.product-mini>div svg{width:40px;height:40px}
.featured-product{background:var(--butter)}
.product-mini .button{min-height:42px;margin-top:6px}
.map-embed{height:265px;position:relative;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:var(--surface-2)}
.map-embed iframe{display:block;width:100%;height:100%;border:0;filter:saturate(.72) contrast(.96)}
.map-location-card{position:absolute;z-index:2;left:15px;bottom:15px;display:grid;gap:1px;max-width:calc(100% - 30px);padding:10px 13px;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--surface) 94%,transparent);box-shadow:0 4px 15px #0001;backdrop-filter:blur(8px)}
.map-location-card small{color:var(--muted)}
.component-inventory{margin-top:var(--gap);padding:var(--card-padding);display:grid;grid-template-columns:280px 1fr;gap:var(--card-padding)}
.component-inventory h3{margin-top:8px}
.inventory-chips{display:flex;flex-wrap:wrap;gap:7px;align-content:start}
.inventory-chips span{padding:7px 10px;border-radius:10px;background:var(--surface-2);font-size:1rem;font-weight:700;color:var(--muted)}

@keyframes marquee{to{transform:translateX(-50%)}
}
@keyframes softFade{from{opacity:0;transform:translateY(5px)}
to{opacity:1;transform:none}
}

@media(max-width:900px){.element-showcase{grid-template-columns:1fr}
.element-showcase>.span-4,.element-showcase>.span-5,.element-showcase>.span-7,.element-showcase>.span-8{grid-column:auto}
.data-grid{grid-template-columns:150px 1fr}
.levels{grid-column:1/-1}
.component-inventory{grid-template-columns:1fr}
}

@media(max-width:620px){.element-toolbar{align-items:flex-start;flex-direction:column}
.vertical-tabs{grid-template-columns:1fr}
.vertical-tabs>[role=tablist]{grid-template-columns:repeat(3,1fr)}
.vertical-tabs button{text-align:center}
.data-grid,.product-strip{grid-template-columns:1fr}
.donut{margin:auto}
.gallery-stack{height:240px}
.component-inventory{padding:24px}
}



/* Dark-mode-safe panel color system */
.tone-sage{--tone-base:var(--sage);--tone-darken:var(--sage-darken)}

.tone-butter{--tone-base:var(--butter);--tone-darken:var(--butter-darken)}

.tone-peach{--tone-base:var(--peach);--tone-darken:var(--peach-darken)}

.tone-lilac{--tone-base:var(--lilac);--tone-darken:var(--lilac-darken)}

.tone-blue{--tone-base:var(--blue);--tone-darken:var(--blue-darken)}

.tone-rose{--tone-base:var(--rose);--tone-darken:var(--rose-darken)}

.tone-sage,.tone-butter,.tone-peach,.tone-lilac,.tone-blue,.tone-rose{background:var(--tone-base);color:#292622}

[data-theme=dark] .tone-sage,[data-theme=dark] .tone-butter,[data-theme=dark] .tone-peach,[data-theme=dark] .tone-lilac,[data-theme=dark] .tone-blue,[data-theme=dark] .tone-rose{
  background:color-mix(in srgb,var(--tone-base),#171715 var(--tone-darken));
  color:#f7f0e7;
  border-color:color-mix(in srgb,var(--tone-base) 20%,var(--line));
}

[data-theme=dark] :is(.tone-sage,.tone-butter,.tone-peach,.tone-lilac,.tone-blue,.tone-rose) :is(p,small,.subtle,.card-caption span,.eyebrow,.mini-label,.project-text span,.metric span){color:#d6cec3}

[data-theme=dark] :is(.tone-sage,.tone-butter,.tone-peach,.tone-lilac,.tone-blue,.tone-rose) :is(h1,h2,h3,strong,blockquote,.text-link){color:#f7f0e7}

[data-theme=dark] .project :is(h3,p){color:#f7f0e7}

[data-theme=dark] .project .project-text>span{color:#d6cec3}

[data-theme=dark] .hero-main .button.secondary{background:#282622;border-color:#4e4942;color:#f7f0e7}

[data-theme=dark] .hero-main .button.secondary:hover{background:#34312c}

[data-theme=dark] .metric strong{color:#f7f0e7}

[data-theme=dark] .accordion-card details{border-color:rgba(247,240,231,.18)}

[data-theme=dark] .accordion-card p{color:#d6cec3}

[data-theme=dark] .featured-product{color:#f7f0e7}

[data-theme=dark] .featured-product small{color:#d6cec3}


/* Restore the rounded accent tile behind the Bento mark */
.brand-mark{background:var(--accent);color:var(--accent-ink);border:1px solid color-mix(in srgb,var(--accent) 72%,var(--line));padding:9px}

.brand-icon{width:100%;height:100%;display:block}

[data-theme=dark] .brand-mark{background:color-mix(in srgb,var(--accent) 76%,#171715 24%);color:#f7f0e7;border-color:color-mix(in srgb,var(--accent) 52%,var(--line))}


/* Per-color dark-mode controls */
.tone-controls{display:grid;gap:14px;margin-top:14px}

.tone-control{display:grid;grid-template-columns:minmax(74px,1fr) 46px 1.55fr auto;align-items:center;gap:9px;font-weight:650}

.tone-control input[type=color]{width:42px;height:36px;padding:3px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}

.tone-control input[type=range]{grid-column:auto;width:100%}

.tone-control output{min-width:42px;text-align:right;color:var(--muted);font-size:1rem}

.customizer-note{margin:10px 0 0;font-size:1rem;color:var(--muted);line-height:1.35}

@media(max-width:460px){.tone-control{grid-template-columns:1fr 44px}
.tone-control input[type=range]{grid-column:1/-1}
.tone-control output{grid-column:2;grid-row:2}
}


/* Dark-mode component contrast refinements */
[data-theme=dark] :is(h1,h2,h3,h4,h5,h6){
  color:var(--text);
}

[data-theme=dark] .testimonial div span{
  color:var(--muted);
}

[data-theme=dark] .levels .done span,
[data-theme=dark] .avatar{
  color:#292622;
}

[data-theme=dark] .stars{
  color:#f2c15d;
}

[data-theme=dark] mark{
  background:color-mix(in srgb,var(--butter),#171715 18%);
  color:#292622;
}

[data-theme=dark] .event-date{
  background:color-mix(in srgb,var(--peach),#171715 28%);
  color:#292622;
  border:1px solid color-mix(in srgb,var(--peach) 54%,var(--line));
}

.event-date{align-content:center;justify-items:center;gap:1px;padding:6px 0}

.event-date b{display:block;line-height:.95}

.event-date{line-height:.95}

[data-theme=dark] .featured-product{
  background:color-mix(in srgb,var(--butter),#171715 66%);
  border-color:color-mix(in srgb,var(--butter) 30%,var(--line));
  color:#f7f0e7;
}

[data-theme=dark] .featured-product>div{
  background:color-mix(in srgb,var(--sage),#171715 72%);
  color:#f7f0e7;
}

[data-theme=dark] .featured-product strong{color:#f7f0e7}

[data-theme=dark] .featured-product small{color:#d6cec3}

[data-theme=dark] .featured-product .button.primary{
  background:var(--accent);
  border-color:var(--accent);
  color:var(--accent-ink);
}



/* Keep the Bento glyph dark in every theme */
.brand-mark,.brand-icon,[data-theme=dark] .brand-mark{color:#292622}


/* Mobile navigation */
.mobile-menu-toggle{display:none}

.mobile-menu-backdrop{position:fixed;inset:0;background:#17161499;z-index:90;opacity:0;pointer-events:none;transition:opacity .25s ease}

.mobile-menu-backdrop.open{opacity:1;pointer-events:auto}

.mobile-menu{position:fixed;z-index:91;left:12px;right:12px;top:12px;padding:22px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);transform:translateY(-18px) scale(.98);opacity:0;pointer-events:none;transition:opacity .25s ease,transform .25s ease}

.mobile-menu.open{opacity:1;transform:none;pointer-events:auto}

.mobile-menu-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:20px;border-bottom:1px solid var(--line)}

.mobile-menu-head h3{font-size:1.8rem;margin-top:6px}

.mobile-menu nav{display:grid;gap:7px;padding-top:14px}

.mobile-menu nav a{min-height:50px;padding:0 14px;border-radius:14px;display:flex;align-items:center;gap:12px;color:var(--muted);font-weight:700}

.mobile-menu nav a.active{background:var(--nav-active);color:var(--text)}

.mobile-menu nav svg{width:19px;height:19px}

body.mobile-menu-open{overflow:hidden}


@media(max-width:900px){
 .tab-nav{display:none!important}

 .mobile-menu-toggle{display:inline-grid}

 .header-inner{flex-wrap:nowrap;padding-block:var(--header-padding-y)}

 .header-tools{margin-left:auto}

}

@media(min-width:901px){.mobile-menu,.mobile-menu-backdrop{display:none!important}
}

/* Popup Builder: explicit structure prevents margin overrides and guarantees body-to-button spacing. */
.popup-demo{display:flex;flex-direction:column;padding:var(--card-padding)}

.popup-demo .mini-label{margin:0 0 12px;color:#d7cec2}

.popup-demo-copy{display:grid;gap:18px;margin-bottom:24px}

.popup-demo-copy h3,.popup-demo-copy p{margin:0}

.popup-demo-copy h3{color:#fffaf2}

.popup-demo-copy p{color:#d7cec2;line-height:1.42}

.popup-demo .button{margin:auto 0 0;padding-top:0}



/* Header identity customization */
.site-header .brand-copy{display:grid;line-height:1.15}

.site-header .brand-title,.site-header .brand-subtitle{display:block}

.site-header .brand-mark.is-image{padding:0;background:transparent!important;border-color:transparent!important;overflow:hidden}

.site-header .brand-custom-image{width:100%;height:100%;object-fit:cover;border-radius:inherit}
.site-header .brand-custom-image[hidden],.site-header .brand-icon[hidden]{display:none!important}

.site-header .brand-mark[hidden],.site-header .brand-copy[hidden],.site-header .brand-title[hidden],.site-header .brand-subtitle[hidden]{display:none!important}
.theme-toggle-simple [data-theme-icon]{grid-area:1/1}
[data-theme=light] .theme-toggle-simple [data-theme-icon=sun],
[data-theme=dark] .theme-toggle-simple [data-theme-icon=moon]{display:none}
.theme-mode-switch{display:flex;align-items:center;gap:4px;height:52px;padding:5px;border:1px solid var(--line);border-radius:18px;background:var(--surface-2)}
.theme-mode-switch button{width:38px;height:40px;padding:0;border:0;border-radius:12px;background:transparent;color:var(--muted);display:grid;place-items:center}
.theme-mode-switch button:hover{color:var(--text);background:color-mix(in srgb,var(--surface) 60%,transparent)}
.theme-mode-switch button.active{color:var(--accent-ink);background:var(--accent)}
.theme-mode-switch svg{width:18px;height:18px}
.nav-page-group{position:relative}
.nav-page-submenu{position:absolute;z-index:12;top:calc(100% + 8px);left:0;display:grid;min-width:190px;padding:7px;border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:0 14px 35px #1716141f;opacity:0;visibility:hidden;transform:translateY(-5px);transition:opacity .18s ease,transform .18s ease,visibility .18s}
.nav-page-group:hover .nav-page-submenu,.nav-page-group:focus-within .nav-page-submenu{opacity:1;visibility:visible;transform:none}
.nav-page-submenu a{white-space:nowrap}

.brand-options{display:grid;gap:13px;margin-top:13px}

.brand-options .switch-row{padding:0}

.brand-options label:not(.switch-row){display:grid;gap:7px;font-weight:700}

.brand-options select,.brand-options input[type=file]{width:100%;min-height:44px;padding:8px 10px;border:1px solid var(--line);border-radius:12px;background:var(--bg)}

.brand-image-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}

.brand-image-actions .button{min-height:42px}

.brand-options small{color:var(--muted);line-height:1.35}


/* Smooth native accordion enhancement */
.accordion-card details{overflow:hidden}

.accordion-card summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px}

.accordion-card summary::-webkit-details-marker{display:none}

.accordion-card summary::after{content:"+";font-size:1.35rem;font-weight:600;line-height:1;transition:transform .32s cubic-bezier(.22,.75,.22,1)}

.accordion-card details.is-open summary::after{transform:rotate(45deg)}

.accordion-content{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .34s cubic-bezier(.22,.75,.22,1),opacity .24s ease}

.accordion-content-inner{overflow:hidden}

.accordion-card details.is-open>.accordion-content{grid-template-rows:1fr;opacity:1}

.accordion-card .accordion-content p{margin:12px 0 1px}


/* Navbar page links are actions, not scroll tabs */
.tab-nav a.nav-subpage{display:inline-flex;align-items:center;gap:7px}

.tab-nav a.nav-subpage svg{width:16px;height:16px}

.mobile-menu a.nav-subpage{border-top:0;margin-top:0;padding-top:0}




/* Optional header social links */
.mobile-socials{display:flex;gap:8px;margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}

.mobile-socials .icon-btn{display:grid;place-items:center}

.mobile-socials[hidden]{display:none!important}

@media(max-width:900px){.header-socials{display:none!important}
}

/* Optional contained floating header */
:root{--theme-transition-duration:.4s;--floating-header-threshold:160px}

.site-header{transition:background-color .38s ease,border-bottom-color .38s ease,backdrop-filter .38s ease,padding-top .38s ease}

.header-inner{transition:background-color .38s ease,border-color .38s ease,border-radius .38s ease,box-shadow .38s ease,min-height .38s ease,padding .38s ease,transform .38s ease}

.site-header.floating-header-enabled.is-floating{background:transparent;border-bottom-color:transparent;backdrop-filter:none;padding-top:12px}

.site-header.floating-header-enabled.is-floating .header-inner{min-height:66px;padding:var(--header-padding-y) 14px;background:color-mix(in srgb,var(--surface) 92%,transparent);border-color:var(--line);border-radius:20px;box-shadow:0 10px 30px color-mix(in srgb,#171715 14%,transparent);backdrop-filter:blur(16px)}

@media(max-width:700px){.site-header.floating-header-enabled.is-floating{padding-top:0;background:color-mix(in srgb,var(--bg) 94%,transparent);border-bottom-color:var(--line);backdrop-filter:blur(14px)}
.site-header.floating-header-enabled.is-floating .header-inner{min-height:82px;padding-block:var(--header-padding-y);background:transparent;border:0;border-radius:0;box-shadow:none;backdrop-filter:none}
}


/* Smooth light/dark crossfade, controlled from Customize */
::view-transition-old(root),::view-transition-new(root){animation-duration:var(--theme-transition-duration);animation-timing-function:ease-in-out}

body.theme-color-transition,
body.theme-color-transition :is(.site-header,.header-inner,.card,.tab-nav,.mobile-menu,.customizer,.panel-backdrop,.button,.icon-btn,input,select,.badge,.event-date,.mini-browser,.project,.filters,.accordion-card details,.popup){transition-property:background-color,color,border-color,box-shadow,fill,stroke;transition-duration:var(--theme-transition-duration);transition-timing-function:ease-in-out}



/* Header control order and Font Awesome brand socials */
.header-tools{margin-left:auto;display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0}

.header-tools>[data-theme-toggle]{order:2}
.header-tools>.theme-mode-switch{order:2}

.header-tools>.tab-nav{order:3;width:auto;flex:0 1 auto;height:52px;min-height:52px;box-sizing:border-box;align-items:center}

.header-tools>.header-socials{order:4}

.header-tools>.mobile-menu-toggle{order:5}

.header-socials{display:flex;align-items:center;gap:5px;padding:6px;border:1px solid var(--line);background:var(--surface-2);border-radius:18px;height:52px;min-height:52px;box-sizing:border-box}

.header-socials .social-btn{display:grid;place-items:center;width:36px;height:36px;min-width:36px;min-height:36px;border:0;background:transparent;border-radius:12px;color:var(--muted);font-size:18px;line-height:1}
.header-socials .fa-brands,.mobile-socials .fa-brands{display:block;font-family:"Font Awesome 6 Brands"!important;font-style:normal;font-weight:400;line-height:1}


.mobile-socials .fa-brands{font-size:18px}


.plan-name-row{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.plan-name-row>.plan-name{font-weight:750}
.plan-name-row .badge{min-height:32px;padding:6px 10px;font-size:14px}
.content-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:22px}
.content-toolbar-left,.content-toolbar-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.sort-control{min-height:42px;border:0;background:transparent;padding:9px 13px;border-radius:10px;font-weight:700;display:inline-flex;align-items:center;gap:7px}
.sort-wrap{display:flex;align-items:center;gap:8px}
.sort-wrap label{font-weight:700;color:var(--muted)}
.sort-control{border:1px solid var(--line);background:var(--surface);padding-right:34px}
.portfolio-highlight{margin-top:var(--gap);padding:var(--card-padding)}
.portfolio-highlight-heading{width:100%}
.card-label-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;width:100%}
.card-label-row .badge{flex:0 0 auto}
.highlight-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:var(--gap);margin-top:24px}
.highlight-primary,.highlight-secondary{border:1px solid var(--line);border-radius:calc(var(--radius) - 7px);overflow:hidden;background:var(--surface-2)}
.highlight-primary img{height:360px}
.highlight-secondary img{height:190px}
.highlight-copy{padding:24px}
.highlight-copy h3{margin:9px 0 12px}
.highlight-copy p{margin:0}
.commerce-showcase{display:grid;gap:var(--gap)}
.shop-categories{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap)}
.shop-category{min-height:230px;padding:var(--card-padding);position:relative;overflow:hidden;display:flex;align-items:flex-end}
.shop-category img{position:absolute;inset:0;height:100%;filter:saturate(.72)}
.shop-category:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(25,23,20,.72))}
.shop-category>div{position:relative;z-index:1;color:#fff}
.shop-category h3{font-size:1.8rem;margin-top:7px;color:#fff}
.product-toolbar{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;padding:28px 28px 0}
.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:24px 28px 28px}
.product-card{border:1px solid var(--line);border-radius:calc(var(--radius) - 8px);overflow:hidden;background:var(--surface);display:flex;flex-direction:column}
.product-media{position:relative}
.product-media img{height:235px}
.product-badge{position:absolute;top:12px;left:12px}
.product-actions{position:absolute;right:12px;top:12px;display:grid;gap:7px}
.product-actions button{width:36px;height:36px;min-height:36px;border-radius:11px;background:color-mix(in srgb,var(--surface) 90%,transparent)}
.product-copy{padding:18px;display:flex;flex-direction:column;gap:7px;flex:1}
.product-copy h3{font-size:1.25rem;letter-spacing:-.02em}
.product-copy p{margin:0;font-size:1rem}
.product-price{display:flex;align-items:center;gap:8px;margin-top:auto;padding-top:12px}
.product-price strong{font-size:1.18rem}
.product-price del{color:var(--muted);font-size:1rem}
.product-copy .button{margin-top:12px;min-height:42px}

/* Accessible body-copy floor for compact cards and supporting labels. */
small,.feature-list small,.product-mini small,.query-card small,.event-card small,.story-ring small,.map-location-card small{font-size:1rem;line-height:1.35}
.feature-list div,.product-mini,.query-card>div:last-child{min-width:0}
.feature-list small,.product-mini small,.query-card strong{overflow-wrap:anywhere}
.plan-name-row .badge{font-size:1rem}
@media(max-width:1050px) and (min-width:701px){.header-inner{flex-wrap:nowrap}
.header-tools{overflow:hidden}
.header-tools>.tab-nav{width:auto;overflow:auto;order:3}
.tab-nav a{white-space:nowrap;padding-inline:11px}
}

@media(max-width:900px){.header-tools>.tab-nav,.header-tools>.header-socials{display:none!important}
.header-tools>.mobile-menu-toggle{display:inline-grid}
.header-tools{overflow:visible}
}

@media(max-width:1200px) and (min-width:901px){
 .header-inner{flex-wrap:nowrap}
 .header-tools{flex:1 1 auto}
 .header-tools>.header-socials{display:none}
 .header-tools>.tab-nav{display:flex;flex:1 1 auto;width:auto;min-width:0;max-width:none;overflow-x:auto;overflow-y:hidden}
}



/* Optional leading icons for buttons and navigation elements */
.button{gap:8px}

.optional-button-icon,.optional-nav-icon,.optional-tab-icon{display:none;width:1em;height:1em;flex:0 0 auto;pointer-events:none}

.tab-nav a,.mini-tabs button,.filters button,.vertical-tabs button{align-items:center;justify-content:center;gap:8px}

.tab-nav a{display:inline-flex}

.mini-tabs button,.filters button,.vertical-tabs button{display:inline-flex}

html.show-regular-button-icons .button .optional-button-icon,
html.show-header-nav-icons .tab-nav .optional-nav-icon,
html.show-component-nav-icons :is(.mini-tabs,.filters,.vertical-tabs) .optional-tab-icon{display:inline-flex}

/* Header language selector */
.header-tools>.language-switcher{order:4}
.header-tools>.header-socials{order:5}
.header-tools>.mobile-menu-toggle{order:6}
.language-switcher{position:relative;flex:0 0 auto}
.language-switcher-toggle{height:52px;padding:0 14px;border:1px solid var(--line);border-radius:18px;background:var(--surface-2);color:var(--muted);display:flex;align-items:center;gap:9px;font:inherit;font-weight:700;cursor:pointer}
.language-switcher-toggle:hover,.language-switcher.open .language-switcher-toggle{background:var(--surface);color:var(--text)}
.language-flag{display:block;width:20px;height:15px;object-fit:cover;border-radius:4px;box-shadow:none}
.language-switcher-toggle svg{width:16px;height:16px;transition:transform .2s ease}
.language-switcher.open .language-switcher-toggle>svg{transform:rotate(180deg)}
.language-switcher-menu{position:absolute;top:calc(100% + 10px);right:0;width:190px;padding:7px;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:0 16px 42px #17171520;opacity:0;visibility:hidden;transform:translateY(-6px);transition:.2s ease;z-index:82}
.language-switcher.open .language-switcher-menu{opacity:1;visibility:visible;transform:none}
.language-switcher-menu a{min-height:42px;padding:0 11px;border-radius:10px;display:flex;align-items:center;gap:10px;color:var(--muted);font-weight:700}
.language-switcher-menu a:hover,.language-switcher-menu a.active{background:var(--surface-2);color:var(--text)}
.language-switcher-menu a>svg{width:16px;height:16px;margin-left:auto}
.language-switcher-mobile{display:none}

/* Header purchase dropdown */
.purchase-dropdown{position:relative;flex:0 0 auto}
.purchase-dropdown-toggle{height:52px;padding:0 14px;border:1px solid var(--line);border-radius:18px;background:var(--accent);color:var(--accent-ink);display:flex;align-items:center;gap:9px;font:inherit;font-weight:750;cursor:pointer}
.tab-nav>.purchase-dropdown .purchase-dropdown-toggle{height:40px;border:0;border-radius:12px}
.purchase-dropdown-toggle svg{width:17px;height:17px}
.purchase-dropdown-toggle>svg:last-child{transition:transform .2s ease}
.purchase-dropdown.open .purchase-dropdown-toggle>svg:last-child{transform:rotate(180deg)}
.purchase-dropdown-menu{position:absolute;top:calc(100% + 10px);right:0;width:220px;padding:7px;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:0 16px 42px #17171520;opacity:0;visibility:hidden;transform:translateY(-6px);transition:.2s ease;z-index:83}
.purchase-dropdown.open .purchase-dropdown-menu{opacity:1;visibility:visible;transform:none}
.purchase-dropdown-menu a{min-height:44px;padding:0 11px;border-radius:10px;display:flex;align-items:center;justify-content:space-between;gap:14px;color:var(--muted);font-weight:700;text-align:left}
.purchase-dropdown-menu a:hover{background:var(--surface-2);color:var(--text)}
.purchase-dropdown-menu a svg{width:16px;height:16px;flex:0 0 auto}

@media(max-width:900px){
 .header-tools>.language-switcher{display:none!important}
 .language-switcher-mobile{display:block;margin-top:14px}
 .language-switcher-mobile .language-switcher-toggle{width:100%;justify-content:flex-start}
 .language-switcher-mobile .language-switcher-toggle>svg{margin-left:auto}
 .language-switcher-mobile .language-switcher-menu{position:static;width:auto;max-height:0;margin-top:0;padding-block:0;border-width:0;display:grid;opacity:0;visibility:visible;overflow:hidden;transform:none;box-shadow:none;transition:max-height .28s cubic-bezier(.22,.75,.22,1),opacity .2s ease,margin-top .28s ease,padding .28s ease,border-width .28s ease}
 .language-switcher-mobile.open .language-switcher-menu{max-height:520px;margin-top:7px;padding:7px;border-width:1px;opacity:1}
}

.button-icon-options{display:grid;gap:11px;margin-top:12px}


/* Horizontal content rails */
.portfolio-carousel{columns:auto;display:flex;gap:var(--gap);overflow-x:auto;padding-bottom:0;scrollbar-width:none;scroll-snap-type:x mandatory;overscroll-behavior-inline:contain;cursor:grab}

.portfolio-carousel::-webkit-scrollbar,.product-carousel-window::-webkit-scrollbar{display:none}

.portfolio-carousel .project{flex:0 0 calc((100% - var(--gap))/2);margin-bottom:0;scroll-snap-align:start}

.portfolio-carousel .project img,.portfolio-carousel .project.tall img{height:300px}

.portfolio-carousel.is-dragging,.product-carousel-window.is-dragging,.carousel-window.is-dragging{cursor:grabbing;scroll-snap-type:none;user-select:none}

.carousel-window{cursor:grab;touch-action:pan-y}

.product-carousel-window{--product-rail-inset:28px;overflow-x:auto;overflow-y:hidden;padding:24px var(--product-rail-inset) 28px;scrollbar-width:none;scroll-behavior:smooth;scroll-snap-type:none;overscroll-behavior-inline:contain;cursor:grab}

.product-carousel-track{display:flex;gap:12px;transform:none!important;transition:none!important}

.product-carousel-track .product-card{flex:0 0 calc((100% - 36px)/4);scroll-snap-align:none}

.product-rail-spacer{display:block;flex:0 0 calc(var(--product-rail-inset) - 12px);width:calc(var(--product-rail-inset) - 12px);min-width:calc(var(--product-rail-inset) - 12px);pointer-events:none}

.element-showcase{grid-template-columns:repeat(12,minmax(0,1fr))}

.element-showcase>.span-6{grid-column:span 6}

@media(max-width:1050px){.product-carousel-track .product-card{flex-basis:calc((100% - 12px)/2)}
}

@media(max-width:900px){.element-showcase>.element-demo{grid-column:1/-1}
}

@media(max-width:700px){.portfolio-carousel .project{flex-basis:100%}
.product-carousel-window{--product-rail-inset:18px}
.product-carousel-track .product-card{flex-basis:100%}
}


/* Navigation and subpage layouts */
.nav-dropdown{position:relative;display:flex;align-items:center}

.nav-dropdown-toggle{height:40px;padding:0 13px;border:0;border-radius:12px;background:transparent;color:var(--muted);font-weight:650;display:inline-flex;align-items:center;gap:8px;white-space:nowrap}

.nav-dropdown-toggle:hover,.nav-dropdown.open .nav-dropdown-toggle{background:var(--surface);color:var(--text)}
.nav-dropdown:has(.nav-dropdown-menu a.active) .nav-dropdown-toggle{background:var(--nav-active);color:var(--text)}

.nav-dropdown-toggle svg{width:16px;height:16px;transition:transform .2s ease}
.nav-dropdown-current-icon{display:inline-grid;place-items:center;width:16px;height:16px;flex:0 0 auto}
.nav-dropdown.open .nav-dropdown-toggle>svg:last-child{transform:rotate(180deg)}

.nav-dropdown-menu{position:absolute;top:calc(100% + 10px);right:0;width:210px;padding:7px;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:0 16px 42px #17171520;opacity:0;visibility:hidden;transform:translateY(-6px);transition:.2s ease;z-index:80}

.nav-dropdown.open .nav-dropdown-menu{opacity:1;visibility:visible;transform:none}

.nav-dropdown-menu a{display:flex!important;align-items:center;justify-content:flex-start;gap:9px;min-height:42px;padding:0 11px!important;border-radius:10px!important;color:var(--muted)!important;background:transparent!important;text-align:left}

.nav-dropdown-menu a:hover,.nav-dropdown-menu a.active{background:var(--surface-2)!important;color:var(--text)!important;transform:none!important}

.nav-dropdown-menu svg{width:16px;height:16px}

.tab-nav>.nav-subpage.active{background:var(--nav-active);color:var(--text)}

.mobile-page-links{display:grid;grid-template-columns:1fr;gap:7px;padding-top:14px}

.mobile-page-links details{border:1px solid var(--line);border-radius:14px;background:var(--surface-2);overflow:hidden}

.mobile-page-links summary{min-height:50px;padding:0 14px;display:flex;align-items:center;gap:12px;font-weight:700;color:var(--muted);cursor:pointer;list-style:none}

.mobile-page-links summary::-webkit-details-marker{display:none}
.mobile-page-links summary:after{content:'+';margin-left:auto;font-size:1.25rem;transition:transform .28s cubic-bezier(.22,.75,.22,1)}

.mobile-page-links details.is-expanded summary:after{transform:rotate(45deg)}

.mobile-page-links details nav{padding:0 7px 7px!important;overflow:hidden}
.mobile-nav-page-group{background:var(--surface-2)!important}
.mobile-section-group.is-current-section{background:var(--nav-active)!important}
.mobile-section-current-icon{display:inline-grid;place-items:center;width:19px;height:19px;flex:0 0 auto}
.mobile-section-current-icon svg{width:19px;height:19px}
.mobile-page-links>a{min-height:50px;padding:0 14px;border:1px solid var(--line);border-radius:14px;display:flex;align-items:center;gap:12px;font-weight:700;background:var(--surface-2);color:var(--muted)}
.mobile-page-links>a.active{border-color:var(--line);background:var(--nav-active);color:var(--text)}
.mobile-page-links .mobile-purchase-group{border-color:var(--accent);background:var(--surface)!important}
.mobile-page-links .mobile-purchase-group>summary{background:var(--accent);color:var(--accent-ink)}
.mobile-page-links .mobile-purchase-group>summary:after{color:var(--accent-ink)}
.mobile-purchase-group nav a{justify-content:space-between}
.mobile-purchase-group nav a svg{margin-left:auto;flex:0 0 auto}


/* Match native select indicators to the text inset. */
select{
 appearance:none;
 -webkit-appearance:none;
 padding-right:42px!important;
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23756e65' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")!important;
 background-repeat:no-repeat!important;
 background-position:right 13px center!important;
 background-size:18px 18px!important;
}


.video-card{padding:var(--card-padding)}

.video-card .card-caption{padding:20px 0 0}

.full-bleed-carousel,.full-bleed-video,.full-bleed-comparison{padding:0}
.full-bleed-video{align-self:start}
.full-bleed-carousel .card-topline,.full-bleed-comparison .card-topline{position:static;padding:24px 28px;background:var(--surface);color:var(--text)}
.full-bleed-carousel .carousel-track figure{padding:0;display:grid;grid-template-rows:auto auto}
.full-bleed-carousel .carousel-track img{height:auto;min-height:0;border-radius:0;display:block}
.full-bleed-carousel .carousel-track figcaption{position:static;padding:16px 28px 4px;color:var(--muted);text-shadow:none}
.full-bleed-carousel .carousel-footer{position:static;display:flex;justify-content:space-between;align-items:center;padding:14px 22px 20px;background:var(--surface)}
.full-bleed-carousel .carousel-dots{padding:0}
.full-bleed-carousel .carousel-dots button{background:var(--line)}
.full-bleed-carousel .carousel-dots .active{background:var(--text)}
.full-bleed-carousel .icon-btn{color:var(--text);border-color:var(--line);background:var(--surface)}
.full-bleed-video .video-poster{height:auto}
.full-bleed-video .video-poster img{height:auto;min-height:0;border-radius:0;display:block}
.full-bleed-video .card-caption{position:static;padding:20px 28px 24px;color:var(--text);background:var(--surface)}
.full-bleed-video .card-caption span{color:var(--muted)}
.full-bleed-comparison .comparison{height:auto;aspect-ratio:16/9;margin:0;border-radius:0}
.full-bleed-comparison .compare-base{position:relative;height:auto;display:block}
.full-bleed-comparison .compare-overlay img{height:100%}
.highlight-panel{padding:var(--card-padding)}
.highlight-panel>.card-topline{padding:0 0 28px}
.highlight-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border:1px solid var(--line);border-radius:calc(var(--radius) - 7px);overflow:hidden;background:var(--surface-2)}
.highlight-columns>article{padding:30px}
.highlight-columns>article+article{border-left:1px solid var(--line)}
.highlight-icon{width:58px;height:58px;border-radius:17px;display:grid;place-items:center;margin-bottom:24px;color:var(--text)}
.highlight-icon svg{width:27px;height:27px}
.highlight-columns h3{margin:0 0 12px}
.highlight-columns p{margin:0;color:var(--muted)}
.flexible-story-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,72px);align-items:center;padding:var(--card-padding)}
.flexible-story-pane{display:grid;gap:16px;min-width:0}
.flexible-story-pane h3,.flexible-story-pane p{margin:0}
.flexible-story-card.has-fill-last-first .flexible-story-pane:first-child{align-self:stretch;display:flex;flex-direction:column}
.flexible-story-card.has-fill-last-first .flexible-story-pane:first-child>.button{margin-top:auto}
.flexible-story-card.has-second-ratio-16-9 .flexible-story-pane:nth-child(2){aspect-ratio:16/9}
.flexible-story-media{border-radius:calc(var(--radius) - 8px);margin:0;overflow:hidden}
.flexible-story-media img{display:block;height:100%;object-fit:contain;width:100%}

.play:hover{transform:translate(-50%,-50%) scale(1.04);filter:brightness(.96)}

.play:active{transform:translate(-50%,-50%) scale(.98);filter:brightness(.9)}

.logo-cloud{min-height:170px;padding:34px 28px}


@media(max-width:700px){
 .flexible-story-card{grid-template-columns:1fr}
 .flexible-story-card.has-fill-last-first .flexible-story-pane:first-child>.button{margin-top:8px}

 .comparison{margin-inline:var(--card-padding)}

 .full-bleed-comparison .comparison{margin-inline:0}

 .full-bleed-carousel .card-topline,.full-bleed-comparison .card-topline{padding:20px}

 .full-bleed-comparison .card-topline{display:block}

 .full-bleed-comparison .card-topline h3{font-size:1.55rem;line-height:1.08}

 .full-bleed-comparison .card-topline .subtle{display:block;margin-top:8px;font-size:1rem}

 .full-bleed-carousel .carousel-track img,.full-bleed-video .video-poster img{width:100%;height:auto;min-height:0;object-fit:contain}

 .full-bleed-carousel .carousel-track figcaption{padding:14px 20px 2px}

 .full-bleed-video .card-caption{padding:18px 20px 20px}

 .highlight-panel>.card-topline{display:block}

 .highlight-panel>.card-topline .subtle{display:block;margin-top:8px}

 .highlight-columns{grid-template-columns:1fr}

 .highlight-columns>article+article{border-left:0;border-top:1px solid var(--line)}

 .logo-cloud{padding:30px 20px}

 .content-toolbar{align-items:center;flex-wrap:nowrap}

 .content-toolbar-left{width:auto;min-width:0;flex:1;overflow-x:auto;scrollbar-width:none}

 .content-toolbar-left::-webkit-scrollbar{display:none}

 .content-toolbar-right{width:auto;flex:0 0 auto}

 .filters{flex-wrap:nowrap}

 .product-grid{padding:24px 18px 18px}

}


/* Shared rhythm between a heading and its immediate content. */
:root{--heading-content-gap:var(--content-gap)}

:where(.card,.is-style-bento-card,.is-style-tone-sage,.is-style-tone-butter,.is-style-tone-peach,.is-style-tone-lilac,.is-style-tone-blue,.is-style-tone-rose,.is-style-tone-dark) > :is(h1,h2,h3,h4,h5,h6) + :is(p,ul,ol,blockquote,.wp-block-buttons,form){margin-block-start:var(--heading-content-gap)}

/* Shared internal rhythm for headings that follow labels inside reusable cards. */
:where(.text-card,.card-topline,.system-grid>.card,.icon-library-copy,.badge-builder>div,.form-card>div,.element-head>div,.portfolio-highlight-heading,.product-toolbar>div,.highlight-copy) > :is(.eyebrow,.mini-label,.number) + :is(h2,h3,h4){margin-block-start:12px}

:where(.icon-library-copy,.badge-builder>div,.form-card>div,.popup-demo-copy) > :is(h2,h3,h4) + p{margin-block:var(--content-gap) 0}

.bentobox-responsive-spacer{height:var(--spacer-desktop)}
@media(max-width:1050px){.bentobox-responsive-spacer{height:var(--spacer-tablet)}}
@media(max-width:700px){.bentobox-responsive-spacer{height:var(--spacer-mobile)}}
.bentobox-dynamic-content.portfolio-carousel{width:100%}
.bentobox-masonry{columns:var(--content-columns,3)}
.project-text>.entry-label+h3,.project-text>h3+.entry-label{margin-top:10px}
@media(max-width:1050px){.bentobox-masonry{columns:2}}
@media(max-width:700px){.bentobox-masonry{columns:1}}
.bentobox-dynamic-content .project>a{display:block;height:100%}

.intro-card{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(0,1.15fr);min-width:0}
.intro-card-media{position:relative;min-width:0;display:grid;place-items:center;overflow:hidden}
.intro-card-media img{display:block}
.intro-card-fill .intro-card-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.intro-card-custom .intro-card-media{padding:var(--intro-image-padding)}
.intro-card-custom .intro-card-media img{width:min(100%,var(--intro-image-width));aspect-ratio:1;object-fit:cover}
.intro-image-circle img{border-radius:50%}
.intro-image-rounded img{border-radius:calc(var(--radius) - 8px)}
.intro-image-square img{border-radius:0}
.intro-card-copy{padding:clamp(32px,5vw,64px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.intro-card-copy h2{margin-top:12px}
.intro-card-copy>p:not(.mini-label){margin:var(--content-gap) 0 0;max-width:620px}
.intro-card-copy>.button{margin-top:var(--component-gap)}
.intro-card-media .components-button{position:relative;z-index:2}
.bentobox-template-part-placeholder{padding:24px;border:1px dashed var(--line);border-radius:16px}
@media(max-width:700px){.intro-card{grid-template-columns:1fr}.intro-card-media{min-height:280px}.intro-card-custom .intro-card-media{min-height:auto}.intro-card-copy{padding:var(--card-padding)}}

.project-link{display:block;color:inherit}
.project-link .project{height:100%;margin-bottom:0}
.project-link.project{display:block}

.hero-section{align-items:start;padding-top:56px}

.entry-hero{padding:56px 0 34px}
.entry-hero-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:var(--gap)}

.entry-hero-main{padding:clamp(34px,5vw,68px);min-height:480px;display:flex;flex-direction:column;justify-content:flex-end}
.entry-hero-main h1{font-size:clamp(3rem,5.5vw,5.8rem)}

.entry-meta{padding:30px;display:flex;flex-direction:column;justify-content:space-between;gap:30px}
.entry-meta-list{display:grid;gap:17px}
.entry-meta-list div{display:grid;gap:3px;padding-top:14px;border-top:1px solid color-mix(in srgb,currentColor 18%,transparent)}

.entry-cover{margin-top:var(--gap)}
.entry-cover img{height:clamp(360px,58vw,720px)}

.entry-content{padding:70px 0 110px}
.entry-builder-main{padding:56px 0 100px}
.entry-builder-shell{width:min(calc(100% - 40px),var(--container));margin-inline:auto}
.entry-builder-shell>.wp-block-post-content{width:100%}
.entry-builder-main .wp-block-post-content{display:flex;flex-direction:column;gap:var(--gap)}
.entry-builder-main .wp-block-post-content>*{width:100%;margin-block:0;box-sizing:border-box}
.entry-builder-main>.wp-block-post-content{width:min(calc(100% - 40px),var(--container));margin-inline:auto}
.entry-builder-main .entry-content{padding:0}
.entry-builder-main .wp-block-post-content>.bentobox-entry-intro-section:first-child{position:relative;margin-top:0;margin-bottom:clamp(20px,3vw,40px);padding-bottom:clamp(32px,4vw,56px)}
.entry-builder-main .wp-block-post-content>.bentobox-entry-intro-section:first-child:after{content:"";position:absolute;bottom:0;left:50%;width:100vw;border-bottom:1px solid var(--line);transform:translateX(-50%)}
.entry-builder-main .bentobox-entry-intro-section>.bentobox-entry-intro{width:100%}
.entry-builder-main .bentobox-entry-intro-content{padding:var(--card-padding)}
.entry-builder-main .bentobox-entry-intro-content h1{font-size:clamp(2.25rem,3.2vw,3.5rem);line-height:1.05}
.entry-builder-main .entry-rich-text{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--content-gap) var(--card-padding);padding:var(--card-padding)}
.entry-builder-main .entry-rich-text h2{grid-column:1/-1;font-size:clamp(2.25rem,3.2vw,3.5rem)}
.entry-builder-main .entry-rich-text p{margin:0;font-size:1.05rem;line-height:1.6}
.entry-builder-main .entry-rich-text>*:first-child{margin-top:0}
.entry-builder-main .entry-rich-text>*:last-child{margin-bottom:0}
.entry-builder-main .bentobox-flexible-split{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.entry-builder-main .bentobox-flexible-split h2{font-size:clamp(2.15rem,3vw,3.35rem)}
.entry-builder-main .bentobox-flexible-split p{font-size:1.05rem;line-height:1.55}
.entry-builder-main .entry-builder-navigation{display:none}
.entry-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,320px);gap:clamp(34px,7vw,90px);align-items:start}

.entry-copy{font-size:1.12rem}
.entry-copy>*:first-child{margin-top:0}
.entry-copy h2{font-size:clamp(2rem,3.6vw,3.8rem);margin:65px 0 20px}
.entry-copy h3{font-size:clamp(1.45rem,2.4vw,2.3rem);margin:45px 0 15px}
.entry-copy p{max-width:760px}
.entry-copy blockquote{margin:42px 0;padding:28px;border-radius:var(--radius);background:var(--surface-2);font-size:clamp(1.35rem,2.3vw,2rem);line-height:1.25}

.entry-sidebar{position:sticky;top:120px;padding:28px}
.entry-sidebar nav{display:grid;gap:5px;margin-top:22px}
.entry-sidebar a{padding:9px 11px;border-radius:10px;color:var(--muted)}
.entry-sidebar a:hover{background:var(--surface-2);color:var(--text)}

.page-block-grid{padding:34px 0 110px}
.page-intro{padding:clamp(34px,5vw,68px);min-height:420px;display:flex;flex-direction:column;justify-content:flex-end}
.page-intro p{font-size:1.15rem;max-width:720px;margin:24px 0 0}

@media(max-width:850px){.entry-hero-grid,.entry-layout{grid-template-columns:1fr}
.entry-sidebar{position:static}
.entry-hero{padding-top:48px}
}

@media(max-width:700px){.nav-dropdown{display:none}
.hero-section{padding-top:32px}
.entry-hero{padding-top:32px}
.entry-builder-main{padding:32px 0 72px}
.entry-builder-main .wp-block-post-content>.bentobox-entry-intro-section:first-child{margin-bottom:16px;padding-bottom:32px}
.entry-builder-main .bentobox-entry-intro-content h1{font-size:clamp(2rem,11vw,2.75rem)}
.entry-builder-main .entry-rich-text{grid-template-columns:1fr}
.entry-builder-main .entry-rich-text h2{grid-column:auto;font-size:clamp(2rem,11vw,2.75rem)}
.entry-builder-main .bentobox-flexible-split h2{font-size:clamp(2rem,10vw,2.65rem)}
.entry-hero-main{min-height:420px}
.entry-cover img{height:330px}
.entry-content{padding-top:48px}
}
@media(max-width:782px){body.admin-bar .wp-block-template-part:has(>.site-header.header-behavior-sticky),body.admin-bar .wp-block-template-part:has(>.site-header.header-behavior-floating){top:46px}}

:where(a,button,input,select,textarea,[tabindex]):focus-visible{
	outline:3px solid var(--accent);
	outline-offset:3px;
}

@media(prefers-reduced-motion:reduce){
	html{scroll-behavior:auto}
	*,*::before,*::after{
		animation-duration:.01ms!important;
		animation-iteration-count:1!important;
		scroll-behavior:auto!important;
		transition-duration:.01ms!important;
	}
}