/* Phone and compact tablet layouts: reading and the workshop action come first. */
.reel-description{font-size:14px;line-height:1.7;margin:14px 0 0;color:var(--muted)}
@media(max-width:900px){
 html{scroll-padding-top:20px;scroll-padding-bottom:116px}
 body{font-size:16px;line-height:1.75}
 .wrap{width:calc(100% - 40px)}
 .site-header{min-height:76px;gap:12px}
 .wordmark img{width:176px}.header-instagram{margin-left:auto}.header-instagram span,.site-header>.header-cta{display:none}
 .site-header>.instagram{font-size:14px;min-height:44px;max-width:132px;text-align:right}
 .hero{grid-template-columns:minmax(0,1fr);gap:28px;padding-block:28px 40px}
 .hero h1{font-size:clamp(38px,10vw,50px);line-height:1.08;margin-top:18px;letter-spacing:-.05em;transition:none;transform:none;opacity:1}
 .eyebrow,.hero .eyebrow{font-size:11px;letter-spacing:.08em;line-height:1.6}
 .hero-copy{font-size:16px;line-height:1.75;margin:20px 0;max-width:560px}
 .hero-facts{font-size:13px;gap:8px 16px;margin-bottom:22px}
 .button,.hero .button,.workshop-topics .button,.final-invite .button,.mobile-workshop .button{width:100%;max-width:100%;min-height:56px;gap:12px;justify-content:space-between;padding:12px 18px;font-size:14px;line-height:1.5}
 .button span{width:28px;height:28px}
 .button-note,.final-invite>.button-note{font-size:13px!important;line-height:1.7;margin-top:12px}
 .affiliate-note{font-size:13px;line-height:1.75;max-width:550px;margin-top:10px}
 .explore{font-size:14px;min-height:44px;margin-top:10px}
 .portrait{padding:12px 12px 0;max-width:420px;justify-self:center;width:100%;border-radius:170px 170px 12px 12px;transition:none;translate:none;opacity:1}
 .portrait>img{height:340px;object-fit:cover;object-position:50% 36%;border-radius:160px 160px 4px 4px}
 .portrait-stamp{display:none}
 .portrait figcaption{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:18px 4px}
 .portrait figcaption>span:first-child{font-size:25px;white-space:nowrap}
 .portrait figcaption>span:last-child{font-size:12px;line-height:1.6;text-align:right}
 h2{font-size:clamp(30px,7.8vw,36px);line-height:1.15;margin-top:12px;letter-spacing:-.04em}
 .workshop-content,.intro,.questions,.guide-teaser{grid-template-columns:minmax(0,1fr);gap:24px;padding-block:40px}
 .workshop-content{margin-top:0}.section-intro{max-width:560px;font-size:16px;line-height:1.75;margin-top:18px}
 .workshop-topics article{gap:16px;padding-block:20px}.topic-number{font-size:22px;flex-shrink:0}
 .workshop-topics h3{font-size:17px;line-height:1.5;margin-bottom:8px}
 .workshop-topics article p,.intro-copy p,.intro-copy .personal{font-size:16px;line-height:1.8}
 .intro-copy p+p{margin-top:18px}.intro .section-label::after{display:none}
 .testimonials{padding-block:40px}.feedback-heading{grid-template-columns:1fr;gap:16px;margin-bottom:24px}
 .feedback-heading h2{font-size:clamp(30px,7.8vw,36px)}.feedback-heading>p{font-size:16px}
 .feedback-grid{grid-template-columns:minmax(0,1fr);gap:14px}.feedback-grid figure,.feedback-grid .feedback-support{padding:24px}
 .feedback-card-top{font-size:12px}.feedback-person{font-size:13px}.feedback-person strong{font-size:15px}
 .feedback-grid blockquote{font-size:23px}.feedback-grid .feedback-support blockquote{font-size:clamp(25px,6.5vw,30px)}
 .feedback-note{font-size:13px;line-height:1.8}
 summary{font-size:16px;line-height:1.55;min-height:68px;gap:18px;padding-block:18px}
 details p{font-size:16px;line-height:1.8;padding:0 0 24px}
 .final-invite{padding:32px 20px;border-radius:14px;text-align:left}
 .final-invite h2{font-size:clamp(30px,7.6vw,38px);max-width:600px;margin-inline:0}
 .final-invite>p:not(.eyebrow){font-size:16px;line-height:1.75;margin-top:18px}
 .final-invite .button{margin-top:24px}.final-invite::before{width:64px;opacity:.12}
 .duration-note{font-size:13px!important;line-height:1.8}
 .reels-section{padding-block:40px}.reels-heading{display:block;margin-bottom:24px}
 .reels-heading h2{max-width:580px}.instagram{font-size:14px;min-height:44px}.reels-heading>.instagram{margin-top:12px}
 .reels-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;max-width:600px;margin-inline:auto}
 .reel{display:grid;grid-template-columns:minmax(110px,.82fr) minmax(0,1fr);gap:8px 16px;align-items:start;padding-bottom:20px;border-bottom:1px solid var(--line)}
 .reel-photo{grid-column:1;grid-row:1 / 4;aspect-ratio:3/4;min-height:190px}
 .reel-photo .reel-open{padding:8px}.reel-photo .reel-open svg{width:36px;height:36px;padding:11px}
 .reel-topic{font-size:9px;left:6px;bottom:6px;padding:4px 6px;max-width:calc(100% - 12px)}
 .reel-title{grid-column:2;grid-row:1;font-size:22px;line-height:1.2;margin:4px 0 0}
 .reel-description{grid-column:2;grid-row:2;font-size:14px;line-height:1.65;margin:0}
 .reel-link{grid-column:2;grid-row:3;font-size:13px;line-height:1.5;min-height:44px;align-self:start;gap:10px}
 .reel-cover-note{font-size:12px;margin-top:16px}
 .reels-grid:has(.embed-slot:not(:empty)){max-width:440px}.reel:has(.embed-slot:not(:empty)){display:block}.embed-slot{margin-bottom:12px}
 .instagram-consent{gap:14px;margin-top:24px;text-align:left;justify-items:stretch}
 .text-button{font-size:14px;min-height:48px;padding:12px 18px}
 .instagram-consent>p{font-size:13px;line-height:1.8;text-align:left}
 .instagram-consent>p a{display:inline-flex;align-items:center;min-height:44px;margin-right:10px}
 .guide-teaser h2{font-size:30px}.guide-teaser p:not(.eyebrow){font-size:16px;line-height:1.8}.guide-teaser a{font-size:15px;min-height:48px;margin-top:14px}
 .site-footer{display:grid;grid-template-columns:1fr;gap:12px;padding-block:28px}.footer-brand{min-height:44px}.footer-brand img{width:176px}
 .site-footer>p{font-size:14px}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px;justify-content:start;width:100%}
 .footer-links a{font-size:14px;min-height:48px}.footer-links a:first-child{grid-column:1 / -1;font-size:16px}
 .mobile-workshop{display:block;position:fixed;z-index:5;inset:auto 0 0;border-top:1px solid var(--line);background:var(--paper);padding:10px 20px calc(10px + env(safe-area-inset-bottom))}
 .mobile-workshop .button{min-height:50px;padding-block:10px}.workshop-page{padding-bottom:calc(92px + env(safe-area-inset-bottom))}
 .reading,.legal{padding-block:28px 40px}.breadcrumb{font-size:14px;align-items:center;flex-wrap:wrap;margin-bottom:28px}.breadcrumb a{display:inline-flex;align-items:center;min-height:44px}
 .reading h1,.legal>h1{font-size:clamp(34px,8.8vw,44px);line-height:1.12;overflow-wrap:anywhere}
 .reading h2,.legal h2{font-size:27px;line-height:1.25}.reading h3{font-size:18px}
 .reading-lead,.reading section p,.reading li,.legal p,.legal address{font-size:16px;line-height:1.85}
 .reading-note,.legal-date{font-size:13px!important;line-height:1.8}.reading .short-answer{padding-left:18px}.short-answer p{font-size:16px}
 .contents,.legal-contents{display:grid;gap:8px;padding-block:20px}.contents a,.legal-contents a{font-size:15px;min-height:48px}
 .legal p a,.legal address a{display:inline-flex;align-items:center;min-height:44px;overflow-wrap:anywhere;max-width:100%}
 .legal .site-footer a{font-size:14px}
}
@media(max-width:359px){.wordmark img{width:156px}.portrait>img{height:300px}.portrait figcaption{display:grid;gap:8px}.portrait figcaption>span:last-child{text-align:left}.reel{gap:8px 12px}.reel-title{font-size:20px}}