@font-face{font-family:Fieldnotes Class Bodoni;src:url(/studio-templates/rehearsal/BodoniModa-variable.ttf)format("truetype");font-style:normal;font-weight:400 900;font-display:swap}@font-face{font-family:Fieldnotes Class Manrope;src:url(/fonts/manrope-variable.ttf)format("truetype");font-style:normal;font-weight:200 800;font-display:swap}.teacher-storefront-shell.storefront-class-detail.template-fieldnotes{--class-ink:#10271b;--class-muted:#657065;--class-rule:#b9bbad;--class-signal:#965039;--class-canvas:#f5f2e9;--studio-paper:#f5f2e9;--studio-surface:#f5f2e9;--studio-rule:#b9bbad;background:var(--class-canvas);color:var(--class-ink);font-family:var(--font-studio-display);--font-studio-display:"Fieldnotes Class Bodoni", Georgia, serif;--font-studio-body:"Fieldnotes Class Manrope", var(--font-sans);--font-studio-note:var(--font-sans);font-size:var(--type-body);font-weight:var(--weight-text);letter-spacing:var(--track-text);--type-studio-display:clamp(82px, 7.8cqw, 124px);--type-studio-section:clamp(40px, 3.4cqw, 56px);--type-studio-class-title:clamp(48px, 5.4vw, 82px);--type-studio-display-fit-medium:max(32px, calc(var(--type-studio-display) * .86));--type-studio-display-fit-long:max(32px, calc(var(--type-studio-display) * .7));--type-studio-display-fit-very-long:max(32px, calc(var(--type-studio-display) * .58));--type-studio-class-title-fit:max(36px, calc(var(--type-studio-class-title) * .72));line-height:1.55}.storefront-class-detail.template-fieldnotes h1{font-size:var(--type-studio-class-title);font-weight:var(--weight-title);letter-spacing:var(--track-display);text-wrap:balance;overflow-wrap:normal;line-height:1.2}.storefront-class-detail.template-fieldnotes h2{font-size:var(--type-studio-section);font-weight:var(--weight-title);letter-spacing:var(--track-title);text-wrap:balance;line-height:1.25}.storefront-class-detail.template-fieldnotes :is(h3,h4){font-size:var(--type-heading);font-weight:var(--weight-title);letter-spacing:var(--track-title);line-height:1.3}.storefront-class-detail.template-fieldnotes p{font-size:var(--type-reading);font-weight:var(--weight-text);letter-spacing:var(--track-text);line-height:1.55}.storefront-class-detail.template-fieldnotes :is(a,button,label){font-family:var(--font-sans);font-size:var(--type-control);font-weight:var(--weight-text);letter-spacing:var(--track-text)}.storefront-class-detail.template-fieldnotes :is(input,textarea,select){font-family:var(--font-sans);font-size:var(--type-body);font-weight:var(--weight-text);letter-spacing:var(--track-text);line-height:1.55}.storefront-class-detail.template-fieldnotes :is(small,time,dt){font-family:var(--font-sans);font-size:var(--type-small);font-weight:var(--weight-secondary);letter-spacing:var(--track-text)}.storefront-class-detail.template-fieldnotes dd{font-size:var(--type-control);font-weight:var(--weight-text);letter-spacing:var(--track-text)}.storefront-class-detail.template-fieldnotes :is(p,dd,button) strong{font-weight:var(--weight-text)}.storefront-class-detail.template-fieldnotes :is(h1,h2,p,dl,dd){margin:0}.storefront-class-detail.template-fieldnotes>.teacher-storefront-masthead{border-bottom:1px solid var(--class-rule);grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:48px;width:100%;max-width:none;height:82px;min-height:82px;padding:0 3.8%;display:grid}.storefront-class-detail.template-fieldnotes .teacher-storefront-name,.storefront-class-detail.template-fieldnotes.header-left .teacher-storefront-name{min-width:0;max-width:min(75%,380px);color:var(--class-ink);font-family:var(--font-studio-display);font-size:var(--type-heading);font-weight:var(--weight-title);letter-spacing:var(--track-title);white-space:normal;border:0;grid-area:1/1;justify-self:start;margin:0;padding:0;line-height:1.3;overflow:visible}.storefront-class-detail.template-fieldnotes .teacher-storefront-masthead>nav:first-child,.storefront-class-detail.template-fieldnotes.header-left .teacher-storefront-masthead>nav:first-child{grid-area:1/2;justify-self:end;gap:35px;margin:0;display:flex}.storefront-class-detail.template-fieldnotes .teacher-storefront-masthead>nav:last-child,.storefront-class-detail.template-fieldnotes.header-left .teacher-storefront-masthead>nav:last-child{grid-area:1/3;justify-self:end;margin:0;display:flex}.storefront-class-detail.template-fieldnotes .teacher-storefront-masthead>nav:last-child>a:not(.storefront-account-link){display:none}.storefront-class-detail.template-fieldnotes .teacher-storefront-masthead nav a{color:var(--class-ink);font-family:var(--font-sans);font-size:var(--type-control);font-weight:var(--weight-text);letter-spacing:var(--track-text);line-height:1.4}.storefront-class-detail.template-fieldnotes .teacher-storefront-masthead nav a:hover{color:var(--class-signal)}.storefront-class-detail.template-fieldnotes .teacher-storefront-masthead .storefront-account-link{border:1px solid var(--class-ink);min-height:41px;font-size:var(--type-control);font-weight:var(--weight-text);letter-spacing:var(--track-text);line-height:1.4;font-family:var(--font-sans);background:0 0;border-radius:0;padding:9px 18px}.storefront-class-detail.template-fieldnotes .teacher-storefront-masthead .storefront-account-link:hover{background:var(--class-ink);color:#fff}.storefront-class-detail.template-fieldnotes .class-detail-page{grid-template-columns:44% minmax(0,1fr);width:100%;max-width:none;margin:0;padding:0 0 125px;display:grid}.storefront-class-detail.template-fieldnotes .class-detail-intro{display:contents}.storefront-class-detail.template-fieldnotes .class-detail-topline{border-bottom:1px solid var(--class-rule);grid-area:1/1/auto/-1;min-height:57px;padding:0 3.8%}.storefront-class-detail.template-fieldnotes .studio-class-back{color:var(--class-muted);font-size:var(--type-control);font-weight:var(--weight-text);letter-spacing:var(--track-text);line-height:1.4;font-family:var(--font-sans);margin:0}.storefront-class-detail.template-fieldnotes .studio-class-back:hover{color:var(--class-signal)}.storefront-class-detail.template-fieldnotes .class-detail-topline>span{color:var(--class-muted);font-family:var(--font-sans);font-size:var(--type-small);letter-spacing:var(--track-text);font-weight:var(--weight-secondary);line-height:1.4}.storefront-class-detail.template-fieldnotes .class-detail-intro-body{background:radial-gradient(at 30% 43%,#faf8f1,#f1eddf 85%);flex-direction:column;grid-area:2/1;justify-content:center;min-width:0;min-height:622px;padding:40px clamp(30px,4.8vw,76px) 54px 3.8vw;display:flex}.storefront-class-detail.template-fieldnotes .class-detail-intro-body:before{color:var(--class-signal);font-family:var(--font-sans);font-size:var(--type-small);font-weight:var(--weight-secondary);letter-spacing:var(--track-text);content:"Fieldnotes / class";margin-bottom:29px;line-height:1.4;display:block}.storefront-class-detail.template-fieldnotes.template-fieldnotes-example .class-detail-intro-body:before{content:"Illustrative class / AP Biology"}.storefront-class-detail.template-fieldnotes .teacher-storefront-test-stamp{align-self:flex-start;margin:0 0 22px}.storefront-class-detail.template-fieldnotes .class-detail-intro h1,.storefront-class-detail.template-fieldnotes .class-detail-intro h1.is-long-title{max-width:100%;color:var(--class-ink);font-family:var(--font-studio-display);font-size:var(--type-studio-class-title-fit);font-weight:var(--weight-title);letter-spacing:var(--track-display);overflow-wrap:normal;text-wrap:balance;margin:0 0 28px;line-height:1.2}.storefront-class-detail.template-fieldnotes .class-detail-intro h1.is-long-title{max-width:100%;font-size:var(--type-studio-class-title-fit);font-weight:var(--weight-title);letter-spacing:var(--track-display);line-height:1.2}.storefront-class-detail.template-fieldnotes .class-detail-intro h1:after{background:var(--class-signal);content:"";border-radius:50%;width:37%;max-width:195px;height:3px;margin-top:21px;display:block;transform:rotate(-1deg)}.storefront-class-detail.template-fieldnotes .class-detail-intro-copy{max-width:480px;margin:0;display:block}.storefront-class-detail.template-fieldnotes .class-detail-intro-copy>p{color:#35463a;max-width:38ch;font-family:var(--font-studio-display);font-size:var(--type-reading);line-height:1.55;font-weight:var(--weight-text);letter-spacing:var(--track-text)}.storefront-class-detail.template-fieldnotes .class-detail-intro-copy>span{color:var(--class-muted);font-family:var(--font-sans);font-size:var(--type-small);font-weight:var(--weight-secondary);letter-spacing:var(--track-text);margin-top:33px;line-height:1.4;display:block}.storefront-class-detail.template-fieldnotes .class-detail-intro-copy strong{color:var(--class-ink);font-family:var(--font-sans);font-size:var(--type-control);font-weight:var(--weight-text);letter-spacing:var(--track-text);margin-top:6px;line-height:1.4;display:block}.storefront-class-detail.template-fieldnotes .class-detail-cover{border-left:1px solid var(--class-rule);background:#e4e2d2;grid-area:2/2;align-self:stretch;width:100%;height:auto;min-height:622px;margin:0;overflow:hidden}.storefront-class-detail.template-fieldnotes .class-detail-cover img{object-fit:cover}.storefront-class-detail.template-fieldnotes.template-fieldnotes-example .class-detail-cover img{object-position:center}.storefront-class-detail.template-fieldnotes .class-detail-cover-type{color:var(--class-ink);background:radial-gradient(at 55% 45%,#e0e4ce,#b8c9a7);padding:48px}.storefront-class-detail.template-fieldnotes .class-detail-cover-type:after{content:"";border:1px solid #143e2047;border-radius:5% 72% 7% 64%;position:absolute;inset:8% 13%;transform:rotate(-11deg)}.storefront-class-detail.template-fieldnotes .class-detail-cover-type>strong{z-index:1;font-family:var(--font-studio-display);font-size:var(--type-body);font-weight:var(--weight-text);letter-spacing:var(--track-text);line-height:1.55;position:relative}.storefront-class-detail.template-fieldnotes .class-detail-poster-mark{color:var(--class-signal)}.storefront-class-detail.template-fieldnotes .class-detail-decision{border-color:var(--class-rule);background:#f8f6ef;grid-area:3/1/auto/-1;min-height:115px;padding:0 3.8%}.storefront-class-detail.template-fieldnotes .class-detail-decision dl>div{border-color:var(--class-rule);flex:1 1 0;padding:22px clamp(16px,2vw,32px)}.storefront-class-detail.template-fieldnotes .class-detail-decision dl>div:first-child{padding-left:0}.storefront-class-detail.template-fieldnotes .class-detail-decision dt,.storefront-class-detail.template-fieldnotes .class-detail-story>header>span,.storefront-class-detail.template-fieldnotes .class-detail-reservation-heading>span{color:var(--class-signal);font-family:var(--font-sans);font-size:var(--type-small);font-weight:var(--weight-secondary);letter-spacing:var(--track-text);line-height:1.4}.storefront-class-detail.template-fieldnotes .class-detail-story-row>span{color:var(--class-signal);font-family:var(--font-sans);font-size:var(--type-control);font-weight:var(--weight-text);letter-spacing:var(--track-text);line-height:1.4}.storefront-class-detail.template-fieldnotes .class-detail-decision dd{color:var(--class-ink);font-family:var(--font-sans);font-size:var(--type-control);font-weight:var(--weight-text);letter-spacing:var(--track-text);line-height:1.4}.storefront-class-detail.template-fieldnotes .class-detail-reserve-link,.storefront-class-detail.template-fieldnotes .class-detail-sold-out{color:#fff;min-height:48px;font-family:var(--font-sans);font-size:var(--type-control);font-weight:var(--weight-text);letter-spacing:var(--track-text);background:#173725;border:0;border-radius:0;align-self:center;padding:12px 18px;line-height:1.4}.storefront-class-detail.template-fieldnotes .class-detail-reserve-link:hover{color:#fff;background:#31583b;transform:translateY(-2px)}.storefront-class-detail.template-fieldnotes.template-fieldnotes-example .class-detail-sold-out{color:var(--class-muted);font-family:var(--font-sans);font-size:var(--type-control);font-weight:var(--weight-text);letter-spacing:var(--track-text);background:0 0;line-height:1.4}.storefront-class-detail.template-fieldnotes .class-detail-story,.storefront-class-detail.template-fieldnotes .class-detail-teacher-link,.storefront-class-detail.template-fieldnotes .class-detail-reservation{grid-column:1/-1}.storefront-class-detail.template-fieldnotes .class-detail-story,.storefront-class-detail.template-fieldnotes .class-detail-reservation{margin:110px 6.8vw 0}.storefront-class-detail.template-fieldnotes .class-detail-story{grid-template-columns:minmax(190px,.44fr) minmax(0,1.56fr)}.storefront-class-detail.template-fieldnotes .class-detail-story h2,.storefront-class-detail.template-fieldnotes .class-detail-reservation h2{font-family:var(--font-studio-display);font-size:var(--type-studio-section);font-weight:var(--weight-title);letter-spacing:var(--track-title);line-height:1.25}.storefront-class-detail.template-fieldnotes .class-detail-story-row{border-color:var(--class-rule)}.storefront-class-detail.template-fieldnotes .class-detail-story-row>span{font-size:var(--type-control);font-weight:var(--weight-text);letter-spacing:var(--track-text);line-height:1.4;font-family:var(--font-sans)}.storefront-class-detail.template-fieldnotes .class-detail-story-row p{color:#344337;max-width:55ch;font-family:var(--font-studio-display);font-size:var(--type-reading);line-height:1.55;font-weight:var(--weight-text);letter-spacing:var(--track-text)}.storefront-class-detail.template-fieldnotes .class-detail-story-art figure{background:#e7e4d8}.storefront-class-detail.template-fieldnotes .class-detail-story-art img{object-fit:cover}.storefront-class-detail.template-fieldnotes .class-detail-teacher-link{border-color:var(--class-rule);margin:100px 6.8vw 0}.storefront-class-detail.template-fieldnotes .class-detail-teacher-link strong{color:var(--class-ink)}.storefront-class-detail.template-fieldnotes .class-detail-teacher-link a:hover{color:var(--class-signal)}.storefront-class-detail.template-fieldnotes .class-detail-reservation{padding-top:0}.storefront-class-detail.template-fieldnotes .product-buy-button{color:#fff;background:#173725;border-radius:0}.storefront-class-detail.template-fieldnotes .product-buy-button:not(:disabled):hover{background:#31583b}.storefront-class-detail.template-fieldnotes .teacher-storefront-footer{border-color:var(--class-rule);width:calc(100% - 13.6vw);max-width:none}@media (max-width:760px){.storefront-class-detail.template-fieldnotes>.teacher-storefront-masthead{grid-template-columns:minmax(0,1fr) auto;gap:8px;height:70px;min-height:70px;padding:0 22px}.storefront-class-detail.template-fieldnotes .teacher-storefront-name,.storefront-class-detail.template-fieldnotes.header-left .teacher-storefront-name{max-width:220px;font-size:var(--type-heading);letter-spacing:var(--track-title);font-weight:var(--weight-title);grid-column:1;line-height:1.3}.storefront-class-detail.template-fieldnotes .teacher-storefront-masthead>nav:first-child,.storefront-class-detail.template-fieldnotes.header-left .teacher-storefront-masthead>nav:first-child{display:none}.storefront-class-detail.template-fieldnotes .teacher-storefront-masthead>nav:last-child,.storefront-class-detail.template-fieldnotes.header-left .teacher-storefront-masthead>nav:last-child{grid-column:2}.storefront-class-detail.template-fieldnotes .teacher-storefront-masthead .storefront-account-link{min-height:36px;font-size:var(--type-control);font-weight:var(--weight-text);letter-spacing:var(--track-text);line-height:1.4;font-family:var(--font-sans);padding:8px 11px}.storefront-class-detail.template-fieldnotes .class-detail-page{flex-direction:column;width:100%;padding:0 0 84px;display:flex}.storefront-class-detail.template-fieldnotes .class-detail-intro{display:contents}.storefront-class-detail.template-fieldnotes .class-detail-topline{order:0;min-height:56px;padding:0 22px}.storefront-class-detail.template-fieldnotes .class-detail-intro-body{order:1;min-height:0;padding:64px 22px 66px}.storefront-class-detail.template-fieldnotes .class-detail-intro h1,.storefront-class-detail.template-fieldnotes .class-detail-intro h1.is-long-title,.storefront-class-detail.template-fieldnotes .class-detail-intro h1.is-long-title{max-width:100%;font-size:var(--type-studio-class-title-fit);font-weight:var(--weight-title);letter-spacing:var(--track-display);line-height:1.2}.storefront-class-detail.template-fieldnotes .class-detail-intro-copy>p{font-size:var(--type-reading);font-weight:var(--weight-text);letter-spacing:var(--track-text);line-height:1.55}.storefront-class-detail.template-fieldnotes .class-detail-cover{border-top:1px solid var(--class-rule);border-left:0;order:2;width:100%;height:365px;min-height:365px}.storefront-class-detail.template-fieldnotes .class-detail-cover-type>strong{font-size:var(--type-body);font-weight:var(--weight-text);letter-spacing:var(--track-text);line-height:1.55}.storefront-class-detail.template-fieldnotes .class-detail-decision{order:3;min-height:0;padding:10px 22px 22px;display:block}.storefront-class-detail.template-fieldnotes .class-detail-decision dl{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.storefront-class-detail.template-fieldnotes .class-detail-decision dl>div,.storefront-class-detail.template-fieldnotes .class-detail-decision dl>div:first-child{border-right:0;border-bottom:1px solid var(--class-rule);padding:13px 10px 13px 0}.storefront-class-detail.template-fieldnotes .class-detail-decision dd{font-size:var(--type-control);font-weight:var(--weight-text);letter-spacing:var(--track-text);line-height:1.4;font-family:var(--font-sans)}.storefront-class-detail.template-fieldnotes .class-detail-sold-out,.storefront-class-detail.template-fieldnotes .class-detail-reserve-link{justify-content:center;width:100%;margin-top:20px;display:flex}.storefront-class-detail.template-fieldnotes .class-detail-story{order:4;margin:82px 22px 0;display:block}.storefront-class-detail.template-fieldnotes .class-detail-story-content{margin-top:32px}.storefront-class-detail.template-fieldnotes .class-detail-story h2,.storefront-class-detail.template-fieldnotes .class-detail-reservation h2{font-size:var(--type-studio-section);font-weight:var(--weight-title);letter-spacing:var(--track-title);line-height:1.25}.storefront-class-detail.template-fieldnotes .class-detail-story-row{grid-template-columns:37px minmax(0,1fr);gap:13px;padding:23px 0}.storefront-class-detail.template-fieldnotes .class-detail-story-row p{font-size:var(--type-reading);font-weight:var(--weight-text);letter-spacing:var(--track-text);line-height:1.55}.storefront-class-detail.template-fieldnotes .class-detail-story-art{min-width:0}.storefront-class-detail.template-fieldnotes .class-detail-story-art figure{width:100%;min-width:0;min-height:0}.storefront-class-detail.template-fieldnotes .class-detail-teacher-link{order:5;margin:72px 22px 0}.storefront-class-detail.template-fieldnotes .class-detail-reservation{order:6;margin:80px 22px 0;display:block}.storefront-class-detail.template-fieldnotes .class-detail-purchase{margin-top:34px}.storefront-class-detail.template-fieldnotes .teacher-storefront-footer{width:calc(100% - 44px)}}@media (prefers-reduced-motion:reduce){.storefront-class-detail.template-fieldnotes :is(a,button,img){transition-duration:.01ms!important;animation-duration:.01ms!important}}.storefront-class-detail.template-fieldnotes .class-detail-intro h1{text-wrap:balance;overflow-wrap:normal;line-height:1.12}.storefront-class-detail.template-fieldnotes .class-detail-intro-copy>p{max-width:40ch}@media (max-width:760px){.storefront-class-detail.template-fieldnotes{--type-studio-class-title:clamp(36px, 10vw, 54px);--type-studio-section:clamp(28px, 7.5vw, 42px)}}.storefront-class-detail.template-fieldnotes{--type-studio-class-title:clamp(64px,5.45vw,90px);--type-studio-class-title-fit:clamp(53px,4.4vw,74px);--type-studio-brand:clamp(22px,2vw,32px);--weight-studio-display:510;--weight-studio-brand:500;--track-studio-display:-.072em;--track-studio-brand:.27em;--case-studio-brand:uppercase}.storefront-class-detail.template-fieldnotes .teacher-storefront-name,.storefront-class-detail.template-fieldnotes.header-left .teacher-storefront-name{font-family:var(--font-studio-display);font-size:var(--type-studio-brand);font-weight:var(--weight-studio-brand);letter-spacing:var(--track-studio-brand);text-transform:var(--case-studio-brand);white-space:normal;overflow-wrap:normal}.storefront-class-detail.template-fieldnotes .class-detail-intro h1,.storefront-class-detail.template-fieldnotes .class-detail-intro h1.is-long-title{font-family:var(--font-studio-display);font-weight:var(--weight-studio-display);letter-spacing:var(--track-studio-display);overflow-wrap:normal;max-width:100%;line-height:1.08}
@font-face{font-family:Say Mean Bodoni;src:url(/studio-templates/say-mean/BodoniModa-variable.ttf)format("truetype");font-style:normal;font-weight:400 900;font-display:swap}.storefront-class-detail.template-say-mean{--type-studio-art-say:clamp(180px, 20vw, 310px);--type-studio-art-mean:clamp(138px, 16vw, 250px);--type-studio-art-say-mobile:155px;--type-studio-art-mean-mobile:126px;--track-studio-word:-.035em;--class-canvas:#faf9f5;--class-ink:#330018;--class-muted:#755e69;--class-rule:#d9c9c7;--class-signal:#e85f40;color:var(--class-ink);background:var(--class-canvas);font-family:var(--font-sans);--font-studio-display:"Say Mean Bodoni", Georgia, serif;--font-studio-body:var(--font-sans);--font-studio-note:var(--font-sans);--type-studio-brand:clamp(24px, 1.9vw, 30px);--track-studio-brand:-.025em;font-size:var(--type-body);font-weight:var(--weight-text);letter-spacing:var(--track-text);--type-studio-display:clamp(82px, 7.6cqw, 120px);--type-studio-section:clamp(40px, 3.5cqw, 56px);--type-studio-class-title:clamp(48px, 5.4vw, 82px);--type-studio-display-fit-medium:max(32px, calc(var(--type-studio-display) * .86));--type-studio-display-fit-long:max(32px, calc(var(--type-studio-display) * .7));--type-studio-display-fit-very-long:max(32px, calc(var(--type-studio-display) * .58));--type-studio-class-title-fit:max(36px, calc(var(--type-studio-class-title) * .72));line-height:1.55}.storefront-class-detail.template-say-mean :where(h1){font-size:var(--type-studio-class-title);font-weight:var(--weight-title);letter-spacing:var(--track-display);text-wrap:balance;overflow-wrap:normal;line-height:1.2}.storefront-class-detail.template-say-mean :where(h2){font-size:var(--type-studio-section);font-weight:var(--weight-title);letter-spacing:var(--track-title);text-wrap:balance;line-height:1.25}.storefront-class-detail.template-say-mean :where(h3,h4){font-size:var(--type-heading);font-weight:var(--weight-title);letter-spacing:var(--track-title);line-height:1.3}.storefront-class-detail.template-say-mean :where(p){font-size:var(--type-reading);font-weight:var(--weight-text);letter-spacing:var(--track-text);line-height:1.55}.storefront-class-detail.template-say-mean :where(a,button,label){font-family:var(--font-sans);font-size:var(--type-control);font-weight:var(--weight-text);letter-spacing:var(--track-text)}.storefront-class-detail.template-say-mean :where(input,textarea,select){font-family:var(--font-sans);font-size:var(--type-body);font-weight:var(--weight-text);letter-spacing:var(--track-text);line-height:1.55}.storefront-class-detail.template-say-mean :where(small,time,dt){font-family:var(--font-sans);font-size:var(--type-small);font-weight:var(--weight-secondary);letter-spacing:var(--track-text)}.storefront-class-detail.template-say-mean :where(dd){font-size:var(--type-control);font-weight:var(--weight-text);letter-spacing:var(--track-text)}.storefront-class-detail.template-say-mean :is(p,dd,button) strong{font-weight:var(--weight-text)}.storefront-class-detail.template-say-mean>.teacher-storefront-masthead{border-color:var(--class-rule);max-width:none;min-height:83px;padding-inline:3.5%}.storefront-class-detail.template-say-mean .teacher-storefront-name{color:var(--class-ink);font-family:var(--font-studio-display);font-size:var(--type-heading);font-weight:var(--weight-title);letter-spacing:var(--track-title);line-height:1.3}.storefront-class-detail.template-say-mean .teacher-storefront-masthead nav a{font-size:var(--type-control);font-weight:var(--weight-text);letter-spacing:var(--track-text);line-height:1.4;font-family:var(--font-sans)}.storefront-class-detail.template-say-mean .teacher-storefront-masthead .storefront-account-link{border-color:var(--class-ink);border-radius:24px;padding:10px 18px}.storefront-class-detail.template-say-mean .teacher-storefront-masthead .storefront-account-link:hover{background:var(--class-ink);color:#fff}.storefront-class-detail.template-say-mean .class-detail-page{grid-template-columns:52% minmax(0,48%);width:100%;max-width:none;margin:0;padding:0 0 110px;display:grid}.storefront-class-detail.template-say-mean .class-detail-intro{display:contents}.storefront-class-detail.template-say-mean .class-detail-topline{border-bottom:1px solid var(--class-rule);grid-area:1/1/auto/-1;min-height:62px;padding:0 3.5%}.storefront-class-detail.template-say-mean .studio-class-back{color:var(--class-muted);font-size:var(--type-control);font-weight:var(--weight-text);letter-spacing:var(--track-text);line-height:1.4;font-family:var(--font-sans)}.storefront-class-detail.template-say-mean .studio-class-back:hover{color:var(--class-signal)}.storefront-class-detail.template-say-mean .class-detail-topline>span{color:var(--class-muted);font-size:var(--type-small);letter-spacing:var(--track-text);font-weight:var(--weight-secondary);line-height:1.4;font-family:var(--font-sans)}.storefront-class-detail.template-say-mean .class-detail-intro-body{flex-direction:column;grid-area:2/1;justify-content:center;min-width:0;min-height:650px;padding:55px clamp(45px,5.4vw,86px) 56px 3.5vw;display:flex}.storefront-class-detail.template-say-mean .teacher-storefront-test-stamp{border-color:var(--class-rule);width:max-content;color:var(--class-ink);background:#fff;margin:0 0 25px}.storefront-class-detail.template-say-mean .class-detail-intro h1,.storefront-class-detail.template-say-mean .class-detail-intro h1.is-long-title{max-width:100%;color:var(--class-ink);font-family:var(--font-studio-display);font-size:var(--type-studio-class-title-fit);font-weight:var(--weight-title);letter-spacing:var(--track-display);text-wrap:balance;margin:0 0 34px;line-height:1.2}.storefront-class-detail.template-say-mean .class-detail-intro h1.is-long-title{max-width:100%;font-size:var(--type-studio-class-title-fit);font-weight:var(--weight-title);letter-spacing:var(--track-display);line-height:1.2}.storefront-class-detail.template-say-mean .class-detail-intro-copy{max-width:520px;margin:0;display:block}.storefront-class-detail.template-say-mean .class-detail-intro-copy>p{max-width:30ch;color:var(--class-ink);font-family:var(--font-studio-display);font-size:var(--type-reading);letter-spacing:var(--track-text);line-height:1.55;font-weight:var(--weight-text)}.storefront-class-detail.template-say-mean .class-detail-intro-copy>span{color:var(--class-muted);font-size:var(--type-small);letter-spacing:var(--track-text);font-weight:var(--weight-secondary);line-height:1.4;font-family:var(--font-sans);margin-top:30px;display:block}.storefront-class-detail.template-say-mean .class-detail-intro-copy strong{color:var(--class-ink);font-size:var(--type-control);font-weight:var(--weight-text);letter-spacing:var(--track-text);line-height:1.4;font-family:var(--font-sans);display:inline}.storefront-class-detail.template-say-mean .class-detail-cover{border-left:1px solid var(--class-rule);background:radial-gradient(at 45%,#fffdf9,#f4ede8 85%);grid-area:2/2;place-items:center;height:auto;min-height:650px;margin:0;display:grid;overflow:hidden}.storefront-class-detail.template-say-mean .class-detail-cover:before{z-index:0;color:#e85f40;content:"say";font-family:var(--font-studio-display);font-size:var(--type-studio-art-say);font-weight:var(--weight-text);letter-spacing:var(--track-text);line-height:.8;position:absolute;top:1%;left:3%}.storefront-class-detail.template-say-mean .class-detail-cover:after{z-index:0;color:var(--class-ink);content:"mean";font-family:var(--font-studio-display);font-size:var(--type-studio-art-mean);font-weight:var(--weight-text);letter-spacing:var(--track-text);line-height:.8;position:absolute;bottom:-1%;right:-4%;transform:rotate(4deg)}.storefront-class-detail.template-say-mean .class-detail-cover img{z-index:1;object-fit:contain;filter:drop-shadow(0 17px 13px #88361d1f);padding:18% 19%;position:relative}.storefront-class-detail.template-say-mean .class-detail-cover-type{border-left:1px solid var(--class-rule);color:var(--class-ink);background:#f6efea}.storefront-class-detail.template-say-mean .class-detail-cover-type:before,.storefront-class-detail.template-say-mean .class-detail-cover-type:after{display:none}.storefront-class-detail.template-say-mean .class-detail-cover-type>strong{z-index:1;font-family:var(--font-studio-display);font-size:var(--type-body);font-weight:var(--weight-text);letter-spacing:var(--track-text);line-height:1.55;position:relative}.storefront-class-detail.template-say-mean .class-detail-decision{border-color:var(--class-rule);grid-area:3/1/auto/-1;min-height:119px;padding:0 3.5%}.storefront-class-detail.template-say-mean .class-detail-decision dl>div{border-color:var(--class-rule);flex:160px}.storefront-class-detail.template-say-mean .class-detail-decision dt{color:var(--class-muted);font-size:var(--type-small);letter-spacing:var(--track-text);font-weight:var(--weight-secondary);line-height:1.4;font-family:var(--font-sans)}.storefront-class-detail.template-say-mean .class-detail-decision dd{color:var(--class-ink);font-family:var(--font-sans);font-size:var(--type-control);font-weight:var(--weight-text);letter-spacing:var(--track-text);line-height:1.4}.storefront-class-detail.template-say-mean .class-detail-sold-out{border-left:1px solid var(--class-rule);width:350px;color:var(--class-muted);font-size:var(--type-control);text-align:center;font-weight:var(--weight-text);letter-spacing:var(--track-text);line-height:1.4;font-family:var(--font-sans);background:0 0;justify-content:center}.storefront-class-detail.template-say-mean .class-detail-reserve-link{border-left:1px solid var(--class-rule);background:var(--class-ink);color:#fff;width:310px;font-family:var(--font-sans);font-size:var(--type-control);font-weight:var(--weight-text);letter-spacing:var(--track-text);border-radius:0;justify-content:center;line-height:1.4}.storefront-class-detail.template-say-mean .class-detail-reserve-link:hover{color:#fff;background:#6d1a35}.storefront-class-detail.template-say-mean .class-detail-story{grid-column:1/-1;grid-template-columns:minmax(250px,.58fr) minmax(0,1.42fr);gap:5vw;margin:110px 6vw 0}.storefront-class-detail.template-say-mean .class-detail-story>header>span,.storefront-class-detail.template-say-mean .class-detail-story-row>span{color:var(--class-signal)}.storefront-class-detail.template-say-mean .class-detail-story h2,.storefront-class-detail.template-say-mean .class-detail-reservation h2{color:var(--class-ink);font-family:var(--font-studio-display);font-size:var(--type-studio-section);font-weight:var(--weight-title);letter-spacing:var(--track-title);line-height:1.25}.storefront-class-detail.template-say-mean .class-detail-story-row{border-color:var(--class-rule)}.storefront-class-detail.template-say-mean .class-detail-story-row>span{font-family:var(--font-sans);font-size:var(--type-control);font-weight:var(--weight-text);letter-spacing:var(--track-text);line-height:1.4}.storefront-class-detail.template-say-mean .class-detail-story-row p{color:var(--class-ink);font-family:var(--font-studio-display);font-size:var(--type-reading);line-height:1.55;font-weight:var(--weight-text);letter-spacing:var(--track-text)}.storefront-class-detail.template-say-mean .class-detail-story-row:first-child p{font-size:var(--type-reading);font-weight:var(--weight-text);letter-spacing:var(--track-text);line-height:1.55}.storefront-class-detail.template-say-mean .class-detail-teacher-link{border-color:var(--class-rule);grid-column:1/-1;margin:90px 6vw 0}.storefront-class-detail.template-say-mean .class-detail-teacher-link strong{color:var(--class-ink)}.storefront-class-detail.template-say-mean .class-detail-teacher-link a:hover{color:var(--class-signal)}.storefront-class-detail.template-say-mean .class-detail-reservation{grid-column:1/-1;margin:80px 6vw 0}.storefront-class-detail.template-say-mean .product-package-options,.storefront-class-detail.template-say-mean .product-package-options button,.storefront-class-detail.template-say-mean .product-package-option{border-color:var(--class-rule)}.storefront-class-detail.template-say-mean .product-package-options button[aria-pressed=true],.storefront-class-detail.template-say-mean .product-package-options button:not(:disabled):hover{background:#f6efeb}.storefront-class-detail.template-say-mean .product-buy-button{background:var(--class-ink);color:#fff;border-radius:28px}.storefront-class-detail.template-say-mean .product-buy-button:not(:disabled):hover{color:#fff;background:#6d1a35}.storefront-class-detail.template-say-mean .teacher-storefront-footer{border-color:var(--class-rule);width:88%;max-width:none}@media (max-width:760px){.storefront-class-detail.template-say-mean>.teacher-storefront-masthead{height:67px;min-height:67px;padding:0 22px}.storefront-class-detail.template-say-mean .teacher-storefront-name{font-size:var(--type-heading);font-weight:var(--weight-title);letter-spacing:var(--track-title);line-height:1.3}.storefront-class-detail.template-say-mean .teacher-storefront-masthead .storefront-account-link{font-size:var(--type-control);font-weight:var(--weight-text);letter-spacing:var(--track-text);line-height:1.4;font-family:var(--font-sans);padding:7px 12px}.storefront-class-detail.template-say-mean .class-detail-page{flex-direction:column;padding-bottom:84px;display:flex}.storefront-class-detail.template-say-mean .class-detail-intro{display:contents}.storefront-class-detail.template-say-mean .class-detail-topline{order:0;min-height:54px;padding:0 22px}.storefront-class-detail.template-say-mean .class-detail-intro-body{order:1;min-height:0;padding:51px 22px 54px}.storefront-class-detail.template-say-mean .teacher-storefront-test-stamp{margin-bottom:24px}.storefront-class-detail.template-say-mean .class-detail-intro h1,.storefront-class-detail.template-say-mean .class-detail-intro h1.is-long-title{max-width:100%;font-size:var(--type-studio-class-title-fit);font-weight:var(--weight-title);letter-spacing:var(--track-display);margin-bottom:26px;line-height:1.2}.storefront-class-detail.template-say-mean .class-detail-intro h1.is-long-title{font-size:var(--type-studio-class-title-fit);font-weight:var(--weight-title);letter-spacing:var(--track-display);line-height:1.2}.storefront-class-detail.template-say-mean .class-detail-intro-copy>p{font-size:var(--type-reading);font-weight:var(--weight-text);letter-spacing:var(--track-text);line-height:1.55}.storefront-class-detail.template-say-mean .class-detail-intro-copy>span{margin-top:20px}.storefront-class-detail.template-say-mean .class-detail-cover{border-block:1px solid var(--class-rule);border-left:0;order:2;width:100%;height:375px;min-height:0}.storefront-class-detail.template-say-mean .class-detail-cover:before{font-size:var(--type-studio-art-say-mobile);font-weight:var(--weight-text);letter-spacing:var(--track-text);line-height:.8;top:7%;left:4%}.storefront-class-detail.template-say-mean .class-detail-cover:after{font-size:var(--type-studio-art-mean-mobile);font-weight:var(--weight-text);letter-spacing:var(--track-text);line-height:.8;bottom:0;right:-4%}.storefront-class-detail.template-say-mean .class-detail-cover img{padding:15% 17%}.storefront-class-detail.template-say-mean .class-detail-decision{order:3;min-height:0;padding:0 22px}.storefront-class-detail.template-say-mean .class-detail-decision dl>div{flex:50%;min-height:80px;padding:14px 12px}.storefront-class-detail.template-say-mean .class-detail-decision dl>div:nth-child(odd){padding-left:0}.storefront-class-detail.template-say-mean .class-detail-decision dl>div:nth-child(2n){border-right:0}.storefront-class-detail.template-say-mean .class-detail-sold-out,.storefront-class-detail.template-say-mean .class-detail-reserve-link{border-top:1px solid var(--class-rule);border-left:0;width:100%;min-height:60px}.storefront-class-detail.template-say-mean .class-detail-story{order:4;margin:83px 22px 0;display:block}.storefront-class-detail.template-say-mean .class-detail-story h2,.storefront-class-detail.template-say-mean .class-detail-reservation h2{font-size:var(--type-studio-section);font-weight:var(--weight-title);letter-spacing:var(--track-title);line-height:1.25}.storefront-class-detail.template-say-mean .class-detail-story-content{margin-top:30px}.storefront-class-detail.template-say-mean .class-detail-story-row{grid-template-columns:42px minmax(0,1fr);gap:14px;padding:21px 0 25px}.storefront-class-detail.template-say-mean .class-detail-story-row>span{font-size:var(--type-control);font-weight:var(--weight-text);letter-spacing:var(--track-text);line-height:1.4;font-family:var(--font-sans)}.storefront-class-detail.template-say-mean .class-detail-story-row p,.storefront-class-detail.template-say-mean .class-detail-story-row:first-child p{font-size:var(--type-reading);font-weight:var(--weight-text);letter-spacing:var(--track-text);line-height:1.55}.storefront-class-detail.template-say-mean .class-detail-teacher-link{order:5;margin:74px 22px 0}.storefront-class-detail.template-say-mean .class-detail-reservation{order:6;margin:80px 22px 0;display:block}.storefront-class-detail.template-say-mean .class-detail-purchase{margin-top:30px}.storefront-class-detail.template-say-mean .teacher-storefront-footer{width:calc(100% - 44px)}}.storefront-class-detail.template-say-mean .class-detail-intro h1{text-wrap:balance;overflow-wrap:normal;line-height:1.12}.storefront-class-detail.template-say-mean .class-detail-intro-copy>p{max-width:40ch}@media (max-width:760px){.storefront-class-detail.template-say-mean{--type-studio-class-title:clamp(36px, 10vw, 54px);--type-studio-section:clamp(28px, 7.5vw, 42px)}}.storefront-class-detail.template-say-mean .teacher-storefront-name{font-family:var(--font-studio-display);font-size:var(--type-studio-brand);letter-spacing:var(--track-studio-brand)}.storefront-class-detail.template-say-mean .class-detail-cover:before,.storefront-class-detail.template-say-mean .class-detail-cover:after{letter-spacing:var(--track-studio-word)}
@font-face{font-family:Four Skills Class Bodoni;src:url(/studio-templates/rehearsal/BodoniModa-variable.ttf)format("truetype");font-style:normal;font-weight:400 900;font-display:swap}@font-face{font-family:Four Skills Class Manrope;src:url(/fonts/manrope-variable.ttf)format("truetype");font-style:normal;font-weight:200 800;font-display:swap}.teacher-storefront-shell.storefront-class-detail.template-four-skills{--type-studio-brand:clamp(20px, 1.5vw, 24px);--track-studio-brand:.2em;--case-studio-brand:uppercase;--class-canvas:#062e2f;--class-ink:#f8f3e8;--class-muted:#b7d5cb;--class-rule:#bee4d773;--class-signal:#a9e7d2;--studio-paper:#062e2f;--studio-surface:#073a3a;--studio-rule:var(--class-rule);background:var(--class-canvas);color:var(--class-ink);font-family:var(--font-studio-body);--font-studio-display:"Four Skills Class Bodoni", Georgia, serif;--font-studio-body:"Four Skills Class Manrope", var(--font-sans);--font-studio-note:var(--font-sans);font-size:var(--type-body);font-weight:var(--weight-text);letter-spacing:var(--track-text);--weight-secondary:400;--type-studio-display:clamp(78px, 7.5cqw, 120px);--type-studio-section:clamp(40px, 3.4cqw, 56px);--type-studio-class-title:clamp(48px, 5.4vw, 82px);--type-studio-display-fit-medium:max(32px, calc(var(--type-studio-display) * .86));--type-studio-display-fit-long:max(32px, calc(var(--type-studio-display) * .7));--type-studio-display-fit-very-long:max(32px, calc(var(--type-studio-display) * .58));--type-studio-class-title-fit:max(36px, calc(var(--type-studio-class-title) * .72));line-height:1.55}.storefront-class-detail.template-four-skills :where(h1){font-size:var(--type-studio-class-title);font-weight:var(--weight-title);letter-spacing:var(--track-display);text-wrap:balance;overflow-wrap:normal;line-height:1.2}.storefront-class-detail.template-four-skills :where(h2){font-size:var(--type-studio-section);font-weight:var(--weight-title);letter-spacing:var(--track-title);text-wrap:balance;line-height:1.25}.storefront-class-detail.template-four-skills :where(h3,h4){font-size:var(--type-heading);font-weight:var(--weight-title);letter-spacing:var(--track-title);line-height:1.3}.storefront-class-detail.template-four-skills :where(p){font-size:var(--type-reading);font-weight:var(--weight-text);letter-spacing:var(--track-text);line-height:1.55}.storefront-class-detail.template-four-skills :where(a,button,label){font-family:var(--font-sans);font-size:var(--type-control);font-weight:var(--weight-text);letter-spacing:var(--track-text)}.storefront-class-detail.template-four-skills :where(input,textarea,select){font-family:var(--font-sans);font-size:var(--type-body);font-weight:var(--weight-text);letter-spacing:var(--track-text);line-height:1.55}.storefront-class-detail.template-four-skills :where(small,time,dt){font-family:var(--font-sans);font-size:var(--type-small);font-weight:var(--weight-secondary);letter-spacing:var(--track-text)}.storefront-class-detail.template-four-skills :where(dd){font-size:var(--type-control);font-weight:var(--weight-text);letter-spacing:var(--track-text)}.storefront-class-detail.template-four-skills :is(p,dd,button) strong{font-weight:var(--weight-text)}.storefront-class-detail.template-four-skills :is(h1,h2,p,dl,dd){margin:0}.storefront-class-detail.template-four-skills>.teacher-storefront-masthead{border-color:var(--class-rule);grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:38px;width:100%;max-width:none;min-height:84px;padding:0 3.8%;display:grid}.storefront-class-detail.template-four-skills .teacher-storefront-name,.storefront-class-detail.template-four-skills.header-left .teacher-storefront-name{min-width:0;max-width:min(75%,470px);color:var(--class-ink);font-family:var(--font-studio-display);font-size:var(--type-heading);font-weight:var(--weight-title);letter-spacing:var(--track-title);white-space:normal;border:0;grid-area:1/1;justify-self:start;margin:0;padding:0;line-height:1.3;overflow:visible}.storefront-class-detail.template-four-skills .teacher-storefront-masthead>nav:first-child,.storefront-class-detail.template-four-skills.header-left .teacher-storefront-masthead>nav:first-child{grid-area:1/2;justify-self:end;gap:32px;margin:0;display:flex}.storefront-class-detail.template-four-skills .teacher-storefront-masthead>nav:last-child,.storefront-class-detail.template-four-skills.header-left .teacher-storefront-masthead>nav:last-child{grid-area:1/3;justify-self:end;margin:0;display:flex}.storefront-class-detail.template-four-skills .teacher-storefront-masthead>nav:last-child>a:not(.storefront-account-link){display:none}.storefront-class-detail.template-four-skills .teacher-storefront-masthead nav a{color:var(--class-ink);font-family:var(--font-sans);font-size:var(--type-control);font-weight:var(--weight-text);letter-spacing:var(--track-text);line-height:1.4}.storefront-class-detail.template-four-skills .teacher-storefront-masthead nav a:hover{color:var(--class-signal)}.storefront-class-detail.template-four-skills .teacher-storefront-masthead .storefront-account-link{border:1px solid var(--class-rule);min-height:43px;font-size:var(--type-control);font-weight:var(--weight-text);letter-spacing:var(--track-text);line-height:1.4;font-family:var(--font-sans);background:0 0;border-radius:25px;padding:9px 18px}.storefront-class-detail.template-four-skills .teacher-storefront-masthead .storefront-account-link:hover{background:var(--class-signal);color:#062e2f}.storefront-class-detail.template-four-skills .class-detail-page{grid-template-columns:47% minmax(0,53%);width:100%;max-width:none;margin:0;padding:0 0 120px;display:grid}.storefront-class-detail.template-four-skills .class-detail-intro{display:contents}.storefront-class-detail.template-four-skills .class-detail-topline{border-bottom:1px solid var(--class-rule);grid-area:1/1/auto/-1;min-height:58px;padding:0 3.8%}.storefront-class-detail.template-four-skills .studio-class-back{color:var(--class-muted);font-size:var(--type-control);font-weight:var(--weight-text);letter-spacing:var(--track-text);line-height:1.4;font-family:var(--font-sans)}.storefront-class-detail.template-four-skills .studio-class-back:hover{color:var(--class-signal)}.storefront-class-detail.template-four-skills .class-detail-topline>span{color:var(--class-muted);font-size:var(--type-small);letter-spacing:var(--track-text);font-weight:var(--weight-secondary);line-height:1.4;font-family:var(--font-sans)}.storefront-class-detail.template-four-skills .class-detail-intro-body{background:radial-gradient(at 32% 48%,#144747,#062e2f 75%);flex-direction:column;grid-area:2/1;justify-content:center;min-width:0;min-height:620px;padding:45px clamp(35px,5vw,80px) 50px 3.8vw;display:flex}.storefront-class-detail.template-four-skills .class-detail-intro-body:before{color:var(--class-signal);content:"FOUR SKILLS / CLASS";font-size:var(--type-small);font-weight:var(--weight-secondary);letter-spacing:var(--track-text);line-height:1.4;font-family:var(--font-sans);margin-bottom:27px;display:block}.storefront-class-detail.template-four-skills.template-four-skills-example .class-detail-intro-body:before{content:"ILLUSTRATIVE IELTS CLASS"}.storefront-class-detail.template-four-skills .teacher-storefront-test-stamp{align-self:flex-start;margin:0 0 17px}.storefront-class-detail.template-four-skills .class-detail-intro h1,.storefront-class-detail.template-four-skills .class-detail-intro h1.is-long-title{max-width:100%;color:var(--class-ink);font-family:var(--font-studio-display);font-size:var(--type-studio-class-title-fit);font-weight:var(--weight-title);letter-spacing:var(--track-display);overflow-wrap:normal;text-wrap:balance;margin:0 0 31px;line-height:1.2}.storefront-class-detail.template-four-skills .class-detail-intro h1.is-long-title{max-width:100%;font-size:var(--type-studio-class-title-fit);font-weight:var(--weight-title);letter-spacing:var(--track-display);line-height:1.2}.storefront-class-detail.template-four-skills .class-detail-intro h1:after{content:"";background:#f48c67;width:58px;height:2px;margin-top:27px;display:block}.storefront-class-detail.template-four-skills .class-detail-intro-copy{max-width:500px;margin:0;display:block}.storefront-class-detail.template-four-skills .class-detail-intro-copy>p{color:#deebe4;max-width:35ch;font-family:var(--font-studio-display);font-size:var(--type-reading);line-height:1.55;font-weight:var(--weight-text);letter-spacing:var(--track-text)}.storefront-class-detail.template-four-skills .class-detail-intro-copy>span{color:var(--class-muted);font-size:var(--type-small);font-weight:var(--weight-secondary);letter-spacing:var(--track-text);line-height:1.4;font-family:var(--font-sans);margin-top:36px;display:block}.storefront-class-detail.template-four-skills .class-detail-intro-copy strong{color:var(--class-ink);font-family:var(--font-sans);font-size:var(--type-control);font-weight:var(--weight-text);letter-spacing:var(--track-text);margin-top:6px;line-height:1.4;display:block}.storefront-class-detail.template-four-skills .class-detail-cover{border-left:1px solid var(--class-rule);background:#0b3c3c;grid-area:2/2;align-self:stretch;width:100%;height:auto;min-height:620px;margin:0;overflow:hidden}.storefront-class-detail.template-four-skills .class-detail-cover img{object-fit:cover}.storefront-class-detail.template-four-skills.template-four-skills-example .class-detail-cover img{object-position:54% center}.storefront-class-detail.template-four-skills .class-detail-cover-type{background:linear-gradient(110deg,#011f1f66,#011f1f26),url(/studio-templates/four-skills/teal-room.webp) 50%/cover;padding:48px;position:relative}.storefront-class-detail.template-four-skills .class-detail-cover-type:after{border:1px solid var(--class-rule);content:"";pointer-events:none;position:absolute;inset:9% 8%}.storefront-class-detail.template-four-skills .class-detail-poster-top{z-index:1;color:#e0eee6;font-size:var(--type-small);letter-spacing:var(--track-text);font-weight:var(--weight-secondary);line-height:1.4;font-family:var(--font-sans);position:relative}.storefront-class-detail.template-four-skills .class-detail-cover-type>strong{z-index:1;color:#fff9ee;max-width:9ch;font-family:var(--font-studio-display);font-size:var(--type-body);font-weight:var(--weight-text);letter-spacing:var(--track-text);line-height:1.55;position:relative}.storefront-class-detail.template-four-skills .class-detail-poster-mark{z-index:1;color:var(--class-signal);position:relative}.storefront-class-detail.template-four-skills .class-detail-decision{border-color:var(--class-rule);background:#083536;grid-area:3/1/auto/-1;min-height:106px;padding:0 3.8%}.storefront-class-detail.template-four-skills .class-detail-decision dl>div{border-color:var(--class-rule);flex:1 1 0;padding:20px clamp(15px,2vw,31px)}.storefront-class-detail.template-four-skills .class-detail-decision dl>div:first-child{padding-left:0}.storefront-class-detail.template-four-skills .class-detail-decision dt{color:#a8d8c9;font-size:var(--type-small);letter-spacing:var(--track-text);font-weight:var(--weight-secondary);line-height:1.4;font-family:var(--font-sans)}.storefront-class-detail.template-four-skills .class-detail-decision dd{color:var(--class-ink);font-family:var(--font-sans);font-size:var(--type-control);font-weight:var(--weight-text);letter-spacing:var(--track-text);line-height:1.4}.storefront-class-detail.template-four-skills .class-detail-reserve-link,.storefront-class-detail.template-four-skills .class-detail-sold-out{background:var(--class-signal);color:#073033;min-height:51px;font-family:var(--font-sans);font-size:var(--type-control);font-weight:var(--weight-text);letter-spacing:var(--track-text);border-radius:27px;align-self:center;padding:12px 18px;line-height:1.4}.storefront-class-detail.template-four-skills .class-detail-reserve-link:hover{color:#073033;background:#d2f7e9}.storefront-class-detail.template-four-skills.template-four-skills-example .class-detail-sold-out{color:var(--class-muted);font-family:var(--font-sans);font-size:var(--type-control);font-weight:var(--weight-text);letter-spacing:var(--track-text);text-align:center;background:0 0;line-height:1.4}.storefront-class-detail.template-four-skills .class-detail-story,.storefront-class-detail.template-four-skills .class-detail-teacher-link,.storefront-class-detail.template-four-skills .class-detail-reservation{grid-column:1/-1;margin-inline:clamp(38px,7vw,110px)}.storefront-class-detail.template-four-skills .class-detail-story{margin-top:95px}.storefront-class-detail.template-four-skills .class-detail-story>header>span,.storefront-class-detail.template-four-skills .class-detail-reservation-heading>span{color:var(--class-signal);font-size:var(--type-small);font-weight:var(--weight-secondary);letter-spacing:var(--track-text);line-height:1.4;font-family:var(--font-sans)}.storefront-class-detail.template-four-skills .class-detail-story-row>span{color:var(--class-signal);font-size:var(--type-control);font-weight:var(--weight-text);letter-spacing:var(--track-text);line-height:1.4;font-family:var(--font-sans)}.storefront-class-detail.template-four-skills .class-detail-story h2,.storefront-class-detail.template-four-skills .class-detail-reservation h2{color:var(--class-ink);font-family:var(--font-studio-display);font-size:var(--type-studio-section);font-weight:var(--weight-title);letter-spacing:var(--track-title);line-height:1.25}.storefront-class-detail.template-four-skills .class-detail-story-row{border-color:var(--class-rule)}.storefront-class-detail.template-four-skills .class-detail-story-row p,.storefront-class-detail.template-four-skills .class-detail-story-row:first-child p{color:#e2eee6;max-width:61ch;font-family:var(--font-studio-display);font-size:var(--type-reading);line-height:1.55;font-weight:var(--weight-text);letter-spacing:var(--track-text)}.storefront-class-detail.template-four-skills .class-detail-story-art figure{background:#164647}.storefront-class-detail.template-four-skills .class-detail-teacher-link{border-color:var(--class-rule);color:var(--class-muted)}.storefront-class-detail.template-four-skills .class-detail-teacher-link :is(strong,a){color:var(--class-ink)}.storefront-class-detail.template-four-skills .class-detail-teacher-link a:hover{color:var(--class-signal)}.storefront-class-detail.template-four-skills .class-detail-reservation{padding-top:98px}.storefront-class-detail.template-four-skills .class-detail-reservation-heading p{color:var(--class-muted)}.storefront-class-detail.template-four-skills .teacher-storefront-footer{border-color:var(--class-rule);background:#012728}.storefront-class-detail.template-four-skills .teacher-storefront-footer a{color:var(--class-ink)}@media (max-width:760px){.storefront-class-detail.template-four-skills>.teacher-storefront-masthead{grid-template-columns:minmax(0,1fr) auto;gap:12px;min-height:74px;padding:0 6.5%}.storefront-class-detail.template-four-skills .teacher-storefront-name,.storefront-class-detail.template-four-skills.header-left .teacher-storefront-name{max-width:180px;font-size:var(--type-heading);letter-spacing:var(--track-title);font-weight:var(--weight-title);line-height:1.3}.storefront-class-detail.template-four-skills .teacher-storefront-masthead>nav:first-child,.storefront-class-detail.template-four-skills.header-left .teacher-storefront-masthead>nav:first-child{display:none}.storefront-class-detail.template-four-skills .teacher-storefront-masthead>nav:last-child,.storefront-class-detail.template-four-skills.header-left .teacher-storefront-masthead>nav:last-child{grid-column:2;gap:0}.storefront-class-detail.template-four-skills .teacher-storefront-masthead .storefront-account-link{font-size:var(--type-control);font-weight:var(--weight-text);letter-spacing:var(--track-text);line-height:1.4;font-family:var(--font-sans);padding:8px 11px}.storefront-class-detail.template-four-skills .class-detail-page{flex-direction:column;padding:0 0 75px;display:flex}.storefront-class-detail.template-four-skills .class-detail-topline{order:0;min-height:54px;padding:0 6.5%}.storefront-class-detail.template-four-skills .class-detail-intro-body{order:1;min-height:0;padding:55px 6.5%}.storefront-class-detail.template-four-skills .class-detail-intro-body:before{margin-bottom:22px}.storefront-class-detail.template-four-skills .class-detail-intro h1,.storefront-class-detail.template-four-skills .class-detail-intro h1.is-long-title,.storefront-class-detail.template-four-skills .class-detail-intro h1.is-long-title{max-width:100%;font-size:var(--type-studio-class-title-fit);font-weight:var(--weight-title);letter-spacing:var(--track-display);line-height:1.2}.storefront-class-detail.template-four-skills .class-detail-intro-copy>p{font-size:var(--type-reading);font-weight:var(--weight-text);letter-spacing:var(--track-text);line-height:1.55}.storefront-class-detail.template-four-skills .class-detail-cover{border-left:0;border-block:1px solid var(--class-rule);order:2;height:clamp(340px,90vw,510px);min-height:0}.storefront-class-detail.template-four-skills .class-detail-cover-type{padding:32px}.storefront-class-detail.template-four-skills .class-detail-cover-type>strong{font-size:var(--type-body);font-weight:var(--weight-text);letter-spacing:var(--track-text);line-height:1.55}.storefront-class-detail.template-four-skills .class-detail-decision{order:3;min-height:0;padding:0 6.5%}.storefront-class-detail.template-four-skills.template-four-skills-example .class-detail-decision{display:block}.storefront-class-detail.template-four-skills .class-detail-decision dl>div{flex:50%;padding:16px 12px 16px 0}.storefront-class-detail.template-four-skills .class-detail-decision dl>div:nth-child(2n){border-right:0;padding-left:12px}.storefront-class-detail.template-four-skills .class-detail-sold-out,.storefront-class-detail.template-four-skills .class-detail-reserve-link{width:45%;font-size:var(--type-control);font-weight:var(--weight-text);letter-spacing:var(--track-text);line-height:1.4;font-family:var(--font-sans);padding-inline:14px}.storefront-class-detail.template-four-skills.template-four-skills-example .class-detail-sold-out{border-top:1px solid var(--class-rule);width:100%;min-height:49px;font-size:var(--type-control);font-weight:var(--weight-text);letter-spacing:var(--track-text);line-height:1.4;font-family:var(--font-sans);justify-content:center}.storefront-class-detail.template-four-skills .class-detail-story{order:4;margin-top:65px}.storefront-class-detail.template-four-skills .class-detail-teacher-link{order:5}.storefront-class-detail.template-four-skills .class-detail-reservation{order:6;padding-top:65px}.storefront-class-detail.template-four-skills .class-detail-story,.storefront-class-detail.template-four-skills .class-detail-teacher-link,.storefront-class-detail.template-four-skills .class-detail-reservation{margin-inline:6.5%}.storefront-class-detail.template-four-skills .class-detail-story h2,.storefront-class-detail.template-four-skills .class-detail-reservation h2{font-size:var(--type-studio-section);font-weight:var(--weight-title);letter-spacing:var(--track-title);line-height:1.25}.storefront-class-detail.template-four-skills .class-detail-story-row p,.storefront-class-detail.template-four-skills .class-detail-story-row:first-child p{font-size:var(--type-reading);font-weight:var(--weight-text);letter-spacing:var(--track-text);line-height:1.55}}.storefront-class-detail.template-four-skills .class-detail-intro h1{text-wrap:balance;overflow-wrap:normal;line-height:1.12}.storefront-class-detail.template-four-skills .class-detail-intro-copy>p{max-width:40ch}@media (max-width:760px){.storefront-class-detail.template-four-skills{--type-studio-class-title:clamp(36px, 10vw, 54px);--type-studio-section:clamp(28px, 7.5vw, 42px)}}.storefront-class-detail.template-four-skills .teacher-storefront-name{font-family:var(--font-studio-body);font-size:var(--type-studio-brand);letter-spacing:var(--track-studio-brand);text-transform:var(--case-studio-brand)}
@font-face{font-family:Margin Class Bodoni;src:url(/studio-templates/rehearsal/BodoniModa-variable.ttf)format("truetype");font-style:normal;font-weight:400 900;font-display:swap}@font-face{font-family:Margin Class Manrope;src:url(/fonts/manrope-variable.ttf)format("truetype");font-style:normal;font-weight:200 800;font-display:swap}.teacher-storefront-shell.storefront-class-detail.template-margin-studio{--type-studio-brand:clamp(24px, 1.8vw, 29px);--track-studio-brand:-.015em;--case-studio-brand:uppercase;--class-ink:#0b0b11;--class-muted:#5d606b;--class-rule:#afb1b9;--class-signal:#1047ff;--class-canvas:#fdfcf9;--studio-paper:#fdfcf9;--studio-surface:#fdfcf9;--studio-rule:#afb1b9;background:var(--class-canvas);color:var(--class-ink);font-family:var(--font-studio-display);--font-studio-display:"Margin Class Bodoni", Georgia, serif;--font-studio-body:"Margin Class Manrope", var(--font-sans);--font-studio-note:var(--font-sans);font-size:var(--type-body);font-weight:var(--weight-text);letter-spacing:var(--track-text);--type-studio-display:clamp(80px, 7.6cqw, 120px);--type-studio-section:clamp(38px, 3.4cqw, 54px);--type-studio-class-title:clamp(48px, 5.4vw, 82px);--type-studio-display-fit-medium:max(32px, calc(var(--type-studio-display) * .86));--type-studio-display-fit-long:max(32px, calc(var(--type-studio-display) * .7));--type-studio-display-fit-very-long:max(32px, calc(var(--type-studio-display) * .58));--type-studio-class-title-fit:max(36px, calc(var(--type-studio-class-title) * .72));line-height:1.55}.storefront-class-detail.template-margin-studio :where(h1){font-size:var(--type-studio-class-title);font-weight:var(--weight-title);letter-spacing:var(--track-display);text-wrap:balance;overflow-wrap:normal;line-height:1.2}.storefront-class-detail.template-margin-studio :where(h2){font-size:var(--type-studio-section);font-weight:var(--weight-title);letter-spacing:var(--track-title);text-wrap:balance;line-height:1.25}.storefront-class-detail.template-margin-studio :where(h3,h4){font-size:var(--type-heading);font-weight:var(--weight-title);letter-spacing:var(--track-title);line-height:1.3}.storefront-class-detail.template-margin-studio :where(p){font-size:var(--type-reading);font-weight:var(--weight-text);letter-spacing:var(--track-text);line-height:1.55}.storefront-class-detail.template-margin-studio :where(a,button,label){font-family:var(--font-sans);font-size:var(--type-control);font-weight:var(--weight-text);letter-spacing:var(--track-text)}.storefront-class-detail.template-margin-studio :where(input,textarea,select){font-family:var(--font-sans);font-size:var(--type-body);font-weight:var(--weight-text);letter-spacing:var(--track-text);line-height:1.55}.storefront-class-detail.template-margin-studio :where(small,time,dt){font-family:var(--font-sans);font-size:var(--type-small);font-weight:var(--weight-secondary);letter-spacing:var(--track-text)}.storefront-class-detail.template-margin-studio :where(dd){font-size:var(--type-control);font-weight:var(--weight-text);letter-spacing:var(--track-text)}.storefront-class-detail.template-margin-studio :is(p,dd,button) strong{font-weight:var(--weight-text)}.storefront-class-detail.template-margin-studio :is(h1,h2,p,dl,dd){margin:0}.storefront-class-detail.template-margin-studio>.teacher-storefront-masthead{border-bottom:1px solid var(--class-rule);grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:45px;width:100%;max-width:none;min-height:77px;padding:0 3.7%;display:grid}.storefront-class-detail.template-margin-studio .teacher-storefront-name,.storefront-class-detail.template-margin-studio.header-left .teacher-storefront-name{min-width:0;max-width:380px;color:var(--class-ink);font-family:var(--font-studio-display);font-size:var(--type-heading);font-weight:var(--weight-title);letter-spacing:var(--track-title);white-space:normal;border:0;grid-area:1/1;justify-self:start;margin:0;padding:0;line-height:1.3;overflow:visible}.storefront-class-detail.template-margin-studio .teacher-storefront-masthead>nav:first-child,.storefront-class-detail.template-margin-studio.header-left .teacher-storefront-masthead>nav:first-child{grid-area:1/2;gap:35px;margin:0;display:flex}.storefront-class-detail.template-margin-studio .teacher-storefront-masthead>nav:last-child,.storefront-class-detail.template-margin-studio.header-left .teacher-storefront-masthead>nav:last-child{grid-area:1/3;margin:0;display:flex}.storefront-class-detail.template-margin-studio .teacher-storefront-masthead>nav:last-child>a:not(.storefront-account-link){display:none}.storefront-class-detail.template-margin-studio .teacher-storefront-masthead nav a{color:var(--class-ink);font-family:var(--font-sans);font-size:var(--type-control);font-weight:var(--weight-text);letter-spacing:var(--track-text);line-height:1.4}.storefront-class-detail.template-margin-studio .teacher-storefront-masthead nav a:hover{color:var(--class-signal)}.storefront-class-detail.template-margin-studio .teacher-storefront-masthead .storefront-account-link{border:1px solid var(--class-ink);min-height:41px;font-size:var(--type-control);font-weight:var(--weight-text);letter-spacing:var(--track-text);line-height:1.4;font-family:var(--font-sans);background:0 0;border-radius:0;padding:9px 18px}.storefront-class-detail.template-margin-studio .teacher-storefront-masthead .storefront-account-link:hover{background:var(--class-signal);color:#fff}.storefront-class-detail.template-margin-studio .class-detail-page{grid-template-columns:45% minmax(0,1fr);width:100%;max-width:none;margin:0;padding:0 0 120px;display:grid}.storefront-class-detail.template-margin-studio .class-detail-intro{display:contents}.storefront-class-detail.template-margin-studio .class-detail-topline{border-bottom:1px solid var(--class-rule);grid-area:1/1/auto/-1;min-height:55px;padding:0 3.7%}.storefront-class-detail.template-margin-studio .studio-class-back{color:var(--class-muted);font-size:var(--type-control);font-weight:var(--weight-text);letter-spacing:var(--track-text);line-height:1.4;font-family:var(--font-sans);margin:0}.storefront-class-detail.template-margin-studio .studio-class-back:hover{color:var(--class-signal)}.storefront-class-detail.template-margin-studio .class-detail-topline>span{color:var(--class-muted);font-family:var(--font-sans);font-size:var(--type-small);letter-spacing:var(--track-text);font-weight:var(--weight-secondary);line-height:1.4}.storefront-class-detail.template-margin-studio .class-detail-intro-body{background:radial-gradient(at 30% 38%,#fff,#f8f7f3 75%,#f1f0ec);flex-direction:column;grid-area:2/1;justify-content:center;min-width:0;min-height:630px;padding:55px clamp(35px,5vw,80px) 60px 3.7vw;display:flex}.storefront-class-detail.template-margin-studio .class-detail-intro-body:before{color:var(--class-signal);font-family:var(--font-sans);font-size:var(--type-small);font-weight:var(--weight-secondary);letter-spacing:var(--track-text);content:"Writing / class";margin-bottom:33px;line-height:1.4;display:block}.storefront-class-detail.template-margin-studio.template-margin-studio-example .class-detail-intro-body:before{content:"Illustrative writing class"}.storefront-class-detail.template-margin-studio .teacher-storefront-test-stamp{align-self:flex-start;margin:0 0 20px}.storefront-class-detail.template-margin-studio .class-detail-intro h1,.storefront-class-detail.template-margin-studio .class-detail-intro h1.is-long-title{max-width:100%;color:var(--class-ink);font-family:var(--font-studio-display);font-size:var(--type-studio-class-title-fit);font-weight:var(--weight-title);letter-spacing:var(--track-display);overflow-wrap:anywhere;text-wrap:balance;line-height:1.2}.storefront-class-detail.template-margin-studio .class-detail-intro h1.is-long-title{max-width:100%;font-size:var(--type-studio-class-title-fit);font-weight:var(--weight-title);letter-spacing:var(--track-display);line-height:1.2}.storefront-class-detail.template-margin-studio .class-detail-intro h1:after{background:var(--class-signal);content:"";width:85px;height:3px;margin:30px 0 0;display:block}.storefront-class-detail.template-margin-studio .class-detail-intro-copy{max-width:550px;margin-top:29px;display:block}.storefront-class-detail.template-margin-studio .class-detail-intro-copy>p{color:#333641;max-width:38ch;font-family:var(--font-studio-display);font-size:var(--type-reading);line-height:1.55;font-weight:var(--weight-text);letter-spacing:var(--track-text)}.storefront-class-detail.template-margin-studio .class-detail-intro-copy>span{color:var(--class-muted);font-family:var(--font-sans);font-size:var(--type-small);font-weight:var(--weight-secondary);letter-spacing:var(--track-text);margin-top:28px;line-height:1.4;display:block}.storefront-class-detail.template-margin-studio .class-detail-intro-copy strong{color:var(--class-ink);font-family:var(--font-sans);font-size:var(--type-control);font-weight:var(--weight-text);letter-spacing:var(--track-text);margin-top:5px;line-height:1.4;display:block}.storefront-class-detail.template-margin-studio .class-detail-cover{border-left:1px solid var(--class-rule);background:#e7e8e7;grid-area:2/2;align-self:stretch;width:100%;height:auto;min-height:630px;margin:0;overflow:hidden}.storefront-class-detail.template-margin-studio .class-detail-cover img{object-fit:cover}.storefront-class-detail.template-margin-studio.template-margin-studio-example .class-detail-cover img{object-position:46% 49%}.storefront-class-detail.template-margin-studio.template-margin-studio-example .class-detail-cover:before{z-index:2;color:#444752;font-family:var(--font-studio-body);font-size:var(--type-body);font-weight:var(--weight-text);letter-spacing:var(--track-text);content:"Illustrative teacher-written example";line-height:1.55;position:absolute;top:20%;right:8%;transform:rotate(5deg)}.storefront-class-detail.template-margin-studio.template-margin-studio-example .class-detail-cover:after{z-index:2;color:#0b0b11;width:67%;font-family:var(--font-studio-display);font-size:var(--type-body);font-weight:var(--weight-text);letter-spacing:var(--track-text);text-align:center;text-underline-offset:-.33em;text-decoration-skip-ink:none;text-wrap:balance;content:"A neighbourhood library gives people a place to read, learn and meet.";line-height:1.55;text-decoration-line:underline;text-decoration-color:#f2ef69;text-decoration-thickness:.48em;position:absolute;top:43%;left:25%;transform:rotate(5deg)}.storefront-class-detail.template-margin-studio .class-detail-cover-type{color:#fff;background:linear-gradient(130deg,#123de0,#061561)}.storefront-class-detail.template-margin-studio .class-detail-poster-top{font-family:var(--font-sans);font-size:var(--type-small);letter-spacing:var(--track-text);font-weight:var(--weight-secondary);line-height:1.4}.storefront-class-detail.template-margin-studio .class-detail-cover-type>strong{max-width:10ch;font-family:var(--font-studio-display);font-size:var(--type-body);font-weight:var(--weight-text);letter-spacing:var(--track-text);line-height:1.55}.storefront-class-detail.template-margin-studio .class-detail-poster-mark{color:#fff}.storefront-class-detail.template-margin-studio .class-detail-decision{border-color:var(--class-ink);grid-area:3/1/auto/-1;margin:0 3.7%}.storefront-class-detail.template-margin-studio .class-detail-decision dt{color:var(--class-muted);font-family:var(--font-sans);font-size:var(--type-small);font-weight:var(--weight-secondary);letter-spacing:var(--track-text);line-height:1.4}.storefront-class-detail.template-margin-studio .class-detail-decision dd{font-family:var(--font-sans);font-size:var(--type-control);font-weight:var(--weight-text);letter-spacing:var(--track-text);line-height:1.4}.storefront-class-detail.template-margin-studio .class-detail-reserve-link{background:var(--class-signal);color:#fff;font-family:var(--font-sans);font-size:var(--type-control);font-weight:var(--weight-text);letter-spacing:var(--track-text);line-height:1.4}.storefront-class-detail.template-margin-studio .class-detail-reserve-link:hover{background:#092faf}.storefront-class-detail.template-margin-studio .class-detail-sold-out{font-family:var(--font-sans);font-size:var(--type-control);font-weight:var(--weight-text);letter-spacing:var(--track-text);line-height:1.4}.storefront-class-detail.template-margin-studio .class-detail-story{border-top:1px solid var(--class-rule);grid-column:1/-1;margin:110px 6.8% 0;padding-top:27px}.storefront-class-detail.template-margin-studio .class-detail-story>header>span{color:var(--class-signal);font-family:var(--font-sans)}.storefront-class-detail.template-margin-studio .class-detail-story h2{font-family:var(--font-studio-display);font-size:var(--type-studio-section);font-weight:var(--weight-title);letter-spacing:var(--track-title);line-height:1.25}.storefront-class-detail.template-margin-studio .class-detail-story-row{border-color:var(--class-rule)}.storefront-class-detail.template-margin-studio .class-detail-story-row>span{color:var(--class-signal);font-family:var(--font-sans)}.storefront-class-detail.template-margin-studio .class-detail-story-row p{font-family:var(--font-studio-display);font-size:var(--type-reading);line-height:1.55;font-weight:var(--weight-text);letter-spacing:var(--track-text)}.storefront-class-detail.template-margin-studio .class-detail-teacher-link{border-color:var(--class-rule);grid-column:1/-1;margin:65px 6.8% 0}.storefront-class-detail.template-margin-studio .class-detail-teacher-link a{color:var(--class-signal)}.storefront-class-detail.template-margin-studio .class-detail-reservation{border-color:var(--class-rule);grid-column:1/-1;margin:100px 6.8% 0}.storefront-class-detail.template-margin-studio .class-detail-reservation-heading>span{color:var(--class-signal)}.storefront-class-detail.template-margin-studio .class-detail-reservation h2{font-family:var(--font-studio-display);font-weight:var(--weight-title)}.storefront-class-detail.template-margin-studio .class-detail-purchase button{border-radius:0}.storefront-class-detail.template-margin-studio>.teacher-storefront-footer{border-top:1px solid var(--class-rule);width:100%;max-width:none;padding-inline:3.7%}@media (max-width:800px){.storefront-class-detail.template-margin-studio>.teacher-storefront-masthead{grid-template-columns:minmax(0,1fr) auto;gap:12px;min-height:67px;padding:0 5%}.storefront-class-detail.template-margin-studio .teacher-storefront-name,.storefront-class-detail.template-margin-studio.header-left .teacher-storefront-name{max-width:250px;font-size:var(--type-heading);font-weight:var(--weight-title);letter-spacing:var(--track-title);line-height:1.3}.storefront-class-detail.template-margin-studio .teacher-storefront-masthead>nav:first-child,.storefront-class-detail.template-margin-studio.header-left .teacher-storefront-masthead>nav:first-child{display:none}.storefront-class-detail.template-margin-studio .teacher-storefront-masthead>nav:last-child,.storefront-class-detail.template-margin-studio.header-left .teacher-storefront-masthead>nav:last-child{grid-column:2}.storefront-class-detail.template-margin-studio .teacher-storefront-masthead .storefront-account-link{min-height:36px;font-size:var(--type-control);font-weight:var(--weight-text);letter-spacing:var(--track-text);line-height:1.4;font-family:var(--font-sans);padding:8px 10px}.storefront-class-detail.template-margin-studio .class-detail-page{flex-direction:column;padding:0 0 70px;display:flex}.storefront-class-detail.template-margin-studio .class-detail-intro{display:contents}.storefront-class-detail.template-margin-studio .class-detail-topline{order:0;min-height:48px;padding:0 5%}.storefront-class-detail.template-margin-studio .class-detail-intro-body{order:1;min-height:0;padding:58px 5% 62px}.storefront-class-detail.template-margin-studio .class-detail-intro-body:before{font-size:var(--type-small);font-weight:var(--weight-secondary);letter-spacing:var(--track-text);line-height:1.4;font-family:var(--font-sans);margin-bottom:22px}.storefront-class-detail.template-margin-studio .class-detail-intro h1,.storefront-class-detail.template-margin-studio .class-detail-intro h1.is-long-title,.storefront-class-detail.template-margin-studio .class-detail-intro h1.is-long-title{max-width:100%;font-size:var(--type-studio-class-title-fit);font-weight:var(--weight-title);letter-spacing:var(--track-display);line-height:1.2}.storefront-class-detail.template-margin-studio .class-detail-intro-copy{margin-top:25px}.storefront-class-detail.template-margin-studio .class-detail-intro-copy>p{font-size:var(--type-reading);font-weight:var(--weight-text);letter-spacing:var(--track-text);line-height:1.55}.storefront-class-detail.template-margin-studio .class-detail-cover{border:0;border-block:1px solid var(--class-rule);order:2;height:64vw;min-height:280px}.storefront-class-detail.template-margin-studio.template-margin-studio-example .class-detail-cover:before{font-size:var(--type-body);text-align:right;font-weight:var(--weight-text);letter-spacing:var(--track-text);line-height:1.55;top:17%;left:21%;right:8%}.storefront-class-detail.template-margin-studio.template-margin-studio-example .class-detail-cover:after{width:72%;font-size:var(--type-body);font-weight:var(--weight-text);letter-spacing:var(--track-text);line-height:1.55;top:42%;left:22%}.storefront-class-detail.template-margin-studio .class-detail-cover-type{padding:24px}.storefront-class-detail.template-margin-studio .class-detail-cover-type>strong{font-size:var(--type-body);font-weight:var(--weight-text);letter-spacing:var(--track-text);line-height:1.55}.storefront-class-detail.template-margin-studio .class-detail-decision{order:3;margin:30px 5% 0;display:block}.storefront-class-detail.template-margin-studio .class-detail-decision dl{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.storefront-class-detail.template-margin-studio .class-detail-decision dl>div{border-right:0;border-bottom:1px solid var(--class-rule);min-height:75px;padding:12px 8px}.storefront-class-detail.template-margin-studio .class-detail-decision dl>div:first-child{padding-left:8px}.storefront-class-detail.template-margin-studio .class-detail-reserve-link,.storefront-class-detail.template-margin-studio .class-detail-sold-out{width:100%;min-height:54px}.storefront-class-detail.template-margin-studio .class-detail-story{order:4;margin:76px 5% 0;display:block}.storefront-class-detail.template-margin-studio .class-detail-story h2{font-size:var(--type-studio-section);font-weight:var(--weight-title);letter-spacing:var(--track-title);line-height:1.25}.storefront-class-detail.template-margin-studio .class-detail-story-content{margin-top:28px}.storefront-class-detail.template-margin-studio .class-detail-story-row p{font-size:var(--type-reading);font-weight:var(--weight-text);letter-spacing:var(--track-text);line-height:1.55}.storefront-class-detail.template-margin-studio .class-detail-teacher-link{order:5;margin:55px 5% 0}.storefront-class-detail.template-margin-studio .class-detail-reservation{order:6;margin:70px 5% 0}}@media (prefers-reduced-motion:reduce){.storefront-class-detail.template-margin-studio :is(a,button){transition:none!important}}.storefront-class-detail.template-margin-studio .class-detail-intro h1{text-wrap:balance;overflow-wrap:normal;line-height:1.12}.storefront-class-detail.template-margin-studio .class-detail-intro-copy>p{max-width:40ch}@media (max-width:760px){.storefront-class-detail.template-margin-studio{--type-studio-class-title:clamp(36px, 10vw, 54px);--type-studio-section:clamp(28px, 7.5vw, 42px)}}.storefront-class-detail.template-margin-studio .teacher-storefront-name{font-family:var(--font-studio-display);font-size:var(--type-studio-brand);letter-spacing:var(--track-studio-brand);text-transform:var(--case-studio-brand)}
.teacher-storefront-shell.storefront-class-detail .class-mobile-navigation,.teacher-storefront-shell.storefront-class-detail .class-mobile-teacher,.teacher-storefront-shell.storefront-class-detail .class-mobile-cover,.teacher-storefront-shell.storefront-class-detail .class-mobile-description,.teacher-storefront-shell.storefront-class-detail .class-mobile-story{display:none}@media (min-width:761px){.teacher-storefront-shell.storefront-class-detail.class-mobile-recipient .class-mobile-navigation,.teacher-storefront-shell.storefront-class-detail.class-mobile-recipient .class-mobile-teacher,.teacher-storefront-shell.storefront-class-detail.class-mobile-recipient .class-mobile-description,.teacher-storefront-shell.storefront-class-detail.class-mobile-recipient .class-mobile-cover.class-detail-cover,.teacher-storefront-shell.storefront-class-detail.class-mobile-recipient .class-mobile-story.class-detail-story{display:none}}@media (max-width:760px){.teacher-storefront-shell.storefront-class-detail.class-mobile-recipient>.teacher-storefront-masthead{display:none}.teacher-storefront-shell.storefront-class-detail.class-mobile-recipient .class-mobile-navigation{min-height:64px;color:var(--class-ink);font-family:var(--font-sans);font-size:var(--type-control);font-weight:var(--weight-text);letter-spacing:var(--track-text);justify-content:space-between;align-items:center;gap:20px;padding:8px 20px;display:flex}.teacher-storefront-shell.storefront-class-detail.class-mobile-recipient .class-mobile-navigation a{min-width:0;min-height:44px;color:inherit;align-items:center;gap:10px;text-decoration:none;display:inline-flex}.teacher-storefront-shell.storefront-class-detail.class-mobile-recipient .class-mobile-back{flex:1}.teacher-storefront-shell.storefront-class-detail.class-mobile-recipient .class-mobile-back span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.teacher-storefront-shell.storefront-class-detail.class-mobile-recipient .class-mobile-navigation a:last-child,.teacher-storefront-shell.storefront-class-detail.class-mobile-recipient .class-mobile-navigation svg{flex-shrink:0}.teacher-storefront-shell.storefront-class-detail.class-mobile-recipient .class-detail-page{flex-direction:column;gap:0;width:100%;min-width:0;max-width:600px;margin:0 auto;padding:0 20px 48px;display:flex}.teacher-storefront-shell.storefront-class-detail.class-mobile-recipient .class-detail-intro{display:contents}.teacher-storefront-shell.storefront-class-detail.class-mobile-recipient .class-detail-topline,.teacher-storefront-shell.storefront-class-detail.class-mobile-recipient .voice-class-lettering,.teacher-storefront-shell.storefront-class-detail.class-mobile-recipient .rehearsal-class-accent,.teacher-storefront-shell.storefront-class-detail.class-mobile-recipient .class-detail-intro-copy,.teacher-storefront-shell.storefront-class-detail.class-mobile-recipient .class-detail-intro-body:before,.teacher-storefront-shell.storefront-class-detail.class-mobile-recipient .class-detail-intro h1:after,.teacher-storefront-shell.storefront-class-detail.class-mobile-recipient .class-detail-cover:before,.teacher-storefront-shell.storefront-class-detail.class-mobile-recipient .class-detail-cover:after,.teacher-storefront-shell.storefront-class-detail.class-mobile-recipient .class-detail-cover-type,.teacher-storefront-shell.storefront-class-detail.class-mobile-recipient .class-detail-teacher-link{display:none}.teacher-storefront-shell.storefront-class-detail.class-mobile-recipient .class-detail-cover:not(.class-detail-cover-type){aspect-ratio:4/3;background:var(--class-canvas);border:0;border-radius:12px;order:0;width:100%;height:auto;min-height:0;max-height:360px;margin:0;padding:0;display:block;position:relative;top:auto;overflow:hidden}.teacher-storefront-shell.storefront-class-detail.class-mobile-recipient .class-detail-cover img{object-fit:cover;object-position:center;width:100%;height:100%}.teacher-storefront-shell.storefront-class-detail.class-mobile-recipient .class-detail-intro-body{background:0 0;order:1;width:100%;min-width:0;height:auto;min-height:0;margin:0;padding:24px 0 18px;display:block;position:relative}.teacher-storefront-shell.storefront-class-detail.class-mobile-recipient .class-detail-intro h1,.teacher-storefront-shell.storefront-class-detail.class-mobile-recipient .class-detail-intro h1.is-long-title{width:100%;max-width:none;color:var(--class-ink);font-size:var(--type-display);font-weight:var(--weight-title);letter-spacing:var(--track-display);overflow-wrap:anywhere;text-wrap:balance;margin:0;line-height:1.2}.teacher-storefront-shell.storefront-class-detail.class-mobile-recipient .class-mobile-teacher{width:fit-content;max-width:100%;min-height:44px;color:var(--class-muted);font-family:var(--font-sans);font-size:var(--type-control);font-weight:var(--weight-text);letter-spacing:var(--track-text);align-items:center;gap:10px;margin-top:14px;text-decoration:none;display:flex}.teacher-storefront-shell.storefront-class-detail.class-mobile-recipient .class-mobile-teacher img{object-fit:cover;border-radius:50%;flex:0 0 32px;width:32px;height:32px}.teacher-storefront-shell.storefront-class-detail.class-mobile-recipient .class-mobile-teacher span{overflow-wrap:anywhere}.teacher-storefront-shell.storefront-class-detail.class-mobile-recipient .class-mobile-teacher svg{flex-shrink:0}.teacher-storefront-shell.storefront-class-detail.class-mobile-recipient .class-detail-decision{border-block:1px solid var(--class-rule);background:0 0;order:2;width:100%;min-height:0;margin:0;padding:18px 0;display:block}.teacher-storefront-shell.storefront-class-detail.class-mobile-recipient .class-detail-decision dl{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px 20px;width:100%;margin:0;display:grid}.teacher-storefront-shell.storefront-class-detail.class-mobile-recipient .class-detail-decision dl>div{border:0;justify-content:start;align-items:start;gap:4px;min-width:0;min-height:0;padding:0;display:grid}.teacher-storefront-shell.storefront-class-detail.class-mobile-recipient .class-detail-decision dl>div[data-fact=starts]{grid-column:1/-1}.teacher-storefront-shell.storefront-class-detail.class-mobile-recipient .class-detail-decision :is(dt,dd){min-width:0;max-width:100%;font-family:var(--font-sans);font-weight:var(--weight-text);letter-spacing:var(--track-text);white-space:normal;overflow-wrap:anywhere;text-transform:none;margin:0;line-height:1.45}.teacher-storefront-shell.storefront-class-detail.class-mobile-recipient .class-detail-decision dt{color:var(--class-muted);font-size:var(--type-small)}.teacher-storefront-shell.storefront-class-detail.class-mobile-recipient .class-detail-decision dd{color:var(--class-ink);font-size:var(--type-body)}.teacher-storefront-shell.storefront-class-detail.class-mobile-recipient .class-detail-reserve-link{clip-path:inset(50%);white-space:nowrap;width:1px;min-width:0;height:1px;min-height:0;margin:-1px;padding:0;position:absolute;overflow:hidden}.teacher-storefront-shell.storefront-class-detail.class-mobile-recipient .class-detail-reserve-link:focus-visible{clip-path:none;background:var(--class-ink);width:100%;height:auto;min-height:44px;color:var(--class-canvas);font-family:var(--font-sans);font-size:var(--type-control);font-weight:var(--weight-text);letter-spacing:var(--track-text);white-space:normal;margin:16px 0 0;padding:12px 16px;position:relative;overflow:visible}.teacher-storefront-shell.storefront-class-detail.class-mobile-recipient .class-detail-sold-out{width:100%;max-width:none;min-height:44px;color:var(--class-muted);font-family:var(--font-sans);font-size:var(--type-control);font-weight:var(--weight-text);background:0 0;margin-top:12px;padding:10px 0 0}.teacher-storefront-shell.storefront-class-detail.class-mobile-recipient .class-detail-reservation{border:0;order:3;width:100%;margin:0;padding:24px 0 0;scroll-margin-top:20px;display:block}.teacher-storefront-shell.storefront-class-detail.class-mobile-recipient .class-detail-messenger{order:3;width:100%}.teacher-storefront-shell.storefront-class-detail.class-mobile-recipient .class-detail-reservation-heading>span,.teacher-storefront-shell.storefront-class-detail.class-mobile-recipient .class-detail-reservation-heading>p,.teacher-storefront-shell.storefront-class-detail.class-mobile-recipient .class-detail-story>header>span,.teacher-storefront-shell.storefront-class-detail.class-mobile-recipient .class-detail-story-row>span{display:none}.teacher-storefront-shell.storefront-class-detail.class-mobile-recipient .class-detail-reservation h2{color:var(--class-ink);font-family:var(--font-sans);font-size:var(--type-heading);font-weight:var(--weight-title);letter-spacing:var(--track-title);margin:0 0 14px;line-height:1.35}.teacher-storefront-shell.storefront-class-detail.class-mobile-recipient .class-detail-purchase .product-buy-card{margin:0}.teacher-storefront-shell.storefront-class-detail.class-mobile-recipient .class-lesson-booking-list{border-top:0}.teacher-storefront-shell.storefront-class-detail.class-mobile-recipient .class-lesson-booking-list li{border-color:var(--class-rule);gap:8px 12px;padding-block:14px}.teacher-storefront-shell.storefront-class-detail.class-mobile-recipient .class-lesson-booking-list li>span{color:var(--class-ink)}.teacher-storefront-shell.storefront-class-detail.class-mobile-recipient .class-lesson-booking-action{background:var(--class-ink);min-height:44px;color:var(--class-canvas);font-family:var(--font-sans);font-size:var(--type-control);font-weight:var(--weight-text);border-radius:8px}.teacher-storefront-shell.storefront-class-detail.class-mobile-recipient .class-lesson-booking-action:hover{background:var(--class-signal);color:var(--class-canvas)}.teacher-storefront-shell.storefront-class-detail.class-mobile-recipient .class-detail-story{border-top:1px solid var(--class-rule);order:4;width:100%;margin:34px 0 0;padding:24px 0 0;display:block}.teacher-storefront-shell.storefront-class-detail.class-mobile-recipient .class-detail-story h2{font-size:var(--type-section);font-weight:var(--weight-title);letter-spacing:var(--track-title);margin:0 0 18px;line-height:1.2}.teacher-storefront-shell.storefront-class-detail.class-mobile-recipient .class-detail-story-content{margin:0;display:block}.teacher-storefront-shell.storefront-class-detail.class-mobile-recipient .class-detail-story-row{border:0;min-height:0;margin:18px 0 0;padding:0;display:block}.teacher-storefront-shell.storefront-class-detail.class-mobile-recipient .class-mobile-description,.teacher-storefront-shell.storefront-class-detail.class-mobile-recipient .class-detail-story-row p,.teacher-storefront-shell.storefront-class-detail.class-mobile-recipient .class-detail-story-row:first-child p{max-width:none;color:var(--class-ink);font-family:var(--font-sans);font-size:var(--type-body);font-weight:var(--weight-text);letter-spacing:var(--track-text);overflow-wrap:anywhere;margin:0;line-height:1.6;display:block}}
.teacher-storefront-shell.storefront-class-detail .class-cover-edit-action{font-family:var(--font-ui)}.teacher-storefront-shell.storefront-class-detail .class-detail-cover.class-detail-cover-empty{background:color-mix(in srgb, var(--class-ink) 4%, var(--class-canvas));place-items:center;display:grid}.teacher-storefront-shell.storefront-class-detail .class-detail-cover.class-detail-cover-empty:before,.teacher-storefront-shell.storefront-class-detail .class-detail-cover.class-detail-cover-empty:after{display:none}.teacher-storefront-shell.storefront-class-detail .class-detail-cover-empty .class-cover-edit-action{max-width:calc(100% - 40px);position:static}@media (min-width:761px){.teacher-storefront-shell.storefront-class-detail[data-has-cover=false]:not(.template-voice-notes):not(.template-rehearsal) .class-detail-page,.teacher-storefront-shell.storefront-class-detail[data-has-cover=false]:not(.template-voice-notes):not(.template-rehearsal) .class-detail-intro{display:block}.teacher-storefront-shell.storefront-class-detail[data-has-cover=false]:not(.template-voice-notes):not(.template-rehearsal) .class-detail-intro-body{width:auto;max-width:none;height:auto;min-height:0;padding:48px clamp(24px,4vw,64px)}.teacher-storefront-shell.storefront-class-detail[data-has-cover=false]:not(.template-voice-notes):not(.template-rehearsal) .class-detail-intro h1{width:auto;max-width:22ch}.teacher-storefront-shell.storefront-class-detail[data-has-cover=false]:not(.template-voice-notes):not(.template-rehearsal) .class-detail-decision{width:auto;min-height:0;position:relative}}@media (max-width:760px){.teacher-storefront-shell.storefront-class-detail .class-detail-cover.class-detail-cover-empty{aspect-ratio:auto;height:180px;min-height:0;max-height:none}}