.studio-hero{--flyer-pink:#f8b69e;--clay:#ca785a;background:var(--flyer-pink);color:var(--green);padding:44px 28px 20px;overflow:hidden;text-align:center}
.studio-inner{max-width:1186px;margin:auto;position:relative}.studio-copy{position:relative;padding-inline:80px}
.studio-tag{display:inline-flex;gap:10px;align-items:center;padding:11px 18px;border:1px solid #243d3230;border-radius:40px;background:#fff8efba;font-size:11px;font-weight:750;letter-spacing:.13em;margin:0 0 24px}.studio-tag>span{width:8px;height:8px;background:var(--clay);border-radius:50%}
.studio-copy h1{font:600 clamp(46px,5.6vw,78px)/1.12 'Fraunces',serif;letter-spacing:-.045em;margin:0 auto 26px;max-width:1000px}.studio-copy h1>span{position:relative;display:inline-block;padding-bottom:.14em}.studio-copy h1 svg{position:absolute;width:105%;height:.23em;bottom:-.01em;left:-2.5%;fill:none;stroke:var(--clay);stroke-width:4;stroke-linecap:round}
.studio-description{font-size:17px;line-height:1.8;margin:0 auto;max-width:620px}
.studio-paw{position:absolute;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;border:3px solid #fff8ef;box-shadow:0 10px 18px #71352215;pointer-events:none}.studio-paw svg{width:25px;height:25px;fill:currentColor;stroke:none}.studio-paw-1{left:14%;top:12%;background:#fff0e5;rotate:-25deg}.studio-paw-2{right:14%;top:20%;background:var(--green);color:#fff8ef;rotate:25deg}.studio-paw-3{left:3%;bottom:0;background:#d6e4dd;rotate:20deg}.studio-paw-4{right:4%;bottom:-4%;background:var(--clay);color:#fff8ef;rotate:-15deg}
.studio-actions{display:flex;justify-content:center;align-items:center;gap:28px;margin-top:30px}.studio-cta{display:inline-flex;align-items:center;font-size:14px;font-weight:750;transition:transform .25s}.studio-cta>span{display:flex;align-items:center;min-height:56px;background:var(--green);color:#fff8ef;border-radius:40px;padding:16px 32px 16px 25px}.studio-cta i{width:60px;height:60px;display:grid;place-items:center;border:4px solid var(--green);border-radius:50%;background:#fff0e5;margin-left:-13px;transition:transform .3s}.studio-cta svg{width:24px;height:24px;fill:var(--green);stroke:none}.studio-cta:hover{transform:translateY(-3px)}.studio-cta:hover i{transform:rotate(-22deg)}.studio-secondary{display:flex;align-items:center;gap:8px;min-height:44px;font-size:14px;font-weight:700}.studio-secondary svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8}.studio-note{font-size:12px;margin:14px 0 0}
.studio-animals{display:grid;grid-template-columns:1fr 1.8fr 1fr;gap:22px;margin-top:45px}.studio-animal{height:365px;position:relative;border-radius:28px;overflow:hidden;background:#d6e4dd}.studio-dog{background:#ffe6d7}.studio-rabbit{background:#f1d9cd}.studio-animal:before{content:"";position:absolute;bottom:4%;left:14%;right:14%;height:18px;background:#243d321c;filter:blur(12px);border-radius:50%}.studio-animal img{position:absolute;bottom:0;left:50%;transform:translateX(-50%);height:93%;width:94%;object-fit:contain;object-position:center bottom}.studio-dog img{height:100%;width:96%;bottom:1%}.studio-rabbit img{height:92%;width:94%;bottom:2%}
.studio-motion{font:600 10px 'Manrope',sans-serif;background:transparent;border:0;border-bottom:1px solid #243d3260;padding:7px 0;margin-top:13px;color:var(--green);cursor:pointer}
@keyframes studio-enter{from{opacity:0;translate:0 24px}to{opacity:1;translate:0 0}}@keyframes studio-float{0%,100%{translate:0 0}50%{translate:0 -12px}}
@media(prefers-reduced-motion:no-preference){.studio-hero.is-ready .studio-tag,.studio-hero.is-ready h1,.studio-hero.is-ready .studio-description,.studio-hero.is-ready .studio-actions,.studio-hero.is-ready .studio-animal{animation:studio-enter .9s cubic-bezier(.16,1,.3,1) both}.studio-hero.is-ready h1{animation-delay:.1s}.studio-hero.is-ready .studio-description{animation-delay:.2s}.studio-hero.is-ready .studio-actions{animation-delay:.3s}.studio-hero.is-ready .studio-cat{animation-delay:.35s}.studio-hero.is-ready .studio-dog{animation-delay:.5s}.studio-hero.is-ready .studio-rabbit{animation-delay:.65s}.studio-hero.is-ready .studio-paw{animation:studio-float 4s ease-in-out infinite}.studio-hero.is-ready .studio-paw:nth-of-type(even){animation-duration:4.6s}.studio-hero.is-paused *{animation-play-state:paused!important}}
@media(max-width:1000px){.studio-copy{padding-inline:40px}.studio-paw-1{left:4%}.studio-paw-2{right:4%}.studio-paw-3{left:0}.studio-paw-4{right:0}.studio-animal{height:300px}.studio-copy h1{font-size:60px}}
@media(max-width:700px){.studio-hero{padding:30px 20px 18px}.studio-copy{padding:0}.studio-tag{font-size:9px;padding:10px 12px;margin-bottom:22px}.studio-copy h1{font-size:clamp(38px,10vw,56px);line-height:1.13;margin-bottom:22px}.studio-description{font-size:14px;line-height:1.75}.studio-paw{display:none}.studio-actions{flex-direction:column;gap:10px;margin-top:24px}.studio-cta{font-size:12px}.studio-cta>span{padding:14px 26px 14px 19px;min-height:52px}.studio-cta i{height:56px;width:56px}.studio-note{font-size:11px;margin-top:8px}.studio-animals{grid-template-columns:1fr 1fr;gap:12px;margin-top:28px}.studio-animal{height:230px;border-radius:20px}.studio-dog{grid-column:1/-1;order:3;height:250px}.studio-cat img{height:94%}.studio-rabbit img{height:85%}}
@media(prefers-reduced-motion:reduce){.studio-motion{display:none}}
/* Cool panel colours separate the warm animal fur from the flyer-pink hero. */
.studio-dog{background:#cbdce8}.studio-rabbit{background:#ded3ed}
.pill-marquee{background:var(--paper);border:0;padding-block:24px}
.pill-marquee .marquee-group{gap:16px;padding-right:16px;font-size:19px;font-weight:600}
.marquee-pill{display:inline-flex;align-items:center;gap:12px;background:#fff;border:1px solid #243d3226;border-radius:999px;padding:12px 22px;white-space:nowrap}
.marquee-pill:before{content:"";width:11px;height:11px;border-radius:50%;background:#305e56;flex:none}
.marquee-pill:nth-child(3n+2):before{background:#b26449}.marquee-pill:nth-child(3n):before{background:#f8b69e}
@media(max-width:760px){.pill-marquee{padding-block:18px}.pill-marquee .marquee-group{font-size:15px;gap:12px;padding-right:12px}.marquee-pill{padding:10px 17px}}
/* Option B identity and higher contrast accents. */
.studio-hero{--clay:#925238}
.studio-tag{background:#fffaf5;border-color:#92523840;color:#453026}
.studio-cta>span{background:#2e6059;color:#fff}.studio-cta i{border-color:#2e6059;background:#d5e6df}.studio-cta svg{fill:#2e6059}
.studio-paw-1{background:#ded3ed}.studio-paw-2{background:#2e6059}.studio-paw-4{background:#925238}
body[data-active-option=b] .header .brand{gap:12px;white-space:nowrap}
body[data-active-option=b] .header .brand img{border-radius:50%;object-fit:contain;background:#fff;border:1px solid #d6bbaa}
body[data-active-option=b] .header .brand>span{font:600 22px 'Fraunces',serif;letter-spacing:-.035em;color:#453026}
@media(max-width:1000px){body[data-active-option=b] .header .brand>span{font-size:18px}}
@media(max-width:760px){body[data-active-option=b] .header .brand{gap:7px}body[data-active-option=b] .header .brand>span{font-size:15px;white-space:normal;max-width:80px;line-height:1.15}.studio-tag{max-width:100%;font-size:8px;letter-spacing:.09em}}
/* Photographic studio scenes include their own floor and natural shadows. */
.studio-animal img,.studio-dog img,.studio-rabbit img,.studio-cat img{inset:0;transform:none;width:100%;height:100%;object-fit:cover;object-position:center}
.studio-animal:before{display:none}
/* Give the original detailed roundel enough room to read. */
body[data-active-option=b] .header .brand img{width:76px;height:76px;flex-shrink:0}
@media(max-width:760px){body[data-active-option=b] .header .brand img{width:54px;height:54px}body[data-active-option=b] .header .brand>span{font-size:14px;max-width:72px}body[data-active-option=b] .header-inner{gap:8px}body[data-active-option=b] .header-contact{gap:6px}}
/* A slimmer B header retains the enlarged roundel. */
body[data-active-option=b] .header-inner{height:84px;padding-block:0}
@media(max-width:760px){body[data-active-option=b] .header-inner{height:66px}}
/* Pause only the idle paw float while the opening burst runs. */
.studio-hero.is-ready .studio-paw.paw-entering{animation:none;translate:0 0}