/* One page hierarchy: context, purpose, actions, then supporting detail. */
.page-lead{padding:50px 0 42px}
.composed-lead{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:clamp(30px,5vw,76px)}
.composed-lead h1{font-size:clamp(42px,4.8vw,68px);line-height:1.04;max-width:15ch;margin:16px 0 24px}
.composed-lead .page-lead-bottom{display:block;border:0;margin:0;padding:0}.composed-lead .page-lead-bottom .lead{font-size:23px;line-height:1.35;margin-bottom:18px}.composed-lead .page-lead-bottom p:last-child{font-size:17px;line-height:1.6;max-width:55ch}
.lead-illustration{margin:0;align-self:center}.lead-illustration img{display:block;width:100%;height:auto;border:0;box-shadow:8px 8px 0 #e7dce7}
.story{grid-template-columns:35px minmax(0,1fr) minmax(0,1.05fr);gap:4%;padding-top:38px;padding-bottom:38px}.story h2{font-size:clamp(30px,3.1vw,46px)}.story .body{font-size:17px;line-height:1.6}
.editorial-more{margin:18px 0}.editorial-more summary{display:inline-flex;align-items:center;gap:12px;cursor:pointer;list-style:none;font:700 14px/1.4 Arial,sans-serif;padding:9px 0;border-bottom:1px solid currentColor}.editorial-more summary::-webkit-details-marker{display:none}.editorial-more summary:after{content:'+';font-size:20px}.editorial-more[open] summary:after{content:'−'}.editorial-more summary:focus-visible{outline:3px solid #006b96;outline-offset:4px}.editorial-more p{max-width:64ch}
.toolbox-page{background:#faf7f3}.toolbox-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(35px,6vw,90px);align-items:center;padding-top:46px;padding-bottom:46px}
.toolbox-copy h1{font-size:clamp(54px,5.5vw,78px);line-height:1.01;margin:18px 0 24px}.toolbox-copy>.lead{font-size:clamp(23px,2.1vw,28px);line-height:1.3;max-width:28ch;margin:0 0 20px}.toolbox-copy>p:not(.lead):not(.eyebrow){max-width:56ch;font-size:17px;line-height:1.65}.toolbox-copy .buttons{margin-top:26px;gap:12px}
.toolbox-page .button{border-radius:4px;min-height:46px;padding:11px 18px;font-size:14px}
.production-explorer{min-width:0;max-width:470px;width:100%;justify-self:end}.studio-image{aspect-ratio:1/1;background-image:url('/assets/production-studio-v3.webp');background-size:300% 200%;background-position:0 0;background-repeat:no-repeat;border:1px solid #211a24}
.studio-caption{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 0;font:700 14px/1.4 Arial,sans-serif}.studio-full{border:0;background:none;padding:7px 0;color:#9e0051;font-size:12px;font-weight:700;cursor:pointer}
.studio-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.studio-tabs button{display:flex;align-items:center;gap:8px;min-width:0;min-height:46px;text-align:left;border:1px solid #d2c7d1;background:#fff;color:#3c303e;border-radius:3px;padding:10px;font:600 12px/1.3 Arial,sans-serif;cursor:pointer;transition:background .12s,color .12s,border-color .12s}.studio-tabs button span{font-size:10px;color:#89738b}.studio-tabs button:hover{border-color:#d90070;background:#f9eaf2}.studio-tabs button[aria-selected=true]{background:#211a24;color:#fff;border-color:#211a24}.studio-tabs button[aria-selected=true] span{color:#ff8ec3}.production-explorer :is(button,[tabindex]):focus-visible{outline:3px solid #006b96;outline-offset:3px}
.media-feature{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:clamp(35px,7vw,100px);padding-top:38px;padding-bottom:48px;border-top:1px solid #cfc3cd}.media-story h2{font-size:clamp(30px,3vw,43px);max-width:20ch;margin:14px 0 20px}.media-story>p:not(.eyebrow){font-size:17px;max-width:57ch}.story-invitation{border-left:3px solid #d90070;padding-left:25px}.story-invitation h2{font-size:29px;margin:0 0 16px}.story-invitation p{font-size:16px;line-height:1.6}.story-invitation .invitation-note{font-size:12px;color:#6d5c6d;margin-top:16px}
.studio-dialog{width:min(1100px,calc(100% - 32px));max-width:1100px;padding:20px;border:0;border-top:3px solid #d90070;border-radius:4px;background:#faf7f3;color:#211a24;max-height:90dvh;overflow:auto}.studio-dialog::backdrop{background:#211a24d9}.studio-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.studio-dialog-head h2{font:700 24px/1.2 Georgia,serif;margin:0}.studio-close{background:transparent;border:1px solid #cfc3cd;border-radius:3px;padding:10px 14px;min-height:44px;font:700 14px Arial,sans-serif}.studio-dialog>img{display:block;width:100%;height:auto}
@media(max-width:900px){.composed-lead,.toolbox-hero{gap:30px}.toolbox-copy h1{font-size:60px}.studio-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.composed-lead h1{font-size:48px}}
@media(max-width:650px){.composed-lead,.toolbox-hero{grid-template-columns:1fr;gap:28px}.page-lead{padding:30px 0}.composed-lead h1{font-size:43px;max-width:17ch}.composed-lead .page-lead-bottom .lead{font-size:22px}.lead-illustration{max-width:420px;margin:0 auto;order:2}.lead-illustration img{box-shadow:5px 5px 0 #e7dce7}.toolbox-hero{padding-top:30px;padding-bottom:30px}.toolbox-copy h1{font-size:58px;margin-top:16px;margin-bottom:20px}.toolbox-copy>.lead{font-size:24px}.toolbox-copy>p:not(.lead):not(.eyebrow){font-size:16px}.toolbox-copy .buttons{gap:10px;margin-top:22px}.toolbox-copy .button{padding:11px 14px;font-size:13px}.production-explorer{justify-self:stretch;max-width:none}.studio-image{aspect-ratio:1/1;background-size:300% 200%}.production-explorer{display:flex;flex-direction:column}.studio-tabs{order:-1;margin-bottom:12px}.studio-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.studio-tabs button{font-size:11px;gap:5px;padding:9px 7px}.studio-tabs button span{display:none}.media-feature{grid-template-columns:1fr;gap:30px;padding-top:30px;padding-bottom:34px}.media-story h2{font-size:32px}.story-invitation{padding-left:20px}.studio-dialog{padding:16px}.studio-dialog-head h2{font-size:21px}.story{grid-template-columns:26px minmax(0,1fr);gap:16px}.story>.body{grid-column:2}.editorial-more summary{font-size:13px}}
@media(prefers-reduced-motion:reduce){.studio-tabs button{transition:none}}
