/* Mobile refinement only. Loaded at <=800px; desktop styles are unchanged. */
@media (max-width:800px){
 .wrap{width:calc(100% - 36px)}
 .nav{min-height:70px;gap:12px}.brand{gap:9px}.brand img{width:36px;height:36px}.wordmark{font-size:1.4rem}
 .announcement{font-size:10px;line-height:1.5;padding:6px 14px}.announcement span{margin-inline:6px}
 .menu-button{width:44px;height:44px;border:0;background:transparent;padding:11px;gap:5px;flex-shrink:0}.menu-button span{width:22px;height:1.5px}.menu-button span:nth-child(2){width:17px}.menu-button:hover span:nth-child(2){width:22px}
 .mobile-menu{width:min(390px,calc(100vw - 24px));height:100dvh;max-height:100dvh;overscroll-behavior:contain}.drawer-top{padding:19px 20px;gap:8px}.drawer-top .wordmark{font-size:1.25rem}.drawer-close{border:0;background:transparent;width:44px;height:44px;flex-shrink:0;font-size:1.9rem}.drawer-eyebrow{padding:20px 24px 10px;font-size:12px;line-height:1.6}.drawer-links{padding-inline:20px}.drawer-links a{min-height:57px;padding:14px 8px;font-size:1.2rem;line-height:1.3;letter-spacing:-.02em}.drawer-links a[aria-current=page]{border-radius:0}.drawer-bottom{padding:24px 24px max(24px,env(safe-area-inset-bottom))}.drawer-bottom .button{min-height:46px}.drawer-bottom p{font-size:14px;margin:19px 0 11px}.drawer-bottom>a:last-child{display:inline-flex;align-items:center;min-height:44px;line-height:1.5}
 .first-chapter{width:calc(100% - 36px);padding:24px 0 25px;gap:15px;min-height:0;grid-template-columns:minmax(0,1fr)}
 .first-chapter-copy,.chapter-collection,.studio-catalogue,.studio-tutor-copy,.studio-note-list{min-width:0}
 .chapter-label{font-size:10px;letter-spacing:.12em}.first-chapter h1{font-size:clamp(43px,11.5vw,56px);line-height:1.02;letter-spacing:-.055em;margin:12px 0 14px;max-width:none}.first-chapter h1 br{display:block}.first-chapter-copy>p{font-size:15px;line-height:1.55}
 .chapter-actions{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:14px;align-items:center;margin-top:18px;max-width:390px}.chapter-actions .button{min-height:46px;padding:11px 10px;font-size:13px;line-height:1.4;gap:8px;white-space:normal;text-align:center}.chapter-tutoring{min-height:46px;padding:11px 0;justify-content:space-between;font-size:13px;gap:8px;white-space:normal;line-height:1.4}.chapter-byline{gap:10px;margin-top:17px;font-size:11px;line-height:1.5}.chapter-byline>img{width:34px;height:34px;flex-shrink:0}.chapter-byline small{font-size:10px;margin-top:1px}
 .chapter-collection{position:relative;padding:0;max-width:620px;width:100%;isolation:isolate}.chapter-collection:before{content:'';position:absolute;left:0;right:0;top:115px;bottom:86px;background:#e4c77f;z-index:-1;pointer-events:none}
 .chapter-posters{display:flex;align-items:stretch;gap:18px;padding:14px 12px 19px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:12px;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#b19454 transparent;-webkit-overflow-scrolling:touch;width:100%;min-width:0;max-width:100%}.chapter-posters:before{display:none}.chapter-posters::-webkit-scrollbar{height:4px}.chapter-posters::-webkit-scrollbar-thumb{background:#b19454}
 .chapter-poster{flex:0 0 clamp(220px,76%,310px);scroll-snap-align:start;scroll-snap-stop:normal;padding:7px 7px 0;min-width:0;transform:rotate(-1.5deg);margin-block:4px;box-shadow:0 5px 10px #51421d12}.chapter-poster-1{transform:rotate(1deg)}.chapter-poster-2{transform:rotate(-1deg)}.chapter-poster:hover{transform:rotate(-1.5deg)}.chapter-poster-1:hover{transform:rotate(1deg)}.chapter-poster-2:hover{transform:rotate(-1deg)}.chapter-poster:focus-visible{outline-offset:3px}.chapter-poster img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}.chapter-poster>span{padding:10px 3px;min-height:42px;font-size:12px;line-height:1.4;gap:10px}.chapter-poster>span>span{font-size:18px}
 .chapter-gallery-caption{padding:8px 0 0;font-size:10px;line-height:1.5;gap:14px;align-items:start}.chapter-gallery-caption>span:first-child{max-width:none}.chapter-gallery-caption>span:last-child{max-width:125px;text-align:right}
 .chapter-carousel-controls:not([hidden]){display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:5px}.chapter-carousel-controls>span{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.chapter-carousel-controls>div{display:flex;gap:8px}.chapter-carousel-controls button{width:44px;height:44px;border:1px solid #c5b99b;background:transparent;font-size:21px;line-height:1}.chapter-carousel-controls button:hover:not(:disabled){background:#f0e3c3}.chapter-carousel-controls button:disabled{opacity:.35;cursor:default}
 .welcome-tutoring-band{width:100%;max-width:none;padding:25px 22px 26px;gap:17px;border-left:0;border-top:3px solid #ba8c32;align-items:flex-start}.welcome-tutoring-band .studio-label{font-size:10px;line-height:1.6;margin-bottom:9px}.welcome-tutoring-band h2{font-size:24px;line-height:1.25;letter-spacing:-.03em;max-width:500px;text-wrap:pretty}.welcome-tutoring-band p{font-size:14px;line-height:1.65;max-width:520px;margin-top:9px}.welcome-tutoring-band .button{min-height:46px;padding:11px 17px;font-size:13px;width:auto;max-width:100%;white-space:normal}
 .studio-shop,.studio-notes{padding-block:34px 38px}.resource-showcase-heading{margin-bottom:19px}.resource-showcase-heading h2,.studio-section-title h2{font-size:28px;line-height:1.2;letter-spacing:-.035em}.resource-showcase-heading p,.studio-section-title p{font-size:14px;line-height:1.65}.resource-showcase-heading>.text-link{min-height:44px;margin-top:6px;font-size:13px}.studio-shop .studio-subjects{padding-top:10px;margin-bottom:19px;gap:18px;scroll-padding-inline:4px}.studio-shop .studio-subjects a{min-height:44px;font-size:12px;flex-shrink:0;padding-inline:3px}
 .studio-shop .studio-catalogue .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 16px}.studio-shop .product{min-width:0}.studio-shop .product h3{font-size:15px;line-height:1.4;letter-spacing:-.015em;text-wrap:pretty;margin-top:5px}.studio-shop .product-meta{font-size:10px;line-height:1.55;margin-top:12px}.studio-shop .product-bottom{align-items:start;gap:3px}.studio-shop .product-bottom>span{font-size:11px;line-height:1.6}.studio-shop .product-buy,.studio-shop .preview-button{font-size:12px;min-height:44px;padding-block:8px;line-height:1.4}.studio-shop .product-buy{margin-top:0}.studio-shop .save-resource{min-width:44px;min-height:44px;top:7px;right:7px;font-size:11px;padding:7px}
 .studio-tuition{padding-block:35px 38px}.studio-tuition-grid{gap:27px;grid-template-columns:minmax(0,1fr)}.studio-tutor-photo{gap:20px;align-items:center}.studio-tutor-photo img{width:140px;max-width:44%;height:auto;flex-shrink:0}.studio-tutor-photo>span{font-size:11px;line-height:1.7;max-width:180px;margin-top:0}.studio-tutor-copy h2{font-size:clamp(36px,10.5vw,48px);line-height:1.08;margin:17px 0 26px;letter-spacing:-.045em}.studio-tutor-copy p{font-size:15px;line-height:1.75;max-width:620px;margin-top:13px}.studio-tutor-links{gap:12px 20px;margin-top:21px}.studio-tutor-links .button{min-height:46px;font-size:13px;padding:11px 16px}.studio-tutor-links .text-link{min-height:44px;font-size:13px}.studio-margin-note{padding-top:24px;margin-top:0}.studio-margin-note blockquote{font-size:18px;line-height:1.75;overflow-wrap:break-word}.studio-margin-note small{font-size:11px}.studio-margin-note p{font-size:13px;line-height:1.7}
 .studio-notes{gap:20px}.studio-section-title>.text-link{min-height:44px;font-size:13px;margin-top:12px}.studio-note-list .article-card{grid-template-columns:25px minmax(0,1fr);gap:0 14px;padding-block:22px}.studio-note-list .number{font-size:11px;line-height:1.5;margin-bottom:9px}.studio-note-list h3{font-size:21px;line-height:1.3;letter-spacing:-.025em;text-wrap:pretty}.studio-note-list p{font-size:14px;line-height:1.7;margin-bottom:9px}.studio-note-list .text-link{min-height:44px;font-size:13px}.studio-signoff{padding-block:32px}.studio-signoff blockquote{font-size:25px;line-height:1.4}.studio-signoff cite{font-size:11px;line-height:1.7}.studio-signoff-link{min-height:44px;line-height:1.6}
 .footer-top{padding-block:30px;gap:27px}.footer-top>div,.footer-links>div{min-width:0}.footer-links{gap:24px}.footer-links a{display:flex;align-items:center;min-height:44px;font-size:13px;line-height:1.5;padding-block:7px}.footer-links strong{font-size:12px;margin-bottom:8px}.footer p{font-size:13px;line-height:1.65}.footer-bottom{gap:10px 20px;font-size:11px;line-height:1.7;padding-block:18px max(18px,env(safe-area-inset-bottom))}.footer-bottom>a{min-height:44px;display:inline-flex;align-items:center}.contact-email{overflow-wrap:anywhere}
 .dialog{width:calc(100% - 24px);max-height:calc(100dvh - 32px);overflow:auto}.dialog-close{min-width:44px;min-height:44px}.dialog-layout{min-width:0}.dialog-copy .button{min-height:46px}
}
@media(min-width:561px) and (max-width:800px){
 .first-chapter{padding-top:28px;gap:20px}.first-chapter h1{font-size:56px}.chapter-posters{gap:22px}.chapter-poster{flex-basis:clamp(260px,60%,330px)}.studio-tuition-grid{grid-template-columns:160px minmax(0,1fr);gap:26px}.studio-tutor-photo{display:block;align-self:start}.studio-tutor-photo img{max-width:100%;width:150px}.studio-tutor-photo>span{display:block;margin-top:18px}.studio-margin-note{grid-column:2;display:block}.studio-tutor-copy h2{font-size:40px}.footer-links{gap:42px}
}
@media(max-width:360px){
 .wordmark{font-size:1.25rem}.brand img{width:33px;height:33px}.announcement{font-size:9px;padding-inline:10px}.announcement span{margin-inline:4px}.first-chapter h1{font-size:43px}.first-chapter-copy>p{font-size:14px}.chapter-actions{gap:11px}.chapter-actions .button,.chapter-tutoring{font-size:12px}.chapter-actions .button{padding-inline:8px}.chapter-gallery-caption{font-size:10px}.studio-shop .studio-catalogue .product-grid{gap:24px 12px}.studio-shop .product h3{font-size:14px}.studio-shop .save-resource{font-size:10px}.studio-tutor-copy h2{font-size:36px}.drawer-top{padding-inline:16px}.drawer-top .wordmark{font-size:1.1rem}.drawer-top .brand{gap:7px}.footer-links{gap:15px}
}
@media(prefers-reduced-motion:reduce){.chapter-posters{scroll-behavior:auto}.chapter-poster{transition:none}}
/* Header emphasis and quieter resource controls; the mobile hero stays intact. */
@media(max-width:800px){
 .header .brand img{width:40px;height:40px;flex-shrink:0}
 .header .wordmark{font-size:1.55rem}
 .studio-shop .save-resource{isolation:isolate;min-width:44px;min-height:44px;padding:8px;font-size:10px;background:transparent;border:0;box-shadow:none;color:#61491d;top:4px;right:4px}
 .studio-shop .save-resource:before{content:'';position:absolute;inset:7px 2px;z-index:-1;background:#f8f4e9;border:1px solid #cfc5ae;pointer-events:none}
 .studio-shop .save-resource[aria-pressed=true]{background:transparent;color:#ffe2a0}
 .studio-shop .save-resource[aria-pressed=true]:before{background:#302a1e;border-color:#302a1e}
 .studio-shop .studio-subjects{scrollbar-width:thin;scrollbar-color:#c8b995 transparent;overscroll-behavior-x:contain;padding-bottom:8px}
 .studio-shop .studio-subjects::-webkit-scrollbar{height:3px}
 .studio-shop .studio-subjects::-webkit-scrollbar-track{background:transparent}
 .studio-shop .studio-subjects::-webkit-scrollbar-thumb{background:#c8b995}
 .studio-shop .studio-subjects a{color:#656458;text-underline-offset:5px;text-decoration-thickness:1px}
 .studio-shop .studio-subjects a:hover,.studio-shop .studio-subjects a:focus-visible{color:var(--ink);text-decoration:underline}
 .studio-shop .product h3{min-height:2.8em}
 .studio-shop .product-bottom>span{min-height:3.2em}
}
@media(max-width:360px){
 .header .brand img{width:37px;height:37px}
 .header .wordmark{font-size:1.4rem}
}
/* Quiet transitions without changing the mobile hero or resource grid. */
@media screen and (max-width:800px){
 .page-index .welcome-tutoring-band{width:100%;margin-left:0;margin-right:0;border:0;padding:24px 22px 26px 18px}
 .page-index .studio-shop{padding-top:31px;padding-bottom:56px}
 .page-index .studio-shop .studio-subjects{border-top:0;padding-top:2px}
 .page-index .studio-tuition{padding-top:32px;padding-bottom:34px}
 .page-index .studio-tutor-photo{align-self:start}
 .page-index .studio-tutor-photo img{position:relative;margin-top:-48px}
 .page-index .studio-notes{padding-top:31px;padding-bottom:38px;gap:25px}
 .page-index .studio-note-list .article-card:first-child{border-top:0;padding-top:0}
}

@media(max-width:800px){.page-index .studio-tutor-copy h2 br{display:block}}
