/* Photographs and people lead the story. All additions are component-scoped. */
.studio-story{background:#fff;color:#1e1e1e;padding-block:clamp(3.5rem,7vw,7rem);scroll-margin-top:6rem}
.story-heading{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:end;gap:2rem clamp(2rem,6vw,6rem);margin-bottom:clamp(2rem,4vw,4rem)}
.studio-story .story-byline{margin:0 0 1.25rem;color:#ad351d;font-size:.875rem;font-weight:700;line-height:1.6}
.studio-story h2{font:400 clamp(2rem,3.5vw,3.5rem)/1.22 var(--display);letter-spacing:-.025em;margin:0;text-wrap:balance}
.story-heading>p{max-width:46ch;margin:0;font-size:1.0625rem;line-height:1.8}
.story-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(2rem,6vw,6rem);align-items:start}
.story-photo{margin:0;overflow:hidden;border-radius:6px}
.story-photo img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain}
.story-photo figcaption{padding:1rem 1.25rem;background:#c44328;color:#fff;font-size:.9375rem;line-height:1.5;font-weight:600}
.story-history{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:1.5rem;row-gap:.875rem;margin:0 0 2rem;align-items:start}
.story-history p{margin:0;font-size:1rem;line-height:1.75;max-width:60ch}
.story-history .story-since{font:400 clamp(1.35rem,2.1vw,2rem)/1.3 var(--display);color:#ad351d;max-width:7ch}
.story-history .story-history-note{grid-column:2;color:#50504c;font-size:.9375rem}
.story-pillars{border-top:1px solid #c9c7bf}
.story-pillar{border-bottom:1px solid #c9c7bf;padding:0;background:transparent}
.story-pillar summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:72px;padding:1.25rem 0;font:700 1.0625rem/1.5 var(--body);cursor:pointer;list-style:none}
.story-pillar summary::-webkit-details-marker{display:none}
.story-pillar summary>span{width:22px;height:22px;flex:none;position:relative;color:#ad351d}
.story-pillar summary>span:before,.story-pillar summary>span:after{content:"";position:absolute;background:currentColor;top:10px;left:3px;width:16px;height:2px}
.story-pillar summary>span:after{transform:rotate(90deg);transition:transform .18s ease}
.story-pillar[open] summary>span:after{transform:rotate(0)}
.story-pillar[open] summary{color:#ad351d}
.story-pillar p{margin:0;padding:0 2rem 1.5rem 0;font-size:1rem;line-height:1.8;max-width:55ch;color:#454540}
.story-pillar summary:focus-visible{outline:2px solid #ad351d;outline-offset:5px}
.story-collaboration{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:2rem clamp(2rem,6vw,6rem);background:#f4f2ea;border-radius:8px;padding:clamp(1.5rem,3.5vw,3.5rem);margin-top:clamp(2.5rem,5vw,5rem);scroll-margin-top:7rem}
.studio-story .story-collaboration h3{margin:0;font:400 clamp(1.5rem,2.6vw,2.5rem)/1.25 var(--display);letter-spacing:-.015em}
.story-collaboration p{font-size:1rem;line-height:1.75;margin:1.25rem 0 0;max-width:52ch}
.story-collaboration-actions{display:flex;flex-direction:column;gap:.875rem;justify-content:center;min-width:0}
.story-collaboration .button{justify-content:space-between;white-space:normal;min-height:56px;gap:1rem;line-height:1.55;padding:1rem 1.2rem}
.story-collaboration .story-partner-link{background:#c44328;color:#fff;border:1px solid #c44328}
.story-collaboration .story-partner-link:hover{background:#ad351d;border-color:#ad351d;color:#fff}
.story-collaboration .story-format-link{background:#fff;color:#1e1e1e;border:1px solid #a4a198}
.story-collaboration .story-format-link:hover{background:#e9ebe4;color:#1e1e1e}
.story-collaboration-actions p{font-size:.875rem;margin:.2rem 0 0;color:#50504c}
.story-inquiry-note{font-size:.9375rem;line-height:1.65;padding:1rem;background:#f4f2ea;color:#1e1e1e;margin:1rem 0;border-left:3px solid #c44328}
.studio-reels.story-portfolio{background:#f4f2ea;color:#1e1e1e;--ring:#1e1e1e;padding-block:clamp(3.5rem,7vw,7rem)}
.story-portfolio .reel-layout{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:2rem clamp(2rem,6vw,6rem)}
.story-portfolio .reel-heading{padding-top:0;align-self:end}
.story-portfolio .reel-heading h2{font-size:clamp(2rem,3.5vw,3.5rem);max-width:18ch;line-height:1.22;letter-spacing:-.025em;text-wrap:balance;color:#1e1e1e}
.story-portfolio .reel-heading p{color:#454540;max-width:47ch;font-size:1.0625rem;line-height:1.8}
.story-portfolio .reel-player{width:min(100%,20rem)}
.story-portfolio .reel-playlist{display:flex;flex-direction:column;gap:0}
.story-portfolio .reel-choice{gap:1rem;padding:.875rem;min-height:84px;color:#454540;border:1px solid transparent;border-bottom-color:#c9c7bf;border-radius:4px;font:700 1rem/1.5 var(--body);background:transparent;transition:none}
.story-portfolio .reel-choice>img{width:72px;height:auto;aspect-ratio:9/16;object-fit:contain;flex:none;border-radius:3px}
.story-portfolio .reel-choice .reel-number{color:inherit}
.story-portfolio .reel-choice .reel-choice-icon{color:inherit}
.story-portfolio .reel-choice[aria-pressed=true]{background:#c44328;color:#fff;border-color:#c44328}
.story-portfolio .reel-choice[aria-pressed=true] .reel-number,.story-portfolio .reel-choice[aria-pressed=true] .reel-choice-icon{color:#fff}
.story-portfolio .reel-choice:hover:not([aria-pressed=true]){background:#fff;color:#1e1e1e;border-color:#a4a198}
.story-portfolio .reel-choice:focus-visible{outline:2px solid #ad351d;outline-offset:3px}
.story-portfolio .reel-playback button{background:#fff;color:#1e1e1e;border-color:#a4a198}
.story-portfolio [data-reel-position]{color:#50504c}
.story-all-work{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:56px;margin-top:1rem;padding:.8rem 0;font:700 1rem/1.6 var(--body);color:#1e1e1e;text-decoration:underline;text-underline-offset:5px}
.story-all-work:hover{color:#ad351d}
html[data-studio-large-type] .story-heading,html[data-studio-large-type] .story-layout,html[data-studio-large-type] .story-collaboration{grid-template-columns:minmax(0,1fr)}
html[data-studio-large-type] .story-portfolio .reel-layout{display:flex;flex-direction:column}
html[data-studio-large-type] .story-portfolio .reel-heading{order:0;align-self:stretch}
html[data-studio-large-type] .story-portfolio .reel-player{order:1;align-self:center}
html[data-studio-large-type] .story-portfolio .reel-playlist{order:2;width:100%}
html[data-studio-large-type] .studio-story :is(h2,h3),html[data-studio-large-type] .story-portfolio h2{font:800 1.35rem/1.35 var(--body);text-transform:none}
html[data-studio-large-type] .story-portfolio .reel-choice>img,html[data-studio-large-type] .story-portfolio .reel-number{display:none}
html[data-studio-large-type] .immersive-footer .footer-bottom{flex-wrap:wrap;gap:1.25rem 2rem}
html[data-studio-large-type] :is(.planning-steps,.planning-details,.proof-heading,.series-grid){grid-template-columns:minmax(0,1fr)}
html[data-studio-large-type] .planning-editorial{grid-template-columns:minmax(0,1fr)}
html[data-studio-large-type] .planning-steps{display:grid}
html[data-studio-large-type] .planning-price .button,html[data-studio-large-type] .culture-intro .button{white-space:normal}
@media(max-width:959px){.story-heading,.story-layout,.story-collaboration{grid-template-columns:minmax(0,1fr);gap:2rem}.story-heading>p{max-width:65ch}.story-layout{gap:2.5rem}.story-photo-column{max-width:48rem}.story-collaboration-actions{max-width:38rem}.story-portfolio .reel-layout{column-gap:2rem}.story-history .story-since{max-width:none}}
@media(max-width:639px){.story-portfolio .reel-layout{display:flex;flex-direction:column;gap:1.75rem}.story-portfolio .reel-heading{order:0;align-self:stretch}.story-portfolio .reel-player{order:1;width:min(100%,16rem);align-self:center}.story-portfolio .reel-playlist{order:2;width:100%}.story-portfolio .reel-choice>img{width:34px}.story-portfolio .reel-choice{min-height:72px;gap:.75rem}.story-history{grid-template-columns:minmax(0,1fr);gap:.75rem}.story-history .story-history-note{grid-column:auto}.story-heading h2{font-size:1.9rem}.story-pillar summary{font-size:1rem}.story-pillar p{padding-right:0}.story-collaboration{padding:1.4rem}.story-collaboration .button{font-size:.9375rem}}
@media(prefers-reduced-motion:reduce){.studio-story *, .story-portfolio *{scroll-behavior:auto;transition:none!important;animation:none!important}}