/* V1.14 Homepage. Design intent: discovery first, useful subject links, no decorative JS. */
.studio-home-hero{background:radial-gradient(ellipse at 87% 14%,#eee9ff 0,transparent 43%),linear-gradient(128deg,#fcfbf8,#f5f5fb 77%);border-bottom:1px solid #e6e4ed}
.studio-hero-grid{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);align-items:center;gap:clamp(24px,4.2vw,64px);padding-top:clamp(45px,4.4vw,68px);padding-bottom:clamp(43px,4.4vw,66px)}
.studio-hero-copy{min-width:0;max-width:680px}
.studio-kicker{display:flex;align-items:center;gap:9px;color:#504876;font-size:.67rem;font-weight:800;letter-spacing:.12em;line-height:1.4;margin:0}
.studio-kicker>span{display:inline-grid;place-items:center;width:25px;height:25px;border-radius:7px;background:#ebe8fb;color:#5741d7;font-size:1rem;flex-shrink:0}
.studio-home-hero h1{max-width:680px;color:#18213d;font-size:clamp(3.15rem,4.4vw,4.25rem);line-height:1.09;letter-spacing:-.057em;margin:21px 0 19px;font-weight:820;text-wrap:balance}
.studio-home-hero h1 em{color:#503dde;font-weight:inherit;white-space:normal;text-decoration:none}.studio-home-hero h1 em:after{display:none}.studio-title-dot{color:#65b793}
.studio-hero-lede{max-width:550px;margin:0 0 24px;color:#59657a;font-size:clamp(.96rem,1.1vw,1.04rem);line-height:1.68}
.studio-search{display:flex;align-items:center;gap:10px;max-width:600px;width:100%;min-height:62px;padding:6px 6px 6px 17px;background:#fff;border:1px solid #d8d9e6;border-radius:14px;box-shadow:0 12px 28px #24204c0d}
.studio-search>svg{flex:0 0 20px;color:#5a6178}
.studio-search input{display:block;min-width:0;width:100%;flex:1 1 0;min-height:46px;border:0;outline:0;background:transparent;box-shadow:none!important;color:#17213a;font-size:.88rem;line-height:1.3;padding:0}
.studio-search input:focus{outline:0}.studio-search:focus-within{border-color:#6c57e5;box-shadow:0 0 0 3px #6657e51a}
.studio-search button{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;margin:0;padding:10px 17px;background:#4e3cdd;color:#fff;border:0;border-radius:9px;font-weight:750;font-size:.8rem;line-height:1.1;white-space:nowrap;box-shadow:none;cursor:pointer}
.studio-search button:hover{background:#3724b4}.studio-search button:focus-visible{outline:3px solid #806fe5;outline-offset:2px}
.studio-popular{display:flex;flex-wrap:wrap;align-items:center;gap:7px 11px;max-width:610px;margin-top:13px;font-size:.73rem;line-height:1.6}
.studio-popular>span{font-weight:750;color:#657086}.studio-popular a{color:#4838bd;text-decoration:underline;text-underline-offset:3px;text-decoration-color:#a9a0e8}.studio-popular a:hover{color:#281e8d}
.studio-hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px;margin-top:23px}.studio-hero-actions .button{min-height:46px;padding:12px 18px;background:#19213e;color:#fff;border-radius:10px;font-size:.83rem}
.studio-hero-actions .button:hover{background:#30395d}.studio-simple-link{display:inline-flex;align-items:center;gap:7px;color:#30395f;font-size:.86rem;font-weight:750;text-decoration:none}.studio-simple-link:hover{text-decoration:underline;text-underline-offset:4px}
.studio-hero-note{display:flex;align-items:flex-start;gap:7px;max-width:560px;color:#697387;margin-top:18px;font-size:.74rem;line-height:1.6}.studio-hero-note span{color:#33805f;font-weight:850}
/* The right-hand feature is a real course-navigation panel, not a passive illustration. */
.studio-feature{position:relative;min-width:0;align-self:center;overflow:hidden;background:#17203e;border:1px solid #293053;border-radius:23px;box-shadow:14px 15px 0 #dfd9ee,0 20px 50px #26254712;color:#f9faff}
.studio-feature-top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 20px 0;font-weight:800;font-size:.65rem;letter-spacing:.13em;color:#b9b9d9}
.studio-feature-top-mark{color:#c4f3ac;font-size:1.4rem;line-height:1}
.studio-feature-intro{padding:14px 23px 19px}.studio-feature-eyebrow{font-size:.61rem;letter-spacing:.12em;font-weight:760;color:#b8c9ee}
.studio-feature-intro h2{margin:7px 0 6px;max-width:400px;font-size:clamp(1.7rem,2.5vw,2.35rem);letter-spacing:-.047em;line-height:1.14;color:#fff;font-weight:790}
.studio-feature-intro h2 em{color:#bef1cc}.studio-feature-intro p{font-size:.8rem;color:#d0d8ec;line-height:1.5}
.studio-path-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0 15px 17px}
.studio-path{min-height:145px;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:2px;border-radius:13px;padding:17px 15px 15px;color:#19213c;text-decoration:none!important;isolation:isolate;transition:transform .18s ease,box-shadow .18s ease}
.studio-path:hover{transform:translateY(-2px);box-shadow:0 9px 20px #080b2d3d}.studio-path:focus-visible{outline:3px solid #fff;outline-offset:-4px}
.studio-path-animation{background:#e6e0fc}.studio-path-design{background:#fae1c9}.studio-path-ux{background:#cef0dd}.studio-path-vfx{background:#cfe3fa}
.studio-path-meta{position:relative;z-index:2;font-size:.56rem;letter-spacing:.1em;font-weight:840;color:#47526d;margin-bottom:3px}.studio-path strong{position:relative;z-index:2;font-size:.96rem;line-height:1.2;font-weight:850;letter-spacing:-.025em;padding-right:17px}
.studio-path-arrow{position:absolute;z-index:2;right:13px;bottom:11px;font-size:1.1rem;font-weight:700}
.studio-path-art{position:absolute;display:block;top:11px;right:13px;width:82px;height:78px;pointer-events:none}
.studio-art-motion:before{content:"";position:absolute;inset:9px 11px 7px;border-radius:18px;transform:rotate(-20deg);background:#6855d9;box-shadow:6px -5px 0 #a9a0fa}.studio-art-motion:after{content:"";position:absolute;inset:24px 30px 23px 27px;background:#f6f3ff;border-radius:7px;transform:rotate(-20deg)}
.studio-art-design:before{content:"";position:absolute;inset:6px 4px 16px 10px;border-radius:11px;background:#ecad73;transform:rotate(12deg)}.studio-art-design:after{content:"";position:absolute;top:19px;left:24px;width:34px;height:34px;border-radius:50%;background:#fcead7;box-shadow:18px -7px 0 -5px #b65a50}
.studio-art-ux:before{content:"";position:absolute;inset:8px 4px 12px;border-radius:9px;border:3px solid #4f9079;background:#effdf4;transform:rotate(-6deg)}.studio-art-ux:after{content:"";position:absolute;top:24px;left:16px;height:7px;width:42px;border-radius:7px;background:#8ac5a5;box-shadow:0 13px 0 #a7dbc0,22px 26px 0 -1px #4f9079;transform:rotate(-6deg)}
.studio-art-vfx:before{content:"";position:absolute;inset:8px 5px 14px;border-radius:10px;background:#568add;transform:rotate(8deg)}.studio-art-vfx:after{content:"";position:absolute;top:25px;left:30px;border-top:15px solid transparent;border-bottom:15px solid transparent;border-left:24px solid #d9eeff;transform:rotate(8deg)}
.studio-feature-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #ffffff22}
.studio-feature-links a{min-width:0;min-height:51px;display:flex;align-items:center;justify-content:space-between;gap:6px;padding:11px 12px;color:#eff1ff;text-decoration:none;font-size:.69rem;font-weight:750;line-height:1.3;border-right:1px solid #ffffff22}
.studio-feature-links a:last-child{border-right:0}.studio-feature-links a:hover{background:#ffffff12}.studio-feature-links a>span:last-child{color:#bff0c7;flex-shrink:0;font-size:1rem}
.studio-interest-strip{display:flex;flex-wrap:wrap;align-items:center;gap:10px 23px;border-top:1px solid #e3e2eb;padding-block:19px;color:#3b4866}
.studio-interest-strip>span:first-child{font-size:.64rem;letter-spacing:.12em;color:#6e6b85;font-weight:850}.studio-interest-strip a{color:#343f63;font-size:.78rem;font-weight:750;text-decoration:none}
.studio-interest-strip a:hover{text-decoration:underline;text-underline-offset:4px}
@media(max-width:1060px){.studio-hero-grid{gap:28px}.studio-home-hero h1{font-size:clamp(2.8rem,4.5vw,3.8rem)}.studio-feature{box-shadow:9px 10px 0 #dfd9ee}.studio-path{min-height:133px}.studio-path-art{opacity:.84;transform:scale(.84);transform-origin:right top}}
@media(max-width:850px){.studio-hero-grid{grid-template-columns:1fr;gap:33px;padding-top:39px}.studio-hero-copy{max-width:700px}.studio-feature{width:min(100%,640px);justify-self:center}.studio-home-hero h1{max-width:690px;font-size:clamp(3.05rem,7.5vw,4.45rem)}}
@media(max-width:600px){.studio-hero-grid{padding-top:30px;padding-bottom:29px;gap:29px}.studio-home-hero h1{font-size:clamp(2.7rem,10vw,3.6rem);margin-top:17px}.studio-kicker{font-size:.6rem;letter-spacing:.07em}.studio-hero-lede{font-size:.91rem;line-height:1.63;margin-bottom:19px}.studio-search{min-height:58px;padding-left:12px;gap:8px}.studio-search input{font-size:.79rem}.studio-search button{min-height:44px;padding:10px 12px;font-size:.73rem;gap:4px}.studio-feature{border-radius:17px;box-shadow:6px 8px 0 #ded9eb}.studio-feature-top{padding:15px 15px 0}.studio-feature-intro{padding:10px 15px 16px}.studio-feature-intro h2{font-size:1.85rem}.studio-path-grid{padding:0 10px 12px;gap:8px}.studio-path{min-height:125px;padding:13px 11px}.studio-path strong{font-size:.88rem}.studio-path-art{transform:scale(.72)}.studio-feature-links a{font-size:.64rem;padding:10px 8px}.studio-interest-strip{justify-content:flex-start;gap:10px 15px}.studio-interest-strip>span:first-child{width:100%}}
@media(max-width:390px){.studio-home-hero h1{font-size:2.53rem}.studio-search>svg{display:none}.studio-search button{padding-inline:10px}.studio-path-meta{font-size:.52rem}.studio-path strong{font-size:.8rem}.studio-feature-links a{font-size:.61rem}}
@media(prefers-reduced-motion:reduce){.studio-path{transition:none!important;transform:none!important}}
@media(forced-colors:active){.studio-feature,.studio-path{border:1px solid CanvasText}.studio-path{color:CanvasText}.studio-feature-links a{color:LinkText}}