/* STILLORA | clear material, calm depth. Owner-approved visual language, original layouts. */
:root{--canvas:#f7f7f4;--forest:#234a38;--deep:#18372b;--muted:#5e6b64;--sage:#edf1ed;--sand:#f2f3ef;--border:#d8dfd9;--accent:#e6ede6;--display:Manrope,'Stillora CJK','PingFang SC','Microsoft YaHei',sans-serif;--body:var(--display);--glass:rgba(253,254,250,.8);--shadow-float:0 18px 48px -24px #1c352b45;--shadow-soft:0 8px 28px -18px #1c352b40;--ease-flow:cubic-bezier(.16,1,.3,1)}
body{font-family:var(--body);background:var(--canvas);color:var(--deep);line-height:1.7}body :is(h1,h2,h3){font-family:var(--display);font-weight:500}body :is(input,select,textarea,button){font-family:var(--body)}.container{width:calc(100% - var(--gutter)*2);max-width:1320px}.lead{color:var(--muted)}:is(a,button,summary,input,select,textarea):focus-visible{outline:2px solid #397457;outline-offset:5px}::selection{background:#d8e8de;color:#153725}*{scrollbar-width:thin;scrollbar-color:#a6b8ad transparent}main{min-height:50vh}main [hidden]{display:none!important}
/* Floating navigation is a functional transparent layer above scrolling media. */
.site-header,.home-page .site-header{position:sticky;top:0;padding:12px var(--gutter) 0;background:transparent;z-index:40;inset:0 0 auto}.navigation{max-width:1392px;min-height:68px;padding:8px 20px;gap:14px;background:rgba(249,250,247,.87);border:1px solid #ffffffcf;border-radius:16px;backdrop-filter:blur(18px) saturate(1.12);box-shadow:var(--shadow-soft)}.nav-links a{font-size:13px;padding:10px}.nav-links a:after{left:10px;right:10px;bottom:5px;opacity:.6}.nav-links a:last-child{border:1px solid #365b46;border-radius:100px;padding:7px 17px;margin-left:13px;font-weight:500;min-height:36px;display:inline-flex;align-items:center}.nav-links a:last-child:after{display:none}.nav-links a:last-child:hover{background:#e4ece5}.brand-mark{width:29px}.wordmark,.wordmark img{width:106px}.wordmark{height:18px}.navigation>.brand{gap:8px}.site-header .sound-bar button{border-radius:50%}.site-header .sound-panel,.language-options{background:rgba(253,254,251,.96);backdrop-filter:blur(18px);border:1px solid #fff;border-radius:14px;box-shadow:var(--shadow-float)}.site-header .sound-panel{right:-40px}.language-options a{border-radius:7px}.sound-panel h2{font-size:25px}.language-switch>summary{gap:6px}.skip-link{z-index:200}.nav-links a[aria-current=page]{color:var(--deep)}
/* Capsule actions: no split block, no glossy bevel. */
.button,.business-cta .button,.hero-actions .button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 23px;gap:18px;background:var(--forest);border:1px solid transparent;border-radius:999px;color:#fff;font-weight:500;font-size:14px;line-height:1.45;box-shadow:none;transition:background .18s,transform .24s var(--ease-flow),box-shadow .24s var(--ease-flow)}.button:hover{background:#315d45;transform:translateY(-1px);box-shadow:0 7px 16px -10px #1b382a6b}.button:active{transform:scale(.975);box-shadow:none}.button .link-arrow{width:16px;height:16px}.text-link{font-size:14px;font-weight:500;gap:12px;border:0;padding:9px 0;min-height:40px;text-decoration:none}.text-link:hover{text-decoration:underline;text-underline-offset:5px}.link-arrow{width:18px;height:18px}a:hover>.link-arrow{transform:translate(2px,-2px)}button:disabled{opacity:.55;cursor:not-allowed}.title-ink{animation:spatial-title .75s var(--ease-flow) both}.title-line:nth-child(2) .title-ink{animation-delay:100ms}
/* Home: editorial introduction, open cinema, and a business path dock. */
.spatial-hero{padding-top:42px;margin-bottom:0}.spatial-hero-heading{display:grid;grid-template-columns:1fr .9fr;gap:10%;align-items:center;margin-bottom:34px}.spatial-hero h1{font-size:clamp(40px,4.8vw,66px);line-height:1.1;letter-spacing:-.035em;margin:0;max-width:720px}.spatial-hero-heading>div>p{font-size:17px;line-height:1.7;max-width:460px;color:var(--muted);margin:0 0 22px}.hero-actions{gap:22px}.spatial-film{position:relative;aspect-ratio:2.22;isolation:isolate;border-radius:16px;box-shadow:0 24px 54px -30px #182f264f;overflow:hidden;background:#e0e8df}.spatial-film:after{content:'';position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 1px #ffffffb5;border-radius:inherit;z-index:2}.spatial-film .forest-media{position:absolute;inset:0;margin:0;height:100%;border-radius:inherit;overflow:hidden}.spatial-film .forest-media:after{display:none}.spatial-film :is(picture,.forest-poster,.hero-film){width:100%;height:100%;object-fit:cover;object-position:center 50%;transform:none}.spatial-film .scene-control{inset:auto 18px 18px auto;min-height:40px;height:auto;background:#f7faf0db;color:#173e2b;border:1px solid #ffffffbd;border-radius:100px;backdrop-filter:blur(12px);padding:9px 14px;gap:8px;font-size:13px;box-shadow:var(--shadow-soft);z-index:3}.spatial-path-dock{position:relative;z-index:4;display:grid;grid-template-columns:repeat(3,1fr);width:92%;margin:-1px auto 0;padding:12px 10px;background:rgba(252,253,249,.83);backdrop-filter:blur(20px);border:1px solid white;border-radius:0 0 16px 16px;box-shadow:var(--shadow-float)}.spatial-path-dock>a{position:relative;padding:12px 50px 12px 26px;display:grid;gap:3px;min-width:0;border-radius:9px;transition:background .2s}.spatial-path-dock>a+a{border-left:1px solid var(--border)}.spatial-path-dock span{font-size:13px;color:var(--muted)}.spatial-path-dock strong{font-size:16px;font-weight:500}.spatial-path-dock svg{position:absolute;right:24px;top:50%;translate:0 -50%}.spatial-path-dock a:hover{background:#e9efea99}.spatial-intro{display:grid;grid-template-columns:1fr 1fr;gap:12%;padding-block:92px;align-items:start}.spatial-intro h2{font-size:clamp(30px,3.1vw,43px);line-height:1.2;margin:0}.spatial-intro p{font-size:16px;color:var(--muted);margin:0 0 20px;max-width:580px}
.spatial-offers{margin-bottom:100px}.section-pair{gap:12%;margin-bottom:26px;align-items:end}.section-pair h2{font-size:clamp(30px,3.3vw,46px);line-height:1.17}.section-pair>p{max-width:450px;font-size:16px}.path-controls{display:inline-flex;position:relative;isolation:isolate;padding:5px;gap:4px;border:1px solid #ffffffd9;background:#e9eeea;box-shadow:inset 0 1px 3px #213c2810;border-radius:100px;margin:0 0 28px;max-width:100%}.path-controls button{padding:10px 21px;min-height:44px;font-size:14px;border-radius:100px;transition:background .3s,color .2s}.path-controls button:after{display:none}.path-controls button[aria-selected=true]{background:#fcfdfb;color:var(--deep);box-shadow:0 3px 10px -5px #173d2b35;font-weight:500}.path-controls button:hover{color:var(--deep)}.path-panel{display:grid;grid-template-columns:1.12fr 1fr;gap:7%;align-items:center;background:transparent;border-radius:0;min-height:420px;overflow:visible}.path-panel+.path-panel{margin-top:0}.path-panel-copy{padding:30px 22px 30px 0}.path-panel h3{font-size:clamp(28px,3vw,40px);line-height:1.2;letter-spacing:-.03em;margin-bottom:24px}.path-panel p{font-size:16px;margin-bottom:30px}.path-image{position:relative;min-width:0;aspect-ratio:1.38;border-radius:14px;overflow:hidden;box-shadow:var(--shadow-float);isolation:isolate}.path-image img{position:absolute;inset:0;width:100%;height:100%;max-height:none;object-fit:cover;transition:transform .7s var(--ease-flow)}.path-image:after{content:'';position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px #ffffff80;pointer-events:none}.image-caption{position:absolute;bottom:16px;left:16px;padding:10px 17px;border:1px solid #ffffffbc;border-radius:100px;background:#f4f7f0db;color:var(--deep);backdrop-filter:blur(16px);font-size:13px}.path-caption{display:none}
/* A separate interactive learning sequence carries the developing AI story. */
.intelligence-section{background:#ecefeb;padding:84px 0;position:relative;overflow:visible}.intelligence-layout{gap:12%;grid-template-columns:.9fr 1.1fr}.intelligence-copy h2{font-size:clamp(30px,3.3vw,44px);line-height:1.2;margin-bottom:26px}.intelligence-copy>p{font-size:16px}.learning-flow{border:1px solid #ffffffd9;border-radius:16px;background:#fbfcf8c9;box-shadow:var(--shadow-float);backdrop-filter:blur(16px);padding:30px;min-height:408px}.flow-tabs{border-radius:100px;background:#e7ece6;padding:4px}.flow-indicator{inset:4px auto 4px 4px;width:calc((100% - 8px)/3);border-radius:100px;box-shadow:var(--shadow-soft)}.flow-tabs button{min-height:46px;border-radius:100px;font-weight:500}.flow-node{display:none}.flow-visual{height:115px;padding:8px 0 0}.flow-state{display:inline-flex;align-items:center;gap:7px;border-radius:100px;background:#e7eee6;padding:3px 10px!important;font-size:13px!important;color:#3b604b!important}.flow-state:before{content:'';width:5px;height:5px;border-radius:50%;background:#578469}.flow-panel h3{font-size:27px;line-height:1.3}.flow-panel p{font-size:15px}.flow-panel .text-link{font-size:14px}
.spatial-practice{display:grid;grid-template-columns:.9fr 1.1fr;gap:11%;align-items:center;padding-block:100px}.practice-portrait{position:relative;aspect-ratio:.9;overflow:hidden;border-radius:14px;box-shadow:var(--shadow-float)}.practice-portrait img{width:100%;height:100%;object-fit:cover;object-position:60% center}.spatial-practice-copy h2{font-size:clamp(30px,3.3vw,44px);line-height:1.2;margin-bottom:24px}.spatial-practice-copy>p{font-size:16px;color:var(--muted);max-width:480px;margin-bottom:28px}.practice-levels{display:grid}.practice-levels a{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--border);padding:18px 8px 18px 0;transition:padding .25s var(--ease-flow),background .25s}.practice-levels strong{display:block;font-size:20px;font-weight:500}.practice-levels small{font-size:13px;color:var(--muted);display:block;margin-top:3px}.practice-levels a:hover{padding-left:14px;background:#edf1eb}.spatial-world{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:35px 0 58px}.spatial-world h2{font-size:32px;margin-bottom:20px}.spatial-world p{font-size:17px;margin:0 0 10px}.spatial-world span{font-size:13px;color:var(--muted)}.future-cta{background:#edf1e9;border:1px solid #fff;border-radius:16px;padding:42px;margin-bottom:64px;box-shadow:var(--shadow-soft)}.future-cta h2{font-size:36px}.future-cta>div>p{max-width:410px}
/* Inner pages keep their own content-driven layouts in the same material system. */
.business-intro,.reading-intro,.shop-intro,.contact-intro{padding-block:64px 42px}.business-intro h1,.reading-intro h1,.shop-intro h1,.contact-intro h1,.locale-content h1{font-size:clamp(36px,4.5vw,60px);letter-spacing:-.035em;line-height:1.16}.business-intro .lead{font-size:18px;line-height:1.8;max-width:780px}.business-intro.has-scene{display:grid;grid-template-columns:1.05fr .95fr;gap:9%;align-items:center;padding-bottom:52px}.business-intro.has-scene>div{min-width:0}.business-intro.has-scene .intro-scene{height:340px;width:100%;object-fit:cover;border-radius:14px;box-shadow:var(--shadow-float)}.business-intro.has-scene h1{font-size:clamp(34px,3.8vw,52px)}.business-intro.has-scene .lead{font-size:16px}.business-feature{gap:9%;padding-bottom:80px}.business-feature img,.business-paths img{border-radius:14px;box-shadow:var(--shadow-float)}.business-feature h2{font-size:38px;line-height:1.22}.business-feature p{color:var(--muted);font-size:16px;line-height:1.8}.business-rows{margin-bottom:64px}.business-row{padding:34px 0;border-color:var(--border)}.business-row h2{font-size:30px}.business-row ul{color:var(--muted);line-height:1.85}.business-row p{color:var(--muted);font-size:15px}.business-cta{border:1px solid white;background:#edf1e9;padding:44px;box-shadow:var(--shadow-soft);border-radius:16px}.business-cta h2{font-size:36px;line-height:1.2}.business-note{background:#eff2ec;color:#536357;border:1px solid white;padding:25px 30px;line-height:1.8}.business-process{padding-block:60px 80px}.business-process li{background:transparent;padding:20px 0;border-radius:0;border-top:1px solid var(--border)}.business-process h3{font-size:23px}.business-process p{color:var(--muted);font-size:14px}.business-three article{padding-top:20px;border-top:1px solid var(--border)}.business-three h3{font-size:25px}.business-three p{color:var(--muted)}.business-band{background:#edf1e9}.business-band h2{font-size:40px}.business-personal{color:var(--muted)}.innovation-intro{padding-block:64px;gap:9%}.innovation-visual img{border-radius:14px;box-shadow:var(--shadow-float);height:390px}.innovation-status{background:#e9eee7;border-radius:10px;padding:12px 16px;font-size:13px;max-width:580px}.future-roadmap{padding-block:80px}.future-roadmap h3{font-size:26px}.future-roadmap p{color:var(--muted)}
/* Reading, course discovery, and enquiries remain fully functional. */
.reading-nav{top:96px;background:#fdfef9bf;border:1px solid white;padding:20px;border-radius:14px;box-shadow:var(--shadow-soft);backdrop-filter:blur(12px);align-self:start}.reading-nav a:hover,.reading-nav a[aria-current]{background:#e7eee6;color:var(--deep)}.reading-content{font-size:16px;line-height:1.85}.reading-content h2{font-size:29px;letter-spacing:-.025em}.reading-content h3{font-size:24px}.reading-intro h1{max-width:950px}.faq-item{border-color:var(--border)}.faq-item summary{padding-block:22px;font-size:17px}.faq-item[open]{background:#fdfefac9;border-radius:12px;padding-inline:18px;box-shadow:var(--shadow-soft)}.shop-grid{gap:24px}.shop-card{background:#fcfdf9;border:1px solid white;box-shadow:var(--shadow-soft);border-radius:14px}.shop-card-photo{aspect-ratio:1.35}.shop-card-copy{padding:25px}.shop-card h3{font-size:27px}.shop-card-actions button,.save-course{border-radius:100px;background:transparent;color:var(--forest);border:1px solid #82978b;transition:background .2s}.shop-card-actions button:hover,.save-course:hover{background:#e6eee5}.shop-custom{background:#edf1e9;border:1px solid white;box-shadow:var(--shadow-soft);border-radius:16px}.shop-custom img{border-radius:12px;object-fit:cover}.shop-custom h2{font-size:36px}.product-image img{height:570px;object-position:60% center;box-shadow:var(--shadow-float)}.product-facts dt{letter-spacing:0;text-transform:none;font-weight:600}.product-facts dd{color:var(--muted)}.product-summary h1{font-size:48px}.shop-launch{background:#eef2eb;border-color:#fff;border-radius:12px;font-size:14px}.shop-assurances h3{font-size:23px}.shop-assurances p{color:var(--muted);font-size:15px}.stage-panel{border:1px solid white;background:#fdfef8!important;box-shadow:var(--shadow-soft);border-radius:16px}.stage-visual{border-radius:12px}.stage-copy h2{font-size:33px}.stage-visual img{object-fit:cover}.stage-tabs{border-radius:100px}.stage-tabpanel{color:var(--muted)}.journal-card{background:#fdfef9;border:1px solid white;box-shadow:var(--shadow-soft)}.journal-card img{border-radius:12px}.journal-card h2{font-size:28px}.feature-story{border-radius:16px;overflow:hidden}.contact-welcome,.contact-intro{max-width:1320px}.contact-image,.contact-visual,.contact-photo{border-radius:14px!important}.contact-card,.enquiry-form,.business-contact form,.support-form-wrap{background:#fdfef9d9;border:1px solid white;box-shadow:var(--shadow-float);border-radius:16px}.business-contact{gap:8%;margin-bottom:80px}.business-contact aside{padding-top:15px}.business-email{font-size:22px}.business-contact-note{margin-top:35px}.business-contact-note h2{font-size:25px}.business-contact form{padding:36px}.business-contact label,.enquiry-form label{font-size:14px}.business-contact :is(input,select,textarea),.enquiry-form :is(input,select,textarea),.shop-filters :is(input,select),.support-form-wrap :is(input,select,textarea){background:#f5f7f2;border:1px solid #ced8cf;border-radius:9px;color:var(--deep);font:inherit;font-size:15px;min-height:48px}.business-contact :is(input,select,textarea):focus,.enquiry-form :is(input,select,textarea):focus{background:#fff;outline-color:#597c64}.business-contact-banner{background:#edf1e9;border:1px solid white;border-radius:14px}.enquiry-studio h2{font-size:36px}.enquiry-studio .eyebrow,.business-intro>.eyebrow,.business-feature .eyebrow,.business-process>.eyebrow,.business-cta .eyebrow,.reading-intro>.eyebrow,.shop-intro>.eyebrow,.contact-intro>.eyebrow{display:none}.contact-intro .eyebrow{display:none}.cookie-dialog{background:#f8faf4f2;backdrop-filter:blur(22px);border:1px solid #fff;border-radius:18px;box-shadow:0 28px 80px -20px #102a2d55;color:var(--deep)}.cookie-dialog h2{font-family:var(--display);font-size:32px;line-height:1.2}.cookie-dialog .cookie-kicker{display:none}.cookie-dialog .eyebrow{font-size:14px;text-transform:none;letter-spacing:0}.cookie-dialog p{font-size:15px}.cookie-category :is(h3,strong,p,span span){font-family:var(--body)}.cookie-actions :is(button){font-family:var(--body);font-size:14px;border-radius:100px}.cookie-choice{background:var(--forest);border-color:var(--forest)}.cookie-manage,.cookie-save{border-color:#749080;color:var(--forest)}.cookie-choice:hover{background:#345f48}.cookie-category input{accent-color:var(--forest)}.cookie-dialog::backdrop{background:#1b29266b;backdrop-filter:blur(5px)}
.site-footer,.home-page .site-footer{background:#ecefeb;border-top:1px solid #dbe3da;padding:48px 0 20px}.footer-top{grid-template-columns:1.2fr 1fr 1fr 1fr;gap:40px}.footer-top .eyebrow{font-size:13px;color:var(--deep);font-weight:600;letter-spacing:0;text-transform:none}.footer-top>div>a:not(.brand){text-decoration:none;color:#486151;font-size:13px;line-height:1.6;margin:8px 0}.footer-top>div>a:hover{text-decoration:underline}.footer-brand p{font-size:13px;color:#5c6c60}.footer-cookie-button{color:#486151!important}.footer-bottom{font-size:13px;gap:20px}.footer-bottom .motion-toggle{font-size:13px}.footer-wordmark{display:none}
/* Depth is bounded to imagery; all text stays still and legible. */
[data-depth-media]{transform:perspective(1200px) rotateX(var(--depth-x,0deg)) rotateY(var(--depth-y,0deg));transition:transform .5s var(--ease-flow)}[data-depth-media]:hover img{transform:scale(1.025)}.spatial-enter{animation:spatial-arrive .65s var(--ease-flow) both}.spatial-film{animation:cinema-enter .9s var(--ease-flow) both}.spatial-path-dock{animation:dock-enter .8s .12s var(--ease-flow) both}.motion-paused .spatial-film,.motion-paused .spatial-path-dock,.motion-paused .spatial-enter{animation:none!important}.motion-paused [data-depth-media]{transform:none!important}.motion-paused *{transition:none!important}.route-progress{height:2px;background:#759985}::view-transition-old(stillora-content){animation:spatial-exit .18s ease-out both}::view-transition-new(stillora-content){animation:spatial-route .42s var(--ease-flow) both}
@keyframes spatial-title{from{opacity:.45;transform:translateY(18px);filter:blur(3px)}to{opacity:1;transform:none;filter:none}}@keyframes spatial-arrive{from{opacity:.65;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes cinema-enter{from{opacity:.7;clip-path:inset(3% 1% round 16px)}to{opacity:1;clip-path:inset(0 round 16px)}}@keyframes dock-enter{from{opacity:.5;translate:0 -8px}to{opacity:1;translate:0 0}}@keyframes spatial-exit{to{opacity:0;transform:translateY(-6px)}}@keyframes spatial-route{from{opacity:.15;transform:translateY(12px);filter:blur(2px)}to{opacity:1;transform:none;filter:none}}
@media(min-width:1700px){.home-page .site-header{top:0}.spatial-hero{padding-top:56px}}
@media(max-width:1180px){.navigation{gap:10px;padding-inline:15px}.nav-links a{font-size:13px;padding:9px 7px}.nav-links a:last-child{margin-left:5px;padding-inline:12px}.spatial-hero-heading{gap:6%}.spatial-hero h1{font-size:52px}.spatial-hero-heading>div>p{font-size:16px}.hero-actions{gap:14px}.hero-actions .button{font-size:13px;padding-inline:18px}.path-panel-copy{padding-right:0}.path-panel{gap:6%}.intelligence-layout{gap:7%}.spatial-path-dock strong{font-size:14px}}
@media(max-width:1050px){.site-header,.home-page .site-header{padding:10px var(--gutter) 0}.navigation{min-height:64px;gap:12px;padding:8px 16px}.navigation>.brand{margin-right:auto}.nav-links{inset:calc(100% + 9px) 0 auto;background:#fafcf6f5;border:1px solid white;border-radius:14px;backdrop-filter:blur(24px);box-shadow:var(--shadow-float);padding:16px;gap:2px}.nav-links a{font-size:16px;padding:12px 14px}.nav-links a:last-child{margin:6px 0 0;padding:10px 14px;width:max-content;min-height:44px}.nav-links a:after{left:14px}.menu-toggle{order:5}.footer-top{grid-template-columns:1.2fr 1fr 1fr;gap:30px}.business-intro.has-scene{gap:6%}.business-intro.has-scene h1{font-size:40px}.spatial-practice{gap:8%}.spatial-world{align-items:flex-start}.future-cta{gap:7%;padding:34px}.future-cta h2{font-size:32px}}
@media(max-width:760px){:root{--gutter:20px}.site-header,.home-page .site-header{padding:8px 12px 0}.navigation{min-height:60px;padding:6px 12px;gap:8px;border-radius:13px}.wordmark,.wordmark img{width:92px}.wordmark{height:16px}.brand-mark{width:25px}.navigation>.brand{gap:6px}.sound-bar button:first-child,.sound-bar button:last-child{min-width:28px;padding:5px}.language-switch>summary{min-width:36px}.site-header .sound-panel{top:77px;right:16px}.button,.hero-actions .button{min-height:46px;font-size:13px;padding:12px 19px;gap:12px}.text-link{font-size:13px}.spatial-hero{padding-top:30px}.spatial-hero-heading{grid-template-columns:1fr;gap:21px;margin-bottom:25px}.spatial-hero h1{font-size:clamp(36px,9.7vw,52px);line-height:1.13}.spatial-hero-heading>div>p{font-size:15px;max-width:530px;margin-bottom:20px}.hero-actions{gap:18px}.spatial-film{aspect-ratio:5/6;border-radius:13px}.spatial-film .scene-control{bottom:12px;right:12px;min-height:40px;font-size:13px;padding:9px 11px}.spatial-path-dock{width:calc(100% - 20px);grid-template-columns:1fr;padding:6px 15px;border-radius:0 0 13px 13px}.spatial-path-dock>a{display:flex;align-items:center;gap:18px;padding:13px 28px 13px 3px;border-radius:0;min-height:54px}.spatial-path-dock>a+a{border-left:0;border-top:1px solid #dbe3d9}.spatial-path-dock span{font-size:13px;min-width:75px}.spatial-path-dock strong{font-size:13px}.spatial-path-dock svg{right:2px;width:16px}.spatial-intro{padding-block:56px;grid-template-columns:1fr;gap:24px}.spatial-intro h2{font-size:31px}.spatial-intro p{font-size:15px}.spatial-offers{margin-bottom:56px}.section-pair{grid-template-columns:1fr;gap:18px;margin-bottom:25px}.section-pair h2{font-size:33px}.section-pair>p{font-size:15px}.path-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;padding:4px;gap:0;border-radius:16px;margin-bottom:22px}.path-controls button{font-size:13px;line-height:1.5;text-align:center;padding:9px 5px;min-height:48px;border-radius:12px;white-space:normal}.path-panel{grid-template-columns:1fr;min-height:0;gap:0}.path-image{aspect-ratio:1.35;border-radius:12px}.image-caption{font-size:13px;bottom:12px;left:12px;padding:8px 13px}.path-panel-copy{padding:27px 0 0}.path-panel h3{font-size:29px;margin-bottom:17px}.path-panel p{font-size:15px;margin-bottom:22px}.intelligence-section{padding-block:50px}.intelligence-layout{grid-template-columns:1fr;gap:27px}.intelligence-copy h2{font-size:31px;margin-bottom:18px}.intelligence-copy>p{font-size:15px}.learning-flow{padding:22px;min-height:395px;border-radius:14px}.flow-tabs button{font-size:13px;min-height:44px}.flow-visual{height:100px}.flow-panel h3{font-size:24px}.flow-panel p{font-size:14px}.flow-state{font-size:13px!important}.spatial-practice{grid-template-columns:1fr;padding-block:58px;gap:30px}.practice-portrait{aspect-ratio:1.16;border-radius:12px}.spatial-practice-copy h2{font-size:32px;margin-bottom:17px}.spatial-practice-copy>p{font-size:15px;margin-bottom:22px}.practice-levels a{padding-block:15px}.practice-levels strong{font-size:19px}.spatial-world{flex-direction:column;padding-block:0 42px;gap:15px}.spatial-world h2{font-size:29px;margin-bottom:16px}.spatial-world p{font-size:15px;line-height:1.8}.spatial-world span{font-size:13px}.future-cta{grid-template-columns:1fr;padding:27px;gap:20px;margin-bottom:40px}.future-cta h2{font-size:29px}.future-cta>div>p{font-size:15px}.business-intro,.reading-intro,.shop-intro,.contact-intro{padding-block:36px 30px}.business-intro h1,.reading-intro h1,.shop-intro h1,.contact-intro h1,.locale-content h1{font-size:35px;line-height:1.2}.business-intro.has-scene{grid-template-columns:1fr;gap:25px;padding-bottom:35px}.business-intro.has-scene h1{font-size:35px}.business-intro.has-scene .intro-scene{height:250px}.business-intro.has-scene .lead,.business-intro .lead{font-size:15px}.business-feature{gap:28px;padding-bottom:45px}.business-feature img{height:290px}.business-feature h2{font-size:30px}.business-feature p{font-size:15px}.business-row h2{font-size:27px}.business-row ul{font-size:15px}.business-row{padding-block:27px}.business-rows{margin-bottom:40px}.business-cta{padding:27px;margin-bottom:40px}.business-cta h2{font-size:29px}.business-cta p{font-size:15px}.business-process{padding-block:40px 55px}.business-process ol{grid-template-columns:1fr 1fr;gap:20px}.business-process h3{font-size:21px}.business-process p{font-size:13px}.business-note{padding:22px;font-size:14px}.business-three h3{font-size:25px}.business-band h2{font-size:31px}.innovation-intro{padding-block:36px 45px;grid-template-columns:1fr}.innovation-intro h1{font-size:35px}.innovation-visual img{height:290px}.future-roadmap{padding-block:50px}.reading-nav{padding:16px}.reading-content h2{font-size:26px}.faq-item summary{font-size:15px}.shop-grid{gap:22px}.shop-card-photo{aspect-ratio:1.4}.shop-card h3{font-size:26px}.shop-custom{padding:27px;gap:25px}.shop-custom h2{font-size:30px}.shop-custom img{height:250px}.shop-launch{font-size:13px;gap:10px}.product-image img{height:350px}.product-summary h1{font-size:35px}.shop-filters input{min-width:0}.stage-copy h2{font-size:29px}.stage-tabs{border-radius:12px}.business-contact form{padding:24px}.business-email{font-size:20px}.business-contact{margin-bottom:50px}.business-contact-banner{margin-top:28px}.enquiry-studio h2{font-size:30px}.cookie-dialog{padding:25px 22px}.cookie-dialog h2{font-size:27px}.cookie-dialog p{font-size:14px}.cookie-actions button{min-height:46px}.footer-top{grid-template-columns:1fr 1fr;gap:27px 20px}.footer-top>div:last-child{grid-column:1/-1}.site-footer,.home-page .site-footer{padding-top:33px}.footer-bottom{gap:7px;font-size:13px}.footer-bottom .motion-toggle{font-size:13px}.spatial-film,.spatial-path-dock{animation-duration:.6s}}
@media(max-width:370px){.navigation{gap:5px}.wordmark,.wordmark img{width:82px}.brand-mark{width:23px}.sound-bar button:first-child,.sound-bar button:last-child{min-width:26px}.spatial-hero h1{font-size:35px}.hero-actions{gap:8px}.hero-actions .button{padding-inline:15px;font-size:13px}.hero-actions .text-link{font-size:13px}.flow-tabs button{font-size:13px}.spatial-path-dock span{min-width:64px}}
@media(prefers-reduced-motion:reduce){.spatial-film,.spatial-path-dock,.spatial-enter,.title-ink{animation:none!important;opacity:1;filter:none;transform:none;clip-path:none}.spatial-path-dock{translate:none}[data-depth-media]{transform:none!important}*,*:before,*:after{transition:none!important;animation:none!important}.flow-current{stroke-dasharray:none}::view-transition-old(stillora-content),::view-transition-new(stillora-content){animation:none!important}}

/* Keep secondary navigation below the floating global navigation. */
.course-jump{top:96px}.stage-panel{scroll-margin-top:180px}
@media(max-width:760px){.course-jump{top:80px}.stage-panel{scroll-margin-top:155px}}

/* Eight destinations remain readable; compact navigation starts before crowding. */
@media(max-width:1240px){.nav-links{display:none;position:absolute;inset:calc(100% + 9px) 0 auto;flex-direction:column;align-items:stretch;margin:0;padding:16px;gap:2px;background:#fafcf6f5;border:1px solid white;border-radius:14px;backdrop-filter:blur(24px);box-shadow:var(--shadow-float);max-height:calc(100dvh - 100px);overflow-y:auto;overscroll-behavior:contain}.nav-links.is-open{display:flex}.nav-links a{font-size:16px;padding:12px 14px}.nav-links a:after{left:14px;right:auto;width:30px;bottom:6px}.nav-links a:last-child{margin:6px 0 0;padding:10px 14px;width:max-content;min-height:44px}.menu-toggle{display:flex;align-items:center;gap:8px;min-height:44px;padding:8px 0;border:0;background:none;color:var(--forest);font-size:13px;order:5;margin:0}.navigation>.brand{margin-right:auto}.navigation>.sound-player{order:1}.course-bag{order:2}.language-switch{order:3}}