/* 8.3: compact responsive layout, separate hero media, no changes to media controls */
.hero{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"offer offer" "copy art" "note note"!important;align-items:center;gap:28px;padding-block:28px 22px;min-height:0!important;isolation:isolate}.hero-offer{grid-area:offer;position:relative!important;display:flex!important;align-items:center;gap:20px;padding:14px 22px!important;margin:0!important;min-height:0!important;width:100%;border-radius:18px}.hero-offer .offer-percent b{font-size:clamp(26px,3vw,42px)!important}.hero-offer .offer-percent small,.hero-offer .offer-copy>span{display:none}.hero-offer .offer-copy{flex:1}.hero-offer .offer-copy strong{font-size:clamp(16px,1.6vw,22px)!important}.hero-offer .offer-copy small{font-size:12px}.hero-offer .offer-action{font-size:14px!important;padding:12px 18px!important;white-space:nowrap}.hero-copy{grid-area:copy;width:auto!important;max-width:none!important;position:relative!important;inset:auto!important;padding:0!important}.hero-backdrop{grid-area:art;position:relative!important;inset:auto!important;width:100%!important;height:auto!important;max-width:100%!important;opacity:1!important;transform:none!important;margin-top:20px}.hero-backdrop img{display:block;width:100%!important;height:auto!important;max-height:380px;object-fit:contain!important;object-position:center!important;mask-image:none!important}.hero:before,.hero:after{display:none!important}.hero-index{grid-area:note;position:static!important}.hero h1{font-size:clamp(25px,3.1vw,50px);line-height:1.45}.hero-copy p{font-size:16px;line-height:1.9}.language-switch{font:700 13px sans-serif;padding:8px;border:1px solid #7f9d6555;border-radius:8px}.section-heading h2,.page-heading h1,.content-heading h1{font-size:clamp(22px,2.6vw,36px);line-height:1.5}.section-heading,.content-heading{margin-bottom:24px}.content-heading p{font-size:16px;margin:10px 0}.p8-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.p8-card.compact-service{padding:14px;display:block;min-width:0}.compact-service>img,.compact-service>.p8-art{width:100%;height:auto;aspect-ratio:4/1;object-fit:cover;border-radius:12px;margin:0}.compact-service>.p8-art{display:grid;place-items:center}.compact-service .p8-art i{font-size:32px}.compact-service h2{font-size:18px;line-height:1.5;margin:14px 0 10px}.compact-service summary{cursor:pointer;color:#cdf562;font-size:14px;padding:8px 0}.service-details{font-size:14px;line-height:1.9;animation:reveal83 .2s ease}.service-details p{font-size:14px!important}.service-details .button{margin-top:12px}.p8-article{max-width:850px;margin:auto}.p8-article h1{font-size:clamp(25px,3vw,38px)}.p8-article .p8-cover{max-height:340px;object-fit:contain}.portfolio-grid.portfolio-v75{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:22px;align-items:start}.portfolio-grid>*{min-width:0!important;grid-column:auto!important;transition:transform .25s ease,filter .25s ease;transform-origin:center}.portfolio-grid .portfolio-card{width:auto!important}.portfolio-grid .website-order{display:block;padding:12px 18px;color:#cdf562;font-size:14px}.gallery-entry{margin-top:24px}.pagination{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:28px}.p8-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.p8-filters .button{font-size:14px;padding:9px 16px}.partner-report details{padding:8px}.partner-report th,.partner-report td{font-size:13px;white-space:nowrap;padding:10px}.partner-report h2{font-size:22px}.header-actions{gap:10px}.client-logo,.client-logo img,.client-item{background:transparent!important}html[dir=ltr] .hero{direction:ltr}html[dir=ltr] .hero-copy{text-align:left}html[dir=ltr] input,html[dir=ltr] textarea{text-align:left}html[dir=ltr] .hero .hero-backdrop{grid-area:art}html[dir=ltr] .fa-arrow-left{transform:rotate(180deg)}
@media(hover:hover) and (pointer:fine){.portfolio-grid:has(> :hover)>:not(:hover){transform:scale(.97)}.portfolio-grid>:hover{transform:scale(1.025);z-index:3;filter:drop-shadow(0 12px 20px #0006)}}
@media(max-width:1000px){.p8-grid,.portfolio-grid.portfolio-v75{grid-template-columns:repeat(2,minmax(0,1fr))!important}.header-actions .button{padding:10px;font-size:12px}}
@media(max-width:700px){.hero{grid-template-columns:minmax(0,1fr)!important;grid-template-areas:"offer" "art" "copy" "note"!important;gap:18px;padding:20px!important}.hero-offer{padding:12px!important;display:grid!important;grid-template-columns:48px minmax(0,1fr);gap:8px!important}.offer-percent{grid-column:1;grid-row:1}.offer-copy{grid-column:2;grid-row:1}.hero-offer .offer-copy strong{font-size:15px!important;line-height:1.6}.hero-offer .offer-action{grid-column:1/-1;text-align:center;padding:8px 12px!important;font-size:13px!important}.hero-backdrop{margin:0!important;max-height:140px;aspect-ratio:4/1}.hero-backdrop img{width:100%!important;height:100%!important;max-height:140px}.hero h1{font-size:clamp(24px,6vw,34px);margin:8px 0}.hero-copy .eyebrow{font-size:12px}.hero-copy p{font-size:14px;margin:12px 0}.hero-actions{gap:8px}.hero-actions .button{font-size:13px;padding:12px}.hero-note{font-size:10px;gap:12px;margin-top:18px}.hero-index{font-size:8px}.p8-grid,.portfolio-grid.portfolio-v75{grid-template-columns:minmax(0,1fr)!important}.p8-card.compact-service{padding:12px}.compact-service h2{font-size:17px}.section-heading h2,.page-heading h1,.content-heading h1{font-size:23px}.site-header{gap:10px;padding:16px!important}.site-header .brand{font-size:20px}.site-header .brand i{font-size:8px}.header-actions{gap:6px}.header-actions .button{font-size:11px;padding:9px}.header-actions .button svg,.header-actions .button i{display:none}.account-link{font-size:12px}.language-switch{font-size:11px;padding:6px}.menu-toggle{font-size:0!important}.menu-toggle svg,.menu-toggle i{font-size:23px;width:23px}.p8-filters .button{font-size:12px;padding:8px 12px}.page-shell,.content-page{padding-top:26px}.p8-article .p8-prose{font-size:15px}.table-scroll{overflow:auto;max-width:100%}}
@keyframes reveal83{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition:none!important}}
.studio-callout h2,.project-summary h2,.journey-section h2,.faq-intro h2{font-size:clamp(22px,2.4vw,34px);line-height:1.5}.closing h2{font-size:clamp(28px,4vw,50px)}