/* FCAJ V8 — distinct chapters, editorial rhythm and code-built illustrations. */
.section{padding:120px 0}
.section-head h2{font-size:clamp(38px,4.4vw,62px);font-weight:500;letter-spacing:-2.5px;line-height:1.2;text-wrap:balance}
.section-head .lead{font-size:14px;line-height:1.95}
.section-split{display:grid;grid-template-columns:1.3fr 1fr;gap:18px 80px;text-align:left;align-items:end;margin-bottom:54px}
.section-split .eyebrow{grid-column:1/-1}
.section-split h2{margin:0}
.section-split .lead{max-width:440px;margin:0 0 5px;justify-self:end}
.eyebrow{font-size:9px;letter-spacing:2px}

/* A spacious proof band, with fine rules instead of boxed metrics. */
.impact{padding:53px 0 66px;background:#08090e}
.impact-intro{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffff18;padding-top:26px}
.impact-intro .eyebrow{color:#c6b09d;font-size:8px}
.impact-intro-note{font:8px monospace;letter-spacing:1.5px;color:#666e80;display:flex;align-items:center;gap:40px}
.impact-intro-note>span{font:30px Vietnam;color:var(--orange)}
.impact-grid{padding:39px 0 0;border:0;gap:35px;counter-reset:impact}
.impact-item{text-align:left;position:relative;padding-left:22px;border-color:#fff2;counter-increment:impact}
.impact-item:first-child{padding-left:0}
.impact-item::before{content:'0' counter(impact);font:9px monospace;color:#626875;display:block;margin-bottom:14px}
.impact-item strong{font-size:clamp(47px,5.5vw,77px);letter-spacing:-3.5px;line-height:1.15}
.impact-item:first-child strong{color:#ffb586}
.impact-item small{color:#a4a8b6;font-size:12px;margin-top:15px}

/* Chapter 01: warm paper, documentary photography, rotating community seal. */
#about{color:#201e24;background:#f2efe9;overflow:clip;padding-top:36px;padding-bottom:115px;color-scheme:light}
.section-chapter{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #24222a22;padding:0 0 26px;font:9px monospace;letter-spacing:1.4px;color:#7c7570}
.section-chapter>span:first-child{color:#a45c37}
.about-grid{grid-template-columns:1.05fr 1fr;gap:85px;padding-top:85px;align-items:center}
.about-copy .eyebrow{color:#a05a36}
.about-copy .section-head h2{font-size:clamp(38px,4.3vw,60px);letter-spacing:-2.5px;line-height:1.16;margin-top:20px}
#about .text-muted{color:#8c827b}
#about .lead{font-size:13px;color:#6e6865;line-height:1.95}
#about .lead strong{font-weight:600;color:#423b37}
.about-points{margin-top:32px;gap:17px}
.about-point{font-size:12px;color:#423b37;line-height:1.8}
.about-point .check{color:#ad6038;background:#dfc4ad48;border-color:#c3916f3b}
.about-figure{padding:24px 0 45px;isolation:isolate}
.about-figure::before{display:none}
.about-figure>img{height:510px;object-position:50% 60%;border-radius:7px 7px 80px 7px;filter:saturate(.8);box-shadow:0 25px 55px #42302513}
.photo-overline{color:#8b7e74;top:0;font-size:7px;letter-spacing:1.5px}
.image-stamp{display:none}
.figure-note{left:-28px;right:45px;bottom:5px;background:#fffdf8;border:1px solid #3828170d;border-radius:8px;box-shadow:0 16px 38px #3a251f15;backdrop-filter:none;padding:24px 28px}
.figure-note strong{color:#2d2623;font-size:17px;font-weight:500}
.figure-note>div>span{color:#9a877b;font-size:7px}
.figure-note-arrow{color:#ba7248}
.community-seal{position:absolute;z-index:2;right:-31px;top:-36px;width:124px;height:124px;border-radius:50%;background:#ffb381;color:#302118;box-shadow:0 9px 25px #4d281321}
.community-seal svg{position:absolute;inset:0;width:100%;height:100%;animation:seal-turn 32s linear infinite}
.community-seal text{font:10px Vietnam;letter-spacing:1.5px;fill:currentColor}
.community-seal>span{position:absolute;inset:0;display:grid;place-items:center;font-size:47px;font-weight:400}

/* Chapter 02: a complete visual story in every benefit. */
.benefits-section{background:#090a10;border:0;position:relative}
.benefits-section .section-head .lead{max-width:430px}
.benefit-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:20px}
.benefit{grid-column:span 4;padding:32px;min-height:320px;border-radius:16px;background:linear-gradient(135deg,#181a2570,#10121b);border-color:#ffffff1c;display:flex;flex-direction:column}
.benefit-number{position:absolute;right:26px;top:24px;color:#626779;font:10px monospace;letter-spacing:1px}
.benefit:nth-child(1){grid-column:span 7;background:radial-gradient(ellipse at 55% 100%,#51416c33,transparent 70%),#11131c;padding:36px 36px 0;min-height:510px}
.benefit:nth-child(2){grid-column:span 5;padding:32px 32px 0;min-height:510px;background:radial-gradient(ellipse at 50% 120%,#8f5a2924,transparent 70%),#11131b}
.benefit h3{font-size:22px;letter-spacing:-.7px;font-weight:500;margin-bottom:14px}
.benefit p{font-size:13px;color:#989bad;line-height:1.9}
.benefit:nth-child(1) h3{font-size:32px;max-width:90%;margin-top:8px}
.benefit:nth-child(2) h3{font-size:24px}
.benefit:nth-child(1)>p{max-width:430px}
.benefit-icon{width:34px;height:34px;margin:5px 0 29px}
.benefit-art.architecture-art{height:310px;min-height:270px;width:100%;margin-top:auto;perspective:900px}
.architecture-links{position:absolute;inset:0;width:100%;height:100%;stroke:#927aa343;stroke-width:1}
.architecture-links .diagram-flow{stroke:#c2a6e4;stroke-dasharray:8 170}
.architecture-stack{position:absolute;inset:0;perspective:900px}
.stack-plane{position:absolute;left:50%;top:48%;width:190px;height:190px;transform:translate(-50%,-50%) rotateX(56deg) rotateZ(-36deg);border:1px solid #c9b6e34d;border-radius:24px;background:linear-gradient(140deg,#393443dd,#201e2aaa);box-shadow:0 20px 25px #05050b66}
.plane-bottom{top:68%;opacity:.45}.plane-middle{top:58%;opacity:.7}
.plane-top{top:45%;background:linear-gradient(135deg,#51475e,#242131);box-shadow:inset 0 1px 0 #e4d4ff44,0 24px 30px #07070e80;animation:stack-lift 7s ease-in-out infinite;display:flex;align-items:center;justify-content:center;gap:20px}
.plane-top>span{font-size:31px;letter-spacing:3px;color:#dfd5eb}.plane-top>i{font-size:45px;font-style:normal;color:#bd9bd4}
.stack-tag{position:absolute;top:54%;display:flex;flex-direction:column;gap:0;align-items:center;border:1px solid #ffffff1d;padding:10px 14px;border-radius:9px;background:#181924;box-shadow:0 10px 25px #0003;font-size:24px;line-height:1.4;color:#e7b088;animation:node-float 6s ease-in-out infinite}
.stack-tag i{font:6px monospace;letter-spacing:1px;color:#948a9e}
.tag-cloud{left:1%}.tag-ai{right:0;color:#baa6d6;animation-delay:-3s}
.stack-label{position:absolute;left:0;right:0;bottom:16px;text-align:center;font:6px monospace;letter-spacing:2px;color:#67637c}
.lab-count{display:flex;align-items:center;gap:16px;margin:0 0 18px}
.lab-count strong{font-size:53px;font-weight:500;letter-spacing:-2.8px;line-height:1.2;color:#f3b47e}
.lab-count strong>span{font-size:30px;vertical-align:top;line-height:1.5}
.lab-count>span{font:7px monospace;letter-spacing:1.6px;max-width:60px;line-height:1.8;color:#927f75}
.lab-terminal{height:211px;min-height:200px;margin:27px -7px 0;transform:perspective(800px) rotateX(6deg);position:relative}
.terminal-bar{height:35px;font-size:6px}.terminal-body p{font-size:11px}
.mentors-art{display:flex;align-items:center;position:relative;padding:30px 0 35px;margin-top:auto}
.mentors-art>span{width:52px;height:52px;border:3px solid #12141e;border-radius:50%;overflow:hidden;margin-left:-9px;background:#28212e;box-shadow:0 0 0 1px #ffffff21}
.mentors-art>span:first-child{margin:0}.mentors-art img{width:100%;height:100%;object-fit:cover;filter:none}
.mentors-art .mentor-plus{display:grid;place-items:center;color:#d3bddf;font-size:25px;background:#292234}
.mentors-art i{position:absolute;bottom:6px;left:0;font:6px monospace;letter-spacing:1.2px;color:#726783}
.growth-art{height:127px;min-height:127px;margin-top:auto;display:flex;align-items:flex-end;justify-content:space-between;gap:17px;padding-top:15px;position:relative;isolation:isolate}
.growth-art>span{height:var(--bar);width:19%;border:1px solid #ca906e36;border-bottom:0;border-radius:5px 5px 0 0;background:linear-gradient(#b97f5145,#ad744306);transform-origin:bottom;animation:bar-breathe 6s ease-in-out var(--delay) infinite}
.growth-art svg{position:absolute;inset:8px 0 0;width:100%;height:100%;stroke:#e0a472;stroke-width:1.5;stroke-dasharray:340;animation:growth-trace 7s ease-in-out infinite}
.campus-art{margin-top:auto;height:132px;min-height:132px}
.campus-art svg{width:100%;height:100%;stroke:#93b2ca;stroke-width:1.2}
.campus-lines{stroke:#91aacb33}.campus-art .diagram-flow{stroke:#a3c9e5}.campus-building{stroke:#b3c8da;stroke-width:1.5}
.campus-art circle{fill:#283849;stroke:#b6c5d755}
.motion-paused .growth-art svg{animation:none;stroke-dashoffset:0;opacity:1}
.benefit:nth-child(6){grid-column:span 12;display:grid;grid-template-columns:55px 1fr 1.5fr;min-height:0;padding:28px 33px;gap:24px;background:linear-gradient(100deg,#6e422427,#11131c);border-color:#be92613b}
.benefit:nth-child(6) .benefit-icon,.benefit:nth-child(6) .benefit-number{display:none}
.access-symbol{display:grid;place-items:center;width:48px;height:48px;border:1px solid #e5ac7954;border-radius:50%;font-size:26px;color:#e8b080}
.benefit:nth-child(6) h3{font-size:22px;color:#edc5a1}
.benefit:nth-child(6) p{font-size:12px;color:#a49890}
.disclaimer{font-size:10px;color:#88818a;line-height:1.9;margin-top:22px}

/* Chapter 03: a learning workspace with a clear, numbered vertical path. */
.learning{background:radial-gradient(ellipse at 95% 80%,#22284042,transparent 48%),#0e1019;border-block:1px solid #ffffff0e}
.curriculum-meta{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:58px 0 20px;color:#a4a7b7;font-size:10px}
.curriculum-meta>span:first-child{font:8px monospace;letter-spacing:1.5px;color:#838b9c;display:flex;align-items:center;gap:9px}
.curriculum-meta i{width:5px;height:5px;border-radius:50%;background:#c9a2ff;box-shadow:0 0 13px #b097e9}
.curriculum-meta b{font-size:16px;margin-left:12px;font-weight:400;color:#e2ab7f}
.curriculum{display:grid;grid-template-columns:340px minmax(0,1fr);gap:22px;margin:0;align-items:stretch}
.module-tabs{display:flex;flex-direction:column;gap:0;padding:9px;border:1px solid #ffffff16;border-radius:17px;background:#11141e}
.module-tab{position:relative;display:flex;flex-direction:row;align-items:center;gap:18px;flex:1;min-height:99px;padding:18px;border:1px solid transparent;border-radius:10px;transition:background .3s,border-color .3s,color .3s}
.module-tab+.module-tab{border-top:1px solid #ffffff09}
.module-tab.active{border:1px solid #edb18538;background:linear-gradient(110deg,#63402a30,#e5a97c09);color:#fff}
.module-tab:hover{background-color:#ffffff04}
.module-index{font-size:22px;color:#535c72;letter-spacing:-1px;width:30px;flex:none}
.module-tab.active .module-index{color:#f0b180}
.module-label{flex:1}
.track-num{display:block;font:6px monospace;letter-spacing:1.4px;color:#686f83;margin-bottom:7px}
.module-tab.active .track-num{color:#c69977}
.module-title{font-size:13px;line-height:1.6}
.module-arrow{display:block;font-size:18px;color:#a77b58;opacity:0;transition:opacity .3s}
.module-tab.active .module-arrow,.module-tab:hover .module-arrow{opacity:1}
.module-panel{display:grid;grid-template-columns:1fr;gap:0;padding:27px 40px 34px;border:1px solid #ffffff1b;border-radius:17px;min-height:638px;background:radial-gradient(ellipse at 50% 25%,#73639314,transparent 65%),linear-gradient(125deg,#171a27,#11141f);overflow:clip}
.module-panel-top{grid-column:1;position:relative;z-index:1}.module-phase{font-size:8px;color:#777e93}
.module-watermark{position:absolute;right:27px;top:20px;color:transparent;-webkit-text-stroke:1px #8993b414;font-size:180px;font-weight:600;letter-spacing:-12px;line-height:1;pointer-events:none}
.module-symbol{font-size:26px}
.module-art{height:270px;width:min(100%,530px);justify-self:center;grid-column:1;position:relative;margin:0;align-self:center}
.module-grid-floor{position:absolute;left:5%;right:5%;bottom:-28%;height:75%;background-image:linear-gradient(#a7a9d01a 1px,transparent 1px),linear-gradient(90deg,#a7a9d01a 1px,transparent 1px);background-size:28px 28px;transform:perspective(350px) rotateX(64deg);mask-image:radial-gradient(ellipse,#000,transparent 68%);pointer-events:none}
.module-art::before{background:radial-gradient(ellipse,#9f87c423,transparent 70%)}
.art-cube{width:118px;height:118px;border-color:#b8a0db66;box-shadow:0 18px 35px #0004,0 0 45px #baa0d91a,inset 0 1px 1px #ffffff26}
.art-ring{width:185px;height:185px;border-color:#b9a3dd33}.ring-b{width:251px;height:251px;border-color:#b9a3dd22}
.diagram-lines{stroke:#a0a7c135}.schema-node{font-size:9px;background:#1b1f2d;border-color:#9493bd36;color:#c2c5d5;white-space:normal;text-align:center;box-shadow:0 7px 15px #0002}
.schema-one{left:9%;top:14%}.schema-two{right:3%;top:18%}.schema-three{right:0;bottom:5%}
.diagram-label{font-size:6px;letter-spacing:1.6px;bottom:3%;color:#697188}
.module-content{padding:26px 0 0;margin:15px 0 0;border-top:1px solid #ffffff13;position:relative;z-index:1}
.module-content h3{font-size:32px;letter-spacing:-1px;margin:13px 0 12px}
.panel-description{font-size:13px;min-height:46px;color:#a2a9bc}
.service-tags{margin-top:18px;gap:8px}.service-tags>span{border-radius:20px;font-size:9px;padding:5px 11px;border-color:#ffffff1c;background:#ffffff03}
.panel-link{font-size:12px;margin-top:23px;gap:20px}
.learning-outro{display:flex;align-items:center;justify-content:space-between;margin:27px 0 0;padding-top:21px;border-top:1px solid #ffffff15;color:#858ea2;font-size:11px}
.learning-outro>span{font:9px monospace;letter-spacing:2px;color:#9f9aaa}.learning-outro i{margin:0 14px;font-style:normal;color:#cd9c77}
.details-prompt{margin-top:32px}.details-prompt .btn{border-color:#b69d843e;color:#e5c4a6;padding:15px 26px}

/* Chapter 04: an editorial photo wall with two different viewing scales. */
#activities{background:#090b10;border:0;padding-bottom:90px}
#activities>.container{display:grid;grid-template-columns:.88fr 1.12fr;column-gap:42px;row-gap:38px;align-items:start}
.community-heading{grid-column:1;grid-row:1;text-align:left;align-items:flex-start;margin:8px 0 0;display:block}
.community-heading h2{font-size:clamp(37px,4vw,56px);margin:20px 0 24px;letter-spacing:-2px}
.community-heading .lead{font-size:13px;line-height:1.95;max-width:430px}
#activities .gallery{display:contents}
#activities .gallery-photo{border-radius:10px;height:630px;margin:0}
#activities .gallery-photo:first-child{grid-column:2;grid-row:1/span 2}
#activities .gallery-photo:nth-child(2){grid-column:1;grid-row:2;height:310px}
#activities .gallery-photo:first-child>img{object-position:50% 50%}
#activities .gallery-photo:nth-child(2)>img{object-position:50% 53%}
#activities .gallery-photo figcaption{left:28px;right:75px;bottom:30px}
#activities .gallery-photo:first-child figcaption strong{font-size:35px}
#activities .gallery-photo figcaption span{font-size:11px;max-width:320px}
.gallery-zoom{width:45px;height:45px;bottom:31px;border-color:#ffffff66}
.community-manifesto{grid-column:1/-1;display:grid;grid-template-columns:70px 1fr auto;gap:35px;align-items:center;margin-top:16px;padding-top:35px;border-top:1px solid #ffffff18}
.community-manifesto>span{font-size:65px;color:#edb38b;line-height:1;animation:seal-turn 35s linear infinite}
.community-manifesto .gallery-description{font-size:14px;line-height:1.9;margin:0;text-align:left;max-width:455px;color:#9399a9}
.community-manifesto>strong{font-size:47px;letter-spacing:-2px;line-height:.98;font-weight:500;text-align:right;color:#b9a99d}
#activities>.container>*{min-width:0}

/* Chapter 05: a portrait-led, light editorial section. */
#team{background:#eeebe5;color:#292529;position:relative;isolation:isolate;overflow:clip;color-scheme:light;padding-bottom:110px}
#team .section-head{position:relative;z-index:1;margin-bottom:65px}
#team .eyebrow{color:#9d5d3c}#team .lead{color:#79716c}#team .section-head h2{max-width:610px}
.team-watermark{position:absolute;z-index:-1;left:5%;right:0;top:39%;font-size:13.5vw;font-weight:600;letter-spacing:-.7vw;line-height:1;color:transparent;-webkit-text-stroke:1px #afa3962a;white-space:nowrap}
.team-grid{gap:28px;position:relative;align-items:start}
.team-card:nth-child(even){padding-top:54px}
.team-photo{aspect-ratio:1/.99;border-radius:140px 140px 8px 8px;background:#d6d1cd;box-shadow:0 12px 25px #352d2210}
.team-photo::after{background:linear-gradient(180deg,transparent 80%,#1a151b30)}
.team-photo img{filter:none;object-position:50% 20%;transition:filter .7s,transform .8s var(--ease)}
.team-card:hover .team-photo img{filter:none;transform:scale(1.06)}
.person-index{position:absolute;z-index:3;left:50%;bottom:14px;translate:-50% 0;padding:5px 10px;border:1px solid #ffffff40;border-radius:30px;background:#17131c66;backdrop-filter:blur(6px);color:#eee5df;font:7px monospace;letter-spacing:1.4px;white-space:nowrap}
.team-info{padding:25px 0 0;border-bottom:1px solid #45392b22;min-height:157px}
.team-info h3{font-size:25px;letter-spacing:-.9px;color:#28212a}
.team-role{font-size:11px;color:#7c746e;line-height:1.85;min-height:41px;margin-top:10px}
.team-tag{font-size:8px;color:#a56844;border-color:#b47a4238;background:#b9835010;padding:4px 9px;margin:14px 0 23px}

/* Chapter 06: human contact, with a vector network behind the story. */
.contact-section{padding:105px 0;background:#0b0d14}
.contact-section>.container{border:0;padding-top:0;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:center}
.contact-section .section-head h2{font-size:48px;letter-spacing:-1.9px;line-height:1.2;margin:18px 0 23px}
.contact-section .lead{font-size:13px;color:#9199ad;line-height:1.95}
.connection-art{width:min(100%,370px);position:relative;margin-top:25px;height:170px}
.connection-art svg{width:100%;height:100%;stroke:#96a3c42b;stroke-width:1}
.connection-art .connection-signal{stroke:#efb98c;stroke-dasharray:7 140;stroke-width:1.8;animation:signal 11s linear infinite}
.connection-art circle{fill:#e8b386;stroke:#ffce9d;filter:drop-shadow(0 0 6px #ffb588)}
.connection-art>span{position:absolute;left:50%;top:50%;translate:-50% -50%;font:9px monospace;letter-spacing:2px;color:#b49a84;padding:8px 12px;background:#0b0d14e8;white-space:nowrap}
.contact-grid{grid-template-columns:1fr;gap:17px}
.contact-card{padding:29px 32px;position:relative;border:1px solid #ffffff1b;border-radius:13px;background:linear-gradient(120deg,#191d29,#12151f)}
.contact-card::after{content:'↗';position:absolute;right:29px;top:24px;font-size:23px;color:#817261}
.contact-location{font-size:8px;letter-spacing:1.5px;color:#b39983;gap:8px}
.contact-card h3{font-size:26px;margin-top:16px;letter-spacing:-.7px}
.contact-position{font-size:10px;color:#788398;margin-top:2px}
.contact-methods{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:21px}
.contact-method{font-size:12px;color:#b6bfd1}

/* Final chapter: an orange invitation with an animated portal built in CSS. */
.callout{padding:25px 0 80px;border:0;background:#0b0d14}
.callout::before{display:none}
.callout-grid{position:relative;isolation:isolate;overflow:clip;display:grid;grid-template-columns:1.15fr .85fr;gap:0;padding:70px;border-radius:25px;background:linear-gradient(125deg,#ffc696,#f5a46f 70%,#ed915e);color:#211713;text-align:left;min-height:520px}
.callout-grid>div:not(.callout-visual){grid-column:1;position:relative;z-index:1}
.callout .eyebrow{color:#845035;font-size:8px}
.callout h2{font-size:clamp(36px,4.2vw,59px);line-height:1.18;letter-spacing:-2.2px;margin:20px 0 23px;max-width:650px}
.callout p{font-size:13px;line-height:1.9;color:#735141;margin:0;max-width:500px}
.callout-grid>div:last-child{margin-top:29px}
.callout .btn-orange{background:#211a19;color:#ffe7d3;border:1px solid #0f0a0822;box-shadow:0 6px 18px #7139161f;min-height:54px;font-size:12px;padding:17px 25px}
.callout .btn-orange:hover{background:#3b2721;box-shadow:0 9px 26px #7d42173d}
.callout-note{color:#875c45;font-size:9px;margin-top:12px}
.callout-visual{position:absolute;right:0;top:0;bottom:0;width:46%;z-index:0;perspective:1200px;pointer-events:none}
.portal{position:absolute;left:51%;top:46%;width:210px;height:300px;border-radius:125px 125px 20px 20px;transform:translate(-50%,-50%) rotateY(-26deg) rotateZ(18deg);border:1px solid #ffe2beaa}
.portal-back{left:64%;top:44%;background:#f9bf9160;box-shadow:inset 0 0 30px #ffe1b24d;border-color:#8c4b282f}
.portal-middle{left:57%;top:46%;background:linear-gradient(125deg,#a8614090,#ffc39399);box-shadow:15px 20px 45px #9c542229}
.portal-front{background:linear-gradient(120deg,#392821,#18181d);box-shadow:inset -3px 1px 1px #f9d3ac80,15px 25px 45px #90482045;animation:portal-float 7s ease-in-out infinite}
.portal-star{position:absolute;left:46%;top:33%;font-size:77px;line-height:1;color:#efb585;animation:seal-turn 24s linear infinite}
.portal-label{position:absolute;left:22%;bottom:32px;font-weight:500;font-size:44px;line-height:.98;letter-spacing:-2px;color:#84523354}
.portal-coordinate{position:absolute;right:15%;top:14%;font:7px monospace;letter-spacing:1.5px;color:#985c38}
.footer{padding-top:18px}.footer-grid{padding-top:29px}.footer-links{gap:11px 15px}.footer-links a{border:1px solid #fff2;padding:12px 17px;border-radius:30px;min-width:145px;font-size:11px;transition:background .3s,border-color .3s}.footer-links a:hover{background:#ffffff06;border-color:#d0a27b66}.footer-link-label{text-decoration:none}.footer-bottom{margin-top:40px}.footer-wordmark{margin-top:35px;-webkit-text-stroke-color:#474452}

@keyframes seal-turn{to{rotate:360deg}}
@keyframes stack-lift{50%{translate:0 -12px}}
@keyframes bar-breathe{0%,100%{scale:1 .9}50%{scale:1 1}}
@keyframes growth-trace{0%,10%{stroke-dashoffset:340;opacity:0}30%,80%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:0}}
@keyframes portal-float{50%{translate:0 -13px;rotate:-3deg}}

/* Desktop-to-tablet retains the visual story without narrowing the reading column. */
@media(max-width:1200px){
  .section-split{gap:18px 45px}.section-head h2{font-size:48px}.about-grid{gap:55px}.about-copy .section-head h2{font-size:47px}.about-figure>img{height:480px}.community-seal{right:-15px;width:110px;height:110px}
  .benefit{padding:27px}.benefit:nth-child(1),.benefit:nth-child(2){padding:29px 29px 0}.benefit:nth-child(1) h3{font-size:29px}.benefit h3{font-size:20px}.benefit p{font-size:12px}.benefit-number{right:22px}.stack-plane{width:165px;height:165px}.stack-tag{padding:9px 11px;font-size:21px}
  .curriculum{grid-template-columns:300px minmax(0,1fr);gap:18px}.module-tab{padding:15px 12px;gap:12px}.module-panel{padding:25px 30px 30px}.module-title{font-size:12px}.module-content h3{font-size:30px}
  #activities>.container{column-gap:30px}#activities .gallery-photo{height:610px}.community-heading h2{font-size:46px}.community-manifesto>strong{font-size:43px}
  .team-grid{gap:21px}.team-info h3{font-size:23px}.contact-section>.container{gap:45px}.contact-section .section-head h2{font-size:41px}.contact-methods{gap:12px 20px}.contact-card{padding:27px}.callout-grid{padding:55px}.callout h2{font-size:49px}.portal{width:185px;height:280px}.portal-label{font-size:37px}
}
@media(max-width:980px){
  .section{padding:90px 0}.section-head h2{font-size:41px;letter-spacing:-1.8px}.section-split{gap:18px 36px;grid-template-columns:1.1fr 1fr}.section-head .lead{font-size:12px}.impact{padding:38px 0 50px}.impact-grid{gap:18px}.impact-item strong{font-size:53px}.impact-item small{font-size:10px}
  #about{padding-bottom:90px}.about-grid{gap:40px;padding-top:65px}.about-copy .section-head h2{font-size:39px;letter-spacing:-1.8px}#about .lead{font-size:12px}.about-point{font-size:10px}.about-figure>img{height:500px}.community-seal{width:90px;height:90px;top:-18px;right:-10px}.community-seal>span{font-size:37px}.figure-note{left:-18px;right:15px;padding:21px 20px}.figure-note strong{font-size:14px}
  .benefit-grid{gap:16px}.benefit:nth-child(1),.benefit:nth-child(2){grid-column:span 6;min-height:500px;padding:26px 26px 0}.benefit{padding:24px}.benefit h3{font-size:18px}.benefit:nth-child(1) h3{font-size:28px}.benefit:nth-child(2) h3{font-size:23px}.benefit p{font-size:11px}.benefit-icon{width:29px;height:29px}.architecture-stack{scale:.88}.stack-tag{font-size:18px;padding:8px}.stack-tag i{font-size:5px}.lab-count strong{font-size:45px}.terminal-body{padding:17px}.terminal-body p{font-size:9px}.mentors-art>span{width:40px;height:40px}.mentors-art i{font-size:5px}.growth-art{gap:10px;height:115px;min-height:115px}.benefit:nth-child(6){grid-template-columns:45px 1fr 1.3fr;padding:24px;gap:19px}.benefit:nth-child(6) h3{font-size:19px}.benefit:nth-child(6) p{font-size:11px}
  .curriculum{grid-template-columns:1fr;gap:18px}.module-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:8px}.module-tab{min-height:83px;gap:11px;padding:12px}.module-tab+.module-tab{border-top-color:transparent}.module-index{font-size:18px;width:23px}.module-title{font-size:10px}.module-arrow{display:none}.track-num{font-size:5px;letter-spacing:1px}.module-panel{grid-template-columns:1fr 1fr;gap:0 30px;min-height:370px;padding:25px 30px}.module-panel-top{grid-column:1/-1}.module-watermark{font-size:150px;right:18px;top:12px}.module-art{grid-column:1;height:270px}.module-content{grid-column:2;margin:0;border-top:0;padding:15px 0}.module-content h3{font-size:27px}.panel-description{font-size:11px}.schema-node{font-size:7px;padding:8px}.art-cube{width:95px;height:95px}.art-ring{width:150px;height:150px}.ring-b{width:213px;height:213px}.module-art .diagram-label{font-size:5px}.schema-one{left:1%}.schema-two{right:0}.diagram-lines{opacity:.8}.service-tags>span{font-size:7px;padding:4px 8px}.module-content .eyebrow{font-size:6px}
  #activities>.container{column-gap:25px;row-gap:30px;grid-template-columns:1fr 1fr}.community-heading h2{font-size:39px}.community-heading .lead{font-size:12px}#activities .gallery-photo{height:595px}#activities .gallery-photo:nth-child(2){height:270px}#activities .gallery-photo figcaption{left:23px;right:66px}#activities .gallery-photo:first-child figcaption strong{font-size:29px}#activities .gallery-photo figcaption span{font-size:9px}.gallery-zoom{right:19px;width:39px;height:39px}.community-manifesto{gap:23px;grid-template-columns:50px 1fr auto}.community-manifesto>span{font-size:49px}.community-manifesto .gallery-description{font-size:12px}.community-manifesto>strong{font-size:35px}
  #team{padding-bottom:90px}.team-grid{gap:20px}.team-info h3{font-size:20px}.team-role{font-size:10px;min-height:60px}.team-info{min-height:170px}.team-card:nth-child(even){padding-top:37px}
  .contact-section>.container{grid-template-columns:.9fr 1.1fr;gap:35px}.contact-section .section-head h2{font-size:36px}.contact-section .lead{font-size:12px}.contact-card{padding:24px}.contact-card h3{font-size:22px}.contact-methods{display:grid;gap:10px}.contact-method{font-size:11px}.contact-card::after{top:20px;right:22px}
  .callout-grid{padding:45px;min-height:480px;grid-template-columns:1.2fr .8fr}.callout h2{font-size:43px}.callout p{font-size:12px}.portal{width:150px;height:230px}.portal-star{font-size:54px;left:45%;top:36%}.portal-label{font-size:32px;left:16%;bottom:45px}.portal-coordinate{font-size:6px;right:11%;top:21%}
}
@media(max-width:700px){
  .section{padding:75px 0}.section-head h2{font-size:36px;letter-spacing:-1.7px}.section-split{grid-template-columns:1fr;gap:17px;margin-bottom:35px}.section-split .eyebrow{grid-column:1}.section-split .lead{justify-self:start;max-width:100%;font-size:12px;margin:0}.eyebrow{font-size:7px;letter-spacing:1.5px}
  .impact{padding:28px 0 44px}.impact-intro{align-items:flex-start;gap:16px;padding-top:20px}.impact-intro .eyebrow{font-size:6px;max-width:155px;line-height:1.8}.impact-intro-note{font-size:5px;letter-spacing:.7px;gap:12px;max-width:135px}.impact-intro-note>span{font-size:22px}.impact-grid{gap:35px 20px;padding-top:28px}.impact-item{padding-left:20px}.impact-item:nth-child(3){padding-left:0}.impact-item::before{font-size:8px;margin-bottom:11px}.impact-item strong{font-size:49px;letter-spacing:-2.8px}.impact-item small{font-size:9px;line-height:1.8;margin-top:10px;max-width:135px}
  #about{padding-top:25px;padding-bottom:67px}.section-chapter{font-size:6px;letter-spacing:1px;padding-bottom:19px;gap:13px}.section-chapter>span:last-child{max-width:140px;text-align:right}.about-grid{grid-template-columns:1fr;gap:51px;padding-top:40px}.about-copy .section-head h2{font-size:43px;letter-spacing:-2px;line-height:1.17}.about-copy .eyebrow{font-size:7px}#about .lead{font-size:12px}.about-points{gap:15px;margin-top:25px}.about-point{font-size:11px}.about-figure{padding-top:23px;padding-bottom:42px}.about-figure>img{height:370px;border-radius:7px 7px 65px 7px}.photo-overline{font-size:5px;letter-spacing:1px}.community-seal{width:96px;height:96px;right:0;top:-25px}.figure-note{left:13px;right:26px;bottom:8px;padding:22px}.figure-note strong{font-size:15px}.figure-note>div>span{font-size:6px}
  .benefit-grid{grid-template-columns:1fr;gap:16px}.benefit,.benefit:nth-child(1),.benefit:nth-child(2),.benefit:nth-child(6){grid-column:1}.benefit{padding:27px;min-height:320px}.benefit:nth-child(1),.benefit:nth-child(2){padding:30px 27px 0;min-height:485px}.benefit:nth-child(1) h3{font-size:29px}.benefit:nth-child(2) h3{font-size:24px}.benefit h3{font-size:23px}.benefit p{font-size:12px}.benefit-icon{width:32px;height:32px;margin-bottom:25px}.benefit-art.architecture-art{min-height:285px}.architecture-stack{scale:.9}.stack-plane{width:164px;height:164px}.stack-tag{font-size:20px}.tag-cloud{left:0}.stack-label{font-size:5px;letter-spacing:1.3px}.lab-count strong{font-size:52px}.lab-count>span{font-size:7px}.lab-terminal{height:213px;min-height:213px}.terminal-body p{font-size:11px}.mentors-art{padding-top:28px}.mentors-art>span{width:55px;height:55px}.mentors-art i{font-size:6px}.growth-art{height:140px;min-height:140px;gap:18px;padding-top:24px}.campus-art{height:145px;min-height:145px}.benefit:nth-child(6){grid-template-columns:43px 1fr;gap:17px;padding:26px;min-height:0}.access-symbol{width:40px;height:40px;font-size:25px}.benefit:nth-child(6) h3{font-size:21px}.benefit:nth-child(6) p{grid-column:1/-1;font-size:11px}.disclaimer{font-size:9px;line-height:1.9}
  .curriculum-meta{margin:32px 0 17px;align-items:flex-start;gap:20px;font-size:8px;line-height:1.8}.curriculum-meta>span:first-child{font-size:6px;line-height:1.8;gap:7px;max-width:125px}.curriculum-meta>span:last-child{text-align:right;max-width:150px}.curriculum-meta b{font-size:12px;margin-left:4px}.module-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;padding:7px;border-radius:12px}.module-tab{min-height:86px;padding:12px 9px;gap:9px}.module-index{font-size:18px;width:22px}.track-num{font-size:5px;letter-spacing:.6px}.module-title{font-size:10px}.module-panel{grid-template-columns:1fr;padding:22px;min-height:0;gap:0;border-radius:13px}.module-panel-top{grid-column:1}.module-watermark{font-size:138px}.module-art{grid-column:1;height:268px;max-width:370px}.module-content{grid-column:1;padding:25px 0 5px;margin-top:8px;border-top:1px solid #fff1}.module-content h3{font-size:29px}.module-content .eyebrow{font-size:7px}.panel-description{font-size:12px;min-height:0}.schema-node{font-size:8px;padding:8px 10px}.art-cube{width:110px;height:110px}.art-ring{width:178px;height:178px}.ring-b{width:240px;height:240px}.schema-one{left:2%;top:13%}.schema-two{right:0;top:17%}.schema-three{bottom:6%}.module-art .diagram-label{font-size:5px}.service-tags>span{font-size:8px;padding:5px 9px}.learning-outro{display:block;margin-top:23px;padding-top:22px}.learning-outro>span{font-size:8px;letter-spacing:1.5px}.learning-outro p{font-size:11px;margin-top:12px}.learning-outro i{margin:0 10px}.details-prompt{margin-top:27px}.details-prompt .btn{font-size:11px}
  #activities{padding-bottom:63px}#activities>.container{grid-template-columns:1fr;gap:27px}.community-heading{grid-column:1;grid-row:1}.community-heading h2{font-size:39px}.community-heading .lead{font-size:12px;max-width:100%}#activities .gallery-photo:first-child{grid-column:1;grid-row:2;height:435px}#activities .gallery-photo:nth-child(2){grid-column:1;grid-row:3;height:290px}#activities .gallery-photo figcaption{left:23px;bottom:27px}#activities .gallery-photo:first-child figcaption strong{font-size:29px}#activities .gallery-photo figcaption span{font-size:10px}.gallery-zoom{bottom:28px}.community-manifesto{grid-column:1;grid-template-columns:40px 1fr;gap:20px;align-items:start;margin-top:6px;padding-top:28px}.community-manifesto>span{font-size:39px}.community-manifesto .gallery-description{font-size:12px}.community-manifesto>strong{grid-column:2;text-align:left;font-size:43px;line-height:1;margin-top:2px}
  #team{padding-bottom:72px}#team .section-head{margin-bottom:37px}.team-grid{grid-template-columns:1fr 1fr;gap:27px 18px}.team-card:nth-child(even){padding-top:35px}.team-photo{border-radius:95px 95px 5px 5px;aspect-ratio:1/1.18}.team-watermark{top:45%;font-size:19vw;letter-spacing:-1vw}.person-index{font-size:5px;padding:4px 7px;letter-spacing:1px;bottom:10px}.team-info{padding-top:17px;min-height:153px}.team-info h3{font-size:20px;letter-spacing:-.7px}.team-role{font-size:9px;line-height:1.9;min-height:52px;margin-top:8px}.team-tag{font-size:6px;margin-top:11px;margin-bottom:17px;padding:4px 7px}
  .contact-section>.container{grid-template-columns:1fr;gap:28px}.contact-section .section-head h2{font-size:39px;margin:16px 0 22px}.contact-section .lead{font-size:12px}.connection-art{height:130px;margin-top:20px;width:290px;max-width:100%}.connection-art>span{font-size:7px;letter-spacing:1.4px}.contact-card{padding:26px}.contact-card h3{font-size:26px}.contact-location{font-size:7px}.contact-method{font-size:12px}.contact-methods{display:flex;gap:13px 22px}.contact-position{font-size:10px}
  .callout{padding:0 0 55px}.callout-grid{display:flex;flex-direction:column;align-items:stretch;padding:37px 28px 230px;border-radius:17px;min-height:0}.callout h2{font-size:37px;letter-spacing:-1.8px;margin:20px 0}.callout p{font-size:12px}.callout .eyebrow{font-size:6px}.callout-grid>div:last-child{margin-top:24px}.callout .btn-orange{font-size:10px;padding:14px 20px;min-height:49px}.callout-note{font-size:8px}.callout-visual{top:auto;bottom:0;height:240px;width:100%;right:0;overflow:clip}.portal{width:120px;height:170px;top:49%;left:70%;border-radius:80px 80px 12px 12px}.portal-back{left:80%;top:47%}.portal-middle{left:75%}.portal-star{font-size:40px;left:65%;top:35%}.portal-label{left:25px;bottom:37px;font-size:35px;letter-spacing:-1.4px}.portal-coordinate{font-size:5px;right:15%;top:10%}
  .footer-grid{gap:27px}.footer-links{gap:10px;display:grid;grid-template-columns:1fr 1fr;width:100%}.footer-links a{min-width:0;font-size:10px;padding:12px 15px;gap:9px}.footer-description{font-size:11px}.footer-bottom{font-size:8px}.footer-wordmark{font-size:7vw;letter-spacing:-1px}
}
@media(max-width:370px){
  .section-head h2{font-size:32px}.about-copy .section-head h2{font-size:37px}.impact-item strong{font-size:44px}.impact-item small{font-size:8px}.about-figure>img{height:335px}.figure-note{padding:19px 17px}.figure-note strong{font-size:13px}
  .benefit,.benefit:nth-child(1),.benefit:nth-child(2){padding-left:23px;padding-right:23px}.benefit:nth-child(1) h3{font-size:26px}.benefit p{font-size:11px}.stack-tag{font-size:17px;padding:8px}.stack-plane{width:145px;height:145px}.plane-top>span{font-size:25px}.plane-top>i{font-size:33px}.module-tab{padding:11px 8px;gap:6px}.module-title{font-size:9px}.module-index{font-size:16px;width:19px}.module-panel{padding:19px}.module-content h3{font-size:26px}.module-art{height:250px}.art-ring{width:160px;height:160px}.ring-b{width:218px;height:218px}.art-cube{width:96px;height:96px}.schema-node{font-size:7px;padding:8px}.community-heading h2{font-size:35px}.team-grid{gap:24px 14px}.team-info h3{font-size:18px}.team-role{font-size:8px;min-height:49px}.team-tag{font-size:5px}.contact-section .section-head h2{font-size:35px}.contact-card{padding:23px}.contact-method{font-size:11px}.callout-grid{padding-left:24px;padding-right:24px}.callout h2{font-size:33px}.callout p{font-size:11px}.portal-label{font-size:29px}.portal-star{left:64%}
}
@media(max-width:700px){#activities>.container{grid-template-columns:minmax(0,1fr)}.community-manifesto{grid-template-columns:40px minmax(0,1fr)}.community-manifesto>strong{font-size:clamp(32px,10.8vw,43px)}#about .lead,.section-head .lead,.benefit p,.community-heading .lead,.contact-section .lead,.panel-description{font-size:13px}.team-role{font-size:10px}}
@media(prefers-reduced-motion:reduce){.plane-top,.portal-front,.growth-art>span{translate:none;rotate:none;scale:1}.growth-art svg{stroke-dashoffset:0;opacity:1}}