.active-hero>img{object-position:center 48%}.active-hero:after{background:linear-gradient(90deg,rgba(5,10,22,.93),rgba(5,10,22,.25) 72%),linear-gradient(0deg,rgba(5,10,22,.78),transparent 58%)}
.active-intro-section{background:#f4f3ef}.active-intro{align-items:start}.active-logo{width:min(100%,350px);height:auto;object-fit:contain;margin-top:12px}.active-intro blockquote{margin:34px 0 0;padding:24px 0 0;border-top:1px solid var(--line);font-size:1.18rem;line-height:1.55;color:#303238}.active-intro blockquote footer{margin-top:14px;font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.active-photo-grid{display:grid;grid-template-columns:1.15fr .85fr;grid-template-rows:repeat(2,360px);gap:20px;margin-top:42px}.active-photo-grid img{height:100%;object-fit:cover}.active-photo-grid img:first-child{grid-row:1/3}.active-photo-grid img:nth-child(2){object-position:center 42%}
.active-design-section{background:#eef4f8}.active-design-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:42px}.active-feature-card{margin:0;background:white;overflow:hidden}.active-feature-card img{width:100%;height:430px;object-fit:contain;padding:24px}.active-feature-card.tall img{object-fit:contain}.active-feature-card.wide{grid-column:1/-1}.active-feature-card.wide img{height:310px}.active-feature-card div{padding:24px 26px 28px;border-top:1px solid var(--line)}.active-feature-card span{color:#087aa9;font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.active-feature-card h3{font-size:1.45rem;line-height:1.15;margin:9px 0 0}
.active-social-section{background:#06184f}.active-social-section .kicker{color:#18a9dd}.active-social-grid{display:grid;grid-template-columns:1.28fr .72fr;gap:24px;align-items:start;margin-top:42px}.active-video{background:#020715}.active-video video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain}.active-social-grid article{background:white;color:var(--ink)}.active-social-grid article img{aspect-ratio:16/9;object-fit:cover}.active-social-grid article h3{font-size:1.3rem;margin:22px 24px 4px}.active-social-grid article p{color:var(--muted);margin:0;padding:0 24px 25px}
.portfolio-case-section{padding:96px 0 110px;background:#0b0c0f;color:white}.portfolio-case-section .section-head{margin-bottom:38px}.portfolio-case-section h2{font-size:clamp(2.5rem,5vw,5.2rem);line-height:.96;letter-spacing:-.055em;margin-bottom:22px}.portfolio-case-section .lead{color:rgba(255,255,255,.67)}.portfolio-case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.portfolio-case-grid .case-card{min-height:500px}.portfolio-case-grid .case-card h3{font-size:clamp(2rem,2.6vw,3rem)}
@media(max-width:900px){.active-photo-grid{grid-template-columns:1fr;grid-template-rows:none}.active-photo-grid img,.active-photo-grid img:first-child{height:auto;grid-row:auto}.active-social-grid,.portfolio-case-grid{grid-template-columns:1fr}.portfolio-case-grid .case-card{min-height:440px}}
@media(max-width:700px){.active-design-grid{grid-template-columns:1fr}.active-feature-card.wide{grid-column:auto}.active-feature-card img,.active-feature-card.wide img{height:auto;max-height:520px}.active-logo{max-width:300px}.active-hero>img{object-position:62% center}}
.story-grid,.ads-grid,.support-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:45px 0}.story-grid .output-card,.ads-grid .output-card,.catalogue-grid .output-card,.support-grid .output-card{background:transparent;margin:0}.story-grid img{height:340px;object-fit:contain;background:white}.story-grid .output-card div,.ads-grid .output-card div,.catalogue-grid .output-card div{padding:24px 0 0}.story-grid h3{margin:14px 0}.output-card img{cursor:zoom-in}.packaging-detail{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px;border-top:1px solid var(--line);padding-top:45px}.packaging-detail h3{font-size:2rem;line-height:1.1}.packaging-detail figure{margin:0;background:white}.packaging-detail img{height:360px;object-fit:contain}.ads-grid img{height:330px;object-fit:contain;background:white}.catalogue-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:35px;margin:45px 0}.catalogue-grid img{height:350px;object-fit:contain;background:white}.active-films{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;margin-top:40px}.active-films video{display:block;width:100%;aspect-ratio:16/9;background:black;object-fit:contain}.active-films h3{margin:20px 0 8px}.active-films p{color:#bbb}.support-grid img{aspect-ratio:3/2;object-fit:cover}.support-grid figcaption{padding-top:16px}.active-hero h1{font-size:clamp(3rem,6.5vw,6rem)}
@media(max-width:850px){.story-grid,.ads-grid,.support-grid,.packaging-detail,.active-films{grid-template-columns:1fr}.story-grid img{height:auto;max-height:450px}.catalogue-grid{grid-template-columns:1fr}.packaging-detail{gap:24px}.catalogue-grid img{height:auto;max-height:480px}.active-hero h1{overflow-wrap:break-word}}
.active-films article video{height:480px;aspect-ratio:auto}.story-grid .output-card img{aspect-ratio:auto}.ads-grid .output-card img,.catalogue-grid .output-card img{aspect-ratio:auto}.packaging-detail .output-card img{aspect-ratio:auto}@media(max-width:600px){.active-films article video{height:360px}}

.ad-result{display:grid;grid-template-columns:.8fr 1.2fr;gap:65px;align-items:center;border-top:1px solid var(--line);padding-top:60px;margin-top:55px}.ad-result figure{margin:0;background:transparent}.ad-result .output-card img{height:auto;aspect-ratio:auto;object-fit:contain}.ad-result h2{font-size:clamp(2.5rem,4vw,4rem)}@media(max-width:850px){.ad-result{grid-template-columns:1fr;gap:25px}}
.staff-grid,.workshop-grid{display:grid;gap:28px;margin-top:40px}.staff-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.workshop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.staff-grid .output-card,.workshop-grid .output-card{margin:0;background:transparent}.staff-grid .output-card img{height:auto;aspect-ratio:2/3;object-fit:contain}.workshop-grid .output-card img{height:auto;aspect-ratio:3/2;object-fit:contain}.staff-grid figcaption,.workshop-grid figcaption{padding-top:16px}.ad-row-heading{margin-top:60px}.ai-ad-examples img{height:auto!important;aspect-ratio:16/9!important;object-fit:contain}.active-films{grid-template-columns:repeat(3,minmax(0,1fr))}.active-films article video{height:350px}.active-hero>img{object-position:center 60%}@media(max-width:850px){.staff-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.active-films{grid-template-columns:1fr}}@media(max-width:550px){.staff-grid,.workshop-grid{grid-template-columns:1fr}}
.ad-result figure.output-card{width:50%;justify-self:center}
.story-grid .output-card p,.ad-result .stage-copy{font-size:17px;line-height:1.55;color:var(--muted);margin:0}