/* All promotion-specific rules are scoped to this page. */
.promosyon-page .promo-hero{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:5vw}
.promosyon-page .promo-hero h1{font-size:clamp(3rem,5.5vw,6.6rem);line-height:1.02;letter-spacing:-.06em}
.promosyon-page .hero-actions{flex-wrap:wrap;gap:22px}
.promosyon-page .promo-hero-photo{position:relative;margin:0;min-width:0;transform:rotate(2deg)}
.promosyon-page .promo-hero-photo img{width:100%;height:auto;border-radius:150px 150px 3px 3px}
.promosyon-page .promo-hero-photo figcaption{position:relative;margin:-35px 15px 0;padding:20px;background:var(--acid);color:var(--ink);font-size:.85rem;font-weight:700;transform:rotate(-2deg)}
.promosyon-page .promo-note{max-width:950px;margin:-12px 0 36px;padding-left:18px;border-left:2px solid var(--purple);color:#615d69;font-size:.86rem}
.promosyon-page .promo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.promosyon-page .promo-card{display:flex;flex-direction:column;min-width:0;border:1px solid var(--line);background:#fff;border-radius:3px;overflow:hidden}
.promosyon-page .promo-card>img{width:100%;height:auto;aspect-ratio:1;object-fit:cover}
.promosyon-page .promo-card-copy{display:flex;flex:1;flex-direction:column;padding:24px}
.promosyon-page .promo-number{color:var(--purple);font-size:.72rem;letter-spacing:.12em}
.promosyon-page .promo-card h3{font-size:1.35rem;line-height:1.2;letter-spacing:-.035em;margin:17px 0}
.promosyon-page .promo-card p{font-size:.92rem;color:#615d69;margin:0 0 26px}
.promosyon-page .promo-card a{font-size:.83rem;font-weight:700;color:var(--purple);border-top:1px solid var(--line);padding-top:16px;margin-top:auto}
.promosyon-page .promo-card a:hover{text-decoration:underline;text-underline-offset:4px}
.promosyon-page .promo-uses{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 70px;margin-top:64px}
.promosyon-page .promo-uses article{border-top:1px solid #ffffff30;padding-top:24px}
.promosyon-page .promo-uses h3{font-size:1.45rem;margin:0 0 14px}
.promosyon-page .promo-uses p{color:#ffffffb3;margin:0;max-width:520px}
.promosyon-page .promo-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;list-style:none;padding:0;margin:0}
.promosyon-page .promo-steps li{border-top:1px solid var(--line);padding-top:24px}
.promosyon-page .promo-steps span{display:inline-grid;place-items:center;width:42px;height:42px;background:var(--purple);color:#fff;border-radius:50%;font-size:.8rem}
.promosyon-page .promo-steps h3{font-size:1.2rem;line-height:1.3;margin:24px 0 16px}
.promosyon-page .promo-steps p{font-size:.95rem;color:#615d69}
.promosyon-page .contact-content{min-width:0}
.promosyon-page .contact h2{line-height:1}
.promosyon-page .contact-mail span:nth-child(2){overflow-wrap:anywhere;min-width:0}
.promosyon-page .contact-content .promo-mail-note{font-size:.85rem;margin-top:24px}
@media(max-width:1150px){.promosyon-page .promo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:980px){.promosyon-page .promo-hero{grid-template-columns:1fr}.promosyon-page .promo-hero-photo{width:min(560px,90%);justify-self:center;margin-top:12px}.promosyon-page .promo-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.promosyon-page .promo-hero h1{font-size:clamp(2.7rem,10.8vw,4.5rem)}.promosyon-page .eyebrow{font-size:.61rem;letter-spacing:.1em}.promosyon-page .promo-grid,.promosyon-page .promo-uses,.promosyon-page .promo-steps{grid-template-columns:1fr}.promosyon-page .promo-hero-photo{width:94%}.promosyon-page .promo-hero-photo figcaption{font-size:.75rem}.promosyon-page .contact h2{font-size:clamp(2.8rem,12vw,5rem)}.promosyon-page .contact-mail{gap:8px;font-size:.82rem}}
.promosyon-page .about h2 em{color:var(--acid)}