/* Layout refinements. Keep the existing content and interactive behaviour. */
.wrap{width:min(1200px,calc(100% - 80px))}
:is(.hero,.pain-route,.about-me,.faq,.contact,.pricing-grid,.referral-card,.reviews-list,.additional-grid,.ideas-grid,.template-grid,.motion-grid)>*{min-width:0}
:is(h1,h2,h3){text-wrap:balance}
:is(.about-copy,.contact,.referral,.review-card,.dbgal-details,.dbjourney-detail) :is(p,dd,li){overflow-wrap:break-word}
.hero{height:auto;min-height:0;padding-block:145px 90px;gap:clamp(24px,4vw,56px)}
.hero h1{font-size:clamp(44px,5.1vw,72px)}
.hero-sub{max-width:540px;font-size:clamp(18px,1.6vw,20px)}
.hero .hero-actions{gap:12px}.hero .hero-actions .button{min-height:52px;text-align:center;white-space:normal}
.hero-shortcuts{gap:8px 18px}.hero-description{margin-bottom:24px}.hero-bottom{bottom:24px}
/* The hero has three defined zones, with a gap between artwork and controls. */
.brand-engine.hero-art{height:680px;align-self:center}
.brand-engine .lion-canvas{top:0;height:29%;width:56%;left:22%}
.brand-engine .lion-reset{top:164px;min-height:40px}
.brand-engine .core-hint{top:207px;font-size:11px;line-height:1.4;margin:0}
.assembly-heading{max-width:110px}.assembly-composition{top:235px;bottom:182px;left:18px;right:18px}
.assembly-social{top:10px;height:207px}.assembly-social-art{height:130px}
.assembly-web{height:180px}.assembly-web>b{font-size:clamp(17px,1.6vw,21px)}
.assembly-bot{top:165px;height:112px;padding:10px 12px}.assembly-bot p{margin:5px 0}.assembly-bot>b{padding:5px 8px;line-height:1.3}.assembly-bot small{margin-top:5px;line-height:1.4}
.assembly-controls{bottom:18px}.assembly-controls>div{gap:6px}.assembly-controls>div button{flex:1;min-width:0;padding-inline:8px}
.assembly-controls label{margin-top:8px;line-height:1.5}.assembly-controls input{margin:0;min-height:32px}.assembly-replay{min-height:44px}
/* Consistent rhythm without changing the services scroll mechanism. */
:is(.dbgal,.pricing,.about-me,.reviews,.faq,.contact,.solution-ideas,.additional-tools,.referral){padding-block:clamp(48px,5vw,78px)}
.pain-route{gap:28px 56px;padding-block:48px 68px}
.service-card{height:auto;min-height:560px;grid-template-rows:auto auto;gap:22px}
.service-copy .button{margin-top:4px}.service-formats{padding-right:22px}.service-outcomes{gap:12px}
.service-card .card-num{bottom:20px;right:20px}.service-art{max-width:280px;justify-self:center}
.section-top{gap:20px}.service-controls button{flex-shrink:0}
.center-heading{max-width:820px;margin-inline:auto;margin-bottom:32px}.center-heading p{max-width:640px;margin-inline:auto}
.pricing-grid{gap:28px}.price-card{min-height:0;padding:30px;display:flex;flex-direction:column;align-items:flex-start}
.price-card>p{min-height:0;max-width:42ch}.price-card>.button{min-height:48px;margin-block:20px 24px}
.price-card>ul,.price-card>.tariff-list,.price-card>.price-details{width:100%}.price-card>.price-details{margin-top:18px}
.price-card h3{font-size:clamp(24px,2.3vw,29px);line-height:1.18}.price-card strong{margin-top:auto}
.filters{gap:8px;margin-bottom:34px}.filters button{min-height:44px}
.dbgal-track{padding-top:10px}.dbgal-card{display:flex;flex-direction:column}.dbgal-card-body{flex:1;display:flex;flex-direction:column;align-items:start}.dbgal-card-body>p{flex:1}.dbgal-card-body>.button{margin-top:auto}
.dbgal-cover{height:auto;aspect-ratio:16/10;max-height:440px}.dbgal-card[data-category=web] .dbgal-cover{height:auto;aspect-ratio:16/11}
.dbgal-cover-set img{height:100%;max-height:100%}.dbgal-controls{gap:12px}.dbgal-controls>span{min-width:50px;text-align:center}
.about-me{gap:clamp(28px,4vw,60px)}.about-copy h2{line-height:1.12}.about-copy p{max-width:55ch}.profile-card{min-height:460px}.profile-portrait{object-position:center 35%}
.faq{gap:28px 48px}.faq-list summary{min-height:54px}.faq-list details p{max-width:65ch}.faq-more>div{padding-left:16px}
.contact{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(24px,4vw,56px)}
.brief-form{grid-template-columns:minmax(0,1fr);gap:16px;padding:28px;border:1px solid var(--line);border-radius:18px;background:#fff}
.brief-form>label{font-size:12px;letter-spacing:.035em;line-height:1.5}.brief-form label{min-width:0}.brief-form :is(input,select,textarea){min-width:0;max-width:100%}.brief-form textarea{min-height:112px}
.brief-details>label{font-size:12px;letter-spacing:.035em}.brief-form .form-consent{padding-top:14px}.brief-form .consent-row{align-items:flex-start}.brief-form .form-privacy{padding-left:0}
.contact-link{min-width:0}.contact-link>span{min-width:0}.contact-link :is(b,small){overflow-wrap:anywhere}
.reviews-heading,.ideas-heading,.additional-heading{align-items:flex-start;gap:24px 40px}.reviews-heading>p,.ideas-heading>p,.additional-heading>p{padding-top:6px}
:is(.additional-card,.idea-card,.motion-idea,.template-card){padding:24px}.additional-card h3{font-size:22px}.additional-card .button{width:100%}
.idea-card>.idea-try{margin-top:20px}.idea-card>.text-button{margin-top:8px}.template-card>.button,.motion-idea>.button{width:100%}
.reviews-toolbar{flex-wrap:wrap}.review-form>label{min-width:0}.review-card audio{max-width:100%}.review-write>summary{gap:16px}.review-write>summary>span{flex-shrink:0}
.referral-card{align-items:start;gap:clamp(24px,4vw,48px)}.referral form{align-content:start;padding-top:4px}
footer.wrap{gap:24px 32px;padding-block:36px 24px}.footer-nav{flex-wrap:wrap;gap:12px 22px}.footer-bottom{gap:12px 24px;flex-wrap:wrap}.footer-legal{flex-wrap:wrap;gap:8px 18px}.footer-legal a{overflow-wrap:anywhere}
/* Native dialogs retain their own scroll, clear close controls and safe areas. */
.tool-dialog{max-height:calc(100dvh - 40px);scrollbar-gutter:stable;scroll-padding-top:86px}
.tool-dialog .tool-header{gap:16px}.tool-dialog .tool-window-label{min-width:0;line-height:1.5}.tool-dialog .tool-close{align-self:start}
.tool-dialog .tool-body>section.wrap{padding:32px;min-width:0}
.tool-dialog .tool-body :is(.dbcalc-grid,.dblab-grid,.ix-split,.tpl-layout)>*{min-width:0}
.tool-dialog .tool-body :is(.dbcalc-summary,.tpl-sidebar){top:84px}
.tool-dialog :is(input:not([type=range]):not([type=radio]):not([type=checkbox]),textarea,select){font-size:16px;max-width:100%;min-width:0}
.tool-dialog :is(.dbdg-actions,.dbbot-actions,.dblab-actions,.motion-controls,.tpl-inline-actions,.ix-actions){flex-wrap:wrap;gap:10px}
.tool-dialog .dbbot-console{width:100%;max-width:760px;margin-inline:auto}
.tool-dialog .dbtf-stage{max-height:none}.tool-dialog .dbtf-heading>p{max-width:65ch}
.dbgal-dialog,.lead-dialog,.storage-dialog,dialog#brief-dialog,dialog#result-dialog{width:min(640px,calc(100% - 40px));max-height:calc(100dvh - 40px);padding:30px;scrollbar-gutter:stable;scroll-padding-top:24px}
.dbgal-dialog{width:min(1050px,calc(100% - 40px))}.dbgal-modal-head{gap:20px}.dbgal-modal-head>div{min-width:0}.dbgal-modal-head>button{position:sticky;top:0;flex-shrink:0;z-index:5}
.dbgal-media-controls{gap:10px}.dbgal-media-controls button{flex:1 1 210px;max-width:300px}.dbgal-details{gap:24px}.dbgal-actions{gap:10px}
.storage-option+.storage-option{margin-top:22px}.storage-dialog .storage-necessary{margin-block:22px}.storage-dialog .dialog-close,.lead-dialog .dialog-close{top:16px;right:16px}
@media(min-width:801px){.services .pin{min-height:760px}.dbjourney-route button{font-size:11px}.dbjourney-detail{padding:28px}.tool-dialog .tpl-sidebar{top:84px}}
@media(min-width:801px) and (max-width:1100px){.hero{grid-template-columns:1fr 1fr;gap:24px}.hero h1{font-size:clamp(40px,5.4vw,58px)}.assembly-heading{max-width:85px}.assembly-heading>span{font-size:8px}.assembly-panel{padding:10px}.assembly-social-art{padding:9px}.assembly-social-art b{font-size:14px}.assembly-web>b{font-size:17px}.assembly-bot>b{font-size:10px}.service-card{width:74vw;max-width:780px}.additional-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reviews-heading,.ideas-heading{display:block}.reviews-heading>p,.ideas-heading>p{margin-top:16px}.contact{gap:28px}.other-contact-grid{grid-template-columns:1fr}.about-me{gap:30px}}
@media(max-width:800px){
 .wrap{width:calc(100% - 40px)}.hero{grid-template-columns:minmax(0,1fr);padding-block:118px 48px;gap:28px}.hero h1{font-size:clamp(40px,8.4vw,60px);max-width:650px}.hero .hero-actions{display:flex;flex-wrap:wrap}.hero .hero-actions .button{flex:1 1 180px;max-width:300px;padding:15px 18px;font-size:14px}.hero-sub{margin-top:22px}.hero-shortcuts{margin-top:14px}.hero-art.brand-engine{width:100%;max-width:560px;margin:0 auto;height:680px}.hero-bottom{display:none}
 .brand-engine .lion-canvas{top:0;height:29%;left:22%;width:56%}.assembly-composition{top:235px;bottom:182px}.assembly-web>b{font-size:20px}.assembly-social-art b{font-size:17px}.assembly-panel>span{font-size:10px}.assembly-bot{top:165px;height:112px}.assembly-controls>div button{font-size:12px}.assembly-heading{max-width:105px}
 .pain-route{grid-template-columns:minmax(0,1fr);gap:20px;padding-block:36px 48px}.pain-route h2{font-size:clamp(30px,6vw,39px)}.pain-list h3{font-size:18px}.pain-list>a{gap:12px}.pain-list>a>div{min-width:0}
 :is(.dbgal,.pricing,.about-me,.reviews,.faq,.contact,.solution-ideas,.additional-tools,.referral){padding-block:44px}
 .service-card{width:calc(100vw - 40px);max-width:580px;min-height:0;height:auto;padding:24px;gap:20px}.services-track{padding-inline:20px;scroll-padding-inline:20px}.service-formats{padding-right:0}.service-art{width:min(230px,100%);height:190px}.service-copy>h2{font-size:31px}.service-outcomes dd{font-size:14px;line-height:1.6}.service-outcomes dt{font-size:10px}.service-card .card-num{top:18px;bottom:auto;right:18px}.service-formats>span{font-size:10px}
 .pricing-grid{grid-template-columns:minmax(0,1fr);gap:24px}.price-card{padding:26px;min-height:0}.price-card strong{margin-top:0}.price-card>p{margin-bottom:20px}.price-card>.button{width:100%;margin-bottom:22px}.price-card h3{font-size:27px}.filters{gap:8px;margin-bottom:30px}.filters button{font-size:13px;padding:11px 15px}.center-heading{margin-bottom:26px}
 .dbgal-track{padding-inline:3%;scroll-padding-inline:3%;gap:16px}.dbgal-card-body{padding:22px 4px 8px}.dbgal-cover{aspect-ratio:4/3;max-height:none}.dbgal-card[data-category=web] .dbgal-cover{aspect-ratio:4/3}.dbgal-card h3{font-size:26px}.dbgal-controls{gap:8px}.dbgal-controls button{flex:1;padding:12px 10px;font-size:12px}.dbgal-card-body>.button{width:100%}.dbgal-filters{margin-top:24px}
 .about-me{grid-template-columns:minmax(0,1fr);gap:28px}.profile-card{min-height:0;aspect-ratio:4/5;max-width:560px;width:100%;justify-self:center;padding:26px}.about-copy h2{font-size:clamp(32px,6vw,44px)}.about-copy .large-copy{font-size:21px}.about-copy p{font-size:16px}.profile-card .eyebrow{font-size:10px}.profile-bottom{font-size:10px;line-height:1.6}
 .faq{grid-template-columns:minmax(0,1fr);gap:12px}.faq h2{margin-bottom:18px}.faq-list>details>summary{padding-block:18px}.faq-more>div{padding-left:12px}
 .contact{grid-template-columns:minmax(0,1fr);gap:26px}.contact h2{font-size:clamp(34px,7vw,48px)}.brief-form{padding:24px;gap:16px}.other-contact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .additional-heading,.ideas-heading,.reviews-heading{display:block}.additional-heading p,.ideas-heading p,.reviews-heading p{margin-top:16px;padding:0;max-width:58ch}.additional-grid,.ideas-grid,.template-grid,.motion-grid{gap:16px}.additional-card{padding:24px;min-height:0}.additional-card p{margin-bottom:22px}
 .reviews-toolbar{align-items:flex-start}.review-form{padding:22px}.voice-review{padding:16px}.voice-actions>.button{flex:1 1 150px}.referral-card{padding:24px}.referral form{padding-top:0}
 #how-we-work .dbjourney{margin-top:26px;padding:24px 18px}.dbjourney-route{grid-template-columns:repeat(5,minmax(58px,1fr));gap:8px;overflow-x:auto;padding:6px 3px 12px;scrollbar-width:thin}.dbjourney-route button{font-size:10px;line-height:1.5;letter-spacing:0;min-width:58px;overflow-wrap:normal}.dbjourney-route .dbjourney-node{flex-shrink:0}.dbjourney-detail{padding:20px}.dbjourney-detail dd{font-size:15px}.dbjourney-detail dt{color:#676580}.dbjourney-controls button{padding-inline:12px}
 .tool-dialog{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);scroll-padding-top:82px}.tool-dialog .tool-header{padding:10px 14px;min-height:64px}.tool-dialog .tool-body>section.wrap{padding:24px 18px}.tool-window-label{font-size:11px;letter-spacing:.025em}.tool-dialog .tool-body :is(.dbcalc-summary,.tpl-sidebar){position:static}.tool-dialog .dbcalc-grid{padding:18px;gap:20px}.tool-dialog .dbcalc-categories{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-dialog .dblab-grid{grid-template-columns:minmax(0,1fr);gap:24px}.tool-dialog .tpl-selector{grid-template-columns:minmax(0,1fr)}
 .dbgal-dialog,.lead-dialog,.storage-dialog,dialog#brief-dialog,dialog#result-dialog{width:calc(100% - 16px);max-height:calc(100dvh - 16px);padding:24px 18px;border-radius:16px}.dbgal-modal-head h3{font-size:24px}.dbgal-modal-head{gap:12px}.dbgal-modal-head>button{font-size:11px;padding:10px;min-width:48px}.dbgal-media{height:45svh;min-height:220px;margin-top:18px}.dbgal-media-controls{display:grid;grid-template-columns:1fr auto 1fr;gap:8px}.dbgal-media-controls button{max-width:none;font-size:11px;padding:10px 8px}.dbgal-details{grid-template-columns:minmax(0,1fr);padding-top:24px}.dbgal-actions>*{width:100%}.dbgal-contact{padding-bottom:0}.lead-dialog h2,.storage-dialog h2{padding-right:36px;font-size:28px}
 .storage-banner{bottom:max(10px,env(safe-area-inset-bottom));width:calc(100% - 20px);max-height:70dvh;padding:18px;gap:14px}.storage-banner p{font-size:14px;line-height:1.6}.storage-banner b{font-size:17px}.storage-actions .text-button{min-height:44px}
 footer.wrap{padding-block:30px 24px;gap:24px}.footer-nav{width:100%}.footer-bottom{align-items:flex-start;flex-direction:column;gap:14px}.footer-bottom .text-button{min-height:44px;padding-block:10px}.closing{min-height:0;padding-block:40px 54px}.closing>p{font-size:clamp(40px,8vw,60px)}
}
@media(max-width:520px){.additional-grid,.ideas-grid,.template-grid,.motion-grid{grid-template-columns:minmax(0,1fr)}.other-contact-grid{grid-template-columns:minmax(0,1fr)}.review-form{padding:20px}.review-rating{gap:6px}.review-score{flex:1;min-width:40px}.tool-dialog .motion-controls button{flex:1 1 120px}.tool-dialog .tpl-device>[data-template-zoom]{margin:10px 0 0;display:block;width:100%}.tool-dialog .dbbot-lead{padding:20px}.dbgal-controls button{line-height:1.4}.brief-form{padding:20px}.additional-card .button{justify-self:stretch}.assembly-heading>span{font-size:9px}.assembly-heading>b{font-size:12px}}
@media(max-width:360px){.wrap{width:calc(100% - 32px)}.hero h1{font-size:38px}.hero .hero-actions .button{max-width:none;flex-basis:100%}.service-card{width:calc(100vw - 32px);padding:20px}.services-track{padding-inline:16px;scroll-padding-inline:16px}.assembly-composition{left:12px;right:12px}.assembly-web>b{font-size:17px}.assembly-social-art b{font-size:14px}.assembly-panel>span{font-size:9px}.assembly-bot>b{font-size:10px}.assembly-controls{left:12px;right:12px}.assembly-controls label{font-size:10px}.assembly-controls>div button{font-size:11px}.dbgal-modal-head{flex-direction:column-reverse}.dbgal-modal-head>button{align-self:flex-end}.dbgal-media-controls{gap:5px}.dbgal-media-controls button{font-size:10px}}
/* Native graphic cursors: fixed hotspot, no delayed follower or animation loop. */
@media(hover:hover) and (pointer:fine){
 body{cursor:url('assets/cursors/borlion.svg') 12 7,url('assets/cursors/borlion.png') 12 7,auto}
 html body :is(a,button,summary,label[for],select,[role=button],.consent-row,.storage-option,.review-format,.review-score){cursor:url('assets/cursors/borlion-link.svg') 12 7,url('assets/cursors/borlion-link.png') 12 7,pointer}
 html body :is(input,textarea,[contenteditable=true]){cursor:text}html body input:is([type=checkbox],[type=radio]){cursor:url('assets/cursors/borlion-link.svg') 12 7,url('assets/cursors/borlion-link.png') 12 7,pointer}
 html body input[type=range]{cursor:ew-resize}.dbgal-track,.lion-canvas{cursor:grab}.dbgal-track.dragging,.lion-dragging .lion-canvas{cursor:grabbing}
 html body :is(button,input,select,textarea):disabled,html body [aria-disabled=true]{cursor:not-allowed}
}
@media(forced-colors:active){body{cursor:auto}html body :is(a,button,summary,label[for],select,[role=button],.consent-row,.storage-option,.review-format,.review-score){cursor:pointer}html body :is(input,textarea,[contenteditable=true]){cursor:auto}}

/* Mobile hero: normal document flow, full-width mockups and generous separation. */
@media(max-width:800px){
 .hero-art.brand-engine{display:flex;flex-direction:column;align-items:stretch;height:auto;min-height:0;overflow:hidden;padding:26px 0 30px}
 .brand-engine .assembly-heading{position:static;order:1;max-width:none;display:flex;align-items:baseline;justify-content:space-between;gap:12px 24px;flex-wrap:wrap;padding:0 24px;margin:0 0 24px}
 .brand-engine .assembly-heading>span{font-size:10px;line-height:1.7;max-width:180px;letter-spacing:.08em}
 .brand-engine .assembly-heading>b{font-size:14px;line-height:1.6;font-weight:500}
 .brand-engine .core-control{position:relative;inset:auto;order:2;flex:0 0 230px;width:100%;height:230px;min-height:0;border-radius:0}
 .brand-engine .lion-canvas{left:7%;top:0;width:86%;height:100%}
 .brand-engine .holo-emblem{left:14%;top:8%;width:72%;max-width:none;animation:none}
 .brand-engine .lion-reset{position:static;order:3;align-self:center;transform:none;margin:18px 24px 0;min-height:46px;padding:12px 20px;font-size:11px;line-height:1.5;max-width:calc(100% - 48px);white-space:normal}
 .brand-engine .lion-reset:active{transform:scale(.98)}
 .brand-engine .core-hint{position:static;order:4;align-self:center;margin:16px 24px 0;font-size:12px;line-height:1.7;text-align:center;max-width:280px}
 .brand-engine .assembly-composition{position:static;inset:auto;order:5;display:grid;grid-template-columns:minmax(0,1fr);gap:28px;margin:36px 24px 0;pointer-events:none}
 .brand-engine .assembly-panel{position:relative;inset:auto;width:100%;height:auto;min-height:0;padding:22px;border-radius:16px;transform:translateY(calc(var(--scatter)*8px));box-shadow:0 10px 24px #5d46760c;overflow-wrap:break-word}
 .brand-engine .assembly-panel>span{font-size:11px;line-height:1.6;letter-spacing:.08em}
 .brand-engine .assembly-social-art{height:auto;min-height:200px;margin:20px 0 16px;padding:24px 22px;border-radius:8px;align-items:end}
 .brand-engine .assembly-social-art>b{font-size:clamp(24px,6.5vw,32px);line-height:1.18;max-width:100%;white-space:pre-line;overflow-wrap:anywhere;letter-spacing:-.035em}
 .brand-engine .assembly-social-art>i{width:160px;height:190px;right:-10px;top:-15px;border-width:25px}
 .brand-engine .assembly-dots{gap:6px}.brand-engine .assembly-dots i{width:22px;height:4px}
 .brand-engine .assembly-web{display:grid;grid-template-columns:minmax(0,1fr) 56px;gap:20px 14px;align-items:start}
 .brand-engine .assembly-web>span,.brand-engine .assembly-web-nav{grid-column:1/-1}
 .brand-engine .assembly-web-nav{margin:0;font-size:12px;line-height:1.5}
 .brand-engine .assembly-web>b{grid-column:1;max-width:none;margin:0;font-size:clamp(23px,6vw,30px);line-height:1.17;white-space:pre-line;overflow-wrap:anywhere;letter-spacing:-.035em}
 .brand-engine .assembly-web-shape{position:static;grid-column:2;grid-row:3/span 2;align-self:center;width:56px;height:95px;border-radius:30px 30px 6px 6px;opacity:.75}
 .brand-engine .assembly-web>em{grid-column:1;margin:2px 0 0;justify-self:start;max-width:100%;padding:11px 13px;font-size:10px;line-height:1.5;white-space:normal}
 .brand-engine .assembly-bot>p{margin:20px 0 16px;font-size:14px;line-height:1.6}
 .brand-engine .assembly-bot>b{max-width:100%;width:fit-content;margin-left:auto;padding:13px 16px;font-size:14px;line-height:1.55;white-space:normal;overflow-wrap:anywhere;border-radius:12px 12px 3px 12px}
 .brand-engine .assembly-bot>small{margin-top:20px;font-size:11px;line-height:1.7}
 .brand-engine .assembly-controls{position:static;inset:auto;order:6;margin:36px 24px 0;padding-top:28px;border-top:1px solid #d9d1e5;display:grid;gap:24px}
 .brand-engine .assembly-controls>div{gap:10px;display:flex;flex-wrap:wrap}
 .brand-engine .assembly-controls>div button{flex:1 1 84px;min-height:48px;padding:12px 8px;font-size:12px;line-height:1.5}
 .brand-engine .assembly-controls label{margin:0;gap:12px;font-size:13px;line-height:1.7;letter-spacing:0}
 .brand-engine .assembly-controls input{display:block;width:100%;margin:0;min-height:44px}
 .brand-engine .assembly-replay{min-height:50px;padding:14px 16px;font-size:13px;line-height:1.5;gap:12px}
 .brand-engine>.feature-status{position:static;order:7;margin:20px 24px 0;font-size:12px;line-height:1.7}
 /* Keep floating page actions away from the slider while this section is visible. */
 html.assembly-in-view .helper-button,html.assembly-in-view .back-top{visibility:hidden;pointer-events:none}
}
@media(max-width:360px){
 .brand-engine .assembly-heading{padding-inline:20px;gap:10px}.brand-engine .assembly-composition,.brand-engine .assembly-controls{margin-inline:20px}
 .brand-engine .assembly-panel{padding:18px}.brand-engine .assembly-web{grid-template-columns:minmax(0,1fr) 44px;gap:20px 12px}.brand-engine .assembly-web-shape{width:44px;height:80px}
 .brand-engine .assembly-social-art{padding:22px 18px}.brand-engine .assembly-controls>div{gap:8px}.brand-engine .assembly-controls>div button{flex-basis:76px}
}

/* Scroll-reversible mobile stacks. Native sticky positioning does the movement. */
@media(max-width:800px){
 html.mobile-stack-enabled .brand-engine{overflow:clip}
 html.mobile-stack-enabled .mobile-stack-ready{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:28px;position:relative;isolation:isolate;padding-bottom:36px;overflow:visible}
 html.mobile-stack-enabled .mobile-stack-ready>.mobile-stack-card{position:sticky!important;top:var(--stack-top,20px)!important;inset-inline:auto;z-index:var(--stack-order,1);align-self:start;opacity:1!important;transform:none;box-shadow:0 -8px 24px #2119410c,0 10px 30px #2119410c;scroll-margin-block:24px}
 html.mobile-stack-enabled .assembly-composition.mobile-stack-ready{gap:32px;padding-bottom:12px}
 html.mobile-stack-enabled .mobile-stack-ready:focus-within>.mobile-stack-card{position:relative!important;top:auto!important}
}
@media(prefers-reduced-motion:reduce){html:not(.motion-enabled).mobile-stack-enabled .mobile-stack-ready>.mobile-stack-card{position:relative!important;top:auto!important}}
.reduce-motion .mobile-stack-ready>.mobile-stack-card{position:relative!important;top:auto!important}

/* Text moves with the page in both directions; existing reveal transforms remain. */
.scroll-text{translate:0 var(--scroll-text-y,0px)}
.dbgal-autoplay{min-height:44px;font:inherit;font-size:12px}
.dbgal-controls{flex-wrap:wrap}.dbgal-controls>.dbgal-autoplay{flex:0 1 auto}
.dbgal-card{transition:opacity .55s ease,transform .65s cubic-bezier(.2,.75,.2,1)}
.dbgal-card .dbgal-cover img{transform:scale(.98);transition:transform .7s cubic-bezier(.2,.75,.2,1)}.dbgal-card.active .dbgal-cover img{transform:scale(1)}
@media(max-width:800px){
 html.mobile-services-scroll #services{height:calc(var(--service-pin-height) + var(--service-travel));padding:0}
 html.mobile-services-scroll #services .pin{position:sticky;top:var(--service-pin-top,0px);height:var(--service-pin-height);min-height:0;padding:30px 0;gap:24px;justify-content:flex-start}
 html.mobile-services-scroll #services .services-track{scroll-snap-type:none;scroll-behavior:auto;transform:none!important;will-change:auto}
 .dbgal-controls>.dbgal-autoplay{flex-basis:100%;margin-top:8px}
}
.reduce-motion .scroll-text{translate:none!important}.reduce-motion .dbgal-card,.reduce-motion .dbgal-cover img{transition:none!important}
@media(prefers-reduced-motion:reduce){html:not(.motion-enabled) .scroll-text{translate:none!important}html:not(.motion-enabled) .dbgal-card,html:not(.motion-enabled) .dbgal-cover img{transition:none!important}}

/* Compact service cards: retain every service detail, remove the tall art row. */
@media(min-width:801px){
 .services .service-card{min-height:390px;padding:26px;gap:18px;grid-template-columns:minmax(0,1fr) 150px}
 .services .service-art{width:150px;height:150px}.services .service-copy>h2{font-size:32px;margin-bottom:14px}
 .services .service-outcomes{gap:9px;margin-bottom:16px}.services .service-outcomes dd{font-size:13px;line-height:1.45}
 .services .pin{min-height:610px}
}
@media(max-width:800px){
 .services .service-card{grid-template-columns:minmax(0,1fr) 88px;grid-template-rows:auto auto;gap:18px;padding:20px;min-height:0;height:auto}
 .services .service-art{grid-column:2;grid-row:1;align-self:start;justify-self:end;width:88px;height:88px;margin:0;z-index:2}
 .services .service-copy{grid-column:1/-1;grid-row:1;min-width:0}
 .services .service-copy>h2{max-width:calc(100% - 104px);min-height:78px;display:flex;align-items:center;margin:0 0 16px;font-size:28px;line-height:1.12}
 .services .service-outcomes{gap:10px;margin-bottom:16px}.services .service-outcomes>div{grid-template-columns:66px minmax(0,1fr);gap:8px}
 .services .service-outcomes dd{font-size:13px;line-height:1.5}.services .service-outcomes dt{font-size:9px;line-height:1.5;padding-top:2px}
 .services .service-copy>.button{min-height:44px;margin:0;padding:11px 18px;font-size:13px}
 .services .service-formats{grid-column:1/-1;grid-row:2;padding-right:0}.services .service-formats>span{font-size:9px;margin-bottom:8px}
 .services .service-formats>div{gap:6px}.services .service-formats button{min-height:44px;padding:9px 10px;font-size:11px}
 .services .card-num{top:10px;right:12px;font-size:10px;opacity:.65}
}
@media(max-width:360px){.services .service-card{padding:18px;grid-template-columns:minmax(0,1fr) 72px}.services .service-art{width:72px;height:78px}.services .service-copy>h2{max-width:calc(100% - 86px);font-size:25px}.services .service-outcomes>div{grid-template-columns:58px minmax(0,1fr)}}

/* Indigo fragments on headings: small, slow and active only in view. */
.pixel-heading{position:relative;font-weight:750!important}
.heading-pixels{position:absolute;right:0;top:.15em;width:26px;height:40px;transform:translateX(45%);pointer-events:none;user-select:none;contain:layout style}
.heading-pixels>i{position:absolute;display:block;width:3px;height:3px;background:var(--accent,#4f46e5);box-shadow:0 0 5px #7060ee45;opacity:0;animation:headingPixelDrift 10s ease-in-out infinite;animation-play-state:paused}
.heading-pixels>i:nth-child(1){left:2px;top:22px;animation-delay:-2s}
.heading-pixels>i:nth-child(2){left:8px;top:30px;width:2px;height:2px;animation-duration:12s;animation-delay:-7s}
.heading-pixels>i:nth-child(3){left:3px;top:12px;animation-duration:11s;animation-delay:-5s}
.heading-pixels>i:nth-child(4){left:12px;top:20px;width:2px;height:2px;animation-duration:13s;animation-delay:-10s}
.pixel-heading.pixels-playing>.heading-pixels>i{animation-play-state:running}
@keyframes headingPixelDrift{0%,12%{opacity:0;transform:translate(0,7px) scale(.6)}32%{opacity:.55}75%{opacity:.25}100%{opacity:0;transform:translate(12px,-22px) scale(.5)}}
.reduce-motion .heading-pixels{display:none}
@media(prefers-reduced-motion:reduce){html:not(.motion-enabled) .heading-pixels{display:none}}