@media(min-width:1700px){.hero-content{padding-top:50px}.hero h1{font-size:46px}.hero-subtitle{font-size:18px}.role-copy{padding-top:10px;padding-bottom:12px}.role-copy p{font-size:13px}.role-copy .button{min-height:36px}.section-heading{margin-top:6px;margin-bottom:12px}.system-body{padding-top:14px;padding-bottom:12px}.system-body p{font-size:13px}.feature-strip{padding-block:15px}}
@media(max-width:1279px){.container,.header-inner{width:calc(100% - 48px)}.header-inner{gap:15px}.wordmark{font-size:18px}.wordmark strong{font-size:24px}.wordmark small{font-size:9px}.art-logo{width:59px;height:57px}.desktop-nav{gap:14px}.desktop-nav a{font-size:12px}.header-actions{gap:6px}.header-actions .button{min-width:68px;padding-inline:12px}.hero-content{max-width:49%;margin-left:28%;padding-top:30px}.hero-subtitle{font-size:14px}.sanskrit{font-size:15px}.role-title h2{font-size:24px}.role-title{gap:12px}.role-title .icon-disc{margin-left:-55px;width:43px;height:43px}.role-copy p{font-size:11px}.role-copy .button{font-size:11px;gap:8px;padding-inline:10px}.role-card{grid-template-columns:43% 57%}.art-student{margin-right:22px}.art-creator{margin-right:37px;margin-left:0}.system-body h3{font-size:19px}.system-body p{font-size:11.5px;min-height:46px}.system-body .button{min-width:0;width:100%;padding-inline:12px;font-size:13px}.feature{gap:10px}.feature p{font-size:11px}.feature .icon-disc{width:40px;height:40px}.stat-item{gap:13px}.stat-item span{font-size:12px}}
@media(max-width:1099px){.desktop-nav,.desktop-auth{display:none}.menu-toggle{display:inline-flex}.header-inner{gap:12px}.header-actions{margin-left:auto}.wordmark{font-size:20px}.wordmark strong{font-size:26px}.wordmark small{font-size:10px}.site-header{height:80px}.hero-content{max-width:55%;width:550px;margin-left:23%}.hero h1{font-size:32px}.hero{height:390px}.hero-picture img{object-fit:cover}.role-card{grid-template-columns:40% 60%}.role-title .icon-disc{display:none}.role-copy{padding:12px 10px 12px 0}.role-copy p{font-size:11px}.art-student{margin:0 8px 0 0}.art-creator{margin-right:12px}.role-copy .button{font-size:11px;min-height:38px}.feature{gap:8px}.feature .icon-disc{width:35px;height:35px}.feature .icon{width:24px}.stat-item{gap:9px;padding-inline:10px}.stat-item>.icon{width:30px}.system-body h3{font-size:18px}.system-body p{min-height:60px}.system-body .button{font-size:12px;gap:5px}.education-grid{gap:12px}.section-heading h2{font-size:29px}.content-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){body{padding-bottom:calc(72px + env(safe-area-inset-bottom));font-size:14px}.container,.header-inner{width:calc(100% - 28px)}.site-header{height:86px}.brand{gap:8px}.art-logo{width:57px;height:55px}.wordmark{font-size:19px;line-height:1}.wordmark strong{font-size:24px}.wordmark small{font-size:8px;max-width:190px}.header-actions{gap:0}.header-actions .icon-button{width:38px;height:44px}.header-actions .icon{width:26px;height:26px}.hero{height:auto;aspect-ratio:1/1.12;min-height:420px;max-height:590px}.hero-picture img{object-fit:cover;object-position:center bottom}.hero-content{width:100%;max-width:none;margin:0;padding:22px 15px 0}.hero h1{font-size:clamp(26px,6.75vw,40px);letter-spacing:-1px;line-height:1.03}.hero-subtitle{font-family:Georgia,"Nirmala UI",serif;max-width:380px;margin:9px auto 0;font-size:clamp(12px,3vw,16px);line-height:1.35}.hero-subtitle br{display:none}.hero-subtitle span:before{content:" | "}.sanskrit{font-size:12px;padding:3px 13px;margin:8px auto}.button-hero{font-size:14px;padding:9px 19px;min-height:41px}.homepage-content{margin-top:-11px;width:100%;background:var(--surface);border-radius:17px 17px 0 0;padding:12px 14px 0}.role-grid{grid-template-columns:1fr;padding:0;gap:12px;background:none;box-shadow:none;border-radius:0}.role-card{grid-template-columns:40% 60%;min-height:150px;border-radius:12px;background:radial-gradient(circle at 19% 57%,#ffeab5 0%,#fff9e7 40%,#fffefa 85%)}.role-copy{padding:13px 10px 12px 0}.role-title h2{font-size:25px}.role-title h2 small{font-size:15px;margin-bottom:2px}.role-copy p{font-size:11px;margin:9px 0}.role-copy .button{font-size:11px;min-height:38px;padding-inline:9px;gap:7px;width:100%}.role-copy .button .icon{width:17px}.art-student{margin-right:8px;aspect-ratio:310/220;--crop-h:220;align-self:stretch}.art-student img{top:0;left:calc(82 / 310 * -100%);transform:translateY(calc(470 / 1024 * -100%));width:calc(1536 / 310 * 100%)}.art-creator{margin:0 9px 0 0;align-self:end}.role-card .art-student{align-self:end;aspect-ratio:310/128}.role-card .art-student img{top:calc(470 / 128 * -100%);transform:none}.education-section{padding-top:25px}.section-heading{margin-bottom:15px}.section-heading h2{font-size:28px;letter-spacing:-.6px;gap:9px}.section-heading h2 span{font-size:28px}.section-heading>p{font-size:14px;margin-top:5px}.education-grid{grid-template-columns:1fr;gap:20px;max-width:520px;margin:auto}.education-card{border-radius:13px}.education-card>.reference-art{aspect-ratio:460/134}.system-body{padding:14px 16px 16px}.system-body h3{font-size:23px;letter-spacing:-.65px;margin-bottom:8px}.system-body p{min-height:0;max-width:400px;font-size:13px;line-height:1.55;margin-bottom:13px}.system-body .button{width:auto;min-width:245px;font-size:14px;min-height:41px;padding-inline:18px}.system-icon{height:54px;width:54px;left:calc(50% - 27px);top:-44px}.system-icon .icon{width:29px;height:29px}.feature-strip{grid-template-columns:repeat(3,1fr);gap:21px 0;padding:26px 0}.feature{flex-direction:column;gap:8px;text-align:center}.feature p{font-size:12px}.feature .icon-disc{width:49px;height:49px}.feature .icon{width:28px;height:28px}.feature:nth-child(4):before{display:none}.feature+.feature:before{top:18px;bottom:0}.stats-grid{width:100%;grid-template-columns:repeat(3,1fr);gap:18px 0;padding:22px 8px}.stat-item{flex-direction:column;gap:7px;text-align:center;justify-content:flex-start;padding:0 5px}.stat-item:nth-child(4){border-left:0;grid-column:1/2}.stat-item:nth-child(5){grid-column:2/4}.stat-item>.icon{width:31px;height:31px}.stat-item span{font-size:11px}.stat-item strong{font-size:20px}.stats-strip{border-radius:13px 13px 0 0}.footer-meta{flex-direction:column;gap:12px;text-align:center;padding-block:18px;font-size:11px}.footer-meta nav{flex-wrap:wrap;justify-content:center;gap:12px}.bottom-nav{position:fixed;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));bottom:0;left:0;right:0;z-index:5;padding:8px 4px calc(8px + env(safe-area-inset-bottom));min-height:70px;background:linear-gradient(#850000,#550000);border-top:1px solid #e4b132;border-radius:15px 15px 0 0;box-shadow:0 -3px 15px #55000020;color:#fff}.bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:50px;border-radius:8px}.bottom-nav .icon{width:24px;height:24px}.bottom-nav span{font-size:10px;white-space:nowrap}.bottom-nav a[aria-current]{color:#ffdf7b;background:#ffffff08}.bottom-nav a[aria-current] .icon{filter:drop-shadow(0 0 4px #f0c54d55)}.inner-main{padding-top:28px;min-height:65vh;padding-bottom:40px}.page-heading{margin-bottom:25px}.page-heading p{font-size:14px}.content-grid{grid-template-columns:1fr}.system-detail{grid-template-columns:1fr;gap:24px}.steps{grid-template-columns:1fr;gap:12px}.steps li{padding:22px}.steps li:before{margin-bottom:15px}.search-dialog{padding:20px}.dialog-heading h2{font-size:22px}.search-field{gap:8px}.search-field .button{padding-inline:15px}.search-field .button .icon{display:none}.category-list{gap:7px}.category-list a{font-size:12px;padding:7px 12px}.empty-state{padding:30px 18px}.empty-state h2{font-size:25px}}
@media(min-width:481px) and (max-width:767px){.hero{aspect-ratio:1.15/1;min-height:450px}.hero-content{padding-top:28px}.role-grid{max-width:520px;margin:auto}.role-card{min-height:170px}.role-copy p{font-size:13px}.role-copy .button{font-size:13px}.role-title h2{font-size:29px}.role-title h2 small{font-size:17px}.wordmark{font-size:23px}.wordmark strong{font-size:29px}.wordmark small{font-size:10px}.art-logo{width:65px;height:63px}.hero-subtitle{max-width:430px}.sanskrit{font-size:14px}.button-hero{font-size:16px}}
@media(max-width:767px){.hero-picture img{object-fit:cover}.hero-content{padding-top:20px}.hero-subtitle{font-family:"Segoe UI",sans-serif;font-size:12px;max-width:360px}.hero .button-hero{display:flex;width:max-content;max-width:94%;margin-left:5%;margin-right:auto}.role-card{grid-template-columns:39% 61%}.role-card .art-student{--crop-x:61;--crop-y:674;--crop-w:209;--crop-h:154;aspect-ratio:209/154;margin-right:5px}.role-card .art-creator{--crop-x:532;--crop-y:674;--crop-w:191;--crop-h:155;aspect-ratio:191/155;margin-right:5px}.role-card .reference-art img{width:calc(1024 / var(--crop-w) * 100%);left:calc(var(--crop-x) / var(--crop-w) * -100%);top:calc(var(--crop-y) / var(--crop-h) * -100%)}.role-copy p{font-size:11.5px}.role-copy .button{font-size:11px;min-height:44px}.role-title h2{font-size:24px}.section-heading h2{font-size:27px;gap:10px}.section-heading h2 span{width:20px;flex-shrink:0;height:9px}.section-heading h2 span:after{width:11px;height:11px;left:calc(50% - 6px)}.system-icon{width:62px;height:62px;left:calc(50% - 31px);top:-53px}.system-body{padding-top:16px}.button{min-height:44px}.bottom-nav span{font-size:10px}}
@media(max-width:359px){.header-inner{width:calc(100% - 20px)}.brand{gap:6px}.art-logo{width:46px;height:44px}.wordmark{font-size:17px}.wordmark strong{font-size:21px}.wordmark small{font-size:7px;letter-spacing:-.2px}.header-actions .icon-button{width:34px}.header-actions .icon{width:23px}.hero{min-height:400px}.hero-content{padding-inline:10px}.hero h1{font-size:25px}.role-card{grid-template-columns:34% 66%}.role-title h2{font-size:23px}.role-copy p{font-size:10.5px}.role-copy .button{font-size:10.5px}.section-heading h2{font-size:24px;gap:7px}.section-heading h2 span{width:12px}.section-heading>p{font-size:12px}.system-body h3{font-size:21px}.system-body p{font-size:12px}.system-body .button{min-width:0;width:100%;font-size:13px}.bottom-nav span{font-size:9px}}
@media(max-width:767px){.role-card .art-student{--crop-h:119;aspect-ratio:209/119}.role-card .art-creator{--crop-w:180;aspect-ratio:180/155}.section-heading h2 span{font-size:0}}