.hero-art{display:contents}.compact-offer-facts{display:none}
.motion-unavailable .intro-panel,.motion-unavailable .bridge-enter{display:none!important}
.motion-unavailable #opening-stage{height:100vh}
.motion-unavailable .typed-char{visibility:visible!important}
.motion-unavailable .hero-scribble,.motion-unavailable .hero-message,.motion-unavailable .hero-cta{visibility:visible!important;opacity:1!important;clip-path:none!important}

@media (max-width:1199px), (pointer:coarse) and (max-width:1366px){
  :root{--section-gap:112px}
  html{scroll-padding-top:28px}
  body{min-width:0;overflow-x:clip}
  body.intro-playing{overflow:auto}
  .shell,.hero-shell{width:calc(100% - 64px);max-width:1020px;container-type:inline-size}
  .shell{padding-top:64px;padding-bottom:32px}
  .inner{width:100%}
  .offer-intro h2,.benefit h3,.change-copy h3,.footer h2{text-wrap:balance}
  .shell:before{display:none}
  .panel{border-radius:24px}
  .button{min-height:52px;height:auto;min-width:260px;padding:17px 28px;font-size:21px;line-height:1;max-width:100%}
  .button-arrow{display:none}
  .button:hover>span:first-child{transform:none}
  .skip-link{font-size:16px}
  .js.motion-ready [data-reveal]{clip-path:none}
  .js .mobile-pending{clip-path:inset(-4% -3% 104% -3%);transform:translateY(10px)}
  .js .ink-trace{opacity:1}
  .js .ink-finish{opacity:1}
  .draw-icon{max-height:100%;width:100%;object-fit:contain}
  #opening-stage{height:auto;min-height:0}
  .stage-viewport{height:auto;position:relative;overflow:visible}
  .frustration{position:relative;inset:auto}
  .hero-shell{height:auto;min-height:600px;padding:82px 0 52px;display:grid;grid-template-columns:35% 65%;align-items:center}
  .hero-art{display:block;position:relative;height:360px;align-self:start;pointer-events:none}
  .hero-word{font-size:26cqw;left:-8%;top:28%;line-height:.72}
  .hero-scribble{width:125%;max-width:390px;left:-8%;top:-4%;max-height:none}
  .hero-copy{position:relative;inset:auto;width:100%;padding-left:20px}
  .eyebrow{font-size:10px;line-height:1.15;padding:8px 12px}
  .hero-copy h1{font-size:clamp(27px,3.45vw,38px);line-height:1.08;letter-spacing:-.035em;margin:20px 0 24px}
  .hero-copy h1 span+span{margin-top:.8em}
  .compact-offer-facts{display:block;font-size:16px;line-height:1.3;letter-spacing:-.02em;margin-bottom:24px}
  .hero-cta .button{width:100%}
  .connector{display:none}
  .bridge-enter,.image-trail{display:none!important}
  .intro-panel{position:absolute;inset:0;min-height:max(560px,100svh);overflow:clip}
  .opening-eye{top:24px;width:72px}
  .intro-title{font-size:clamp(78px,12vw,130px);line-height:.72;padding:36px 0 10px}
  .skip-intro{opacity:1;pointer-events:auto;bottom:18px;right:24px;font-size:15px;padding:12px 0;min-height:44px}
  .js .intro-word{visibility:hidden}
  .offer-intro{height:auto;min-height:0;padding:38px}
  .offer-intro h2{font-size:clamp(52px,7vw,88px);line-height:.8;width:100%}
  .offer-intro h2 br{display:none}
  .offer-intro-copy{position:relative;inset:auto;width:70%;margin:40px 0 0 auto}
  .offer-intro-copy p{font-size:20px;line-height:1.25;letter-spacing:-.025em}
  .offer-intro-copy p+p{margin-top:24px}
  .offer-intro-copy>div:last-child{margin-top:30px}
  .pointing-art{left:-18%;top:24%;width:70%;height:80%;opacity:.9}
  .problems,.together,.changes,.proof-offer,.about,.faq,.footer{margin-top:var(--section-gap)}
  .problem,.problem:first-child{height:auto;min-height:116px;display:block;padding:24px 0}
  .problem h2{font-size:28px;line-height:1.05}
  .problem p{font-size:18px;line-height:1.3;text-align:left;margin-top:12px}
  .together-title{font-size:14.8cqw;line-height:.72;text-align:left;margin:0 0 38px}
  .benefit-grid{grid-template-columns:1fr;gap:20px;margin-top:0;z-index:auto}
  .benefit{padding:30px;min-height:0;display:grid;grid-template-columns:80px 1fr;column-gap:24px;border-radius:24px;will-change:auto}
  .card-icon{grid-column:1;grid-row:1/3;height:72px;align-self:start}
  .benefit .card-icon svg,.benefit:first-child .card-icon svg,.benefit:nth-child(2) .card-icon svg{width:72px;max-height:64px}
  .benefit:first-child .card-icon svg{width:44px}
  .benefit h3{grid-column:2;margin:0;font-size:30px;line-height:.98;letter-spacing:-.05em}
  .benefit h3 br{display:none}
  .benefit p{grid-column:2;font-size:19px;line-height:1.3;max-width:28em;margin-top:18px}
  .changes h2{font-size:11.9cqw;line-height:.76;margin-bottom:38px;text-align:left}
  .change-grid{grid-template-columns:1fr;gap:20px}
  .change-card{background:var(--cream);min-height:0;border-radius:24px;display:grid;grid-template-columns:170px minmax(0,1fr)}
  .change-image{display:grid;height:100%;min-height:190px;padding:18px 8px}.outcome-art{width:100%;height:auto;max-height:160px}
  .change-copy{padding:30px;min-height:0;display:block}
  .change-copy h3{font-size:29px;line-height:.98;letter-spacing:-.05em}
  .change-copy h3 br{display:none}
  .change-copy p{font-size:19px;line-height:1.3;margin:20px 0 0}
  .testimonial{position:relative;top:auto;width:100%;min-height:0;margin:0;text-align:center}
  .testimonial-inner{padding:80px 38px 0;min-height:0}
  .quote-avatar{width:56px;height:56px}
  .quote-placeholder{font-size:30px;line-height:1.1;max-width:100%;margin:0 auto 24px}
  .quote-credit{font-size:9px;line-height:1.3}
  .quote-mark{font-size:90px}
  .quote-open{top:70px;left:0}.quote-close{right:0;bottom:36px}
  .workshop{height:auto;margin-top:80px;padding:38px;display:grid;grid-template-columns:1fr 1fr;gap:28px;grid-template-areas:'title title' 'format format' 'tagline tagline' 'price list' 'photo photo'}
  .workshop h2{position:static;grid-area:title;font-size:clamp(64px,9.8vw,112px);line-height:.76;margin:0 0 8px}
  .workshop-question,.price-circle{display:none}
  .workshop-format{position:static;grid-area:format;font-size:22px;line-height:1.18;letter-spacing:-.03em}
  .workshop-tagline{position:static;grid-area:tagline;font-size:22px;line-height:1.1}
  .workshop-price{position:static;grid-area:price}
  .workshop-price p{font-size:66px;line-height:.82;margin-bottom:28px}
  .deliverables{position:static;grid-area:list;align-self:center;font-size:18px;line-height:1.8;padding-left:23px}
  .workshop-photo{position:relative;inset:auto;grid-area:photo;width:100%;height:280px;aspect-ratio:auto;border-radius:18px;margin-top:8px}
  .about{height:auto;display:grid;grid-template-columns:1fr 1fr;gap:38px 30px;align-items:start}
  .about h2{position:relative;inset:auto;font-size:9.1cqw;line-height:.76;grid-column:1;z-index:1}
  .about-photo{position:relative;inset:auto;width:100%;aspect-ratio:1;grid-column:2;z-index:1;border-radius:20px}
  .about-texture{left:-12px;width:calc(100% + 24px);height:140px;top:160px;border-radius:20px}
  .about-texture img{inset:0;height:100%;transform:none!important;will-change:auto}
  .about-name{position:static;font-size:52px;line-height:.82;grid-column:1}
  .about-bio{position:static;display:flex;align-items:flex-start;gap:18px;grid-column:2}
  .about-bio img{width:52px;height:52px;border-radius:10px}
  .about-bio p{font-size:18px;line-height:1.3;letter-spacing:-.025em}
  .faq h2{font-size:clamp(86px,13vw,130px);line-height:.76;margin:0 0 44px}
  .faq-list{margin:0}
  .faq-question{font-size:22px;line-height:1.2;min-height:80px;padding:24px 0;gap:22px;letter-spacing:-.03em}
  .faq-question:hover{padding-left:0}
  .faq-toggle{flex-basis:30px;height:30px}
  .faq-answer-inner{padding:0 48px 28px 0;max-width:760px}
  .faq-answer p{font-size:18px;line-height:1.5;letter-spacing:-.015em}
  .footer{min-height:0;padding:34px}
  .footer-top{grid-template-columns:1fr;gap:36px}
  .footer h2{font-size:clamp(36px,5.2vw,56px);line-height:.95;letter-spacing:-.045em;margin-bottom:28px;max-width:850px}
  .footer h2 br{display:none}
  .footer-owner{gap:20px;max-width:650px}
  .footer-owner img{width:52px;height:52px;flex-basis:52px}
  .footer-owner p{font-size:18px;line-height:1.15;letter-spacing:-.025em;color:#00718c}
  .footer-bottom{margin-top:54px;min-height:0;grid-template-columns:42% 1fr;gap:32px;align-items:start}
  .footer-brand{margin:0;align-self:start}
  .footer-scribble{display:none}
  .footer-tagline{font-size:19px;grid-column:1;grid-row:2;padding:0}
  .footer-links{grid-column:2;grid-row:1/3;padding:0;gap:32px}
  .footer-links nav{gap:4px;font-size:18px}
  .footer-links nav a{display:flex;align-items:center;min-height:44px;padding-right:16px}
  .hotline{font-size:25px;line-height:1.08;letter-spacing:-.035em;display:block;min-height:44px}
  @media(prefers-reduced-motion:reduce){
    .intro-panel{display:none!important}
    #opening-stage{height:auto}
    .js .mobile-pending{clip-path:none;transform:none}
    .js .hero-message,.js .hero-cta,.js .hero-scribble{clip-path:none;visibility:visible;opacity:1}
  }
  @media(max-height:500px){
    .intro-panel{position:fixed;inset:0;height:100svh;min-height:100svh}
    .intro-title{font-size:min(18svh,96px);padding:30px 0 0}
    .opening-eye{top:12px;width:48px}
    .skip-intro{bottom:8px}
  }
}

@media(max-width:699px){
  :root{--section-gap:88px}
  .shell,.hero-shell{width:calc(100% - 40px)}
  .shell{padding-top:40px;padding-bottom:20px}
  .hero-shell{display:block;min-height:0;padding:20px 0 40px}
  .hero-art{height:180px;width:100%;max-width:400px;margin:0 auto 20px}
  .hero-word{font-size:47cqw;left:0;top:28%}
  .hero-scribble{width:190px;max-width:none;left:16%;top:-16px}
  .hero-copy{padding:0}
  .hero-copy h1{font-size:clamp(25px,6.8vw,32px);line-height:1.1;margin:18px 0 22px}
  .hero-copy h1 span+span{margin-top:.8em}
  .compact-offer-facts{font-size:16px;margin-bottom:22px}
  .hero-cta .button{min-height:54px}
  .intro-panel{min-height:100svh}
  .intro-title{font-size:clamp(72px,21vw,120px);padding:32px 0 8px}
  .opening-eye{width:64px;top:22px}
  .button{min-width:0;width:100%;font-size:21px;min-height:52px}
  .offer-intro{padding:28px 24px}
  .offer-intro h2{font-size:clamp(40px,11.3vw,65px);line-height:.82}
  .offer-intro-copy{margin-top:28px;width:100%}
  .offer-intro-copy p{font-size:18px;line-height:1.3}
  .offer-intro-copy p+p{margin-top:20px}
  .pointing-art{display:none}
  .problem,.problem:first-child{padding:24px 0;min-height:0}
  .problem h2{font-size:25px}
  .problem p{font-size:17px;margin-top:10px}
  .together-title{font-size:14.9cqw;margin-bottom:32px}
  .benefit{display:flex;padding:26px 24px 28px;gap:0}
  .card-icon{height:60px;margin-bottom:24px}
  .benefit .card-icon svg,.benefit:nth-child(2) .card-icon svg{width:70px;max-height:60px}
  .benefit:first-child .card-icon svg{width:42px}
  .benefit h3{font-size:28px;line-height:.98;max-width:100%}
  .benefit p{font-size:clamp(16px,4.62vw,18px);line-height:1.28;max-width:14.5em;margin-top:22px}
  .changes h2{font-size:11.8cqw;margin-bottom:32px}
  .change-card{display:flex;flex-direction:column}.change-image{height:148px;min-height:0;flex:none;padding:7px 22px}.outcome-art{width:230px;max-width:100%;height:134px}.change-copy{display:block;padding:28px 24px}
  .change-copy h3{font-size:28px;line-height:.98}
  .change-copy p{font-size:18px;line-height:1.28;margin-top:22px;max-width:33ch}
  .testimonial-inner{padding:76px 20px 0}
  .quote-placeholder{font-size:25px;line-height:1.1;margin-bottom:24px}
  .quote-credit{font-size:8px;padding:7px 10px}
  .quote-mark{font-size:70px}.quote-open{left:-4px}.quote-close{right:-4px}
  .workshop{display:flex;flex-direction:column;gap:24px;padding:30px 24px;margin-top:64px}
  .workshop h2{font-size:17.5cqw;line-height:.76;margin-bottom:4px}
  .workshop-format{font-size:20px;line-height:1.2}
  .workshop-tagline{font-size:19px;line-height:1.2}
  .workshop-price p{font-size:64px;line-height:.85;margin:0 0 26px}
  .workshop-price{width:100%}
  .deliverables{align-self:flex-start;font-size:17px;line-height:1.8}
  .workshop-photo{height:210px;width:100%;margin-top:0}
  .about{display:flex;flex-direction:column;gap:28px}
  .about h2{font-size:19.1cqw;line-height:.76}
  .about-photo{width:90%;align-self:flex-end;aspect-ratio:1;max-width:430px}
  .about-texture{top:170px;height:140px;left:-20px;width:calc(100% + 40px);border-radius:0}
  .about-name{font-size:52px;line-height:.84;margin-top:8px}
  .about-name br{display:none}
  .about-bio{gap:16px}
  .about-bio p{font-size:17px;line-height:1.35}
  .about-bio img{width:48px;height:48px}
  .faq h2{font-size:22cqw;line-height:.76;margin-bottom:34px}
  .faq-question{font-size:20px;min-height:76px;padding:22px 0;gap:18px}
  .faq-answer-inner{padding:0 8px 24px 0}
  .faq-answer p{font-size:17px;line-height:1.45}
  .footer{padding:28px 24px}
  .footer h2{font-size:clamp(28px,7.45vw,44px);line-height:.98;margin-bottom:26px}
  .footer-owner{gap:16px;align-items:flex-start}
  .footer-owner img{width:42px;height:42px;flex-basis:42px}
  .footer-owner p{font-size:16px;line-height:1.2}
  .footer-top{gap:30px}
  .footer-bottom{display:flex;flex-direction:column;gap:22px;margin-top:42px}
  .footer-brand{width:70%;max-width:270px}
  .footer-tagline{font-size:18px}
  .footer-links{width:100%;gap:30px}
  .footer-links nav{display:grid;grid-template-columns:1fr 1fr;gap:4px 24px}
  .hotline{font-size:24px;line-height:1.1}
}

@media (hover:none){
  .button:hover:before{transform:translateY(105%)}
  .blue .button:hover,.footer .button:hover{color:var(--cream)}
  .cream:not(.footer) .button:hover{color:#000}
  .footer-brand:hover>img{transform:none}
}

@media(max-width:359px){
  .hero-art{height:130px;margin-bottom:24px}
  .hero-scribble{width:135px;left:20%;top:-12px}
}

@media (max-width:1199px), (pointer:coarse) and (max-width:1366px){
  body.compact-opening{overflow:hidden}
  .intro-panel{position:fixed;inset:0;height:100svh;min-height:0}
  .bridge-enter{display:block!important;position:fixed;inset:0;height:100svh;visibility:hidden;clip-path:inset(100% 0 0 0);z-index:5}
  .bridge-panel{clip-path:none}
  .bridge-type{left:7%;right:7%;top:32%;font-size:clamp(50px,8vw,85px);letter-spacing:-.065em;flex-wrap:wrap;gap:16px}
  .bridge-dots{gap:5vw;font-size:1.15em}
  .compact-skip{position:fixed;z-index:6;bottom:18px;right:24px}
  .testimonial{position:relative;top:auto;width:100%}
  .testimonial-inner{padding:100px 34px 0}
  .quote-text{font-size:clamp(24px,3.4vw,30px);line-height:1.3;max-width:30em;margin-bottom:26px}
  .quote-credit{font-size:11px}
  .quote-open{top:84px;left:-4px}.quote-close{right:-4px;bottom:36px}
}
@media(max-width:699px){
  .bridge-type{top:30%;display:block;font-size:clamp(44px,13vw,84px)}
  .bridge-dots{margin-top:20px;justify-content:flex-end;gap:9vw}
  .testimonial-inner{padding:94px 16px 0}
  .quote-avatar{width:72px;height:72px}
  .quote-text{font-size:22px;line-height:1.35;letter-spacing:-.02em;text-align:left}
  .quote-mark{font-size:60px}.quote-open{top:86px;left:-10px}.quote-close{right:-10px;bottom:38px}
  .quote-credit{font-size:10px;padding:9px 12px}
}