/* Scope: lower Hero, active agreements, pricing rhythm, one AI metaphor, portrait. */
body.art-direction.composition-refinement #approved-hero .showcase{border-top:1px solid var(--ad-graphite);padding-top:24px!important;margin-top:28px;grid-template-columns:repeat(12,minmax(0,1fr))!important;gap:24px;align-items:start}
body.art-direction.composition-refinement #approved-hero .promise{grid-column:1/span 6!important;grid-row:1!important}
body.art-direction.composition-refinement #approved-hero .hero-summary{grid-column:7/span 4!important;grid-row:1!important;margin-top:42px!important;align-self:start}
body.art-direction.composition-refinement #approved-hero .hero-personal-note{grid-column:11/span 2!important;grid-row:1!important;margin-top:45px!important;padding:0 0 0 16px!important;border:0;border-left:1px solid var(--ad-graphite);width:auto;max-width:none}
body.art-direction.composition-refinement #approved-hero .hero-personal-note small{display:none}
body.art-direction.composition-refinement #approved-hero .hero-personal-note>span{line-height:var(--line-annotation)!important}
/* The title axes stay fixed. Active weight and related side note supply emphasis. */
body.composition-refinement #trust .agreement-line{transition:opacity 220ms ease,border-color 220ms ease!important}
body.composition-refinement #trust .agreement-lines.has-active .agreement-line:not(.is-active){opacity:.82}
body.composition-refinement #trust .agreement-line.is-active{opacity:1;border-bottom-color:var(--ad-plum)}
body.composition-refinement #trust .agreement-line.is-active .agreement-title{font-weight:700;color:var(--ad-plum)}
body.composition-refinement #trust .agreement-explanation{grid-template-columns:64px minmax(0,1fr) 260px;gap:24px}
body.composition-refinement #trust .agreement-line p{grid-column:2;grid-row:1;max-width:680px}
body.composition-refinement #trust .agreement-hint{grid-column:3;grid-row:1;align-self:start;border-left:1px solid var(--ad-graphite);padding-left:16px;max-width:240px}
/* One path: 01 / 02 share a datum, 03 spans it; the concluding CTA follows. */
body.composition-refinement #services .price-editions{gap:32px 24px}
body.composition-refinement #services .price-edition:nth-child(2){grid-column:7/span 6;margin-top:0}
body.composition-refinement #services .price-edition:nth-child(3){grid-column:1/-1}
body.composition-refinement #services .price-edition:nth-child(3) .price-amount{margin-left:0}
body.composition-refinement #services .price-conclusion{margin-top:24px;padding-top:24px}
body.composition-refinement #services .price-conclusion .actions{grid-column:7/span 6}
/* One surface. The variants exist only during exploration; the selected word settles. */
body.composition-refinement #ai .ai-single-metaphor{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:20px 24px;border-top:1px solid var(--ad-blue);padding-top:20px}
body.composition-refinement #ai .ai-one-study{grid-column:1/span 8;min-height:170px;padding:16px 0;border:0;border-radius:0;background:transparent!important;box-shadow:none!important;text-align:left;cursor:pointer;display:flex;align-items:center;color:var(--ad-lime)!important;overflow:hidden}
body.composition-refinement #ai .ai-one-word{font-size:var(--type-section);font-weight:600;line-height:.96;letter-spacing:-.055em;display:block;transform-origin:left center}
body.composition-refinement #ai .ai-single-metaphor[data-variant='0'] .ai-one-word{font-weight:300;letter-spacing:-.06em}
body.composition-refinement #ai .ai-single-metaphor[data-variant='1'] .ai-one-word{font-weight:800;letter-spacing:-.08em}
body.composition-refinement #ai .ai-single-metaphor[data-variant='2'] .ai-one-word{font-weight:400;letter-spacing:.12em}
body.composition-refinement #ai .ai-single-metaphor[data-variant='3'] .ai-one-word{font-weight:600;transform:scaleX(.9)}
body.composition-refinement #ai .ai-one-caption{grid-column:9/span 4;align-self:center;font-size:var(--type-annotation);line-height:var(--line-annotation);color:var(--ad-paper)!important}
/* Medium portrait is a separate editorial beat between title and body, not a text/photo split. */
body.art-direction.composition-refinement #about .columns{grid-template-rows:auto auto auto!important;row-gap:32px!important}
body.art-direction.composition-refinement #about .columns>.about-editorial-portrait{grid-column:6/span 4;grid-row:2;margin:-64px 0 0;width:min(28vw,400px);max-width:100%;position:relative}
body.composition-refinement #about .about-editorial-portrait img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;border:0;border-radius:0;box-shadow:none}
body.composition-refinement #about .about-editorial-portrait figcaption{font-size:var(--type-micro);line-height:var(--line-micro);letter-spacing:.07em;font-weight:500;margin-top:12px;color:var(--ad-paper)}
body.art-direction.composition-refinement #about .columns>.about-left-content{grid-row:3!important}
@media(max-width:1000px) and (min-width:751px){
 body.art-direction.composition-refinement #approved-hero .promise{grid-column:1/span 6!important}
 body.art-direction.composition-refinement #approved-hero .hero-summary{grid-column:7/span 6!important}
 body.art-direction.composition-refinement #approved-hero .hero-personal-note{grid-column:7/span 6!important;grid-row:2!important;margin-top:0!important}
 body.composition-refinement #trust .agreement-explanation{grid-template-columns:64px minmax(0,1fr) 180px}
 body.art-direction.composition-refinement #about .columns>.about-editorial-portrait{grid-column:6/span 5;margin-top:-32px}
}
@media(max-width:750px){
 body.art-direction.composition-refinement #approved-hero .showcase{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:20px 12px;padding-top:24px!important;margin-top:24px}
 body.art-direction.composition-refinement #approved-hero .promise{grid-column:1/-1!important;grid-row:1!important}
 body.art-direction.composition-refinement #approved-hero .hero-summary{grid-column:1/-1!important;grid-row:2!important;margin:0!important}
 body.art-direction.composition-refinement #approved-hero .hero-personal-note{grid-column:1/-1!important;grid-row:3!important;margin:0!important;padding:0 0 0 12px!important}
 body.art-direction.composition-refinement #approved-hero .hero-personal-note>span br{display:none}
 body.composition-refinement #trust .agreement-explanation{display:grid;grid-template-columns:24px minmax(0,1fr);gap:16px 12px;padding-left:0}
 body.composition-refinement #trust .agreement-line p{grid-column:2;grid-row:1}
 body.composition-refinement #trust .agreement-hint{grid-column:2;grid-row:2;max-width:none}
 body.composition-refinement #services .price-editions{gap:32px 12px}
 body.composition-refinement #services .price-edition:nth-child(n){grid-column:1/-1;margin-top:0}
 body.composition-refinement #services .price-conclusion .actions{grid-column:1/-1}
 body.composition-refinement #ai .ai-single-metaphor{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
 body.composition-refinement #ai .ai-one-study{grid-column:1/-1;min-height:130px}
 body.composition-refinement #ai .ai-one-caption{grid-column:1/-1}
 body.art-direction.composition-refinement #about .columns>.about-editorial-portrait{grid-column:2/span 3;grid-row:2;margin-top:0;width:100%;max-width:280px;justify-self:end}
}
@media(prefers-reduced-motion:reduce){body.composition-refinement #trust .agreement-line{transition:none!important}}
body.art-direction.composition-refinement #approved-hero .hero-personal-note{align-self:start!important}
body.art-direction.composition-refinement #approved-hero .hero-personal-note{justify-self:stretch;width:100%!important;box-sizing:border-box}