/* Final device rules: phone (<=600), tablet (601–1100), desktop. */
:root{--page-gutter:32px;--touch-size:44px}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{overflow-wrap:anywhere}img,video{max-width:100%}.wrap{width:min(1160px,calc(100% - var(--page-gutter)*2))}main>section{min-width:0}.course,.content-card,.expert-content,.section-head>div,.guide>div,.path-card{min-width:0}button,.button,summary,select{touch-action:manipulation}button,.button,summary{min-height:var(--touch-size)}input,select,textarea{min-width:0;font-size:16px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #b9a3ff;outline-offset:3px}h1,h2,h3,p{overflow-wrap:anywhere}body>header{position:relative;gap:16px;padding-inline:max(var(--page-gutter),env(safe-area-inset-left));height:auto;min-height:76px;isolation:isolate;z-index:20}.menu-toggle{display:none;background:#201a2b;color:#f6f4fa;border:1px solid #534566;padding:8px 13px;white-space:nowrap}.site-nav a{display:flex;align-items:center;min-height:44px}body>header>.small{flex-shrink:0}.image-led-hero h1{font-size:clamp(28px,4.1vw,52px);letter-spacing:-.045em}.section-head h2{font-size:clamp(27px,3.8vw,39px)}.content-card h3{font-size:clamp(20px,2.1vw,24px)}.content-card p{font-size:14px;line-height:1.9}.content-tag{white-space:normal;overflow-wrap:anywhere;line-height:1.6}.content-card>a,.content-card>.text-button{min-height:44px;display:inline-flex;align-items:center;line-height:1.6}.course-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.review-grid{grid-template-columns:1.35fr 1fr 1fr}.section-art,.class-hero-art{line-height:0}.image-zoom{touch-action:manipulation}.image-zoom>span{line-height:1.6}.mobile-cta{bottom:max(14px,env(safe-area-inset-bottom));height:auto;min-height:58px;padding:6px}.mobile-cta>*{min-height:44px}.site-footer{padding-bottom:calc(110px + env(safe-area-inset-bottom))}body:has(dialog[open]){overflow:hidden}body:has(dialog[open]) .mobile-cta{display:none}dialog{max-height:calc(var(--app-viewport-height,100dvh) - 24px);overflow-y:auto;overscroll-behavior:contain;margin:auto;padding:24px;scroll-padding:20px}dialog button,dialog a.button{min-height:44px}dialog label{line-height:1.7}.form-row{grid-template-columns:repeat(2,minmax(0,1fr))}#booking{width:min(580px,calc(100vw - 24px))}.modal-head,.viewer-head{position:sticky;top:-24px;z-index:3;background:#141316;padding-block:8px}#booking h2{padding-top:4px}.modal-head>button,#close-image{min-width:44px;flex-shrink:0}#image-viewer{width:min(1200px,calc(100vw - 24px));max-width:none;max-height:calc(var(--app-viewport-height,100dvh) - 24px);padding:16px}#image-viewer .viewer-head{top:-16px;background:#141416}.viewer-head h2{line-height:1.5;min-width:0}.viewer-tools{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-block:12px}.viewer-tools p{margin:0;flex:1;min-width:180px}.viewer-tools button{background:#30243d;color:#fff;border:1px solid #705684;padding:8px 14px}.viewer-scroll{overflow:auto;max-height:calc(var(--app-viewport-height,100dvh) - 210px);touch-action:pan-x pan-y pinch-zoom;-webkit-overflow-scrolling:touch}.viewer-scroll img{display:block;width:100%;min-width:0;max-width:100%;height:auto;margin:auto}.viewer-scroll.is-zoomed img{width:auto;max-width:none;min-width:100%}#original-image-link{min-height:44px;display:flex;align-items:center;line-height:1.6}.syllabus li{line-height:1.9}.portfolio-toolbar{flex-wrap:wrap}.image-led-hero .actions{flex-wrap:wrap}.infographic-actions{flex-wrap:wrap}.infographic-actions>.button{min-height:48px}
@media(max-width:1100px){body>header{min-height:70px}.brand-sub{display:none}.menu-toggle{display:block;margin-left:auto}.site-nav{display:none!important;position:absolute;top:100%;left:0;right:0;background:#151119;border:1px solid #44364e;border-top:0;padding:12px var(--page-gutter);box-shadow:0 18px 32px #0008;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-height:calc(var(--app-viewport-height,100dvh) - 80px);overflow-y:auto}.site-nav.is-open{display:grid!important}.site-nav a{padding:9px 12px;border-radius:10px;background:#241b2e;color:#eee;font-size:14px;justify-content:center}.course-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.course-grid>.course:last-child{grid-column:1/-1}.course-grid>.course:last-child ul{min-height:0}.course-grid>.course:last-child .button{max-width:420px}.course{padding:26px}.review-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.review-grid>.featured{grid-column:1/-1}.content-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.content-grid>.content-card:last-child{grid-column:1/-1;max-width:640px;width:100%;justify-self:center}.content-card{display:block;padding:18px}.content-art.creator-art{width:100%;grid-row:auto}.indigo-wall{grid-template-columns:repeat(2,minmax(0,1fr));max-width:800px}.indigo-benefit-banner{display:none}.indigo-benefit{padding-bottom:24px}.benefit-mobile-scene{display:block;position:relative;overflow:hidden;width:100%;aspect-ratio:600/315;max-height:370px}.benefit-mobile-scene>img{position:absolute;width:264.33333%;max-width:none;height:auto;left:-92%;top:-171.42857%;aspect-ratio:1586/992}.benefit-live-copy{position:static;width:auto;height:auto;overflow:visible;clip:auto;padding:24px 28px 0}.benefit-live-copy>span{font-size:11px;letter-spacing:2px}.benefit-live-copy h2{font-size:clamp(26px,3.5vw,34px);line-height:1.45;margin:14px 0}.benefit-live-copy p,.benefit-live-copy li{font-size:15px;line-height:1.9;color:#34346e}.benefit-live-copy ul{padding-left:22px}.benefit-live-copy li{margin:14px 0}.indigo-benefit .benefit-live-cta{position:static;width:calc(100% - 56px);height:auto;min-height:48px;margin:24px auto 0;font-size:14px;padding:12px}.process-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.section-head{flex-wrap:wrap}.curriculum-row{gap:28px}.guide{gap:32px}.expert{gap:28px}}
@media(max-width:900px){.curriculum-row,.expert,.guide,.beginner-story{grid-template-columns:minmax(0,1fr)}.curriculum-poster{width:min(500px,100%);justify-self:center;order:-1}.expert .instructor-art{grid-column:auto}.expert-name{margin-top:22px}.expert-facts{gap:12px}.lesson-format-grid{gap:18px}.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:row;grid-auto-columns:auto;overflow-x:visible}.portfolio-item{width:100%}.section-head{flex-direction:column;align-items:flex-start}.expert-content .expert-lead{font-size:24px}.expert-content>p{font-size:15px}}
@media(max-width:600px){:root{--page-gutter:16px}body>header{min-height:64px;gap:8px}.brand{font-size:19px;gap:7px}.company-logo{width:32px;height:32px;object-fit:contain}.menu-toggle{font-size:13px;padding:8px 10px}body>header>.small{font-size:12px;padding:9px 12px}.site-nav{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px 16px}.site-nav a{font-size:13px}.image-led-hero{padding-top:26px;gap:18px}.image-led-hero h1{font-size:clamp(25px,7.2vw,34px);line-height:1.35}.image-led-hero .hero-v3-desc{font-size:14px;line-height:1.85;max-width:100%}.image-led-hero .lesson-label{font-size:13px}.hero-facts span{font-size:12px!important;line-height:1.7}.image-led-hero .actions{display:grid;width:100%;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}.image-led-hero .actions .button{min-width:0;min-height:48px;font-size:13px;padding:12px 9px}.section-head h2,h2{letter-spacing:-.04em}.section-head>p{font-size:14px;line-height:1.9}.eyebrow{font-size:11px;letter-spacing:1.3px}.content-grid,.course-grid,.review-grid,.lesson-format-grid,.combined-images{grid-template-columns:minmax(0,1fr)}.course-grid>.course:last-child,.review-grid>.featured,.content-grid>.content-card:last-child{grid-column:auto}.content-card{padding:18px}.content-card h3{font-size:22px}.content-card p{font-size:14px;line-height:1.95}.content-tag{font-size:10px;margin-top:18px}.content-card>a,.content-card>.text-button{font-size:14px}.course{padding:26px 22px}.course p,.course ul,.course-meta,.curriculum p{font-size:14px}.course .curriculum-link{font-size:14px;min-height:44px;display:flex;align-items:center}.course-grid>.course:last-child .button{max-width:none}.curriculum-row{padding:22px 18px}.curriculum-row h3{font-size:24px}.syllabus li{font-size:15px;gap:12px}.syllabus li span{flex-shrink:0}.path-card h4{font-size:18px}.path-card p{font-size:14px}.portfolio-grid{grid-template-columns:minmax(0,1fr);overflow:visible;gap:22px}.portfolio-toolbar{font-size:12px;line-height:1.8}.portfolio-toolbar span:last-child{display:none}.portfolio-item h3{font-size:17px}.review{padding:24px;min-height:0}.review-text,.review.featured .review-text{font-size:20px}.review footer{flex-wrap:wrap}.source-note{font-size:12px;line-height:1.9}.trust{gap:20px 8px}.trust p{font-size:12px;line-height:1.8}.trust strong{font-size:28px}.trust strong span{font-size:12px}.expert-facts{grid-template-columns:minmax(0,1fr);gap:14px}.expert-facts>div{padding:8px 0}.expert-name span{font-size:14px}.expert-content>p{font-size:15px;line-height:1.95}.process-steps{gap:12px}.process-steps li{padding:17px 14px}.process-steps h3{font-size:17px}.process-steps p{font-size:13px}.faq summary,.app-guide summary{font-size:16px;line-height:1.75}.faq details p,.app-guide details p{font-size:14px;padding-right:0}.closing h2{font-size:29px}.indigo-card{border-radius:12px}.indigo-wall{gap:12px}.benefit-live-copy{padding:20px 22px 0}.benefit-live-copy p,.benefit-live-copy li{font-size:14px}.benefit-live-copy ul{padding-left:0;list-style:none}.indigo-benefit .benefit-live-cta{width:calc(100% - 44px);font-size:13px}.site-footer{gap:14px;line-height:1.8}.site-footer p{font-size:12px}.mobile-cta{width:calc(100% - 24px);max-width:440px}.mobile-cta a,.mobile-cta button{font-size:13px}.form-row{grid-template-columns:minmax(0,1fr);gap:0}dialog{padding:18px}dialog h2{font-size:24px}.modal-head{top:-18px}#image-viewer{padding:12px}#image-viewer .viewer-head{top:-12px}#image-viewer h2{font-size:16px}.viewer-tools p{font-size:12px}.viewer-scroll{max-height:calc(var(--app-viewport-height,100dvh) - 210px)}.infographic-actions>.button{flex:1;font-size:13px;min-width:130px}.beginner-story p{font-size:14px}}
@media(max-width:360px){:root{--page-gutter:12px}.brand{font-size:17px}.brand .company-logo{width:28px;height:28px}body>header>.small{padding:8px;font-size:11px}.menu-toggle{padding:8px;font-size:12px}.process-steps{grid-template-columns:1fr}.indigo-wall{gap:8px}.image-led-hero .actions{grid-template-columns:1fr}}
@media(max-height:500px) and (orientation:landscape){dialog{max-height:calc(var(--app-viewport-height,100dvh) - 12px)}.viewer-scroll{max-height:calc(var(--app-viewport-height,100dvh) - 180px)}.mobile-cta{bottom:6px;min-height:48px;padding:3px}}
@media(max-width:1100px){.benefit-mobile-scene{max-height:none}body:has(.site-nav.is-open) .mobile-cta{display:none}}