@font-face{font-family:StoryManrope;src:url(Manrope.ttf);font-display:swap}
:root{--studio-header-height:76px}
html{scroll-padding-top:calc(var(--studio-header-height) + 20px)}
body>header.site-header{display:flex!important;position:sticky;top:0;z-index:20;height:var(--studio-header-height);padding:0 5%;gap:24px;background:#fffffff5;border-bottom:1px solid #e8e4dd;color:#69442f}
.site-header .brand{font-size:26px;line-height:1.1}
.site-header .brand span{font-size:10px;letter-spacing:0;margin-top:4px}
.site-header .header-cta{font-size:13px;min-height:44px;display:inline-flex;align-items:center;white-space:nowrap}
.site-header nav a{display:inline-flex;align-items:center;min-height:44px}
body .dog-hero{height:calc(100svh - var(--studio-header-height) - 24px);min-height:560px}
.hero-copy{position:absolute;z-index:2;left:5%;top:12%;width:42%;max-width:720px}
body .dog-hero .hero-copy h1{position:relative;inset:auto;width:100%;max-width:none;text-align:left;margin:0 0 24px;text-shadow:none;line-height:1;animation:logo-arrive 1.1s ease both}
.copper-wordmark{display:block;width:100%;height:auto}
body .dog-hero h1:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 40%,#eac6a6 49%,transparent 58%) 140% 0/300% 100%;mask:url(yoga-wordmark-copper.svg) center/contain no-repeat;animation:copper-light 2.4s ease .6s both}
@keyframes copper-light{from{background-position:140% 0;opacity:0}20%{opacity:.65}80%{opacity:.65}to{background-position:-40% 0;opacity:0}}
body .dog-hero .stage{position:absolute!important;inset:6% -2% 4% 42%;width:60%;height:90%;z-index:-1}
body .dog-hero .stage video{transform:none!important;object-fit:contain!important}
.hero-story{position:relative;width:100%;color:#925b3e}
.hero-story p{margin:0;color:inherit}
.story-line{font:500 29px/1.4 StoryManrope,sans-serif;letter-spacing:0}
.story-question{font:normal 96px/1.08 Georgia,serif;letter-spacing:0;padding-top:9px}
.story-cta{display:inline-flex;align-items:center;gap:32px;font:500 14px/1.5 StoryManrope,sans-serif;letter-spacing:0;color:#69442f;text-decoration:none;border-bottom:1px solid #b58668;padding:12px 0;margin-top:17px}
.story-cta span{font-size:23px}
.story-line,.story-question,.story-cta{opacity:0;transform:translateY(-18px);visibility:hidden;transition:opacity 1.1s ease,transform 1.1s cubic-bezier(.22,1,.36,1),visibility 1.1s}
.story-first .story-line,.story-second .story-question,.story-ready .story-cta{opacity:1;transform:none;visibility:visible}
body .dog-hero .controls{bottom:8%;left:5%;top:auto;right:auto;justify-content:flex-start}
body .dog-hero .status{bottom:3%;top:auto;left:5%;right:auto;text-align:left}
.story-cta:focus-visible,.breath-start:focus-visible{outline:3px solid #9aaa8c;outline-offset:6px}
.journey-visual{padding-bottom:90px}
.journey-visual .visual-note{bottom:65px;left:0;right:0;text-align:center;line-height:1.5}
.breath-start{position:absolute;bottom:0;left:50%;transform:translateX(-50%);white-space:nowrap;border:1px solid #879b7b;background:transparent;border-radius:28px;color:#42513d;font-size:13px;padding:12px 18px}
.breath-live{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.journey-visual .breath-halo{animation:none;transform:scale(.86);opacity:.65;transition:transform 6s ease,opacity 6s ease}
.journey-visual.breath-in .breath-halo{transform:scale(1.08);opacity:1;transition-duration:4s}
.journey-visual.breath-out .breath-halo{transform:scale(.86);opacity:.65}
.journey-visual .breath-word{top:30%;pointer-events:none}
@keyframes logo-arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(min-width:1600px){.story-line{font-size:33px}.story-question{font-size:110px}}
@media(max-width:1000px){.story-line{font-size:24px}.story-question{font-size:80px}.site-header nav{gap:16px}}
@media(max-width:760px){
 :root{--studio-header-height:68px}
 body>header.site-header{padding:0 6%;gap:12px}
 .site-header .brand{font-size:23px}.site-header .brand span{font-size:9px}
 .site-header .header-cta{font-size:12px}
 body .dog-hero{min-height:540px}
 .hero-copy{left:6%;top:26px;width:88%;max-width:none}
 body .dog-hero .hero-copy h1{margin-bottom:14px}
 .story-line{font-size:21px}.story-question{font-size:60px;padding-top:3px}
 .story-cta{margin-top:6px;font-size:13px;padding:7px 0;min-height:44px}
 body .dog-hero .stage{inset:270px -7% 14px;width:114%;height:calc(100% - 284px)}
 body .dog-hero .controls{left:6%;bottom:7%;gap:8px}
 .journey-visual{min-height:420px}.journey-visual .breath-word{top:26%;font-size:36px}
}
@media(max-width:360px){.site-header .brand{font-size:21px}.site-header .brand span{max-width:148px;font-size:8px}.site-header .header-cta{font-size:11px}.story-line{font-size:20px}.story-question{font-size:54px}}
@media(prefers-reduced-motion:reduce){body .dog-hero h1{animation:none}body .dog-hero h1:after{display:none}.story-line,.story-question,.story-cta{transition:none;opacity:1;transform:none;visibility:visible}.journey-visual .breath-halo{transition:none;transform:none!important}}