/* Source frames: Nav 7:116; introduction 91:344; dark scene 8:137.
   Aeonik is retained first in the stack; licensed font files are not supplied. */
:root{--content-width:1120px;--section-gutter:max(24px,calc((100vw - var(--content-width))/2));--figma-blue:#002f6d;--figma-orange:#f26b27}
[hidden]{display:none!important}
.device[data-build="ready"] .project-build-overlay{visibility:hidden}
.nav{height:75px;padding:0 var(--section-gutter);border-bottom:1px solid #eef0f5;gap:37px;background:#fff}
.nav .logo{margin-right:auto;flex-shrink:0;gap:0}
.school-logo{display:block;position:relative;width:131px;height:44px;flex-shrink:0}
.logo .school-logo img{position:absolute;width:auto;height:auto;max-height:none;max-width:none}
.school-symbol{left:0;top:0}.school-name{left:46.69px;top:6.79px}.school-of{left:46.4px;top:32.2px}.school-ai{left:89.7px;top:28.75px}
.nav nav{gap:30px;font-size:14px;font-weight:500;color:#f26b27}
.nav-cta{border-radius:20px;padding:9px 22px;font-size:12px;font-weight:500;border:.5px solid #2c3c8f;background:linear-gradient(107deg,#002f6d 7%,#2c3c8f 60%,#f26b27 95%);white-space:nowrap}.nav-cta span{margin-left:9px}
.hero{min-height:0;padding:80px var(--section-gutter) 0;grid-template-columns:553px 453px;justify-content:space-between;gap:45px 35px;background:#fff;align-items:center}
.hero canvas,.hero-grid{display:none}.hero-copy{padding:0;max-width:553px}
.hero h1{font-size:58px!important;line-height:1.027;letter-spacing:-1.16px;margin:0 0 16px;font-weight:700;background:linear-gradient(90deg,#002f6d,#005bd3);color:transparent;background-clip:text}
.hero-line{font-family:Kalam,cursive;font-weight:400;font-size:36px!important;line-height:1.15;letter-spacing:-1px;color:#f26b27;margin:0 0 15px}
.hero-body{color:#002f6d;font-size:16px;line-height:1.5;max-width:450px;margin:0}
.hero .actions{margin-top:25px;gap:16px;align-items:center}
.hero .btn.light,.hook-intro .btn{border:1px solid #002f6d0d;border-radius:50px;background:linear-gradient(98deg,#002f6d 15%,#f26b27 127%);box-shadow:0 0 2.5px #f26b2740;padding:16px 28px;min-width:200px;text-align:center;color:#fff;font-size:14px;font-weight:400}
.hero .btn.ghost{border:0;background:none;color:#002f6d;padding:14px 0;font-size:14px;font-weight:500}
.figma-course-art{width:453px;height:428px;position:relative;overflow:hidden;border-radius:20px;background:#071a3d}
.figma-course-art>img{height:100%;width:141.72%;max-width:none;position:absolute;left:-20.68%;top:0;object-fit:cover}
.hero .facts{margin-top:8px;padding:0 0 30px;border-top:1px solid #002f6d15;gap:0}.hero .facts div{padding:23px 20px}.hero .facts div:first-child{padding-left:0}.hero .facts b{font-size:18px;color:#002f6d}.hero .facts span{font-size:12px;color:#687995}.hero .facts div+div{border-left:0}
.figma-build-hook{position:relative;isolation:isolate;background:linear-gradient(180deg,#161932 8%,#24140d);overflow:hidden;padding:85px var(--section-gutter);color:#fff}
.hook-brand-grid{position:absolute;left:50%;top:40px;transform:translateX(-50%);width:1265px;height:702px;z-index:-2;opacity:.55}.hook-brand-grid img{display:block}
.hook-brand-glow{position:absolute;left:50%;top:248px;transform:translateX(-50%);width:1441px;height:592px;z-index:-1;opacity:.6}.hook-brand-glow img{display:block}
.hook-layout{display:grid;grid-template-columns:.95fr 1.05fr;align-items:center;gap:80px}.hook-intro h2{font-size:48px;line-height:1.06;letter-spacing:-1px;color:#eaf2ff;margin:0 0 24px}.hook-intro h2 em{font-family:Kalam,cursive;font-size:45px;color:#f26b27;font-weight:400;font-style:normal;display:block;margin-top:12px}.hook-intro p{color:#b8c4d8;font-size:16px;line-height:1.65;max-width:390px}.hook-intro .btn{display:inline-block;margin-top:20px;min-width:240px}.hook-intro .btn span{margin-left:12px}
.figma-build-hook .hero-lab{min-height:0;padding:0}.figma-build-hook .hero-lab:before{display:none}.figma-build-hook .possibility-scene{height:480px;padding:0;border:0}.figma-build-hook .possibility-aura{display:none}.figma-build-hook .idea-origin{background:#ffffff08;border-color:#ffffff22;box-shadow:none;border-radius:16px}.figma-build-hook .idea-origin p{color:#f3f5ff;font-size:19px}.figma-build-hook .idea-origin small{color:#a9bbd6}.figma-build-hook .idea-paths path{stroke:#87a9e855}.figma-build-hook .possibility-product strong{color:#d9e5ff}.figma-build-hook .hook-sequence{border-color:#ffffff18}.figma-build-hook .hook-step-label{color:#d9e5ff}.figma-build-hook .hook-step-label button{background:#ffffff0b;border-color:#ffffff26;color:#fff}.figma-build-hook .hook-stages span{color:#8190ab;border-color:#ffffff20}.figma-build-hook .hook-stages span.done{color:#fff;border-color:#f26b27}.figma-build-hook .hook-sequence>small{color:#9aaac4}
.projects,.outcomes,.curriculum,.toolkit,.prepare,.fit,.faq,.enquire{padding-inline:var(--section-gutter);padding-block:85px}
.project-head{padding-inline:0;gap:70px}.project-head h2,.outcome-statement h2,.curriculum-title h2,.tool-copy h2,.prepare h2,.fit h2,.faq h2,.enquire h2{font-size:40px;line-height:1.13;letter-spacing:-.9px;margin-top:0}.projects .project-head h2,.outcome-statement h2,.tool-copy h2,.prepare h2,.faq h2{color:#002f6d}.project-head>p{font-size:15px;max-width:440px}.project-theatre{margin-top:35px;gap:45px}.project-tabs{border-radius:20px}.device{border-radius:20px;overflow:hidden}.outcomes{background:#f5f7fb}.outcome-statement h2 em{color:#f26b27;font-family:Kalam,cursive;font-size:34px;font-style:normal}.outcome-list article h3{color:#002f6d}.curriculum,.fit,.enquire{background:linear-gradient(160deg,#161932 10%,#071a3d 65%,#24140d)}.prepare-art{border-radius:20px}.choice{background:linear-gradient(120deg,#002f6d,#29408e 65%,#f26b2740);padding-block:75px}.choice a,.enquire button{border-radius:30px}.fees-section{width:min(1120px,calc(100% - 48px))}.accordions summary{font-size:17px;color:#002f6d}.faq{gap:80px}footer{padding-inline:var(--section-gutter);background:#f1f5ff;color:#687995;gap:40px}footer b{color:#002f6d}.foot-logo{filter:none}footer>small{border-color:#002f6d20}
@media(max-width:1199px){.hero{grid-template-columns:1.1fr .9fr;gap:35px}.hero h1{font-size:clamp(38px,4.6vw,58px)!important}.figma-course-art{width:100%;height:auto;aspect-ratio:453/428}.hook-layout{gap:40px}.hook-intro h2{font-size:40px}.hook-intro h2 em{font-size:36px}}
@media(max-width:800px){.nav nav{gap:15px;font-size:12px}.nav{gap:18px}.hero{padding-top:45px;gap:25px}.hero-line{font-size:28px!important}.hero .actions{flex-wrap:wrap}.hero-body{font-size:14px}.hook-layout{grid-template-columns:1fr;gap:35px}.hook-intro{max-width:600px;text-align:center;margin:auto}.hook-intro p{max-width:530px}.figma-build-hook .hero-lab{width:min(500px,100%);margin:auto}.figma-build-hook{padding-block:60px}}
@media(max-width:600px){:root{--section-gutter:22px}.nav{height:70px}.nav nav{display:none}.nav-cta{padding:10px 15px}.hero{grid-template-columns:1fr;padding-top:38px;gap:30px}.hero h1{font-size:43px!important;letter-spacing:-1px}.hero-line{font-size:30px!important}.hero-body{font-size:15px}.hero .actions{gap:17px}.hero .btn.light{min-width:165px;padding:14px 24px}.figma-course-art{max-width:453px;margin:auto;max-height:350px}.hero .facts{grid-template-columns:1fr 1fr;margin-top:0;padding-bottom:15px}.hero .facts div{padding:16px 6px!important}.hero .facts b{font-size:16px}.hero .facts span{font-size:11px}.hero .facts div:nth-child(n+3){border-top:1px solid #002f6d12}.hook-intro h2{font-size:34px}.hook-intro h2 em{font-size:31px}.hook-intro p{font-size:15px}.figma-build-hook .possibility-scene{height:460px}.figma-build-hook .idea-origin p{font-size:17px}.projects,.outcomes,.curriculum,.toolkit,.prepare,.fit,.faq,.enquire{padding-block:60px}.project-head{gap:12px}.project-head h2,.outcome-statement h2,.curriculum-title h2,.tool-copy h2,.prepare h2,.fit h2,.faq h2,.enquire h2{font-size:31px}.project-head>p{font-size:14px}.project-theatre{gap:25px}.fees-section{width:calc(100% - 30px)}.faq{gap:24px}footer{grid-template-columns:1fr 1fr;gap:30px}}
