.dimensions{background:var(--violet);border-block:1px solid var(--ink);overflow:hidden;background-image:repeating-linear-gradient(0deg,#00000004 0 1px,transparent 1px 4px)}
.dimension-heading{display:flex;align-items:end;justify-content:space-between;gap:24px}.dimension-heading h2 span{color:var(--lime)}.dimension-heading .eyebrow{font-size:10px}.dimension-hint{font:11px/1.8 'Geist Mono',monospace;transform:rotate(-4deg)}.dimension-hint span{font-size:25px}
.dimension-map{position:relative;isolation:isolate;display:grid;grid-template-columns:1fr 2.75fr 1fr;grid-template-rows:repeat(3,250px);gap:10px 18px;margin:45px 0 35px;padding:30px 0}.dimension-map:before{content:'';position:absolute;inset:8% 8%;border:1px solid #19131c70;border-radius:50%;z-index:-1}.dimension-map:after{content:'';position:absolute;inset:14% 4%;border:1px solid #19131c40;z-index:-1;transform:rotate(-4deg)}.study-cross{position:absolute;top:0;left:50%;transform:translateX(-50%);font:9px 'Geist Mono',monospace;white-space:nowrap;letter-spacing:2px}.dimension-center{grid-area:1/2/4/3;position:relative;align-self:center;pointer-events:none}.study-art{display:block;width:100%;height:auto;mix-blend-mode:multiply;filter:contrast(1.03)}.study-orbit{position:absolute;inset:9% 1% 12%;border:1px dashed #dff24799;border-radius:50%;animation:study-spin 70s linear infinite}.study-orbit:before{content:'✦';position:absolute;top:8%;left:20%;font-size:40px;color:var(--lime)}.study-caption{position:absolute;bottom:-12px;left:50%;transform:translateX(-50%) rotate(-4deg);white-space:nowrap;background:var(--lime);padding:9px 18px;border:1px solid var(--ink);font-size:19px;font-weight:600}.dimension-buddy{position:absolute;width:70px;height:90px;right:0;bottom:3%;filter:drop-shadow(2px 3px 0 #000);animation:study-bob 4s ease-in-out infinite}
.dimension-node{background:none;border:0;box-shadow:none;color:var(--ink);padding:0;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;z-index:2;min-width:0;cursor:pointer;transform:rotate(var(--tilt));transition:transform .3s}.node-teach{grid-area:1/1;--tilt:-6deg}.node-practical{grid-area:2/1;--tilt:4deg}.node-think{grid-area:3/1;--tilt:-4deg}.node-build{grid-area:1/3;--tilt:6deg}.node-engineer{grid-area:2/3;--tilt:-4deg}.node-write{grid-area:3/3;--tilt:5deg}.photo-study{display:block;width:155px;height:175px;position:relative;margin-bottom:15px;border:1px solid var(--ink);border-radius:50% 50% 3px 3px;background:var(--paper);box-shadow:0 0 0 5px var(--violet),0 0 0 6px var(--ink);transition:box-shadow .3s,transform .3s}.photo-study:after{content:'';position:absolute;inset:-13px;border:1px dotted var(--ink);border-radius:inherit;pointer-events:none}.photo-study img{width:100%;height:100%;object-fit:cover;object-position:center 35%;border-radius:inherit;filter:grayscale(1);mix-blend-mode:multiply;transition:filter .4s}.node-teach img{object-position:57% 35%}.node-think img{object-position:center 17%}.node-number{position:absolute;bottom:-10px;right:-12px;background:var(--lime);border:1px solid var(--ink);border-radius:50%;width:30px;height:30px;display:grid;place-items:center;font:12px 'Geist Mono',monospace}.node-label{font-size:20px;font-weight:800;letter-spacing:-.7px;line-height:1.15;margin:5px 0}.node-platform{font:9px 'Geist Mono',monospace;border-bottom:1px solid var(--ink);padding-bottom:5px}.dimension-node:hover,.dimension-node:focus-visible,.dimension-node[aria-pressed=true]{transform:rotate(0) translateY(-4px)}.dimension-node[aria-pressed=true] .photo-study{background:var(--pink);box-shadow:0 0 0 5px var(--lime),0 0 0 6px var(--ink),6px 8px 0 6px #0002}.dimension-node[aria-pressed=true] img,.dimension-node:hover img{filter:grayscale(0);mix-blend-mode:normal}.dimension-node:focus-visible{outline:2px dashed var(--ink);outline-offset:12px}.dimension-node[aria-pressed=true] .node-label{background:var(--lime)}
.dimension-burst{position:absolute;inset:0}.dimension-burst i{position:absolute;top:45%;left:50%;opacity:0;color:var(--lime);font-size:40px;font-style:normal;--x:180px;--y:-150px}.dimension-burst i:nth-child(2){--x:-190px;--y:-90px}.dimension-burst i:nth-child(3){--x:120px;--y:170px}.pop .dimension-burst i{animation:study-burst .7s ease-out}
.dimension-detail{border-block:1px solid var(--ink);background:#f4eff2c9}.dimension-detail-top{display:flex;justify-content:space-between;border-bottom:1px solid #0003;padding:12px 25px}.dimension-detail-top .eyebrow{font-size:10px;margin:0}.dimension-live{font:9px 'Geist Mono',monospace}.dimension-detail-body{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:28px;min-height:205px}.dimension-detail h3{font-size:30px;margin-bottom:12px}.dimension-detail p{font-size:16px;line-height:1.65;max-width:700px;margin:0}.dimension-detail .button{flex-shrink:0;font-size:12px}.dimension-socials{position:static;display:flex;flex-wrap:wrap;align-items:center;gap:20px 28px;padding:30px 0 0;margin:0;background:none;border:0;box-shadow:none}.dimension-socials>span{margin-right:auto;font-size:15px}.dimension-socials a{font-size:13px;border-bottom:1px solid var(--ink);padding-bottom:3px}
@keyframes study-spin{to{transform:rotate(360deg)}}@keyframes study-bob{50%{transform:translateY(-8px) rotate(5deg)}}@keyframes study-burst{0%{opacity:0;transform:scale(.2)}20%{opacity:1}100%{opacity:0;transform:translate(var(--x),var(--y)) rotate(50deg)}}
@media(max-width:1050px){.dimension-map{grid-template-rows:repeat(3,220px);grid-template-columns:1fr 2.4fr 1fr;gap:10px}.photo-study{width:125px;height:145px}.node-label{font-size:18px}.study-caption{font-size:15px}.dimension-detail-body{gap:20px}}
@media(max-width:760px){.dimension-heading{align-items:start}.dimension-heading h2{font-size:40px}.dimension-hint{font-size:9px;max-width:105px}.dimension-map{grid-template-columns:1fr 1fr;grid-template-rows:auto repeat(3,230px);gap:22px 20px;margin-top:25px;padding-top:25px}.dimension-center{grid-area:1/1/2/3;width:min(100%,480px);justify-self:center;margin-bottom:30px}.study-cross{font-size:7px;letter-spacing:1px}.study-caption{font-size:16px}.dimension-buddy{width:55px;height:70px}.node-teach{grid-area:2/1}.node-practical{grid-area:2/2}.node-think{grid-area:3/1}.node-build{grid-area:3/2}.node-engineer{grid-area:4/1}.node-write{grid-area:4/2}.photo-study{width:130px;height:155px}.node-label{font-size:18px}.node-platform{font-size:8px}.dimension-map:before{inset:2% 2% 64%}.dimension-map:after{inset:4% 1% 63%;transform:none}.dimension-detail-body{display:block;padding:22px;min-height:320px}.dimension-detail h3{font-size:27px}.dimension-detail p{font-size:15px}.dimension-detail .button{margin-top:20px}.dimension-detail-top{padding:12px;font-size:8px}.dimension-live{font-size:7px}.dimension-socials>span{flex-basis:100%}.dimension-socials{gap:18px 25px}.dimension-socials a{font-size:12px}}
@media(prefers-reduced-motion:reduce){.dimensions *{animation:none!important;transition:none!important}.dimension-burst{display:none}}.motion-paused .dimensions *{animation:none!important;transition:none!important}.motion-paused .dimension-burst{display:none}