/* Playful paper-and-grid direction inspired by the reference; Goat Guild identity retained. */
:root{--paper:#f8fafd;--grid:rgba(23,91,201,.055)}body{background:var(--paper)}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}h2 em,.page-intro h1 em,.index-intro em{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-style:italic;letter-spacing:-.055em}.header{height:100px;border-bottom:1px solid #102b591a;position:relative;background:var(--paper);padding-inline:4%;gap:30px}.desktop-nav{display:none}.header-cta{margin-left:auto}.menu-toggle{display:flex;align-items:center;justify-content:center;gap:22px;background:var(--ink);color:white;border:1px solid var(--ink);font-size:12px;font-weight:700;padding:8px 20px;min-height:45px;box-shadow:3px 3px 0 #c7dcf8;order:3}.menu-toggle span{font-size:21px;line-height:1}.brand>span{font-size:25px}.button{border-radius:3px;border:1px solid var(--ink);box-shadow:4px 4px 0 var(--ink);min-height:52px;transition:box-shadow .2s,translate .2s}.button-white{box-shadow:4px 4px 0 #92bfff}.button:hover{translate:2px 2px;box-shadow:2px 2px 0 var(--ink)}.button-white:hover{box-shadow:2px 2px 0 #92bfff}.header-cta{background:transparent;color:var(--ink);min-height:44px;box-shadow:none;border:0;padding:8px 0}.header-cta:before{display:none}.header-cta:hover{box-shadow:none}.header-cta .arrow{background:#dbe9ff;width:31px;height:31px;display:grid;place-items:center;border-radius:50%}.section-label{font-size:11px;font-weight:600;letter-spacing:.07em}.text-link{font-size:13px}.skill-ribbon{position:relative;z-index:3;background:var(--blue);color:white;display:flex;border-block:1px solid var(--ink);margin:18px -1px 0;transform:rotate(-1.4deg);overflow:hidden}.ribbon-window{overflow:hidden;flex:1}.ribbon-track{display:flex;width:max-content;animation:ribbon-travel 33s linear infinite}.ribbon-track span{font-family:Georgia,serif;font-size:24px;line-height:1.3;padding:11px 0;white-space:nowrap}.motion-toggle{width:48px;flex-shrink:0;border-left:1px solid #ffffff55;color:white;background:var(--blue);font-size:16px;z-index:2}.skill-ribbon.is-paused .ribbon-track,.skill-ribbon:focus-within .ribbon-track{animation-play-state:paused}@keyframes ribbon-travel{to{transform:translateX(-50%)}}
.play-hero{position:relative;padding:70px 4% 40px;min-height:740px;overflow:clip;background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:40px 40px;display:grid;grid-template-columns:1fr 2.6fr 1.15fr;gap:20px;align-items:start}.play-hero-copy{text-align:center;position:relative;z-index:2;padding-top:9px}.eyebrow-stamp{font-size:11px;font-weight:600;letter-spacing:.08em;display:inline-block;margin-bottom:25px}.play-hero h1{font-size:clamp(76px,8.5vw,130px);font-weight:800;letter-spacing:-.075em;line-height:.9}.play-hero h1 em{display:inline-block;font:italic 1.12em/.95 Georgia,'Times New Roman',serif;letter-spacing:-.08em;position:relative;color:var(--blue);margin-left:-8px}.play-hero h1 em:after{content:'';position:absolute;bottom:-7px;left:4%;right:0;height:11px;border:2px solid var(--blue);border-color:var(--blue) transparent transparent;border-radius:50%;rotate:-3deg}.play-hero-copy>p{font-size:16px;color:var(--muted);line-height:1.7;margin:35px auto 25px;max-width:450px}.play-hero-actions{display:flex;align-items:center;justify-content:center;gap:25px}.play-hero-actions .button{font-size:13px;gap:20px}.paper-note{position:relative;padding:30px 23px;background:#edf3fe;box-shadow:5px 9px 22px #102b5917;transform:rotate(-9deg);margin-top:85px;z-index:3;border:1px solid #c7d7ec;max-width:235px}.pin{position:absolute;width:10px;height:10px;background:var(--blue);border-radius:50%;top:10px;left:50%;box-shadow:1px 2px 2px #102b5955}.note-kicker{font:10px DM,sans-serif;letter-spacing:.08em}.paper-note>p{font:italic 23px/1.3 Georgia,serif;margin-top:25px}.paper-note>strong{font:600 28px Bricolage,sans-serif;letter-spacing:-.04em;display:block;margin-top:6px}.note-arrow{font-size:38px;display:block;color:var(--blue);line-height:1;margin:10px 0 14px}.paper-note>a{font-size:11px;text-decoration:underline;text-underline-offset:4px}.mascot-postcard{position:relative;background:white;padding:11px 11px 18px;box-shadow:6px 9px 25px #102b5926;rotate:7deg;align-self:start;margin-top:88px;z-index:3;border:1px solid #dce5f2}.mascot-postcard>img{height:230px;object-fit:cover;object-position:53%;width:100%}.mascot-postcard>div{display:flex;justify-content:space-between;align-items:center;padding:15px 3px 0;gap:6px}.mascot-postcard>div>span{font-size:8px;letter-spacing:.06em;font-weight:600}.mascot-postcard b{font-size:25px;line-height:1;color:var(--blue)}.mascot-postcard>p{font:italic 14px Georgia,serif;margin:7px 3px 0}.tape{position:absolute;top:-12px;left:50%;width:80px;height:25px;background:#b3d4ffcc;transform:translateX(-50%) rotate(-4deg);z-index:4;border-inline:2px dashed #e3efffbb;pointer-events:none}.hero-stickers{grid-column:1/-1;position:relative;display:flex;justify-content:center;gap:50px;align-items:center;padding:50px 0 16px;z-index:5}.drag-sticker{position:relative;user-select:none;touch-action:pan-y;font-size:16px;font-weight:700;letter-spacing:-.03em;display:flex;gap:10px;align-items:center;justify-content:center;min-height:65px;border:1px solid var(--ink);box-shadow:4px 5px 0 #102b5920;cursor:grab;transition:box-shadow .25s,scale .25s;background:white}.drag-sticker:active{cursor:grabbing}.drag-sticker:focus-visible{outline:3px solid var(--blue);outline-offset:7px}.sticker-digital{background:var(--ink);color:white;padding:13px 24px;rotate:-6deg;min-height:58px}.sticker-digital>span{font-size:28px;color:#b8ddff}.sticker-ai{padding:13px 25px;background:#d5e6ff;rotate:5deg;border-radius:45px}.sticker-ai>span{font-size:28px;color:var(--blue)}.sticker-seo{border-radius:50%;width:105px;height:105px;display:block;text-align:center;padding:18px 10px 12px;font-size:11px;background:var(--blue);color:white;rotate:-9deg;border:4px double #a7cbff;line-height:1.1}.sticker-seo strong{display:block;font-size:33px;margin-top:6px;font-family:Georgia,serif;font-style:italic}.drag-sticker:hover{scale:1.05;box-shadow:6px 8px 0 #102b5920}.drag-sticker.is-dragging{z-index:8;transition:none;scale:1.08}.play-hint{grid-column:1/-1;text-align:center;color:var(--muted);font-size:10px}.hero-spark{position:absolute;font-size:55px;color:var(--blue);pointer-events:none}.spark-one{left:25%;top:45px;rotate:15deg}.spark-two{right:23%;bottom:160px;font-size:65px;color:#769fdc}.goal-rail{margin:0;padding:22px var(--gutter);background:var(--ink);color:white;grid-template-columns:.8fr 1fr 1fr 1fr}.goal-rail p,.goal-rail strong{color:#d7e5ff}.goal-rail>a{border-color:#ffffff35}.rail-dot{border-color:#b1d5ff}.rail-dot:after{background:#b1d5ff}.goal-rail>a:hover{color:#9fcfff}.course-section{padding-top:85px;background-image:radial-gradient(#175bc91a .6px,transparent .6px);background-size:12px 12px}.course-section .section-heading h2{font-size:clamp(48px,5.5vw,80px)}.deck-toolbar{display:flex;justify-content:space-between;gap:25px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:35px}.deck-toolbar>p{font-size:12px;color:var(--muted)}.deck-toolbar>div{display:flex;gap:17px;align-items:center}.deck-toolbar button{background:var(--paper);border:1px solid var(--ink);width:43px;height:40px;font-size:23px;transition:background .2s,color .2s,rotate .2s;box-shadow:2px 2px 0 var(--ink)}.deck-toolbar button:hover{background:var(--blue);color:white;rotate:-5deg}.deck-counter{font-size:12px;font-variant-numeric:tabular-nums;min-width:45px;text-align:center}.course-explorer{gap:75px;align-items:center}.course-panel{border-radius:3px;background:var(--blue);border:1px solid var(--ink);box-shadow:9px 9px 0 #d7e6ff,10px 10px 0 var(--ink);rotate:2deg;overflow:visible;padding:40px;min-height:530px}.course-panel:before{content:'';position:absolute;width:90px;height:27px;background:#a9ccffcf;top:-16px;left:42%;rotate:-5deg;pointer-events:none}.course-panel .button{box-shadow:3px 3px 0 #082a5d}.course-option{border-left:0;padding-left:0;background:var(--paper)}.course-option[aria-selected=true]{border-left:0;background:#dceaff;box-shadow:4px 4px 0 #c3d4ec;rotate:-1deg;padding-left:15px}.course-option .course-arrow{font-family:Georgia,serif}.course-option>span:nth-child(2){font-size:29px}.course-option small{font-size:12px}.course-footnote{margin-top:40px}.approach{border-radius:0;margin:0;padding:75px var(--gutter);position:relative;background:var(--dark);gap:65px}.approach:before{content:'';position:absolute;right:6%;top:28px;width:42px;height:42px;background:#b5d7ff;rotate:10deg;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D%22M12%202.5v19M2.5%2012h19M5.2%205.2l13.6%2013.6M18.8%205.2%205.2%2018.8%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D%22M12%202.5v19M2.5%2012h19M5.2%205.2l13.6%2013.6M18.8%205.2%205.2%2018.8%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat}.approach h2{font-size:clamp(48px,5.1vw,74px)}.step{background:#f8fafd;color:var(--ink);padding:24px 25px;border:1px solid #b5d7ff;box-shadow:6px 6px 0 #3a5a8c;rotate:-2deg;margin-bottom:25px}.step:nth-child(2){rotate:2deg}.step:nth-child(3){rotate:-1deg}.step p{color:var(--muted);font-size:13px}.step-mark{border:1px solid var(--blue);color:var(--blue);background:#e6efff;border-radius:0}.practice{background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:35px 35px;gap:90px}.brief-sheet{position:relative;background:var(--paper);border:1px solid #b6c9e3;border-radius:0;box-shadow:8px 8px 0 #cfdef3;rotate:3deg;padding:35px}.brief-sheet:after{content:'TRY THIS';position:absolute;right:17px;top:-30px;padding:7px 10px;background:var(--blue);color:white;font:11px DM,sans-serif;rotate:7deg}.practice-title h2{font-size:55px}.enquiry{border-top:1px solid var(--ink);background-color:var(--blue);background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:30px 30px}.enquiry h2 em{font-family:Georgia,serif;font-style:italic;font-weight:400}.enquiry-aside{background:var(--paper);color:var(--ink);border:1px solid var(--ink);padding:30px;rotate:3deg;box-shadow:8px 8px 0 #0e408f}.enquiry-aside .contact-note{color:var(--muted)}.enquiry-aside .button{background:var(--ink);color:white;box-shadow:4px 4px 0 #9ec5ff}.enquiry-aside .button:before{background:var(--blue)}.enquiry-aside p{font-size:17px}.enquiry-main{align-items:center}.footer{border-top:1px solid var(--line)}
/* A full-screen editorial index works on desktop and mobile. */
#mobile-menu{padding:30px 6% 45px;background-color:var(--paper);background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:40px 40px;overflow:auto}#mobile-menu[open]{animation:index-enter .45s var(--ease)}@keyframes index-enter{from{opacity:.2;transform:translateY(-35px)}to{opacity:1;transform:none}}.menu-head{border-bottom:1px solid var(--ink);padding-bottom:20px}.menu-head>span{font-size:11px;letter-spacing:.08em}.menu-close{border:1px solid var(--ink);background:var(--ink);color:white;box-shadow:3px 3px 0 #c9dcf5;min-width:44px}.index-intro{font-size:27px;text-align:center;margin:24px 0 15px}.index-intro em{color:var(--blue)}#mobile-menu nav{gap:0;margin:0 auto;max-width:1000px;counter-reset:menu}#mobile-menu nav a{position:relative;font-size:clamp(36px,4.4vw,65px);line-height:1.05;padding:17px 50px;text-align:center;border-bottom:1px solid var(--ink);transition:background .25s,color .25s,letter-spacing .35s;font-weight:600}#mobile-menu nav a:before{counter-increment:menu;content:'0' counter(menu);position:absolute;left:12px;top:24px;font:11px DM,sans-serif;letter-spacing:0}#mobile-menu nav a:after{content:'';position:absolute;right:18px;top:26px;width:22px;height:22px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D%22M7%2017%2017%207%22%2F%3E%3Cpath%20d%3D%22M9%207h8v8%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D%22M7%2017%2017%207%22%2F%3E%3Cpath%20d%3D%22M9%207h8v8%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat}#mobile-menu nav a:hover,#mobile-menu nav a:focus-visible{background:var(--blue);color:white;letter-spacing:-.055em;font-style:italic}body.menu-open{overflow:hidden}
/* Carry the paper system through every page. */
.page-intro,.detail-hero{background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:40px 40px}.page-intro{padding-top:40px}.page-intro>.section-label{display:inline-block;border:1px solid var(--ink);background:#e1edff;rotate:-2deg;padding:8px 12px}.page-intro h1{font-weight:700}.detail-title .section-label{display:inline-block;background:var(--ink);color:white;padding:8px 12px;rotate:-3deg}.detail-title h1{font-weight:700;font-size:clamp(58px,6.5vw,99px)}.learning-map{overflow:visible;min-height:440px;border-radius:1px;padding:36px 30px 25px;rotate:5deg;border:1px solid var(--ink);box-shadow:8px 8px 0 #b4d2fc}.map-top{padding:0}.map-index{font-family:Georgia,serif;font-style:italic;font-size:160px;letter-spacing:-.1em}.map-route:before{rotate:-14deg;top:42px}.map-step:nth-child(1){padding-top:60px}.map-step:nth-child(2){padding-top:40px}.map-step:nth-child(3){padding-top:20px}.map-step:nth-child(4){padding-top:0}.detail-hero{padding-bottom:0}.detail-context{background:var(--paper)}.detail-nav{background:var(--ink);color:white;border-color:var(--ink)}.detail-nav a{font-size:12px}.detail-project{border-radius:0;margin:0;padding-inline:var(--gutter)}.project-note{border-radius:0;background:var(--paper);color:var(--ink);rotate:3deg;box-shadow:7px 7px 0 #476a9d}.project-checklist{color:var(--muted)}.project-checklist span{border-color:var(--line)}.project-checklist span:before{color:var(--blue)}.project-note>.section-label{color:var(--blue)}.enrol-checklist{border-radius:0;background:#edf4ff;border:1px solid #a8bedc;box-shadow:6px 6px 0 #d8e4f7;rotate:-2deg}.module-task{border-radius:0;border-left:2px solid var(--blue)}.about-image{border-radius:0;border:10px solid white;border-bottom-width:40px;rotate:-3deg;box-shadow:8px 8px 0 #d4e2f7;position:relative}.about-feature{padding-top:15px}.value-rows article>span{border:1px solid var(--ink);padding:9px;rotate:-5deg;width:max-content;box-shadow:3px 3px 0 #c2d8f5}.about-invite{background-image:linear-gradient(#ffffff0a 1px,transparent 1px),linear-gradient(90deg,#ffffff0a 1px,transparent 1px);background-size:40px 40px}.related-section{background-image:repeating-linear-gradient(0deg,transparent 0,transparent 39px,#175bc90b 40px)}.related-row{border-color:#b8cce8}.related-row strong{font-weight:600}.related-row:hover{rotate:-.5deg}.faq-categories a{border-bottom:1px solid var(--line);background:#e5eeff;padding-inline:15px;margin-bottom:12px;rotate:-2deg}.faq-group h2{font-family:Georgia,serif;font-style:italic;font-weight:400}.enquiry-builder{border-radius:2px;background:var(--paper);border:1px solid #a8bedc;box-shadow:8px 8px 0 #d9e7fa;rotate:1deg}.enquiry-builder :is(select,textarea){border-radius:1px}.goal-options span{border-radius:2px}.contact-layout{background-image:radial-gradient(#175bc91a .6px,transparent .6px);background-size:12px 12px}.contact-next{background:var(--dark)}.social-contact{background:#e1edff;padding:24px;rotate:-3deg;border:1px solid #a9c1e0}.course-overview{background:var(--paper)}.overview-body .example{border-radius:0;border:1px solid #b4c9e5;rotate:1deg}.course-overview .overview-title h2{font-weight:700}.course-jumps a{border-radius:0;border-color:var(--ink);background:#e1edff;box-shadow:3px 3px 0 #c2d8f5}.loader-center{background:var(--paper);padding:45px 35px;border:1px solid var(--ink);box-shadow:10px 10px 0 #b3cff5;rotate:-3deg;width:min(440px,80vw)}.site-loader{background-color:var(--blue)!important;background-image:linear-gradient(#ffffff17 1px,transparent 1px),linear-gradient(90deg,#ffffff17 1px,transparent 1px);background-size:40px 40px}.loader-word{font-size:48px;line-height:.93}.loader-word>span{font-size:9px;letter-spacing:.04em;line-height:1.5}.loader-skip{color:white;border-color:white}.loader-track{margin-top:30px}.is-loading .header{visibility:hidden}
@media(hover:none){.play-hint{font-size:0}.play-hint:after{content:'Tap a sticker to explore a course.';font-size:10px}.drag-sticker{cursor:pointer}.drag-sticker:hover{scale:1}}
@media(min-width:1600px){.play-hero{padding-inline:var(--gutter);grid-template-columns:1fr 2.5fr 1.1fr;min-height:800px}.play-hero h1{font-size:135px}.mascot-postcard>img{height:270px}}
@media(max-width:1100px){.play-hero{grid-template-columns:.8fr 2.5fr 1fr;gap:15px;padding-top:60px;min-height:690px}.play-hero h1{font-size:9vw}.paper-note{padding:25px 16px;margin-top:95px}.paper-note>p{font-size:20px}.paper-note>strong{font-size:25px}.mascot-postcard{margin-top:100px}.mascot-postcard>img{height:205px}.mascot-postcard>p{font-size:12px}.mascot-postcard>div>span{font-size:7px}.eyebrow-stamp{font-size:9px}.play-hero-copy>p{font-size:15px}.play-hero-actions{gap:18px;flex-wrap:wrap}.play-hero-actions .text-link{font-size:12px}.hero-stickers{padding-top:35px}.course-explorer{gap:45px}.course-panel{padding:30px}.course-option>span:nth-child(2){font-size:24px}.enquiry-aside{padding:24px}.learning-map{min-height:410px}.detail-title h1{font-size:65px}.map-index{font-size:135px}}
@media(max-width:800px){.header{height:84px;padding-inline:24px;gap:20px}.header-cta{font-size:12px}.menu-toggle{font-size:11px;gap:16px;padding:8px 15px;min-height:40px}.brand>span{font-size:23px}.skill-ribbon{margin-top:10px}.ribbon-track span{font-size:19px;padding:9px 0}.motion-toggle{width:40px}.play-hero{grid-template-columns:1fr 1fr;gap:25px;padding:50px 28px 35px;min-height:0}.play-hero-copy{grid-column:1/-1;grid-row:1}.play-hero h1{font-size:100px}.eyebrow-stamp{font-size:10px}.play-hero-copy>p{font-size:16px;max-width:430px}.paper-note{margin:15px 0 0 35px;grid-row:2;max-width:220px;justify-self:center;width:85%;padding:25px}.mascot-postcard{margin:0 40px 0 0;grid-row:2;width:230px;justify-self:center}.mascot-postcard>img{height:195px}.mascot-postcard>p{font-size:13px}.hero-stickers{grid-row:3;padding-top:10px;gap:30px}.spark-one{top:50px;left:8%;font-size:38px}.spark-two{right:12%;bottom:165px;font-size:48px}.play-hint{grid-row:4}.hero-stickers .sticker-seo{width:88px;height:88px;padding-top:15px}.sticker-seo strong{font-size:26px}.drag-sticker{font-size:14px}.sticker-digital,.sticker-ai{padding-inline:18px;min-height:55px}.goal-rail{grid-template-columns:1fr 1fr;padding:8px 24px}.goal-rail>a:nth-child(n){border-color:#ffffff30}.course-panel{min-height:540px;padding:24px;rotate:1deg}.course-explorer{gap:28px}.course-option>span:nth-child(2){font-size:21px}.course-option[aria-selected=true]{padding-left:8px}.course-section{padding-top:60px}.approach{grid-template-columns:1fr;gap:30px}.steps{max-width:600px}.approach:before{right:7%;top:35px}.practice{gap:40px}.practice-title h2{font-size:41px}.brief-sheet{padding:26px}.enquiry-aside{max-width:340px;padding:22px}.enquiry-aside p{font-size:15px}.learning-map{min-height:380px;padding:25px 20px;rotate:3deg}.detail-hero-grid{gap:32px}.detail-title h1{font-size:56px}.map-index{font-size:125px}.detail-project{gap:30px}.enquiry-builder{rotate:0deg}.about-feature{gap:40px}.page-intro h1{font-size:61px}}
@media(max-width:560px){.header-cta{display:none}.header{height:77px;gap:15px}.header .brand>span{font-size:22px}.menu-toggle{margin-left:auto;font-size:10px;gap:14px;min-height:37px;padding:7px 13px}.skill-ribbon{margin-top:7px}.ribbon-track span{font-size:17px;padding:8px 0}.motion-toggle{width:37px;font-size:14px}.play-hero{padding:37px 22px 27px;grid-template-columns:1fr;gap:25px}.play-hero-copy{grid-column:1;grid-row:1}.eyebrow-stamp{font-size:8px;margin-bottom:24px;letter-spacing:.06em}.play-hero h1{font-size:clamp(65px,17.7vw,98px)}.play-hero h1 em{font-size:1.08em}.play-hero-copy>p{font-size:14px;line-height:1.65;margin-top:28px}.desktop-break{display:none}.play-hero-actions{gap:20px}.play-hero-actions .button{font-size:12px;min-height:49px;padding:12px 16px;gap:15px}.play-hero-actions .text-link{font-size:11px;gap:8px}.paper-note{display:none}.mascot-postcard{grid-row:2;grid-column:1;width:245px;margin:14px 0 0;rotate:4deg;padding:10px 10px 15px}.mascot-postcard>img{height:200px;object-position:51% 60%}.mascot-postcard>div>span{font-size:8px}.hero-stickers{grid-row:3;gap:12px;padding:10px 0 4px;flex-wrap:wrap}.sticker-digital,.sticker-ai{font-size:11px;padding:10px 13px;min-height:44px;gap:8px}.sticker-digital>span,.sticker-ai>span{font-size:20px}.hero-stickers .sticker-seo{width:66px;height:66px;min-height:66px;padding:10px 5px 5px;font-size:7px;position:absolute;right:-2px;top:-118px;rotate:9deg}.sticker-seo strong{font-size:20px;margin-top:3px}.play-hint{grid-row:4;font-size:9px}.spark-one{top:40px;left:10px;font-size:25px}.spark-two{right:20px;bottom:230px;font-size:34px}.goal-rail{padding-inline:24px}.goal-rail>a{font-size:11px}.goal-rail p{font-size:11px}.course-section{padding-top:48px}.course-section .section-heading h2{font-size:51px}.deck-toolbar{align-items:center;gap:15px;margin-bottom:28px}.deck-toolbar>p{font-size:11px;max-width:150px}.deck-toolbar>div{gap:10px}.deck-toolbar button{width:35px;height:35px;font-size:21px}.deck-counter{font-size:10px;min-width:36px}.course-explorer{grid-template-columns:1fr;gap:38px}.course-option>span:nth-child(2){font-size:23px}.course-option{padding-block:20px}.course-panel{min-height:0;padding:28px;rotate:1.5deg}.course-panel h3{font-size:35px}.course-footnote{margin-top:32px}.approach{padding:45px 24px 25px;margin:0}.approach:before{font-size:38px;top:24px}.approach h2{font-size:46px}.step{padding:22px 18px;gap:13px;margin-bottom:23px}.step:nth-child(2){margin-left:8px}.step:nth-child(3){margin-left:0}.step h3{font-size:22px}.step p{font-size:13px}.practice{padding:65px 24px;gap:45px;grid-template-columns:1fr}.practice-title h2{font-size:45px}.brief-sheet{padding:25px;rotate:2deg;margin:0 7px 0 2px}.faq{padding-top:15px}.faq h2{font-size:46px}.enquiry-main{padding:30px 0 40px}.enquiry h2{font-size:74px}.enquiry-aside{margin:35px 7px 0 2px;padding:24px;rotate:2deg}.enquiry-aside p{font-size:16px}.page-intro{padding-top:25px}.page-intro>.section-label{font-size:9px;padding:7px 10px;letter-spacing:.04em}.page-intro h1{font-size:53px}.detail-title h1{font-size:53px;overflow-wrap:normal}.detail-title>.section-label{font-size:10px}.learning-map{min-height:360px;margin:12px 8px 5px;rotate:3deg;padding:27px 23px}.map-index{font-size:125px}.map-top{font-size:9px}.detail-nav a{font-size:11px}.detail-context{margin-top:30px}.fit-section h2,.curriculum-section h2,.next-section h2{font-size:45px}.module summary .module-name{font-size:23px}.detail-project{margin:0;padding:45px 24px;grid-template-columns:1fr}.project-note{margin:5px 7px 8px 1px;padding:25px;rotate:2deg}.project-note h3{font-size:24px}.enrol-checklist{margin:0 4px;rotate:-1deg}.about-image{margin-inline:5px;border-width:8px;border-bottom-width:30px}.about-feature{padding-top:10px}.value-rows article{grid-template-columns:33px 1fr;gap:16px}.value-rows article>span{padding:5px 7px;font-size:10px}.value-rows h3{font-size:26px}.faq-categories a{font-size:10px;padding:8px 12px;rotate:0deg}.enquiry-builder{padding:25px 20px;margin-right:5px;box-shadow:5px 5px 0 #d9e7fa}.social-contact{margin-inline:4px;padding:22px}.social-contact strong{font-size:23px}.contact-info h2{font-size:46px}.builder-heading h2{font-size:30px}.loader-center{padding:35px 23px;width:80vw}.loader-word{font-size:41px}.loader-word>span{font-size:8px}.loader-center>img{width:67px}#mobile-menu{padding:24px}#mobile-menu .menu-head>span{font-size:9px}.index-intro{font-size:23px;margin-top:34px}#mobile-menu nav a{font-size:36px;padding:24px 35px}#mobile-menu nav a:before{left:0;top:31px;font-size:10px}#mobile-menu nav a:after{right:0;top:27px;font-size:25px}}
@media(max-width:375px){.detail-title h1{font-size:46px}.play-hero-actions{gap:14px}.sticker-digital,.sticker-ai{font-size:10px;padding-inline:10px}.hero-stickers{gap:11px}.page-intro h1{font-size:49px}.brand>span{font-size:20px}.play-hero{padding-inline:20px}}
@media(prefers-reduced-motion:reduce){.ribbon-track{animation:none}.motion-toggle{display:none}.skill-ribbon{transform:none}.drag-sticker:hover{scale:1}.site-loader{display:none!important}.is-loading .header{visibility:visible}.button:hover,.related-row:hover b{translate:none}.related-row:hover{rotate:none}#mobile-menu[open]{animation:none}}
@media print{.site-loader,.reading-progress,.skill-ribbon,.menu-toggle{display:none!important}[data-reveal]{opacity:1!important;transform:none!important}}
html,body{overflow-x:clip}
/* Final review: clear navigation, useful course art, and a shorter mobile enquiry path. */
.skill-ribbon{width:calc(100% - 4px);margin-inline:2px}
.map-course-name{font:500 28px/1.1 Bricolage,sans-serif;letter-spacing:-.04em;display:block;max-width:280px;margin-top:23px}.map-index{font-size:105px;text-align:left;line-height:1;margin:14px 0 8px}.learning-map{min-height:430px}
@media(max-width:800px){.contact-layout .enquiry-builder{order:-1}.map-course-name{font-size:25px}.map-index{font-size:90px}.learning-map{min-height:390px}}
@media(max-width:560px){.learning-map{min-height:310px;padding-top:25px}.map-course-name{font-size:27px;max-width:180px;margin:25px 0 25px}.map-index{position:absolute;right:21px;top:61px;font-size:65px;margin:0;opacity:.65}.map-route{margin-top:20px}.learning-map>p{margin-top:20px}.contact-layout .contact-info h2{font-size:36px}.contact-layout .contact-info>.section-label{display:none}}
.is-loading .site-loader{background-color:var(--blue)!important;background-image:none!important;animation:loader-safety .15s 6.5s forwards}
.is-loading .header{visibility:visible}
.loader-center{display:grid;place-items:center;background:transparent;padding:0;border:0;box-shadow:none;rotate:none;width:auto}
.loader-center>img,.loader-ring{grid-area:1/1}
.loader-center>img{mix-blend-mode:normal;filter:none;margin:0;width:64px;height:auto;animation:logo-arrive .8s var(--ease) both,logo-float 2.4s ease-in-out .8s infinite}
.loader-ring{width:108px;height:108px;border-radius:50%;border:1.5px solid rgba(255,255,255,.22);border-top-color:#fff;border-right-color:rgba(255,255,255,.75);animation:loader-spin 1s cubic-bezier(.45,0,.2,1) infinite}
.site-loader.is-leaving{animation:loader-fade .9s cubic-bezier(.16,1,.3,1) forwards!important}
.site-loader.is-leaving .loader-center{animation:loader-lift .9s cubic-bezier(.16,1,.3,1) forwards}
.site-loader.is-leaving .loader-ring,.site-loader.is-leaving .loader-center>img{animation:none}
@keyframes loader-spin{to{rotate:360deg}}
@keyframes logo-float{50%{translate:0 -6px}}
@keyframes loader-fade{to{opacity:0;visibility:hidden}}
@keyframes loader-lift{to{translate:0 -26px;scale:1.06;opacity:0}}
.value-rows a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:800px){
  .page-intro-grid,.detail-hero-grid,.course-overview,.faq,.practice,.course-explorer,.fit-section,.curriculum-layout,.detail-project,.next-section,.about-feature,.contact-layout,.faq-page-layout,.contact-next>div{grid-template-columns:1fr}
  .inner-heading,.section-heading,.enquiry-main,.enquiry-top,.about-invite>div{display:block}
  .footer-top,.footer-bottom,.enquiry-bottom,.detail-actions,.play-hero-actions,.course-footnote,.builder-actions{display:flex;flex-wrap:wrap;align-items:flex-start}
  .learning-map,.enquiry-builder,.brief-sheet,.project-note,.enrol-checklist,.mascot-postcard,.social-contact{max-width:100%}
  input,select,textarea{font-size:16px;max-width:100%}
  .menu-toggle{min-width:44px;min-height:44px}
  .course-explorer{touch-action:pan-y}
}
@media(max-width:560px){
  .play-hero-actions{flex-direction:column;align-items:stretch}
  .play-hero-actions .button{width:100%;justify-content:space-between}
  .goal-rail{grid-template-columns:1fr}
  .goal-rail>a{border-left:0;border-top:1px solid #ffffff30;padding:14px 0}
  .header{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}
  .course-jumps{grid-template-columns:1fr}
}

.brief-sheet:after{padding-right:26px;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'white'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M7%2017%2017%207'%2F%3E%3Cpath%20d%3D'M9%207h8v8'%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:right 8px center;background-size:12px 12px}
.topic-list li:before,.overview-body li:before,.enrol-checklist li:before,.project-checklist span:before{content:""!important;display:inline-block;width:.75em;height:.75em;flex:none;background:currentColor;vertical-align:-.05em;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D%22M12%205v14M5%2012h14%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D%22M12%205v14M5%2012h14%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat}
.project-checklist span:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D%22M7%2017%2017%207%22%2F%3E%3Cpath%20d%3D%22M9%207h8v8%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D%22M7%2017%2017%207%22%2F%3E%3Cpath%20d%3D%22M9%207h8v8%22%2F%3E%3C%2Fsvg%3E")}
.ico{display:inline-block;width:.95em;height:.95em;vertical-align:-.12em;flex:none}
.ico-spark{width:.72em;height:.72em}
.arrow,.course-arrow,.step-mark,.sheet-icon,.note-arrow,.fit-list li>span,.menu-close,.motion-toggle,.deck-prev,.deck-next{display:inline-grid;place-items:center;line-height:0}
.arrow .ico,.course-arrow .ico,.step-mark .ico{width:1.05em;height:1.05em}
.hero-spark{line-height:0}
.hero-spark .ico{width:1em;height:1em}
.menu-toggle span{display:inline-grid;place-items:center;width:14px;height:14px}
.menu-toggle span .ico,.menu-close .ico,.motion-toggle .ico{width:16px;height:16px}
.sticker-digital .ico{width:.9em;height:.9em;margin-right:2px}
