/* One authoritative composition layer. Palette, copy, case dialogs and sections are retained. */
body.art-direction.studio-unified{
 --ad-paper:#ECEBEE;--ad-lime:#B7BE57;--ad-blue:#BCCDE0;--ad-plum:#3B1C3C;--ad-graphite:#343C51;
 --ad-gutter:24px;--ad-inset:40px;--ad-space-top:120px;--ad-space-bottom:120px;
 background:var(--ad-paper);color:var(--ad-plum);letter-spacing:0;
}
body.art-direction *,body.art-direction *::before,body.art-direction *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
body.art-direction .block{padding-inline:var(--ad-inset)!important;overflow:clip}
body.art-direction .block-content{max-width:1440px;container-type:normal}
body.art-direction :is(h1,h2,h3){text-wrap:balance}
body.art-direction p{text-wrap:pretty}
body.art-direction :is(.ribbon,.furry-cursor,.footer-furry,.menu-furry,.menu-pushpin,.menu-paperclip,.work-hover-preview){display:none!important}
body.art-direction a:focus-visible,body.art-direction button:focus-visible,body.art-direction summary:focus-visible{outline:2px solid currentColor!important;outline-offset:6px}
body.art-direction #approved-hero{max-width:1520px;padding:0 var(--ad-inset) 64px;isolation:isolate}
body.art-direction #approved-hero>nav{padding-inline:max(var(--ad-inset),calc((100vw - 1440px)/2))!important;background:var(--ad-paper)!important}
body.art-direction #approved-hero .name.back-name{font-size:clamp(76px,13.7vw,208px)!important;line-height:.82!important;letter-spacing:-.075em!important;padding:66px 0 0!important;overflow:visible!important;position:relative!important;z-index:1}
body.art-direction #approved-hero .name.back-name span{width:fit-content!important;max-width:100%;color:var(--ad-lime)!important;translate:none!important;letter-spacing:inherit!important;line-height:inherit!important}
body.art-direction #approved-hero .name.back-name span:last-child{margin:12px 0 0 auto!important}
body.art-direction #approved-hero .showcase{grid-template-columns:repeat(12,minmax(0,1fr))!important;gap:24px;align-items:start;padding:64px 0 0!important;position:relative}
body.art-direction #approved-hero .promise{grid-column:1/span 7!important;grid-row:1;display:block!important;align-self:start}
body.art-direction #approved-hero .specialty{font-size:11px!important;letter-spacing:.07em;margin:0 0 26px!important;text-transform:uppercase}
body.art-direction #approved-hero .promise h1{font-size:clamp(29px,3.25vw,50px)!important;line-height:1.08!important;font-weight:600!important;letter-spacing:-.045em!important;max-width:700px;margin:0 0 30px!important}
body.art-direction #approved-hero .promise .cta{margin:0!important;min-width:190px;font-size:12px!important;padding:12px 16px!important}
body.art-direction #approved-hero .hero-summary{grid-column:1/span 6!important;grid-row:2;display:block!important;max-width:480px;margin-top:8px}
body.art-direction #approved-hero .hero-summary p{font-size:16px!important;line-height:1.6;margin:0 0 22px!important}
body.art-direction #approved-hero .hero-summary>a{font-size:13px!important}
body.art-direction #approved-hero .hero-portrait{grid-column:9/span 4;grid-row:1/span 2;margin:-102px 0 0;position:relative;z-index:2;align-self:start;max-width:360px;justify-self:end;width:100%}
body.art-direction #approved-hero .hero-portrait img{width:100%;height:auto;aspect-ratio:3/4;object-fit:contain;display:block}
/* Portfolio: paired spreads, not a horizontal catalogue. */
body.art-direction #work{--ad-space-top:104px;--ad-space-bottom:160px}
body.art-direction #work .block-content>h2{font-size:clamp(62px,7.4vw,112px)!important;line-height:.97!important;letter-spacing:-.065em!important;max-width:1200px!important;margin-bottom:32px!important;font-weight:700}
body.art-direction #work .title-tail{font-size:clamp(20px,2.2vw,32px)!important;font-weight:400;max-width:600px;letter-spacing:-.025em!important;line-height:1.25!important;margin:20px 0 0!important}
body.art-direction #work .work-tools{justify-content:flex-end;margin:0 0 88px!important}
body.art-direction #work .work-tools p{max-width:500px;font-size:14px;line-height:1.65}
body.art-direction #work .project-grid[data-view=editorial]{display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr))!important;gap:112px var(--ad-gutter)!important;height:auto!important;overflow:visible!important;margin:0!important;padding:0!important;align-items:start;scroll-snap-type:none}
body.art-direction #work .project-grid .folder{width:100%!important;min-width:0;max-width:none!important;min-height:0!important;height:auto!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;transform:none!important;translate:none!important;display:block!important;isolation:auto;text-align:left;flex:none!important}
body.art-direction #work .folder:nth-child(1){grid-column:1/span 7}
body.art-direction #work .folder:nth-child(2){grid-column:9/span 4;align-self:end}
body.art-direction #work .folder:nth-child(3){grid-column:3/span 10}
body.art-direction #work .folder:nth-child(4){grid-column:1/span 4;align-self:center}
body.art-direction #work .folder:nth-child(5){grid-column:6/span 7}
body.art-direction #work .folder:nth-child(6){grid-column:1/span 7}
body.art-direction #work .folder:nth-child(7){grid-column:9/span 4;align-self:end}
body.art-direction #work .folder:nth-child(8){grid-column:2/span 11}
body.art-direction #work .folder::before,body.art-direction #work .folder::after,body.art-direction #work :is(.folder-preview,.folder-slip,.folder-bookmark){display:none!important}
body.art-direction #work .gallery-mockup{position:relative;display:block;width:100%;height:auto!important;aspect-ratio:3/2;overflow:hidden;border-radius:0!important;box-shadow:none!important;transform:none!important}
body.art-direction #work .folder-info{position:relative!important;inset:auto!important;display:grid!important;grid-template-columns:32px minmax(0,1fr) auto;gap:7px 12px;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;padding:20px 0 0!important;background:transparent!important;border-top:1px solid var(--ad-plum);margin:16px 0 0;align-items:baseline}
body.art-direction #work .folder-info .case-study-number{grid-column:1;grid-row:1/span 2;font-size:11px;text-decoration:none;margin:0!important;color:var(--ad-graphite)}
body.art-direction #work .folder .folder-info strong{grid-column:2;grid-row:1;font-size:clamp(22px,2.6vw,38px)!important;line-height:1.12!important;letter-spacing:-.045em;color:var(--ad-plum)!important;white-space:normal!important;overflow-wrap:normal!important;overflow:visible!important;font-weight:600}
body.art-direction #work .folder-info small{grid-column:2;grid-row:2;display:block;font-size:11px;line-height:1.5;margin:0!important;max-width:none!important;color:var(--ad-graphite)}
body.art-direction #work .folder-info>span:last-child{grid-column:3;grid-row:1/span 2;font-size:11px;margin:0!important;align-self:start;white-space:nowrap}
body.art-direction #work .folder:nth-child(4n+2) .folder-info,body.art-direction #work .folder:nth-child(4) .folder-info{grid-template-columns:24px minmax(0,1fr)}
body.art-direction #work .folder:nth-child(4n+2) .folder-info>span:last-child,body.art-direction #work .folder:nth-child(4) .folder-info>span:last-child{grid-column:2;grid-row:3;margin-top:8px!important}
/* Agreements: an indexed paper composition on the original powder blue. */
body.art-direction #trust{--ad-space-top:112px;--ad-space-bottom:120px;background:var(--ad-blue)!important}
body.art-direction #trust .block-content>h2{font-size:clamp(36px,4.1vw,62px)!important;max-width:810px!important;line-height:1.06!important;margin:0 0 28px!important}
body.art-direction #trust .block-content>p{margin:0 0 100px!important;max-width:500px;font-size:16px;line-height:1.6}
body.art-direction #trust .trust-answers{display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr))!important;gap:84px 24px;counter-reset:agreements;align-items:start}
body.art-direction #trust .promise-slot{grid-column:span 4;counter-increment:agreements;transform:none!important;translate:none!important;--folder-color:var(--ad-paper);--mark:var(--ad-lime)}
body.art-direction #trust .promise-slot:nth-child(1){grid-column:span 5;--folder-color:var(--ad-lime);--mark:var(--ad-paper)}
body.art-direction #trust .promise-slot:nth-child(2){grid-column:span 3;margin-top:48px}
body.art-direction #trust .promise-slot:nth-child(4){grid-column:span 3;margin-top:16px}
body.art-direction #trust .promise-slot:nth-child(5){grid-column:span 5;--folder-color:var(--ad-lime);--mark:var(--ad-paper)}
body.art-direction #trust .promise-slot:nth-child(7){grid-column:3/span 5}
body.art-direction #trust .promise-slot:nth-child(8){grid-column:span 5;margin-top:32px}
body.art-direction #trust .promise-folder{min-height:180px!important;padding:28px!important;border-radius:0 4px 4px 4px!important;box-shadow:none!important;background-image:none!important}
body.art-direction #trust .promise-folder::before{background-image:none!important;border-radius:3px 3px 0 0!important;width:38%;height:22px}
body.art-direction #trust .promise-folder::after{display:none}
body.art-direction #trust .promise-folder summary{font-size:19px!important;font-weight:600!important;line-height:1.3!important;letter-spacing:-.025em;min-height:0!important;padding:0 24px 0 0!important}
body.art-direction #trust .promise-folder summary::before{content:counter(agreements,decimal-leading-zero);display:block;font-size:11px;font-weight:400;letter-spacing:.06em;margin-bottom:28px}
body.art-direction #trust .promise-slot:nth-child(1) summary,body.art-direction #trust .promise-slot:nth-child(5) summary{font-size:27px!important}
body.art-direction #trust .promise-folder p{font-size:14px!important;line-height:1.65!important;margin:22px 0 0!important}
body.art-direction #trust .folder-bookmark{right:22px!important;top:-36px!important;width:34px!important;height:60px!important;border-radius:0!important;box-shadow:none!important;transform:none!important}
body.art-direction #trust .folder-bookmark svg{display:none}
body.art-direction #trust .promise-slot:hover>.folder-bookmark,body.art-direction #trust .promise-slot:focus-within>.folder-bookmark{top:-36px!important;transform:none!important}
/* Prices are a typographic spread. */
body.art-direction #services{--ad-space-top:152px;--ad-space-bottom:144px}
body.art-direction #services .block-content>h2{font-size:clamp(30px,3vw,44px)!important;max-width:620px!important;line-height:1.1!important;margin:0 0 96px!important}
body.art-direction #services .card{display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr))!important;gap:24px;align-items:start;position:relative;padding:40px 0 48px!important;border-top:1px solid var(--ad-plum);border-bottom:0;min-height:0;background:transparent!important;transform:none!important}
body.art-direction #services .card:last-child{border-bottom:1px solid var(--ad-plum)}
body.art-direction #services .card h3{grid-column:1/span 8!important;grid-row:1!important;font-size:clamp(37px,4.5vw,68px)!important;line-height:1.02!important;letter-spacing:-.055em!important;font-weight:500;overflow-wrap:normal;hyphens:manual}
body.art-direction #services .card p{grid-column:4/span 5!important;grid-row:2!important;font-size:16px;line-height:1.65;max-width:500px!important;margin-top:4px}
body.art-direction #services .card .service-price{grid-column:9/span 4!important;grid-row:1/span 2!important;align-self:start;justify-self:end;text-align:right;font-size:clamp(32px,3.7vw,56px)!important;font-weight:500;line-height:1.05;letter-spacing:-.06em;color:var(--ad-plum)!important;background:var(--ad-lime);padding:8px 12px 12px;white-space:nowrap}
body.art-direction #services .note{font-size:13px!important;line-height:1.65;max-width:560px;margin-top:32px}
body.art-direction #services .actions{margin-top:32px!important;justify-content:flex-end}
/* Signature process: image, number and title form one active spread. */
body.art-direction #process{--ad-space-top:112px;--ad-space-bottom:112px;background:var(--ad-blue)!important}
body.art-direction #process .block-content>h2{font-size:clamp(48px,6.3vw,94px)!important;line-height:1!important;max-width:1050px!important;margin:0 0 88px!important}
body.art-direction #process .step{display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr))!important;gap:24px;align-items:start;padding:26px 0!important;min-height:0!important;background:transparent!important;border-top:1px solid var(--ad-graphite)}
body.art-direction #process .step>span{grid-column:1/span 2!important;grid-row:1!important;justify-self:start;text-align:left;padding:0;font-size:30px!important;line-height:1;font-weight:400;color:var(--ad-graphite)}
body.art-direction #process .step details{grid-column:3/span 10!important;grid-row:1!important;padding:0!important}
body.art-direction #process .step summary{font-size:26px!important;line-height:1.2;font-weight:500;letter-spacing:-.035em;max-width:none;display:flex;justify-content:space-between;gap:24px;list-style:none;cursor:pointer}
body.art-direction #process .step summary::after{content:'+'!important;display:block!important;font-size:24px;font-weight:400}
body.art-direction #process .process-picture{display:none;height:auto!important;max-height:none!important;border-radius:0!important;aspect-ratio:3/2;overflow:hidden}
body.art-direction #process .step.process-active{padding:36px 0 44px!important;border-top:3px solid var(--ad-plum);min-height:400px!important}
body.art-direction #process .step.process-active>span{font-size:clamp(60px,8vw,120px)!important;letter-spacing:-.08em}
body.art-direction #process .step.process-active .process-picture{display:block;grid-column:3/span 6!important;grid-row:1!important}
body.art-direction #process .step.process-active details{grid-column:9/span 4!important;grid-row:1!important;align-self:end}
body.art-direction #process .step.process-active summary{font-size:clamp(27px,2.6vw,40px)!important;font-weight:600;line-height:1.06;letter-spacing:-.045em}
body.art-direction #process .step.process-active summary::after{content:'−'!important;font-size:24px}
body.art-direction #process .step details p{font-size:16px!important;line-height:1.65!important;max-width:none;margin-top:24px!important}
body.art-direction #process .process-picture img{height:100%;width:100%;object-fit:cover;transform:none!important}
/* About: original portrait without the desk, pins, steam or scrapbook frame. */
body.art-direction #about{--ad-space-top:152px;--ad-space-bottom:112px;--credentials-gap:56px}
body.art-direction #about .columns{display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr))!important;gap:40px 24px!important;align-items:start!important}
body.art-direction #about .columns>.editorial-about-heading{grid-column:1/span 6;grid-row:1;font-size:clamp(36px,3.6vw,54px)!important;line-height:1.06!important;font-weight:600;letter-spacing:-.05em;margin:0!important;max-width:none!important}
body.art-direction #about .columns>.about-left-content{grid-column:1/span 5!important;grid-row:2!important;width:100%!important}
body.art-direction #about .columns>.desk-scene{grid-column:7/span 6!important;grid-row:1/span 2!important;aspect-ratio:auto!important;background:none!important;max-width:none!important;width:100%!important;align-self:start;border-radius:0}
body.art-direction #about .desk-scene .desk-photo{position:relative!important;inset:auto!important;width:100%!important;height:auto!important;max-width:none!important;padding:0!important;margin:0!important;background:none!important;box-shadow:none!important;transform:none!important;translate:none!important;border:0!important;overflow:visible!important}
body.art-direction #about .desk-scene .desk-photo img{display:block;width:100%!important;max-width:none!important;max-height:none!important;height:auto!important;aspect-ratio:3/4!important;object-fit:contain!important;transform:none!important}
body.art-direction #about :is(.desk-working-note,.desk-photo-label,.note-fastener,.desk-original-clip,.desk-natural-steam){display:none!important}
body.art-direction #about .about-copy>p{font-size:16px!important;line-height:1.65!important;max-width:none!important}
body.art-direction #about .about-copy>a.brand-button[href='#contact']{margin-bottom:var(--credentials-gap)!important}
body.art-direction #about .education-fan{margin:0 0 40px!important;border-top:1px solid var(--ad-plum);padding-top:24px}
body.art-direction #about .education-fan h3,body.art-direction #about .about-copy>details>summary{font-size:13px!important;line-height:1.5!important;font-weight:600!important}
body.art-direction #about .education-fan .education-list{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;position:relative;height:auto!important;max-width:none!important;margin:20px 0!important}
body.art-direction #about .education-fan .education-card{display:block;position:relative!important;inset:auto!important;transform:none!important;width:100%!important;height:auto!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
body.art-direction #about .education-fan .certificate-preview,body.art-direction #about .education-fan .certificate-preview.certificate-crop{height:88px!important;width:100%;background:var(--ad-blue);padding:4px;overflow:hidden}
body.art-direction #about .education-fan .education-card strong{display:none}
body.art-direction #about .education-fan .education-hint{font-size:12px!important;line-height:1.6!important}
body.art-direction #about .about-copy>details{border-top:1px solid var(--ad-plum);padding-top:20px;margin-top:0!important}
body.art-direction #about .about-copy>details p{font-size:14px;line-height:1.7;margin-top:18px}
/* Design approach: type is the image. Keep the approved AI copy. */
body.art-direction #ai{--ad-space-top:104px;--ad-space-bottom:128px;background:var(--ad-blue)!important}
body.art-direction #ai .columns{display:block!important}
body.art-direction #ai .columns>div:first-child{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;max-width:none!important}
body.art-direction #ai .columns>div:first-child>h2{grid-column:1/span 3;font-size:24px!important;font-weight:500;line-height:1.2!important;letter-spacing:-.035em!important;max-width:none!important;margin:4px 0 0!important}
body.art-direction #ai .ai-author-copy{grid-column:5/span 8;display:grid;grid-template-columns:1fr 1fr;gap:32px 32px;border:0!important;margin:0!important;padding:0!important;color:var(--ad-graphite)}
body.art-direction #ai .ai-author-copy p{font-size:16px!important;line-height:1.65!important;margin:0!important}
body.art-direction #ai .ai-author-copy .ai-author-lead{grid-column:1/-1;font-size:clamp(34px,4.3vw,66px)!important;font-weight:500!important;line-height:1.07!important;letter-spacing:-.05em!important;border-bottom:1px solid var(--ad-lime);padding-bottom:40px;margin-bottom:8px!important;max-width:none}
body.art-direction #ai .ai-preview{display:none!important}
/* Final frame: uninterrupted dark field and a full-scale signature. */
body.art-direction #contact.contact-without-form{--ad-space-top:112px;--ad-space-bottom:32px;background:var(--ad-graphite)!important;padding-inline:var(--ad-inset)!important}
body.art-direction #contact .footer-layout{gap:48px 24px}
body.art-direction #contact .footer-contact{grid-column:1/span 8}
body.art-direction #contact .portfolio-footer h2{font-size:clamp(52px,7vw,108px)!important;line-height:.99!important;letter-spacing:-.06em!important;font-weight:500!important;margin:0 0 36px!important;max-width:none}
body.art-direction #contact .footer-navigation{grid-column:10/span 3;padding-top:0}
body.art-direction #contact .footer-navigation a{font-size:14px;min-height:26px}
body.art-direction #contact .footer-invitation{grid-column:7/span 6;background:transparent!important;color:var(--ad-paper)!important;border-top:1px solid var(--ad-blue);padding:28px 0 0!important;max-width:none;margin:0!important;display:grid;grid-template-columns:1fr 1fr;gap:20px 24px}
body.art-direction #contact .footer-invitation h3{color:var(--ad-paper)!important;font-size:28px;line-height:1.1;margin:0!important;grid-column:1;grid-row:1}
body.art-direction #contact .footer-invitation p{color:var(--ad-paper)!important;grid-column:2;grid-row:1;font-size:13px;line-height:1.6;margin:0!important}
body.art-direction #contact .footer-invitation .project-cta{grid-column:1;grid-row:2;justify-self:start;min-width:190px}
body.art-direction #contact .footer-channel-note{grid-column:2;grid-row:2;align-self:center;margin:0!important}
body.art-direction #contact .footer-card-index{display:none}
body.art-direction #contact .footer-signature{font-size:clamp(64px,13.7vw,208px)!important;line-height:.83!important;letter-spacing:-.075em!important;color:var(--ad-lime)!important;opacity:1!important;padding:112px 0 56px!important;overflow:visible;position:relative;clear:both}
body.art-direction #contact .footer-signature span{width:fit-content;max-width:100%}
body.art-direction #contact .footer-signature span:nth-child(2){margin:12px 0 0 auto}
body.art-direction #contact .footer-bottom{font-size:11px;line-height:1.6}
body.art-direction #contact .footer-bottom p{max-width:720px}
/* Tablet keeps the spreads, with fewer columns allocated to empty space. */
@media(max-width:1100px){
 body.art-direction.studio-unified{--ad-inset:24px;--ad-space-top:88px;--ad-space-bottom:88px;--ad-gutter:20px}
 body.art-direction #approved-hero .name.back-name{padding-top:48px!important}
 body.art-direction #approved-hero .hero-portrait{margin-top:-48px;grid-column:9/span 4}
 body.art-direction #approved-hero .showcase{padding-top:48px!important}
 body.art-direction #approved-hero .promise{grid-column:1/span 7!important}
 body.art-direction #work .project-grid[data-view=editorial]{gap:80px 20px!important}
 body.art-direction #work .folder-info{grid-template-columns:24px minmax(0,1fr)}
 body.art-direction #work .folder-info>span:last-child{grid-column:2!important;grid-row:3!important;margin-top:8px!important}
 body.art-direction #trust .trust-answers{gap:80px 20px}
 body.art-direction #trust .promise-slot:nth-child(n){grid-column:span 6;margin-top:0}
 body.art-direction #trust .promise-folder{padding:24px!important}
 body.art-direction #services .card h3{font-size:clamp(34px,4.4vw,50px)!important}
 body.art-direction #services .card .service-price{font-size:clamp(27px,3.6vw,40px)!important}
 body.art-direction #process .step.process-active{min-height:0!important}
 body.art-direction #process .step.process-active .process-picture{grid-column:3/span 6!important}
 body.art-direction #process .step.process-active details{grid-column:9/span 4!important}
 body.art-direction #process .step.process-active summary{font-size:26px!important}
 body.art-direction #process .step details p{font-size:14px!important}
 body.art-direction #about .columns>.editorial-about-heading{font-size:34px!important}
 body.art-direction #about .columns>.about-left-content{grid-column:1/span 6!important}
 body.art-direction #about .columns>.desk-scene{grid-column:8/span 5!important}
 body.art-direction #about .education-fan .certificate-preview,body.art-direction #about .education-fan .certificate-preview.certificate-crop{height:65px!important}
 body.art-direction #ai .columns>div:first-child>h2{grid-column:1/span 4;font-size:21px!important}
 body.art-direction #ai .ai-author-copy{grid-column:6/span 7;grid-template-columns:1fr}
 body.art-direction #ai .ai-author-copy .ai-author-lead{font-size:38px!important}
 body.art-direction #contact .footer-contact{grid-column:1/span 8}
 body.art-direction #contact .footer-navigation{grid-column:10/span 3}
 body.art-direction #contact .footer-invitation{grid-column:5/span 8}
}
/* Mobile is composed independently; no horizontal project rail or cropped names. */
@media(max-width:750px){
 body.art-direction.studio-unified{--ad-inset:18px;--ad-gutter:12px}
 body.art-direction :is(#work,#trust,#services,#process,#about,#ai,#contact){--ad-space-top:72px;--ad-space-bottom:72px}
 body.art-direction #approved-hero{padding-bottom:40px}
 body.art-direction #approved-hero .name.back-name{font-size:13.5vw!important;line-height:.88!important;padding:36px 0 0!important;letter-spacing:-.075em!important}
 body.art-direction #approved-hero .name.back-name span:last-child{margin-top:6px!important}
 body.art-direction #approved-hero .showcase{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:24px 12px;padding-top:32px!important}
 body.art-direction #approved-hero .promise{grid-column:1/-1!important;grid-row:1;display:block!important}
 body.art-direction #approved-hero .specialty{font-size:10px!important;margin-bottom:18px!important}
 body.art-direction #approved-hero .promise h1{font-size:clamp(28px,7.4vw,44px)!important;line-height:1.1!important;max-width:none;margin-bottom:24px!important}
 body.art-direction #approved-hero .promise .cta{padding:12px 16px!important;font-size:12px!important;min-height:44px;min-width:190px}
 body.art-direction #approved-hero .hero-portrait{grid-column:3/span 2;grid-row:2;margin:8px 0 0;max-width:240px;align-self:start}
 body.art-direction #approved-hero .hero-summary{grid-column:1/span 2!important;grid-row:2;margin-top:8px;align-self:end;padding-bottom:0}
 body.art-direction #approved-hero .hero-summary p{font-size:14px!important;line-height:1.55;margin-bottom:20px!important}
 body.art-direction #approved-hero .hero-summary>a{font-size:12px!important;display:inline-block;min-height:44px}
 body.art-direction #work .block-content>h2{font-size:46px!important;line-height:1!important}
 body.art-direction #work .title-tail{font-size:19px!important;line-height:1.3!important;max-width:320px;margin-top:16px!important}
 body.art-direction #work .work-tools{margin:0 0 40px!important}
 body.art-direction #work .work-tools p{font-size:14px;max-width:100%}
 body.art-direction #work .project-grid[data-view=editorial]{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:56px 12px!important}
 body.art-direction #work .folder:nth-child(n){grid-column:1/-1;align-self:start}
 body.art-direction #work .folder:nth-child(2),body.art-direction #work .folder:nth-child(4),body.art-direction #work .folder:nth-child(7){grid-column:2/span 3}
 body.art-direction #work .folder-info{grid-template-columns:22px minmax(0,1fr)!important;gap:6px 8px;padding-top:14px!important;margin-top:12px}
 body.art-direction #work .folder .folder-info strong{font-size:clamp(21px,6.2vw,30px)!important;line-height:1.18!important;overflow-wrap:anywhere!important}
 body.art-direction #work .folder-info small{font-size:11px;line-height:1.5}
 body.art-direction #work .folder-info>span:last-child{grid-column:2!important;grid-row:3!important;font-size:12px;min-height:32px;white-space:normal!important;margin-top:6px!important}
 body.art-direction #trust .block-content>h2{font-size:34px!important;line-height:1.1!important}
 body.art-direction #trust .block-content>p{font-size:14px;margin:0 0 72px!important}
 body.art-direction #trust .trust-answers{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:64px 12px}
 body.art-direction #trust .promise-slot:nth-child(n){grid-column:1/-1;margin-top:0}
 body.art-direction #trust .promise-slot:nth-child(2),body.art-direction #trust .promise-slot:nth-child(4),body.art-direction #trust .promise-slot:nth-child(8){grid-column:2/span 3}
 body.art-direction #trust .promise-folder{padding:24px!important;min-height:144px!important}
 body.art-direction #trust .promise-folder summary{font-size:18px!important}
 body.art-direction #trust .promise-slot:nth-child(1) summary,body.art-direction #trust .promise-slot:nth-child(5) summary{font-size:24px!important}
 body.art-direction #trust .promise-folder summary::before{margin-bottom:18px}
 body.art-direction #services .block-content>h2{font-size:30px!important;margin-bottom:48px!important}
 body.art-direction #services .card{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:20px 12px;padding:28px 0 36px!important}
 body.art-direction #services .card h3{grid-column:1/-1!important;grid-row:1!important;font-size:clamp(26px,7vw,40px)!important;line-height:1.08!important;overflow-wrap:normal;hyphens:manual}
 body.art-direction #services .card .service-price{grid-column:2/span 3!important;grid-row:2!important;font-size:34px!important;justify-self:end;padding:5px 9px 9px}
 body.art-direction #services .card p{grid-column:1/-1!important;grid-row:3!important;font-size:14px;line-height:1.65;margin:0}
 body.art-direction #services .note{font-size:12px!important;line-height:1.6;margin-top:28px}
 body.art-direction #services .actions{justify-content:flex-start;margin-top:24px!important}
 body.art-direction #process .block-content>h2{font-size:40px!important;line-height:1.03!important;margin-bottom:48px!important}
 body.art-direction #process .step{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:20px 12px;padding:23px 0!important}
 body.art-direction #process .step>span{grid-column:1!important;font-size:24px!important}
 body.art-direction #process .step details{grid-column:2/span 3!important;grid-row:1!important}
 body.art-direction #process .step summary{font-size:22px!important;line-height:1.18}
 body.art-direction #process .step.process-active{padding:28px 0 32px!important}
 body.art-direction #process .step.process-active>span{font-size:50px!important}
 body.art-direction #process .step.process-active details{grid-column:2/span 3!important;grid-row:1!important;align-self:start}
 body.art-direction #process .step.process-active summary{font-size:27px!important}
 body.art-direction #process .step.process-active .process-picture{grid-column:1/-1!important;grid-row:2!important;margin-top:0;aspect-ratio:3/2}
 body.art-direction #process .step details p{font-size:14px!important;line-height:1.6!important;margin-top:20px!important}
 body.art-direction #about{--credentials-gap:40px}
 body.art-direction #about .columns{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:32px 12px!important}
 body.art-direction #about .columns>.editorial-about-heading{grid-column:1/-1!important;grid-row:1!important;font-size:31px!important;line-height:1.1!important}
 body.art-direction #about .columns>.desk-scene{grid-column:2/span 3!important;grid-row:2!important;max-width:none!important;justify-self:end}
 body.art-direction #about .columns>.about-left-content{grid-column:1/-1!important;grid-row:3!important}
 body.art-direction #about .about-copy>p{font-size:14px!important;line-height:1.65!important}
 body.art-direction #about .education-fan .education-list{gap:8px;margin-top:20px!important}
 body.art-direction #about .education-fan .certificate-preview,body.art-direction #about .education-fan .certificate-preview.certificate-crop{height:70px!important}
 body.art-direction #ai .columns>div:first-child{grid-template-columns:repeat(4,minmax(0,1fr));gap:40px 12px}
 body.art-direction #ai .columns>div:first-child>h2{grid-column:1/-1;font-size:22px!important;max-width:260px!important}
 body.art-direction #ai .ai-author-copy{grid-column:1/-1;gap:24px;grid-template-columns:1fr}
 body.art-direction #ai .ai-author-copy .ai-author-lead{font-size:34px!important;line-height:1.08!important;padding-bottom:28px;margin:0!important}
 body.art-direction #ai .ai-author-copy p{font-size:14px!important;line-height:1.65!important}
 body.art-direction #contact .footer-layout{grid-template-columns:repeat(4,minmax(0,1fr));gap:48px 12px}
 body.art-direction #contact .footer-contact{grid-column:1/-1}
 body.art-direction #contact .portfolio-footer h2{font-size:48px!important;line-height:1.02!important}
 body.art-direction #contact .footer-navigation{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:16px 12px;padding:0}
 body.art-direction #contact .footer-navigation .footer-eyebrow{grid-column:1/-1}
 body.art-direction #contact .footer-navigation a{font-size:13px}
 body.art-direction #contact .footer-invitation{grid-column:1/-1;display:block;padding-top:28px!important}
 body.art-direction #contact .footer-invitation h3{font-size:30px;margin-bottom:20px!important}
 body.art-direction #contact .footer-invitation p{font-size:14px;margin-bottom:24px!important;max-width:320px}
 body.art-direction #contact .footer-channel-note{margin-top:18px!important}
 body.art-direction #contact .footer-signature{font-size:13.5vw!important;line-height:.88!important;padding:72px 0 36px!important}
 body.art-direction #contact .footer-signature span:nth-child(2){margin-top:6px}
 body.art-direction #contact .footer-bottom{gap:20px 10px;font-size:10px}
 body.art-direction .mobile-site-menu .mobile-menu-paper{background:transparent;box-shadow:none;transform:none;padding:0;margin:0}
 body.art-direction .mobile-site-menu .mobile-menu-links a{color:var(--ad-paper);border-color:var(--ad-blue);font-size:28px}
}
@media(max-width:360px){
 body.art-direction #approved-hero .hero-summary{grid-column:1/-1!important;grid-row:3}
 body.art-direction #approved-hero .hero-portrait{grid-column:2/span 3;grid-row:2;max-width:240px}
 body.art-direction #services .card h3{font-size:25px!important}
 body.art-direction #about .columns>.editorial-about-heading{font-size:27px!important}
}
/* QA refinement: keep the primary action in the first desktop viewport. */
@media(min-width:751px){
 body.art-direction #approved-hero .name.back-name{font-size:clamp(94px,11.6vw,178px)!important;padding-top:40px!important}
 body.art-direction #approved-hero .showcase{padding-top:36px!important}
 body.art-direction #approved-hero .hero-portrait{max-width:280px;margin-top:-68px}
}
/* QA refinement: two wide spreads show the actual interfaces without a device frame. */
body.art-direction #work .case-flat .gallery-mockup{aspect-ratio:2938/1594}
body.art-direction #work .case-flat .gallery-mockup .mockup-environment{display:none!important}
body.art-direction #work .case-flat .gallery-mockup .mockup-display{position:relative!important;inset:auto!important;display:block!important;width:100%!important;height:auto!important;aspect-ratio:2938/1594!important;object-fit:contain!important;clip-path:none!important;transform:none!important;border:0!important}
body.art-direction #contact .footer-signature span{opacity:1!important}
body.art-direction #process .step summary::after{transform:none!important}
/* A local stacking context must not bury the fixed header under later sections. */
body.art-direction #approved-hero{isolation:auto}
/* Case content remains readable editorial columns, not three filled cards. */
body.art-direction #case-dialog .case-details article{background:transparent!important;border-top:1px solid var(--ad-plum);padding:24px 0 0!important;min-height:0!important}
body.art-direction #case-dialog .case-details h3{font-size:13px;letter-spacing:0;font-weight:600;margin-bottom:18px}
body.art-direction #case-dialog .case-details p{line-height:1.65}
@media(max-width:750px){
 body.art-direction #approved-hero .mobile-menu-toggle{background:var(--ad-lime)!important;border:1px solid var(--ad-plum)!important;box-shadow:2px 2px 0 var(--ad-plum)!important}
 body.art-direction #approved-hero .mobile-menu-toggle>span{background:var(--ad-plum)!important}
 body.art-direction #case-dialog .case-details{gap:32px!important}
 body.art-direction #case-dialog .case-details article{padding-top:20px!important}
}
@media(min-width:751px) and (max-width:1100px){
 body.art-direction #approved-hero .hero-portrait{margin-top:-20px}
}