/* CHANGEMAKER — SCENIC DEPTH SYSTEM v2. Full-bleed editorial heroes, genuine CSS 3D, low-cost progressive motion. */
:root{--sd-mint:#a4ffcf;--sd-cobalt:#8ba7ff;--sd-dark:#081811}
.cm-scenic-hero{position:relative!important;display:block;min-height:min(960px,100svh);overflow:hidden;isolation:isolate;background:#071611!important;padding:0!important}
.cm-scenic-hero .cm-scenic-photo{position:absolute;inset:0;z-index:0;overflow:hidden}
.cm-scenic-hero .cm-scenic-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:55% center;filter:saturate(.98) contrast(1.08) brightness(.91)}
.cm-scenic-youth .cm-scenic-photo img{object-position:63% center}
.cm-scenic-hero:after{content:"";pointer-events:none;position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(3,17,12,.94) 0%,rgba(3,16,12,.84) 27%,rgba(3,16,12,.48) 51%,rgba(3,16,12,.11) 79%,rgba(3,16,12,.36) 100%),linear-gradient(0deg,rgba(3,12,9,.73) 0%,transparent 35%,rgba(3,12,9,.3) 100%)}
.cm-scenic-hero .cm-scenic-layout{position:relative;z-index:3;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:clamp(24px,4vw,70px);min-height:clamp(720px,98svh,980px);padding-top:clamp(140px,15vh,195px);padding-bottom:clamp(90px,11vh,125px)}
.cm-scenic-hero .cm-scenic-copy{position:relative;z-index:4;padding:0;max-width:710px}
.cm-campus-page .cm-scenic-hero .cm-scenic-copy h1,.cm-youth.cm-cinema .cm-scenic-hero .cm-scenic-copy h1{font-family:'Familjen Grotesk',sans-serif;font-size:clamp(64px,6.8vw,112px);line-height:.99;letter-spacing:-.064em;font-weight:600;color:#f7fff8;margin:24px 0 29px;text-wrap:balance;text-shadow:0 6px 40px #06100bb3}
.cm-scenic-hero .cm-scenic-copy h1 em{color:#b8ffce;font-style:normal}
.cm-scenic-hero .cm-scenic-copy>p,.cm-youth.cm-cinema .cm-scenic-hero .cm-scenic-copy>p{max-width:510px;font-size:clamp(15px,1.25vw,18px);line-height:1.8;color:#f1f7f0;margin:0 0 33px;text-shadow:0 2px 25px #06100acb}
.cm-scenic-hero .cm-kicker{color:#c3ffdc;letter-spacing:.2em;font-size:11px}
.cm-scenic-hero .cm-actions{position:relative;z-index:5;gap:24px}
.cm-scenic-hero .cm-text-link{color:#e0f5e7;border-color:#d5f9df66}
.cm-scenic-hero .cm-youth-tags span{background:rgba(4,24,17,.35);backdrop-filter:blur(12px);border-color:#c1ffe758;color:#ecfff4}
.cm-scenic-edge-label{position:absolute;right:clamp(24px,5vw,90px);bottom:30px;z-index:4;font:600 10px 'IBM Plex Mono',monospace;letter-spacing:.22em;color:#e0f7e7ad}
.cm-scenic-sculpture{position:relative;z-index:3;min-width:0;width:100%;height:min(510px,52vw);perspective:1250px;transform-style:preserve-3d;pointer-events:none;--mx:0deg;--my:0deg;transform:rotateY(var(--mx)) rotateX(var(--my));transition:transform .5s ease-out}
.cm-scenic-arch{position:absolute;left:16%;top:10%;width:72%;aspect-ratio:1;border:2px solid #cafbe562;border-radius:50%;transform:rotateX(64deg) rotateZ(-28deg) translateZ(-60px);box-shadow:0 0 0 32px #9af9c70a,0 0 0 75px #9af9c707,inset 0 0 55px #91e5ba22;filter:drop-shadow(0 0 18px #54eeb250)}
.cm-scenic-arch:before,.cm-scenic-arch:after{content:"";position:absolute;inset:13%;border:1px solid #b5eaff64;border-radius:50%;transform:rotateX(38deg) rotateY(38deg)}
.cm-scenic-arch:after{inset:35%;background:radial-gradient(circle,#c9ffea84,transparent 71%);filter:blur(13px)}
.cm-scenic-glass{position:absolute;min-width:190px;padding:21px 24px 21px 67px;display:flex;flex-direction:column;gap:7px;justify-content:center;min-height:102px;color:white;border:1px solid #c8ffe678;border-radius:22px;background:linear-gradient(130deg,#e6ffef3b,#061a14ac 68%,#203d39b2);box-shadow:0 28px 62px #020f0caa,inset 0 1px 1px #fff8,0 0 24px #b6f6d520;backdrop-filter:blur(22px) saturate(1.4);transform-style:preserve-3d;animation:cm-scenic-drift 9s ease-in-out infinite}
.cm-scenic-glass:before{content:"";position:absolute;inset:7px;border-radius:16px;border:1px solid #ffffff14;pointer-events:none}
.cm-scenic-glass b{font:600 17px 'Familjen Grotesk',sans-serif;letter-spacing:-.015em;transform:translateZ(32px)}
.cm-scenic-glass small{font:500 10px 'IBM Plex Mono',monospace;color:#c4f3d8;transform:translateZ(25px)}
.cm-scenic-card-symbol{position:absolute;left:18px;top:30px;display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:linear-gradient(140deg,#e6fff0,#71deb5);color:#0a3324;font:700 23px/1 'Familjen Grotesk',sans-serif;transform:translateZ(45px) rotateZ(-8deg);box-shadow:0 8px 20px #061b1177}
.cm-scenic-glass--a{top:7%;right:14%;transform:translateZ(84px) rotateY(-16deg) rotateX(8deg) rotateZ(5deg)}
.cm-scenic-glass--b{top:39%;left:3%;transform:translateZ(140px) rotateY(12deg) rotateX(-4deg) rotateZ(-6deg);animation-delay:-3s}
.cm-scenic-glass--c{bottom:2%;right:8%;transform:translateZ(58px) rotateY(-9deg) rotateX(5deg) rotateZ(6deg);animation-delay:-5s}
@keyframes cm-scenic-drift{0%,100%{translate:0 0}50%{translate:0 -12px}}
/* A real spatial timeline instead of six generic equal cards. */
#roles-campus{background:radial-gradient(ellipse at 50% 38%,#dcefe0,#f4f8f1 67%)!important;overflow:hidden}
#roles-campus>.container{max-width:1210px}
#roles-campus h2{max-width:1030px}
.cm-roles-timeline{list-style:none;margin:74px 0 15px;padding:12px 0 0;position:relative;counter-reset:step}
.cm-roles-timeline:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:3px;transform:translateX(-50%);background:linear-gradient(180deg,#5daa85,#a2d2ae 55%,#5daa85);box-shadow:0 0 0 12px #c6e9d32c,0 0 28px #7cdbab66}
.cm-timeline-step{position:relative;min-height:260px;display:flex;align-items:center;margin:0 0 20px}
.cm-timeline-marker{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotateX(12deg);z-index:3;width:66px;height:66px;border-radius:20px;border:1px solid #aef4c7;background:linear-gradient(145deg,#ecfff4,#51b685 60%,#185a41);box-shadow:0 18px 30px #246b4950,inset 0 2px 4px #fff,0 0 0 11px #f0f8f0;display:grid;place-items:center;font:700 19px 'IBM Plex Mono',monospace;color:#092e1d}
.cm-timeline-marker:after{content:"";position:absolute;inset:8px;border-radius:12px;border:1px solid #ffffff63}
.cm-timeline-card{position:relative;width:calc(50% - 77px);padding:clamp(28px,3vw,42px);min-height:218px;overflow:hidden;isolation:isolate;border-radius:24px;border:1px solid #a2cdb4;background:linear-gradient(138deg,#ffffffee,#e8f2e9eb);box-shadow:0 25px 60px #204b2d18,0 8px 0 #bcd9c423,inset 0 1px 1px white;transform:perspective(1200px) rotateY(7deg);transition:transform .55s cubic-bezier(.18,.8,.2,1),box-shadow .55s}
.cm-timeline-step:nth-child(odd) .cm-timeline-card{margin-left:calc(50% + 77px);transform:perspective(1200px) rotateY(-7deg)}
.cm-timeline-step:nth-child(even) .cm-timeline-card{transform:perspective(1200px) rotateY(7deg)}
.cm-timeline-card:hover,.cm-timeline-step:nth-child(odd) .cm-timeline-card:hover{transform:perspective(1200px) rotateY(0deg) translateY(-7px);box-shadow:0 35px 70px #204b2d2b,0 4px 0 #bcd9c423}
.cm-timeline-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(#84d9ab,#255f47)}
.cm-timeline-role{display:block;position:relative;z-index:2;font:600 10px 'IBM Plex Mono',monospace;letter-spacing:.14em;color:#25724d;margin:0 0 16px}
.cm-timeline-card h3{position:relative;z-index:2;max-width:400px;padding-right:55px;font:600 clamp(21px,2vw,31px)/1.14 'Familjen Grotesk',sans-serif;letter-spacing:-.035em;color:#103623;margin:0 0 17px}
.cm-timeline-card p{position:relative;z-index:2;font-size:13px;line-height:1.75;color:#476552;max-width:420px;margin:0;padding-right:45px}
.cm-timeline-artefact{position:absolute;right:-16px;top:8px;width:118px;height:118px;perspective:700px;transform-style:preserve-3d;opacity:.72}
.cm-artefact-face{position:absolute;inset:30px;border-radius:17px;background:linear-gradient(138deg,#d9ffe7,#30a878 54%,#115e49);transform:rotateX(32deg) rotateY(-31deg) rotateZ(13deg) translateZ(33px);box-shadow:11px 12px 0 #226c4e,25px 25px 34px #175c4238,inset 1px 1px 2px white}
.cm-artefact-ring{position:absolute;inset:7px;border:3px solid #3d9f779c;border-radius:50%;transform:rotateX(70deg) rotateZ(-25deg) translateZ(18px);box-shadow:0 0 15px #a7e8bd}
.cm-artefact-orb{position:absolute;right:11px;top:6px;width:24px;height:24px;border-radius:50%;background:radial-gradient(circle at 25% 25%,white,#acffdb 22%,#32ae7b 63%,#134935);box-shadow:4px 12px 17px #1d6a4855}
.cm-timeline-step:nth-child(3n + 2) .cm-artefact-face{border-radius:50% 50% 16px 16px;transform:rotateX(42deg) rotateY(26deg) rotateZ(-20deg) translateZ(33px)}
.cm-timeline-step:nth-child(3n) .cm-artefact-face{border-radius:4px;transform:rotateX(-23deg) rotateY(-38deg) rotateZ(37deg) translateZ(33px)}
.cm-timeline-step:nth-child(3n) .cm-artefact-ring{border-color:#7796e6aa}
/* Comparison: preserved real accessible table inside a spatial frame. */
#excel-campus{background:radial-gradient(ellipse at 85% 20%,#1b4533,#071913 68%)!important}
.cm-compare-portal{position:relative;min-height:225px;margin:46px 0 24px;padding:30px 8%;display:flex;justify-content:space-around;align-items:center;gap:20px;perspective:900px;border:1px solid #baffd82a;border-radius:28px;background:radial-gradient(ellipse at 52% 80%,#5dde9840,transparent 64%),linear-gradient(130deg,#113c2bc9,#081d16);box-shadow:inset 0 1px 2px #bbffeb26,0 28px 68px #0005;overflow:hidden}
.cm-compare-portal:before{content:"";position:absolute;width:80%;height:100px;bottom:-76px;left:10%;border-radius:50%;background:#91ffc45a;filter:blur(55px)}
.cm-compare-model{z-index:1;position:relative;width:115px;height:115px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;border:1px solid #d2ffde94;border-radius:24px;background:linear-gradient(130deg,#bcffe87d,#117b578a 48%,#0d402d);box-shadow:15px 17px 0 #0a2c21,20px 32px 35px #010f0b94,inset 0 2px 4px #e7fff09c;transform:rotateY(-22deg) rotateX(14deg) rotateZ(-5deg);animation:cm-model-float 8s ease-in-out infinite}
.cm-compare-model--two{transform:rotateY(17deg) rotateX(-15deg) rotateZ(6deg) translateZ(43px);animation-delay:-3s;background:linear-gradient(130deg,#ddfff0,#47bc86 62%,#1c6046)}
.cm-compare-model--three{transform:rotateY(-17deg) rotateX(11deg) rotateZ(8deg);animation-delay:-5s}
.cm-model-glyph{font:600 52px/1 'Familjen Grotesk',sans-serif;color:#ebfff2;text-shadow:0 3px 12px #092e28}
.cm-compare-model--two .cm-model-glyph{color:#0b5b3a}
.cm-compare-model small{font:700 8px 'IBM Plex Mono',monospace;letter-spacing:.07em;color:#e7fff1}
.cm-compare-model--two small{color:#154d35}
.cm-compare-connector{height:2px;max-width:160px;flex:1;background:linear-gradient(90deg,transparent,#a7ffd1 45%,transparent);box-shadow:0 0 14px #9cfac6;transform:translateZ(-35px)}
@keyframes cm-model-float{0%,100%{translate:0 0}50%{translate:0 -9px}}
.cm-compare-stage{position:relative;padding:8px 22px 24px;border:1px solid #b1edc145;border-radius:26px;background:linear-gradient(150deg,#173629de,#0c2019fa);box-shadow:0 30px 80px #0005,inset 0 1px 1px #ddfff026;transform:perspective(1400px) rotateX(2deg);transform-origin:center top}
.cm-compare-scroll{overflow-x:auto;max-width:100%;outline-offset:4px}
.cm-compare-stage .cm-compare-table{margin:15px 0 0;border-collapse:separate;border-spacing:0;width:100%;min-width:670px}
.cm-compare-stage .cm-compare-table caption{font-size:12px;line-height:1.6;color:#bad4c3;margin:0 0 17px}
.cm-compare-stage .cm-compare-table th{padding:20px 17px;border-bottom:1px solid #baffd862;color:#c9ffe1}
.cm-compare-stage .cm-compare-table th:nth-child(3){color:#a4ffd0}
.cm-compare-stage .cm-compare-table td{padding:21px 17px;border-bottom:1px solid #c2f6d11c;line-height:1.7}
.cm-compare-stage .cm-compare-table td:first-child{width:23%;font-weight:700;color:#eefbf1}
.cm-compare-stage .cm-compare-table td:nth-child(2){width:36%;color:#bad0c0}
.cm-compare-stage .cm-compare-table td:nth-child(3){color:#e6f8eb;background:#83e7b309}
.cm-compare-stage .cm-compare-table tr:hover td{background:#8feabb0e}
.cm-compare-note{max-width:810px}
/* Three restrained dimensional artefacts in every content section. Decorative only. */
main>section.cm-spatial-section:not(.cm-scenic-hero){position:relative;isolation:isolate}
.cm-spatial-section>.cm-ambient-trio{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0;contain:paint}
.cm-spatial-section>:is(.container,.cm-wrap,.cm-profile-head,.cm-story-grid,.cm-journey-grid){position:relative;z-index:1}
.cm-ambient-shape{position:absolute;display:block;transform-style:preserve-3d;opacity:.25;filter:drop-shadow(0 22px 18px #1f634044)}
.cm-ambient-shape--a{width:155px;height:155px;top:13%;right:2%;border-radius:34px;border:1px solid #7ae5a6;background:linear-gradient(145deg,#baffde77,#269d7460 50%,transparent);transform:perspective(600px) rotateX(54deg) rotateY(-35deg) rotateZ(15deg);box-shadow:14px 19px 0 #4fbc8747,inset 2px 2px 12px #bdffdf8a}
.cm-ambient-shape--b{width:132px;height:132px;bottom:9%;left:1%;border-radius:50%;border:9px solid #83eab78c;transform:perspective(700px) rotateX(73deg) rotateY(23deg);box-shadow:0 0 0 14px #5bcf9530,0 0 35px #3eaf7878}
.cm-ambient-shape--c{width:76px;height:76px;top:54%;right:7%;border-radius:18px;border:1px solid #fff9;background:linear-gradient(135deg,#f2fff9,#4eb783 40%,#11412e);transform:perspective(700px) rotateY(42deg) rotateX(-23deg) rotateZ(29deg);box-shadow:9px 12px 0 #195b42a3,18px 25px 25px #143d3a6b}
.cm-spatial-section.cm-light .cm-ambient-shape,.cm-spatial-section.cream .cm-ambient-shape,.cm-spatial-section.soft .cm-ambient-shape{opacity:.14}
.cm-spatial-section:nth-of-type(3n) .cm-ambient-trio{transform:scaleX(-1)}
.cm-spatial-section .cm-audience-card,.cm-spatial-section .cm-plan-choice,.cm-spatial-section .cm-proof-panel{transform-style:preserve-3d;transition:transform .42s ease,box-shadow .42s ease,border-color .42s ease}
@media(hover:hover) and (pointer:fine){.cm-spatial-section .cm-audience-card:hover,.cm-spatial-section .cm-proof-panel:hover{transform:perspective(1100px) rotateX(2deg) rotateY(-3deg) translateY(-6px);box-shadow:15px 28px 54px #0f2a1f28}}
@media(max-width:1100px){.cm-scenic-hero .cm-scenic-layout{grid-template-columns:1fr .65fr}.cm-scenic-glass{min-width:155px;padding-left:57px}.cm-scenic-copy h1{font-size:clamp(58px,7.5vw,84px)}}
@media(max-width:820px){.cm-scenic-hero .cm-scenic-layout{grid-template-columns:1fr;min-height:770px;align-items:start;padding-top:150px;padding-bottom:100px}.cm-scenic-hero .cm-scenic-copy{max-width:650px}.cm-scenic-hero:after{background:linear-gradient(90deg,#03120de9,#03120d96 61%,#03120d35),linear-gradient(0deg,#03120de0,transparent 64%,#03120d4a)}.cm-scenic-sculpture{position:absolute;right:0;bottom:1%;width:50%;height:320px;opacity:.7}.cm-scenic-glass{min-width:125px;min-height:72px;padding:12px 14px 12px 45px;border-radius:14px}.cm-scenic-glass b{font-size:12px}.cm-scenic-glass small{font-size:8px}.cm-scenic-card-symbol{width:25px;height:25px;left:10px;top:24px;font-size:18px}.cm-scenic-glass--b{left:-27%}.cm-scenic-edge-label{display:none}}
@media(max-width:700px){.cm-campus-page .cm-scenic-hero .cm-scenic-copy h1,.cm-youth.cm-cinema .cm-scenic-hero .cm-scenic-copy h1{font-size:clamp(48px,11.7vw,72px);letter-spacing:-.055em}.cm-scenic-hero .cm-scenic-layout{min-height:775px;padding-top:143px;padding-bottom:85px}.cm-scenic-hero .cm-scenic-photo img,.cm-scenic-youth .cm-scenic-photo img{object-position:66% center}.cm-scenic-hero .cm-scenic-copy>p{font-size:14px;max-width:460px}.cm-scenic-sculpture{width:58%;height:210px;bottom:0;opacity:.4}.cm-scenic-hero .cm-actions{gap:12px}.cm-scenic-hero .cm-youth-tags{max-width:420px;gap:8px;margin-top:26px}.cm-scenic-hero .cm-youth-tags span{font-size:10px;padding:7px 10px}.cm-roles-timeline{margin-top:45px;padding:0 0 0 25px}.cm-roles-timeline:before{left:24px}.cm-timeline-step{min-height:0;margin-bottom:22px;display:block}.cm-timeline-marker{left:24px;top:35px;width:48px;height:48px;border-radius:15px}.cm-timeline-card,.cm-timeline-step:nth-child(odd) .cm-timeline-card,.cm-timeline-step:nth-child(even) .cm-timeline-card{margin-left:45px;width:calc(100% - 45px);padding:25px 22px;min-height:0;transform:none}.cm-timeline-card h3{font-size:24px;padding-right:29px}.cm-timeline-card p{font-size:12px;padding-right:10px}.cm-timeline-artefact{opacity:.28;right:-39px;top:0}.cm-timeline-card:hover,.cm-timeline-step:nth-child(odd) .cm-timeline-card:hover{transform:none}.cm-compare-portal{min-height:170px;padding:22px 10px;gap:6px;border-radius:17px}.cm-compare-model{width:72px;height:75px;border-radius:14px;box-shadow:7px 9px 0 #0a2c21,12px 19px 20px #010f0b94}.cm-model-glyph{font-size:31px}.cm-compare-model small{font-size:6px;letter-spacing:0}.cm-compare-stage{padding:8px 10px 16px;transform:none;border-radius:17px}.cm-ambient-shape{opacity:.12}.cm-ambient-shape--a{width:100px;height:100px}.cm-ambient-shape--b{width:80px;height:80px}.cm-ambient-shape--c{width:55px;height:55px}}
@media(prefers-reduced-motion:reduce){.cm-scenic-glass,.cm-compare-model{animation:none!important}.cm-scenic-sculpture,.cm-timeline-card,.cm-audience-card,.cm-proof-panel{transition:none!important}.cm-scenic-sculpture{transform:none!important}}