html,body{background:#fff;color:#111}
.hero{background:#fff;isolation:isolate;overflow:hidden;min-height:640px}
.bg-video,.glows,.palette-sweep,.center-title,.hero-intro{display:none!important}
.interactive-dots{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}
.hero .hero-rectangle,.hero .hero-rectangle:hover{border:0;background:transparent;box-shadow:none;filter:none;transform:none;border-radius:0;z-index:2}
#kickr-stage{height:clamp(330px,43vw,620px);display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;text-align:center}
#kickr-stage h1{font-family:Telegraf,Arial,sans-serif;font-size:clamp(100px,24vw,360px);font-weight:900;letter-spacing:-.085em;line-height:.95;margin:20px 0 28px;padding-right:.07em;color:#0c0c0c}
.kickr-eyebrow,.kickr-caption{font-size:clamp(12px,1.1vw,17px);margin:0;letter-spacing:.04em}.kickr-eyebrow{text-transform:uppercase}
.hero-grid{mix-blend-mode:normal;opacity:.12;filter:invert(1)}
.topbar,.topbar-text,.cta,.topbar svg,.bottom-cta,.mute-btn{color:#111!important;border-color:#bbb!important}
.topbar svg{stroke:#111}.cta,.bottom-cta,.mute-btn{background:#fff!important;box-shadow:none!important}
.topbar:before,.topbar:after{background:#ccc!important}
.scroll-band{background:#111;border-color:#111}.scroll-band-text{color:#fff}
#intro-loader{background:#fff!important}#intro-loader span{background:#111!important}.intro-sound-choice button{background:#fff;color:#111;border-color:#aaa}.intro-sound-choice button:last-child{color:#444}
.fluid-pointer{position:fixed;top:0;left:0;z-index:2147483646;pointer-events:none;opacity:0;will-change:transform}.fluid-pointer img{display:block;width:30px;height:25px;transform:translate(-92%,-50%);transform-origin:92% 50%}
@media(pointer:fine){html.has-fluid-pointer,html.has-fluid-pointer *{cursor:none!important}}
.hero-rectangle .runner{bottom:0;pointer-events:none}.hero-rectangle:hover .runner{animation:none;opacity:0}.hero-rectangle .runner.is-crossing{opacity:1;animation:kickr-run 1.8s linear forwards}
@keyframes kickr-run{from{left:-240px}to{left:calc(100% + 20px)}}
@media(max-width:700px){#kickr-stage h1{font-size:25vw}.hero{min-height:640px}.kickr-eyebrow{font-size:10px}}
#kickr-stage h1{letter-spacing:-.035em;font-size:clamp(100px,22vw,320px);user-select:none}
.topbar{background:#fff!important;border-bottom:1px solid #dedede}.topbar-text{background:#fff!important;box-shadow:none!important;text-shadow:none!important}.bottom-cta *{color:#111!important;fill:#111!important}.emoji-strip{opacity:.25;filter:grayscale(1)}

/* Rounded retro wordmark, with the original pink punctuation. */
#kickr-stage h1{font-family:MagicRetro,Georgia,serif;font-weight:400;font-size:clamp(88px,23vw,330px);letter-spacing:-.025em;line-height:1.12;padding:0 .06em}
#kickr-stage .kickr-accent{color:#ff22a1;display:inline-block;transform:rotate(8deg);transform-origin:50% 65%;margin:0 .015em}
@media(max-width:700px){#kickr-stage h1{font-size:24vw}}
/* The source sprite contains 63–88px of transparent space below the feet. */
.hero-rectangle .runner{width:235.294118px;height:236px;bottom:0;transform:scale(1);transform-origin:left bottom;z-index:0}
.hero-rectangle .runner-sprite{position:absolute;width:235.294118px;height:236px;bottom:var(--feet-offset,-63px);animation:none;background-size:4000px 236px;transform:none}
.hero-rectangle .hero-content{z-index:1;pointer-events:none}
@keyframes kickr-run{from{left:-650px}to{left:calc(100% + 20px)}}
@media(max-width:700px){.hero-rectangle .runner{transform:scale(1)}}


/* Original supplied artwork, displayed unchanged through a cropped viewport. */
#kickr-stage h1.kickr-image-logo{width:100%;font-size:0;line-height:0;padding:0;margin:30px 0;letter-spacing:normal}
.kickr-image-logo svg{display:block;width:100%;height:auto;overflow:hidden}

.kickr-image-logo img{display:block;width:100%;height:auto}
/* Black loading surface becomes the oversized logo, then settles into the hero. */
#intro-loader{background:#000!important}
#intro-loader span{background:#ff22a1!important}
#intro-loader.is-leaving{transition:none!important;opacity:0}
.logo-zoom-layer{position:fixed;inset:0;z-index:2147483647;pointer-events:none;overflow:hidden}
html.logo-transition{overflow:hidden}
.hero{--_colors---background--bg:#fff}
.hero .bg-video{display:block!important;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1;opacity:1;filter:none}
.hero [data-fluid-canvas]{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;color:#fff}
@media(max-width:991px),(prefers-reduced-motion:reduce){.hero .bg-video{display:none!important}}

svg.logo-zoom-layer{width:100vw;height:100vh;display:block}

.hero .mute-btn{z-index:100;pointer-events:auto}
/* Trial: moving highlights clipped to the supplied logo, without an outer halo. */
.kickr-image-logo{position:relative;isolation:isolate}
.kickr-image-logo::after{display:none!important}

.topbar,.topbar::before,.topbar::after,.topbar-text{background:#000!important;color:#fff!important;border-color:#000!important}
.topbar .emoji-strip{display:none!important}
/* Contact: a restrained liquid edge attracted to nearby pointer movement. */
.cta.gravity-contact{background:transparent!important;isolation:isolate;overflow:visible}
.gravity-contact>span{position:relative;z-index:1;pointer-events:none;will-change:transform}
.gravity-contact>svg{position:absolute;left:-60px;top:-60px;width:calc(100% + 120px);height:calc(100% + 120px);overflow:visible;pointer-events:none;z-index:0}
.gravity-contact .gravity-edge{fill:#fff;stroke:#ff22a1;stroke-width:1;stroke-opacity:calc(.18 + var(--attraction,0)*.55)}
.gravity-contact .gravity-soft{fill:#ff22a1;opacity:calc(var(--attraction,0)*.22)}
.gravity-contact:focus-visible{outline:2px solid #ff22a1;outline-offset:5px}

.gravity-contact>span{display:flex;filter:url(#contact-liquid)}
.gravity-contact>span>i{display:inline-block;font:inherit;will-change:transform}
.gravity-contact .gravity-edge{stroke-opacity:calc(.12 + var(--attraction,0)*.35)}

.fluid-rendered-logo img{opacity:0}
.fluid-rendered-logo::after{display:none}
/* Editorial studio trial — previous version saved in backups. */
html{scroll-behavior:smooth;scroll-padding-top:100px}
.kick-mark{display:inline-block;width:17px;height:25px;background:#ff22a1;clip-path:polygon(18% 0,100% 0,35% 100%,0 100%);flex-shrink:0}
.section-kicker{display:flex;gap:12px;align-items:center;font-size:12px;letter-spacing:.09em;text-transform:uppercase}
.editorial-projects{padding:100px 5vw;background:#fff;color:#111}
.section-heading{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:52px;align-items:end}
.section-heading .section-kicker{grid-column:1/-1;margin:0}
.section-heading h2,.studio-copy h2,.studio-contact h2{font-size:clamp(42px,6.5vw,100px);line-height:.98;letter-spacing:-.055em;margin:12px 0;font-weight:800}
.section-heading>p:last-child{font-size:16px;line-height:1.6;max-width:390px;justify-self:end}
.editorial-projects .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 28px;background:none}
.editorial-projects .editorial-card{display:block;height:auto;overflow:hidden;background:#fff;border:0;border-radius:0;color:#111;font-size:16px}
.editorial-card:nth-child(1),.editorial-card:nth-child(4){grid-column:1/-1}
.editorial-projects .card video{height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:4px}
.editorial-projects .card:nth-child(1) video,.editorial-projects .card:nth-child(4) video{aspect-ratio:16/9}
.editorial-projects .card[hidden]{display:none!important}
.project-caption{display:flex;justify-content:space-between;align-items:center;padding:18px 0 2px;background:#fff;position:relative}
.project-index{font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:400;color:#666}
.project-caption h3{font-size:24px;letter-spacing:-.03em;margin:8px 0 0}
.project-open{width:44px;height:44px;border:1px solid #ddd;border-radius:50%;background:#fff;font-size:25px;color:#111;cursor:pointer;transition:background .2s,transform .2s}
.project-open:hover{background:#ff22a1;transform:rotate(10deg)}
.more-projects{display:flex;justify-content:space-between;gap:48px;align-items:center;margin:55px auto 0;border:1px solid #111;border-radius:40px;padding:18px 28px;background:#fff;color:#111;font:inherit;cursor:pointer}
.more-projects:hover{background:#ff22a1;border-color:#ff22a1}
.studio-section{padding:110px 5vw;display:grid;grid-template-columns:1fr 1fr;gap:7vw;background:#f3f2f0;color:#111;align-items:center}
.studio-copy h2{font-size:clamp(42px,5.1vw,80px);margin:35px 0}
.studio-copy em{font-style:normal;color:#ff22a1}
.studio-copy>p:not(.section-kicker){max-width:500px;font-size:17px;line-height:1.65}
.studio-disciplines{display:flex;gap:8px;flex-wrap:wrap;margin-top:30px}
.studio-disciplines span{font-size:11px;border:1px solid #ccc;border-radius:24px;padding:9px 12px}
.studio-visual{margin:0}.studio-visual video{width:100%;display:block;aspect-ratio:1;object-fit:cover}.studio-visual figcaption{display:flex;justify-content:space-between;gap:20px;font-size:11px;margin-top:14px;color:#555}
.contact.studio-contact{height:auto;padding:95px 0 30px;background:#090909;color:#fff}
.studio-contact .contact-inner{max-width:none;padding:0 5vw}
.studio-contact h2{font-size:clamp(48px,7.5vw,118px);margin:48px 0 28px;max-width:1100px}
.pink-question{color:#ff22a1}.studio-contact p:not(.section-kicker){color:#aaa;font-size:18px}
.kick-contact-button{display:inline-flex;gap:70px;align-items:center;margin-top:25px;border-radius:50px;padding:22px 30px;background:#ff22a1;color:#111;text-decoration:none;font-size:20px;font-weight:800}
.kick-contact-button:hover{background:#fff}.kick-contact-button span{font-size:28px}
.studio-footer{display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap;border-top:1px solid #333;padding-top:25px;margin-top:100px;font-size:12px;color:#aaa}.studio-footer a{color:inherit;text-decoration:none}
@media(max-width:700px){.editorial-projects{padding:65px 6vw}.section-heading{grid-template-columns:1fr}.section-heading>p:last-child{justify-self:start}.editorial-projects .grid{grid-template-columns:1fr;gap:30px}.editorial-card{grid-column:1!important}.studio-section{grid-template-columns:1fr;padding:65px 6vw;gap:45px}.studio-contact .contact-inner{padding:0 6vw}.studio-footer{flex-direction:column}.kick-contact-button{gap:40px}.project-caption h3{font-size:21px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Logo almost edge to edge, with a narrow responsive gutter. */
.hero .hero-rectangle{width:98vw;max-width:none}

/* Lucy's blur / zoom / fade mapping on the hero artwork. */
.hero{--lucy-blur:0px;--lucy-opacity:1;--lucy-scale:1;--lucy-shift:0px}
.hero [data-fluid-canvas],.hero .hero-rectangle,.hero .hero-rectangle:hover,.hero .interactive-dots,.hero .hero-grid{
 filter:blur(var(--lucy-blur));opacity:var(--lucy-opacity);scale:var(--lucy-scale);translate:0 var(--lucy-shift);transform-origin:50% 50%;
}
.hero .hero-grid{opacity:calc(.12 * var(--lucy-opacity))}

/* Give the following content a little more space before its reveal. */
.editorial-projects{padding-top:clamp(150px,20vh,220px)}

.poppin-scroll-logo{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none;overflow:visible;display:none}
.poppin-scroll-active .kickr-image-logo img{opacity:0!important}

/* Nudot-style pinned hero with a bottom-to-top inset reveal. */
.poppin-scroll-track{position:relative;height:calc(var(--poppin-hero-height,100svh) + var(--poppin-cover-range,60vh));z-index:0}
.poppin-scroll-track>.hero{position:sticky;top:0}
.poppin-cover-content{position:relative;z-index:10;margin-top:calc(-1 * var(--poppin-hero-height,100svh));background:#fff;display:flow-root;clip-path:inset(var(--poppin-cover-inset,100vh) 0 0 0);transform:translateY(var(--poppin-cover-offset,-60vh))}
.poppin-cover-content>.scroll-band{position:relative;top:auto;transform:none;margin-top:0}
@media(prefers-reduced-motion:reduce){.poppin-scroll-track{height:auto}.poppin-scroll-track>.hero{position:relative}.poppin-cover-content{margin-top:0;clip-path:none;transform:none}}

/* Poppin navigation — reference: understated black studio header. */
.poppin-nav{position:absolute;inset:0 0 auto;z-index:60;min-height:88px;box-sizing:border-box;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:32px;padding:18px 3.6vw;background:#111;color:#f4f1e9;font-family:Arial,Helvetica,sans-serif}
.poppin-nav a{color:inherit;text-decoration:none}
.poppin-nav-brand{display:block;justify-self:start;line-height:0}
.poppin-nav-brand img{display:block;width:124px;height:auto}
.poppin-nav-links{display:flex;align-items:center;gap:32px}
.poppin-nav-links a,.poppin-nav-project{font-size:12px;font-weight:400;letter-spacing:.035em;text-transform:uppercase;line-height:1.3}
.poppin-nav-links a{padding:12px 0;color:#bdbbb5;transition:color .2s}
.poppin-nav-links a:hover{color:#fff}
.poppin-nav-project{justify-self:end;display:flex;align-items:center;gap:10px;padding:14px 22px;border:1px solid #595954;border-radius:999px;white-space:nowrap;transition:border-color .2s,background .2s}
.poppin-nav-project span{width:6px;height:6px;border-radius:50%;background:#ff22a1;flex-shrink:0}
.poppin-nav-project:hover{border-color:#f4f1e9;background:#222}
.poppin-nav a:focus-visible{outline:2px solid #ff22a1;outline-offset:5px}
#projets,#studio,#services,#contact{scroll-margin-top:32px}
@media(max-width:700px){.poppin-nav{grid-template-columns:1fr auto;gap:12px;padding:16px 5vw;min-height:112px}.poppin-nav-brand img{width:100px}.poppin-nav-project{font-size:10px;padding:11px 13px}.poppin-nav-links{grid-column:1/-1;grid-row:2;justify-content:center;gap:30px}.poppin-nav-links a{font-size:11px;padding:5px 0}}

/* Slim navigation and bottom-right hero contact. */
.poppin-nav{min-height:60px;padding:9px 3.6vw;gap:24px}
.poppin-nav-brand img{width:100px}
.poppin-nav-project{padding:10px 18px;font-size:11px}
.hero>.cta{position:absolute;top:auto;bottom:32px;right:3.6vw;left:auto;height:38px;padding:0 20px;border:1px solid #bbb;z-index:60}
@media(max-width:700px){.poppin-nav{min-height:88px;padding:10px 5vw;gap:6px 12px}.poppin-nav-brand img{width:84px}.poppin-nav-project{padding:8px 12px;font-size:9px}.poppin-nav-links{gap:26px}.poppin-nav-links a{padding:3px 0;font-size:10px}.hero>.cta{bottom:24px;right:5vw}}

/* Shared viewport baseline for sound and contact. */
#muteBtn,.hero>.cta{position:fixed;top:auto;bottom:32px;box-sizing:border-box;height:38px;display:inline-flex;align-items:center;justify-content:center;padding:0 20px;margin:0;line-height:1}
#muteBtn{left:3.6vw;right:auto}
.hero>.cta{right:3.6vw;left:auto}
@media(max-width:700px){#muteBtn,.hero>.cta{bottom:24px}#muteBtn{left:5vw}.hero>.cta{right:5vw}}

/* Poppin signature and expressive text controls. */
.poppin-nav-brand{font-size:12px;font-weight:800;letter-spacing:.045em;line-height:1.4;white-space:nowrap}
.poppin-nav-brand span{font-size:10px;font-weight:400;letter-spacing:.07em}
#muteBtn,.hero>.poppin-contact{background:transparent!important;border:0!important;border-radius:0;box-shadow:none!important;backdrop-filter:none;-webkit-backdrop-filter:none;font-size:12px;font-weight:800;letter-spacing:.09em;padding:0 4px;gap:10px;transition:color .2s}
#muteBtn .sound-dot{display:inline-block;color:#999;transition:color .2s,transform .25s}
#muteBtn[data-playing="true"] .sound-dot{color:#ff22a1}
#muteBtn:hover .sound-dot{transform:scale(1.3)}
#muteBtn:hover,.hero>.poppin-contact:hover,.hero>.poppin-contact:focus-visible{color:#ff22a1!important}
.poppin-contact span{display:inline-block;font-size:21px;transition:transform .25s}
.poppin-contact:hover span{transform:translate(3px,-3px)}
#muteBtn:focus-visible,.poppin-contact:focus-visible,.poppin-ideas:focus-visible{outline:2px solid #ff22a1;outline-offset:6px}
.hero .poppin-ideas{display:inline-flex;align-items:baseline;gap:.3em;pointer-events:auto;position:relative;z-index:4;color:#111;text-decoration:none;padding:14px 4px;font-weight:500}
.poppin-ideas .pop-word{display:inline-block;font-weight:800;transition:color .2s}
.poppin-ideas .pop-arrow{display:inline-block;margin-left:8px;transition:transform .3s,color .2s}
.poppin-ideas:hover .pop-word,.poppin-ideas:focus-visible .pop-word{color:#ff22a1;animation:poppin-word-hop .5s ease both}
.poppin-ideas:hover .pop-arrow,.poppin-ideas:focus-visible .pop-arrow{color:#ff22a1;transform:translateY(5px)}
@keyframes poppin-word-hop{0%,100%{transform:translateY(0) rotate(0)}40%{transform:translateY(-6px) rotate(-6deg)}70%{transform:translateY(1px) rotate(2deg)}}
.bottom-cta{display:none!important}
@media(max-width:1000px){.poppin-nav-brand{white-space:normal;max-width:245px}.poppin-nav-brand span{display:block;font-size:9px}}
@media(max-width:700px){.poppin-nav-brand{font-size:11px;max-width:190px}.poppin-nav-brand span{font-size:8px}.hero .poppin-ideas{font-size:13px}}
@media(prefers-reduced-motion:reduce){.poppin-ideas .pop-word,.poppin-ideas .pop-arrow,.poppin-contact span,#muteBtn .sound-dot{animation:none!important;transition:none!important;transform:none!important}}

/* Vector brand followed by studio signature. */
.poppin-nav-brand{display:flex;align-items:center;gap:14px;max-width:none;white-space:normal}
.poppin-nav-brand img{width:100px;height:auto;flex-shrink:0}
.poppin-nav-brand span{display:block;max-width:145px;font-size:9px;line-height:1.5}
@media(max-width:700px){.poppin-nav-brand{gap:9px}.poppin-nav-brand img{width:74px}.poppin-nav-brand span{max-width:96px;font-size:7px}}

/* Seamless oversized brand ticker. Two equal groups form the loop. */
.poppin-cover-content>.poppin-ticker{position:relative;display:block;height:auto;min-height:0;padding:28px 0 38px;margin:0;overflow:hidden;background:#111;border-top:1px solid #303030;border-bottom:1px solid #303030;box-sizing:border-box}
.poppin-ticker-track{display:flex;width:max-content;animation:poppin-ticker-drift 46s linear infinite;will-change:transform}
.poppin-ticker-group{display:flex;align-items:center;flex-shrink:0}
.poppin-ticker-word{display:block;flex-shrink:0;padding-right:.32em;font-family:Telegraf,Arial,sans-serif;font-size:clamp(76px,13vw,240px);font-weight:900;line-height:.95;letter-spacing:-.065em;color:#eae7df;white-space:nowrap}
.poppin-ticker-word>span{color:#ff22a1}
.poppin-ticker.is-paused .poppin-ticker-track{animation-play-state:paused}
.poppin-ticker-toggle{position:absolute;right:3.6vw;bottom:8px;background:transparent;color:#bdbbb5;border:0;padding:5px 10px;cursor:pointer;font-size:14px;line-height:1}
.poppin-ticker-toggle:hover{color:#ff22a1}
.poppin-ticker-toggle:focus-visible{outline:2px solid #ff22a1;outline-offset:2px}
@keyframes poppin-ticker-drift{to{transform:translateX(-50%)}}
@media(max-width:700px){.poppin-cover-content>.poppin-ticker{padding:24px 0 36px}.poppin-ticker-toggle{right:5vw}}
@media(prefers-reduced-motion:reduce){.poppin-ticker-track{animation:none;transform:none;will-change:auto}.poppin-ticker-toggle{display:none}}

/* Keep the ticker visible on the opening screen, outside the scroll mask. */
.hero>.poppin-ticker{position:absolute;left:0;right:0;bottom:84px;z-index:5;display:block;margin:0;padding:14px 0 26px;overflow:hidden;background:#111;border-top:1px solid #303030;border-bottom:1px solid #303030;box-sizing:border-box}
.hero>.poppin-ticker .poppin-ticker-word{font-size:clamp(64px,8vw,138px)}
@media(max-width:700px){.hero>.poppin-ticker{bottom:72px;padding:12px 0 26px}.hero>.poppin-ticker .poppin-ticker-word{font-size:64px}}

/* Reference layout: quiet, stationary strip flush with the viewport bottom. */
:root{--poppin-footer-strip:clamp(78px,12vh,140px)}
.hero>.poppin-ticker{position:fixed;bottom:0;left:0;right:0;height:var(--poppin-footer-strip);padding:0;display:flex;align-items:center;background:#111;border:0;border-top:1px solid #292929;z-index:5}
.hero>.poppin-ticker .poppin-ticker-track{animation:poppin-ticker-drift 46s linear infinite!important;will-change:transform}
.hero>.poppin-ticker .poppin-ticker-word{font-size:clamp(64px,7vw,120px);color:#373735;line-height:1;padding-right:.6em}
.hero>.poppin-ticker .poppin-ticker-word>span{color:inherit}
#muteBtn,.hero>.poppin-contact{bottom:calc(var(--poppin-footer-strip) + 16px)}
@media(max-width:700px){.hero>.poppin-ticker{bottom:0;padding:0}.hero>.poppin-ticker .poppin-ticker-word{font-size:64px}#muteBtn,.hero>.poppin-contact{bottom:calc(var(--poppin-footer-strip) + 12px)}}

/* Low-contrast reference watermark. */
.hero>.poppin-ticker .poppin-ticker-track{opacity:.12}
.hero>.poppin-ticker .poppin-ticker-word{color:#f4f1e9}
.hero>.poppin-ticker{border-top-color:rgba(244,241,233,.07)}

/* Cohesive Poppin hero refinements. */
:root{--poppin-footer-strip:clamp(64px,9vh,105px)}
.hero .hero-grid{display:none!important}
.custom-cursor{display:none!important}
.poppin-cursor-dot{display:block;width:7px;height:7px;background:#111;border-radius:50%;transform:translate(-50%,-50%);transform-origin:center}
.fluid-pointer{mix-blend-mode:difference}
.fluid-pointer .poppin-cursor-dot{background:#fff}
.poppin-ticker-logo{display:block;flex:none;width:clamp(220px,24vw,460px);height:auto;margin-right:clamp(35px,5vw,100px);filter:grayscale(1)}
.hero>.poppin-ticker .poppin-ticker-track{opacity:.12}
.poppin-expertise{margin:0;text-align:center;font-family:Telegraf,Arial,sans-serif;font-size:clamp(9px,.75vw,12px);font-weight:400;letter-spacing:.055em;line-height:1.5;color:#666}
.poppin-expertise span{margin:0 .45em;color:#ff22a1}
.poppin-socials:not([hidden]){position:fixed;right:3.6vw;bottom:calc(var(--poppin-footer-strip) + 16px);height:38px;display:flex;align-items:center;gap:18px;z-index:60}
.poppin-socials a{color:#111;text-decoration:none;font-size:11px;font-weight:700;letter-spacing:.04em}
.poppin-socials a:hover{color:#ff22a1}
.poppin-socials a:focus-visible{outline:2px solid #ff22a1;outline-offset:5px}
@media(max-width:700px){.poppin-socials:not([hidden]){right:5vw;bottom:calc(var(--poppin-footer-strip) + 12px);gap:12px}.poppin-expertise{font-size:9px;letter-spacing:0}.poppin-expertise span{margin:0 .15em}}

/* Smaller vector marks, subtle letters and pink apostrophes. */
.hero>.poppin-ticker .poppin-ticker-track{opacity:1;animation:poppin-ticker-drift 46s linear infinite!important}
.poppin-ticker-group{min-width:100vw;justify-content:space-around}
.hero .poppin-ticker-logo{width:clamp(145px,16vw,280px);height:auto;margin-right:clamp(24px,3vw,60px);filter:none}
.poppin-ticker-logo path{opacity:.12}
.poppin-ticker-logo path[fill="#ff22a1"]{opacity:.7}
@media(prefers-reduced-motion:reduce){.hero>.poppin-ticker .poppin-ticker-track{animation:none!important;transform:none!important}}

/* Portrait: a quiet, human introduction after the projects. */
.studio-portrait{width:100%;max-width:540px;justify-self:end}
.studio-portrait-frame{aspect-ratio:4/5;overflow:hidden;background:#d0cfcd}
.studio-portrait-frame img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 20%;filter:brightness(1.12)}
.studio-portrait figcaption{font-size:11px;line-height:1.5;letter-spacing:.025em}
.studio-portrait figcaption>span:last-child{display:flex;align-items:center;gap:7px}
.studio-portrait figcaption i{display:block;width:6px;height:6px;border-radius:50%;background:#ff22a1}
@media(max-width:700px){.studio-portrait{max-width:none}.studio-portrait figcaption{font-size:10px}}

.hero .poppin-pop{display:block;flex:none;width:clamp(100px,10vw,180px);height:auto;margin-right:clamp(30px,4vw,72px);color:#f4f1e9;opacity:.12}
.hero .poppin-pop.is-pink{color:#ff22a1;opacity:.65}

/* Gray at rest; bright pink illumination under the pointer. */
.hero .poppin-pop,.hero .poppin-pop.is-pink{color:#f4f1e9;opacity:.12;overflow:visible;pointer-events:auto;filter:drop-shadow(0 0 0 transparent);transition:color .18s ease,opacity .18s ease,filter .25s ease}
@media(hover:hover){.hero .poppin-pop:hover{color:#ff22a1;opacity:1;filter:drop-shadow(0 0 3px #ff71c3) drop-shadow(0 0 10px #ff22a1) drop-shadow(0 0 20px rgba(255,34,161,.65))}}
@media(prefers-reduced-motion:reduce){.hero .poppin-pop{transition:none}}

.poppin-punctuation{color:#ff22a1!important}
#muteBtn{color:#fff!important;mix-blend-mode:difference;background:transparent!important}
#muteBtn:hover{color:#fff!important}
#studio .studio-copy h2{font-size:clamp(36px,4.3vw,66px);line-height:1.06}

/* Editorial accents only in headings, and a compact contact action. */
#studio .studio-copy h2 em{color:#111}
.studio-contact .kick-contact-button{width:auto;min-width:0;min-height:0;gap:20px;padding:14px 22px;margin-top:14px;border-radius:999px;font-size:16px;line-height:1.2}
.studio-contact .kick-contact-button span{font-size:21px;line-height:1;transition:transform .2s ease}
.studio-contact .kick-contact-button:hover span{transform:translate(2px,-2px)}
@media(max-width:700px){.studio-contact .kick-contact-button{gap:16px;padding:13px 20px;font-size:15px}}
@media(prefers-reduced-motion:reduce){.studio-contact .kick-contact-button span{transition:none}}

/* The black trail never requires the video as a visible background. */
.hero{background-color:#fff!important}
.hero .bg-video{display:none!important}
.hero [data-fluid-canvas]{background:#fff}

/* Keep the video decoding, hidden beneath an opaque white backing. */
.hero .bg-video{display:block!important;position:absolute;inset:0;width:100%;height:100%;z-index:-2;pointer-events:none}
.hero::before{content:"";position:absolute;inset:0;background:#fff;z-index:-1;pointer-events:none}

.hero>.poppin-video-trail{position:absolute;inset:0;width:100%;height:100%;z-index:4;pointer-events:none;background:transparent}
@media(prefers-reduced-motion:reduce){.poppin-video-trail{display:none}}

/* Header monogram: original vector p and apostrophe. */
.poppin-nav-brand img{width:32px;height:42px;object-fit:contain}
@media(max-width:700px){.poppin-nav-brand img{width:27px;height:36px}}

.poppin-nav-brand img{width:40px;height:42px}
.poppin-nav-brand .poppin-motto{display:block;color:#ff22a1;font-size:10px;line-height:1.3;letter-spacing:.02em;text-transform:none;margin-top:2px;animation:none;transform:none}
@media(max-width:700px){.poppin-nav-brand img{width:34px;height:36px}.poppin-nav-brand .poppin-motto{font-size:9px}}

.hero>.poppin-motto{position:absolute;right:3.6vw;bottom:calc(clamp(64px,9vh,105px) + 26px);z-index:20;margin:0;color:#ff22a1;font:600 13px Arial,sans-serif;letter-spacing:.02em;pointer-events:none;animation:none;transform:none}