/* Keep the lightbox video player hidden until a video sample is opened. */
.asset-lightbox-media [hidden]{display:none !important}
.sample-gallery.is-automation-room .sample-art:first-child{background-color:#fff;background-size:contain;background-repeat:no-repeat;background-position:center}

/* Interactive podcast editing showcase below the work rooms. */
.podcast-lounge{position:relative;max-width:1240px;margin:86px auto 0;padding:34px 36px;background:var(--blush);color:var(--navy);border:2px solid var(--navy);border-radius:30px;box-shadow:9px 10px 0 var(--navy);display:grid;grid-template-columns:.9fr 1.1fr;gap:30px;overflow:hidden}
.podcast-lounge:before{content:"";position:absolute;width:210px;height:210px;right:-78px;top:-92px;border-radius:50%;background:var(--pink);opacity:.55}
.podcast-lounge-copy{position:relative;z-index:1}
.podcast-lounge-copy .eyebrow{margin-bottom:16px}
.podcast-lounge-copy h2{font-size:clamp(50px,6vw,82px);line-height:.86;margin:0}
.podcast-lounge-copy h2 em{font-style:normal;color:var(--pink)}
.podcast-lounge-copy>p:not(.eyebrow){max-width:460px;margin:20px 0 0;font-size:16px;line-height:1.55;font-weight:600}
.podcast-waves{display:flex;align-items:center;gap:5px;height:52px;margin-top:24px}
.podcast-waves i{display:block;width:6px;height:22px;border-radius:99px;background:var(--pink);animation:podcast-pulse 1.2s ease-in-out infinite alternate}
.podcast-waves i:nth-child(2n){height:38px;background:var(--purple);animation-delay:.12s}.podcast-waves i:nth-child(3n){height:14px;background:var(--teal);animation-delay:.24s}.podcast-waves i:nth-child(4n){height:30px;background:var(--yellow);animation-delay:.36s}
@keyframes podcast-pulse{to{transform:scaleY(.45);opacity:.65}}
.podcast-interactive{position:relative;z-index:1;display:flex;flex-direction:column;gap:12px}
.podcast-services{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.podcast-service{border:2px solid var(--navy);border-radius:14px;background:var(--white);color:var(--navy);padding:14px 14px;text-align:left;font:900 11px "DM Sans";letter-spacing:.05em;cursor:pointer;transition:transform .2s,background .2s,color .2s;display:flex;justify-content:space-between;gap:8px}
.podcast-service:hover{transform:translateY(-3px);background:var(--yellow)}
.podcast-service.is-active{background:var(--navy);color:var(--white);box-shadow:4px 4px 0 var(--pink)}
.podcast-service span{color:var(--pink);font-size:16px}.podcast-service.is-active span{color:var(--yellow)}
.podcast-detail{border:1px solid rgba(20,22,41,.3);border-radius:16px;padding:18px 20px;background:rgba(255,255,255,.72);min-height:102px;animation:podcast-detail-in .25s ease both}
.podcast-detail[hidden]{display:none}
.podcast-detail b{font-size:12px;letter-spacing:.08em}.podcast-detail p{font-size:14px;line-height:1.5;margin:8px 0 0;font-weight:600}
@keyframes podcast-detail-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.podcast-cta{align-self:flex-start;border-radius:999px;background:var(--pink);color:var(--white);padding:13px 17px;font-size:11px;font-weight:900;letter-spacing:.08em;box-shadow:4px 4px 0 var(--yellow);transition:transform .2s}
.podcast-cta:hover{transform:translate(-2px,-2px)}.podcast-cta span{margin-left:10px;color:var(--yellow);font-size:16px}
.podcast-samples{grid-column:1/-1;border-top:1px solid rgba(20,22,41,.28);padding-top:22px;position:relative;z-index:1}
.podcast-samples-kicker{margin:0 0 12px;color:var(--pink);font-size:10px;font-weight:900;letter-spacing:.14em}
.podcast-sample-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.podcast-sample{border:2px solid var(--navy);border-radius:16px;background:var(--navy);padding:0;overflow:hidden;cursor:pointer;text-align:left;box-shadow:4px 5px 0 var(--teal);transition:transform .2s,box-shadow .2s}
.podcast-sample:hover{transform:translateY(-4px) rotate(-.5deg);box-shadow:6px 8px 0 var(--pink)}
.podcast-sample img{display:block;width:100%;height:158px;object-fit:cover;object-position:top}
.podcast-sample span{display:flex;justify-content:space-between;align-items:center;padding:11px 12px;color:var(--white);font:900 10px "DM Sans";letter-spacing:.06em}.podcast-sample b{color:var(--yellow);font-size:16px}
.podcast-request-note{margin:18px 0 0;font-size:12px;font-weight:700;color:rgba(20,22,41,.72)}
@media(max-width:680px){.podcast-lounge{margin:48px 0 0;padding:25px 20px;grid-template-columns:1fr;gap:22px;border-radius:24px;box-shadow:6px 7px 0 var(--navy)}.podcast-lounge-copy h2{font-size:52px}.podcast-lounge-copy>p:not(.eyebrow){font-size:14px;margin-top:16px}.podcast-services{grid-template-columns:1fr}.podcast-detail{min-height:0;padding:16px}.podcast-detail p{font-size:13px}}
@media(max-width:680px){.podcast-samples{padding-top:18px}.podcast-sample-grid{grid-template-columns:1fr;gap:12px}.podcast-sample{display:grid;grid-template-columns:112px 1fr;align-items:stretch}.podcast-sample img{height:92px}.podcast-sample span{padding:12px;align-self:center}}

/* Featured podcast sample: clearly separates the client-requested audio edit from the gallery. */
.podcast-featured-sample{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:22px;margin-top:18px;padding:22px 24px;border:2px solid var(--navy);border-radius:22px;background:linear-gradient(120deg,var(--navy) 0 58%,#221b3d 58% 100%);color:var(--white);box-shadow:7px 8px 0 var(--pink);overflow:hidden}
.podcast-featured-sample:before{content:"";position:absolute;right:-44px;top:-74px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,var(--teal),rgba(23,169,172,0) 68%);opacity:.72;animation:podcast-feature-orbit 6s ease-in-out infinite alternate}
.podcast-featured-copy,.podcast-featured-links{position:relative;z-index:1}
.podcast-featured-kicker{display:inline-flex;padding:7px 9px;border-radius:999px;background:var(--yellow);color:var(--navy);font-size:10px;font-weight:900;letter-spacing:.12em}
.podcast-featured-copy h3{margin:16px 0 10px;font-size:clamp(30px,3vw,48px);line-height:.88;letter-spacing:-.06em}
.podcast-featured-copy h3 em{font-style:normal;color:var(--soft-pink)}
.podcast-featured-copy p{max-width:480px;margin:0;font-size:14px;line-height:1.5;font-weight:600;color:rgba(255,255,255,.84)}
.podcast-featured-links{display:grid;align-content:center;gap:9px}
.podcast-featured-links a{display:flex;align-items:center;gap:10px;min-height:44px;padding:10px 12px;border:1px solid rgba(255,255,255,.35);border-radius:12px;background:rgba(255,255,255,.09);font-size:10px;font-weight:900;letter-spacing:.06em;transition:transform .2s,background .2s,border-color .2s}
.podcast-featured-links a:hover{transform:translateX(5px);background:var(--pink);border-color:var(--white)}
.podcast-featured-links a span{display:grid;place-items:center;flex:0 0 24px;width:24px;height:24px;border-radius:50%;background:var(--teal);color:var(--navy);font-size:9px}
.podcast-featured-links a:nth-child(2) span{background:var(--pink);color:var(--white)}.podcast-featured-links a:nth-child(3) span{background:var(--yellow)}
.podcast-featured-links a b{margin-left:auto;color:var(--yellow);font-size:15px}
@keyframes podcast-feature-orbit{0%{transform:translate(0,0) scale(.9);opacity:.5}100%{transform:translate(-20px,20px) scale(1.16);opacity:.9}}
@media(max-width:680px){.podcast-featured-sample{grid-template-columns:1fr;gap:18px;margin-top:14px;padding:18px;border-radius:18px;box-shadow:5px 6px 0 var(--pink)}.podcast-featured-copy h3{font-size:36px}.podcast-featured-copy p{font-size:13px}.podcast-featured-links a{font-size:9px}}
@media(prefers-reduced-motion:reduce){.podcast-featured-sample:before{animation:none}}

/* Compact nonvoice customer-support add-on, kept secondary to the creative rooms. */
.chat-support-strip{position:relative;max-width:1240px;margin:28px auto 0;padding:18px 22px;display:grid;grid-template-columns:132px 1fr;gap:22px;align-items:center;background:linear-gradient(120deg,var(--navy),#252448 66%,#402456);color:var(--white);border:2px solid var(--navy);border-radius:22px;box-shadow:7px 8px 0 var(--teal);overflow:hidden}
.chat-support-strip:before{content:"";position:absolute;right:-50px;top:-90px;width:190px;height:190px;border-radius:50%;background:radial-gradient(circle,rgba(236,62,132,.5),rgba(236,62,132,0) 68%);animation:chat-support-orb 7s ease-in-out infinite alternate;pointer-events:none}
.chat-support-mark,.chat-support-content{position:relative;z-index:1}
.chat-support-mark{min-height:86px;display:grid;place-items:center;align-content:center;gap:6px;border:2px solid var(--yellow);border-radius:18px;background:linear-gradient(145deg,var(--pink),var(--purple));box-shadow:4px 5px 0 rgba(0,0,0,.22);transform:rotate(-2deg)}
.chat-support-mark span{font-size:11px;font-weight:900;letter-spacing:.18em}.chat-support-mark strong{font-size:28px;line-height:1;color:var(--yellow);animation:chat-support-heart 2.4s ease-in-out infinite}
.chat-support-content .eyebrow{margin-bottom:8px;color:var(--soft-pink)}
.chat-support-content h2{font-size:clamp(27px,3.2vw,44px);line-height:.9;margin:0;letter-spacing:-.05em}.chat-support-content h2 em{font-style:normal;color:var(--yellow)}
.chat-support-content>p:not(.eyebrow){margin:10px 0 13px;font-size:14px;line-height:1.4;color:rgba(255,255,255,.84);font-weight:600}
.chat-support-roles{display:flex;flex-wrap:wrap;gap:7px}.chat-support-roles span{padding:7px 9px;border:1px solid rgba(255,255,255,.28);border-radius:999px;background:rgba(255,255,255,.09);font-size:10px;line-height:1.25;color:rgba(255,255,255,.84)}.chat-support-roles b{color:var(--yellow);font-size:9px;letter-spacing:.05em;margin-right:3px}
@keyframes chat-support-orb{0%{transform:translate(0,0) scale(.86);opacity:.48}100%{transform:translate(-22px,19px) scale(1.12);opacity:.85}}
@keyframes chat-support-heart{0%,100%{transform:scale(.9) rotate(-6deg);opacity:.78}50%{transform:scale(1.12) rotate(6deg);opacity:1}}
@media(max-width:680px){.chat-support-strip{margin:20px 0 0;padding:16px;grid-template-columns:1fr;gap:14px;border-radius:20px;box-shadow:5px 6px 0 var(--teal)}.chat-support-mark{min-height:58px;grid-template-columns:auto auto;grid-template-rows:1fr;justify-content:center;gap:11px;transform:none}.chat-support-mark strong{font-size:22px}.chat-support-content h2{font-size:34px}.chat-support-content>p:not(.eyebrow){font-size:13px;margin:9px 0 12px}.chat-support-roles{display:grid;gap:6px}.chat-support-roles span{border-radius:12px;font-size:10px}.chat-support-strip:before{right:-70px;top:-80px}}
@media(prefers-reduced-motion:reduce){.chat-support-strip:before,.chat-support-mark strong{animation:none}}

/* Tools I work with: a compact, brand-matched toolkit section before About. */
.tools-section{position:relative;padding:86px max(4vw,24px) 92px;background:linear-gradient(145deg,var(--blush) 0%,#fff 48%,#e7fbfb 100%);color:var(--navy);overflow:hidden}
.tools-section:before{content:"";position:absolute;right:-130px;top:-120px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle at 36% 34%,rgba(236,62,132,.32),rgba(236,62,132,0) 66%);pointer-events:none}
.tools-shell{position:relative;z-index:1;max-width:1250px;margin:0 auto}
.tools-heading{display:grid;grid-template-columns:1.2fr .8fr;gap:44px;align-items:end;margin:0 auto 42px}
.tools-heading h2{font-size:clamp(54px,6vw,92px);line-height:.84}
.tools-heading h2 em{font-style:normal;color:var(--pink)}
.tools-heading>p{max-width:420px;margin:0 0 3px;font-size:17px;line-height:1.55;font-weight:600}
.tools-groups{display:grid;gap:18px}
.tools-group{padding:22px 22px 24px;border:2px solid var(--navy);border-radius:24px;background:rgba(255,255,255,.82);box-shadow:7px 8px 0 var(--navy)}
.tools-group-ai{background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(250,241,243,.9))}
.tools-group-social{background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(248,219,217,.68))}
.tools-group-email{background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(255,234,191,.75))}
.tools-group-automation{background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(178,210,247,.55))}
.tools-group-projects{background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(225,211,245,.7))}
.tools-group-head{display:flex;align-items:center;gap:12px;margin-bottom:17px}
.tools-group-head>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--navy);color:var(--yellow);font-size:11px;font-weight:900}
.tools-group-head h3{font-size:24px;letter-spacing:-.045em}
.tools-group-head b{margin-left:auto;color:var(--pink);font-size:10px;letter-spacing:.13em}
.tools-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.tool-card{display:flex;align-items:center;gap:10px;min-height:62px;padding:10px 11px;border:1px solid rgba(20,22,41,.26);border-radius:16px;background:rgba(255,255,255,.92);box-shadow:3px 4px 0 rgba(20,22,41,.12);transition:transform .2s,box-shadow .2s,background .2s}
.tool-card:hover{transform:translateY(-3px) rotate(-.6deg);box-shadow:5px 7px 0 var(--pink);background:#fff}
.tool-logo-wrap{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border-radius:11px;background:var(--navy);color:#fff;overflow:hidden}
.tool-logo-wrap img{display:block;width:22px;height:22px;object-fit:contain;filter:brightness(0) invert(1)}
.tool-monogram{font-size:11px;font-weight:900;letter-spacing:-.04em}
.tool-card>b{font-size:11px;line-height:1.15;letter-spacing:.055em}
@media(max-width:920px){.tools-heading{grid-template-columns:1fr;gap:16px}.tools-heading>p{max-width:620px}.tools-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:620px){.tools-section{padding:66px 16px 70px}.tools-heading{margin-bottom:28px}.tools-heading h2{font-size:52px}.tools-heading>p{font-size:16px}.tools-group{padding:17px 14px 18px;border-radius:20px;box-shadow:5px 6px 0 var(--navy)}.tools-group-head{gap:8px;margin-bottom:14px}.tools-group-head h3{font-size:18px}.tools-group-head b{font-size:8px;letter-spacing:.08em}.tools-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.tool-card{min-height:56px;padding:8px;border-radius:13px;gap:8px}.tool-logo-wrap{flex-basis:30px;width:30px;height:30px;border-radius:9px}.tool-logo-wrap img{width:18px;height:18px}.tool-card>b{font-size:10px}}

/* Extra motion and color for the toolkit, kept soft so the cards stay readable. */
.tools-section{background-size:220% 220%;animation:tools-gradient-shift 16s ease-in-out infinite alternate}
.tools-section:after{content:"✦  ·  ✧  ·  ♥  ·  ✦";position:absolute;left:4%;bottom:9%;color:rgba(236,62,132,.3);font-size:18px;letter-spacing:1.3em;white-space:nowrap;animation:tools-sparkle-drift 10s ease-in-out infinite alternate;pointer-events:none}
.tools-group{position:relative;overflow:hidden;isolation:isolate}
.tools-group:before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:linear-gradient(90deg,var(--pink),var(--orange),var(--yellow),var(--teal),var(--purple));background-size:200% 100%;animation:tools-rainbow 7s linear infinite;z-index:-1}
.tools-group:after{content:"";position:absolute;right:-34px;bottom:-54px;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,rgba(236,62,132,.22),rgba(236,62,132,0) 68%);animation:tools-orb 7s ease-in-out infinite alternate;pointer-events:none;z-index:-1}
.tools-group-head>span{animation:tools-badge-pulse 3.6s ease-in-out infinite}
.tools-group-social .tools-group-head>span{color:var(--pink)}
.tools-group-automation .tools-group-head>span{color:var(--teal)}
.tools-group-ai .tool-logo-wrap{background:linear-gradient(145deg,var(--purple),var(--pink))}
.tools-group-social .tool-logo-wrap{background:linear-gradient(145deg,var(--pink),var(--orange))}
.tools-group-email .tool-logo-wrap{background:linear-gradient(145deg,var(--orange),var(--yellow))}
.tools-group-automation .tool-logo-wrap{background:linear-gradient(145deg,var(--teal),#4d9de0)}
.tools-group-projects .tool-logo-wrap{background:linear-gradient(145deg,var(--purple),var(--pink))}
.tool-card{position:relative;animation:tool-card-bob 5.4s ease-in-out infinite;will-change:transform}
.tool-card:nth-child(2n){animation-delay:-1.1s}
.tool-card:nth-child(3n){animation-delay:-2.2s}
.tool-card:nth-child(4n){animation-delay:-3.3s}
.tool-card:hover{animation-play-state:paused}
@keyframes tools-gradient-shift{0%{background-position:0% 20%}100%{background-position:100% 80%}}
@keyframes tools-rainbow{0%{background-position:0% 50%}100%{background-position:200% 50%}}
@keyframes tools-orb{0%{transform:translate(0,0) scale(.86);opacity:.45}100%{transform:translate(-28px,-18px) scale(1.15);opacity:.9}}
@keyframes tools-sparkle-drift{0%{transform:translateX(0) rotate(-2deg);opacity:.4}100%{transform:translateX(58px) rotate(2deg);opacity:.9}}
@keyframes tools-badge-pulse{0%,100%{transform:scale(1);box-shadow:0 0 0 rgba(236,62,132,0)}50%{transform:scale(1.08);box-shadow:0 0 0 7px rgba(236,62,132,.12)}}
@keyframes tool-card-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@media(prefers-reduced-motion:reduce){.tools-section,.tools-section:after,.tools-group:before,.tools-group:after,.tools-group-head>span,.tool-card{animation:none!important}.tool-card{will-change:auto}}

/* Give the About room a little movement too, so the personal section feels alive. */
.about-work-background .about-panel{overflow:visible}
.about-name{position:relative;display:inline-flex;align-items:center;gap:9px;margin:0 0 18px;padding:8px 12px;border:1px solid rgba(20,22,41,.28);border-radius:999px;background:linear-gradient(100deg,rgba(236,62,132,.14),rgba(250,192,22,.34),rgba(23,169,172,.16));background-size:220% 100%;font-size:11px;font-weight:900;letter-spacing:.16em;box-shadow:3px 4px 0 rgba(20,22,41,.13);animation:about-name-shimmer 6s ease-in-out infinite alternate}
.about-name span{display:inline-block;color:var(--pink);font-size:15px;animation:about-star-twinkle 2.2s ease-in-out infinite}
.about-work-background .about-panel:before{content:"";position:absolute;right:-28px;top:-34px;width:86px;height:86px;border-radius:50%;background:conic-gradient(from 40deg,var(--pink),var(--yellow),var(--teal),var(--purple),var(--pink));opacity:.7;filter:blur(.3px);box-shadow:0 0 28px rgba(236,62,132,.35);animation:about-orbit-glow 7s ease-in-out infinite alternate;pointer-events:none}
.about-work-background .about-panel:after{content:"✦";position:absolute;right:28px;top:24px;color:var(--pink);font-size:22px;animation:about-star-twinkle 2.8s ease-in-out infinite .4s;pointer-events:none}
.about-work-background .about-panel h2 em{display:inline-block;animation:about-word-breathe 4.5s ease-in-out infinite}
.about-work-background .about-panel h2 span{display:inline-block;animation:about-word-breathe 4.5s ease-in-out infinite -2.2s}
.about-workboard{animation:about-board-glow 8s ease-in-out infinite alternate}
.workboard-item>b{animation:about-number-pulse 3.8s ease-in-out infinite}
.workboard-item:nth-child(2n)>b{animation-delay:-1.1s}.workboard-item:nth-child(3n)>b{animation-delay:-2.2s}
.workboard-item{transition:transform .25s,background .25s}.workboard-item:hover{transform:translateX(5px);background:linear-gradient(90deg,rgba(236,62,132,.13),transparent)}
@keyframes about-name-shimmer{0%{background-position:0% 50%;transform:translateY(0)}100%{background-position:100% 50%;transform:translateY(-2px)}}
@keyframes about-star-twinkle{0%,100%{transform:scale(.86) rotate(0deg);opacity:.58}50%{transform:scale(1.18) rotate(14deg);opacity:1}}
@keyframes about-orbit-glow{0%{transform:translate(0,0) rotate(0deg) scale(.9)}100%{transform:translate(-9px,9px) rotate(25deg) scale(1.08)}}
@keyframes about-word-breathe{0%,100%{transform:translateY(0);filter:saturate(1)}50%{transform:translateY(-3px);filter:saturate(1.3)}}
@keyframes about-board-glow{0%{box-shadow:10px 12px 0 var(--teal),0 0 0 rgba(236,62,132,0)}100%{box-shadow:10px 12px 0 var(--teal),0 0 34px rgba(236,62,132,.23)}}
@keyframes about-number-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.07)}}
@media(prefers-reduced-motion:reduce){.about-name,.about-name span,.about-work-background .about-panel:before,.about-work-background .about-panel:after,.about-work-background .about-panel h2 em,.about-work-background .about-panel h2 span,.about-workboard,.workboard-item>b{animation:none!important}.workboard-item{transition:none}}