/* DhrAbod: layered scenes, restrained light and tactile controls. */
:root{--muted:#b2bfd4;--ease:cubic-bezier(.16,1,.3,1)}
body{background:#090f1c}.wrap{max-width:1280px}.site-header{background:#090f1cc9;border-bottom-color:#48618630;backdrop-filter:blur(24px)}.site-header.scrolled{background:#0a1322e8;box-shadow:0 10px 35px #02061150}.nav-shell{height:86px}.brand{gap:9px}.brand-symbol{width:33px;height:33px}.brand-wordmark{width:145px}#main-nav{gap:5px}#main-nav a:not(.nav-connect){padding:10px 13px;border-radius:7px}#main-nav a:not(.nav-connect)::after{left:13px;width:calc(100% - 26px);height:1px;background:linear-gradient(90deg,#7cdeed,#7ba3ff)}#main-nav a[aria-current]:not(.nav-connect){background:linear-gradient(145deg,#7ba3ff13,#7cdeed08)}#main-nav .nav-connect{border-radius:7px;background:linear-gradient(130deg,#293c592b,#21355a4d);box-shadow:inset 0 1px #b6d6ff0b}.language-switch{border-radius:20px;padding:3px;background:#111d2ec4;border-color:#3e56725c;gap:0}.language-switch button{border-radius:16px;min-height:32px;padding:4px 9px;font-size:.8125rem}.language-switch button[aria-pressed=true]{background:linear-gradient(135deg,#3c5580,#263e5f);box-shadow:inset 0 1px #9fc6ff40,0 2px 6px #02081740;color:#f3f7ff}
.hero{padding-top:85px;column-gap:50px;align-items:center}.hero-copy{position:relative;z-index:4}.hero:before{content:"";position:absolute;top:-80px;right:-5%;width:70%;height:700px;background:radial-gradient(ellipse,#2d528838,transparent 65%);pointer-events:none}.hero h1{font-size:clamp(4rem,6.25vw,6.3rem);letter-spacing:-.068em;font-weight:550;line-height:1.055}.hero h1 .headline-inner>span{background:linear-gradient(105deg,#91b1ff 10%,#8ab2ff 60%,#85d2ed);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-intro{font-size:1.1rem;line-height:1.85;max-width:490px}.hero-footnote{font-size:.875rem;color:#9fb4d3}.hero .eyebrow{color:#a7c8fa;font-size:.8125rem;letter-spacing:.07em}.button{border-radius:7px;min-height:50px;font-size:.9375rem;font-weight:550;letter-spacing:-.012em}.primary{background:linear-gradient(135deg,#9cbaff,#80a8f4);box-shadow:inset 0 1px #ffffff65,0 5px 20px #558aff18}.primary:hover{background:linear-gradient(135deg,#b5caff,#96c1ff);box-shadow:inset 0 1px #ffffff80,0 8px 27px #558aff30}.secondary{background:linear-gradient(135deg,#20304755,#10203855);border-color:#506c9370;box-shadow:inset 0 1px #91b6ff10}.secondary:hover{background:#24395175;border-color:#87acd59e}.button:active{transform:scale(.97);box-shadow:inset 0 2px 7px #07102020}
.hero-scene{min-height:495px;border-radius:24px;background:linear-gradient(145deg,#1b2d4352,#0b172755);border-color:#6f9ccc55;box-shadow:inset 0 1px #b8dcff22,0 30px 85px #030b1f75,0 0 65px #406ba91c;transform:perspective(1300px) translate3d(0,calc(var(--hero-scroll,0)*36px),0) rotateY(calc(var(--hero-scroll,0)*-5deg));transition:transform .16s,border-color .4s,box-shadow .4s,border-radius .4s}.hero-scene:hover,.hero-scene:focus-within{border-color:#81b5d891;box-shadow:inset 0 1px #b8dcff30,0 30px 85px #030b1f75,0 0 70px #406ba928}.hero-scene .hero-art{opacity:1;object-position:50% 40%;filter:saturate(1.12);z-index:0}.hero-scene .map-topline{background:linear-gradient(90deg,#0d182be0,#192b41b8);border-bottom:1px solid #6a8aaf33;padding:20px 22px;font-size:.75rem;letter-spacing:.065em;color:#b8cce7}.hero-scene .map-readout{background:linear-gradient(90deg,#0c162af5,#142238ed);border-color:#6b8ab459;padding:18px 22px 22px}.hero-scene .map-core{background:linear-gradient(135deg,#243b5cc7,#101c32ee);border-color:#b4d4ff80;box-shadow:inset 0 1px #ffffff25,0 0 0 10px #101d3b28,0 20px 35px #02071970;backdrop-filter:blur(12px);border-radius:22px;width:93px;height:93px}.hero-scene .core-logo{width:68px;height:68px}.hero-scene .map-node{border-radius:9px;background:linear-gradient(135deg,#203651e6,#111f35e0);border-color:#6f91be65;box-shadow:inset 0 1px #bbd7ff15,0 9px 18px #040a2155;backdrop-filter:blur(8px)}.hero-scene .map-node.active{background:linear-gradient(135deg,#38578ce6,#1d3964e6);border-color:#a3c7ffb0}.map-lines{opacity:.55}.map-lines .map-current{stroke:#87e6f2;stroke-width:1.7;stroke-dasharray:16 220;animation:signal-flow 11s linear infinite;opacity:.65}.map-lines circle{opacity:.3}.map-grid{animation-duration:35s;opacity:.13}.map-paused .map-current{animation-play-state:paused}.hero-bottom{padding-bottom:30px;font-size:.875rem;margin-top:18px}.hero-bottom>a{color:#cad9f0}.now-strip{background:linear-gradient(110deg,#111f31bd,#152238a1,#0e1b2bb0);border-color:#5576953b}.now-inner{padding-block:25px}.now-focus{min-height:60px;border-left-color:#52688460;padding-block:6px}.now-focus:hover{box-shadow:inset 2px 0 #86cbe7;background:linear-gradient(90deg,#91b7ff10,transparent)}.now-focus>span{font-size:.875rem}.status-dot{animation:status-glow 5s ease-in-out infinite}
.section{padding-block:110px}.section-index{margin-bottom:47px;position:relative;z-index:1;font-size:.8125rem;color:#9ab7ec}.section-index>span:last-child{font-size:.9375rem;color:#adbed7}.about-layout{gap:70px;grid-template-columns:1.12fr 1fr}.about-layout h2{font-size:clamp(2.5rem,3.5vw,3.5rem)}.about-copy p:first-child{font-size:1.2rem;line-height:1.75;color:#e5edfb}.about-copy p{font-size:1.05rem;line-height:1.8}.about-signoff{border-top:1px solid #50709c40;padding-top:26px;font-size:.9375rem}.about-section:before{content:"";position:absolute;inset:15% -4% 0;pointer-events:none;background:radial-gradient(ellipse at 15% 70%,#2935581a,transparent 65%)}.headline-inner>span{color:#aabdd9}.section-heading{margin-bottom:55px}.section-heading>p{line-height:1.85}.learning-section{background:linear-gradient(135deg,#0d1826bf,#101b30de);border-color:#506c953b}.learning-layout{gap:75px;grid-template-columns:.8fr 1.2fr}.learning-detail{border-radius:22px;padding:30px 32px;background:linear-gradient(135deg,#1b2b435c,#142439c7,#101c30);border-color:#6587b355;box-shadow:inset 0 1px #a1caff20,0 22px 60px #02071830}.detail-heading{margin-bottom:20px}.detail-kicker{font-size:.75rem}.learning-diagram{height:265px}.diagram-core{background:linear-gradient(135deg,#2c476ab0,#142c46);box-shadow:inset 0 1px #addbff25,0 12px 35px #050b1c50;border-color:#82a8d18c}.diagram-core span{font-size:.8125rem}.diagram-node{font-size:.875rem;background:linear-gradient(130deg,#24374ae8,#14263eee);border-radius:7px;box-shadow:inset 0 1px #adc9ed15,0 6px 18px #000a1c25}.diagram-lines .selected-path{stroke-dasharray:330;stroke-dashoffset:0;animation:connection-draw .8s var(--ease)}.diagram-lines circle{stroke:#82b0d260;opacity:.6}.learning-detail>p{line-height:1.8;font-size:1rem}.topic-row{padding-block:14px}.topic-state{font-size:.8125rem;color:#abc7ee}.area-button{border-color:#4d668640;min-height:83px;padding-block:25px;color:#a7b8d0}.area-button.active{background:linear-gradient(90deg,#7ba3ff0c,transparent);border-color:#93bbe0;border-radius:7px 7px 0 0}.selector-note{line-height:1.8;font-size:1rem}
.journey-layout{gap:95px}.journey-intro{top:130px}.journey-intro p{line-height:1.85}.chapter-visual{margin-top:32px;padding:24px 18px;max-width:370px;background:linear-gradient(130deg,#23344b55,#14203918);border:1px solid #5e80aa40;border-radius:15px;box-shadow:inset 0 1px #bddeff0d}.chapter-ring{border-color:#7599c58a}.chapter-ring::before{border-color:#91bed886}.chapter-label{font-size:1.25rem}.chapter-eyebrow{font-size:.8125rem}.timeline li{padding-bottom:46px;min-height:144px;gap:24px}.timeline li>div{padding:0 16px 20px;margin-top:-5px;border-radius:10px;transition:background .5s,box-shadow .5s,transform .6s}.timeline li.chapter-active>div{background:linear-gradient(100deg,#416d9a16,transparent);box-shadow:inset 1px 0 #7cdeed5c;transform:translateX(3px)}.timeline h3{font-size:1.18rem;padding-top:8px}.timeline p{font-size:1rem;color:#bac8dd;line-height:1.8}.timeline-marker{width:34px;height:34px}.timeline:before,.timeline:after{left:16px}.journey-caption{color:#a6c4f1;font-size:.875rem}.projects-section{background:linear-gradient(130deg,#101c2d,#111c30c7)}.featured-project{border-radius:20px;border-color:#6c8aab55;box-shadow:inset 0 1px #c1dfff18,0 20px 65px #02071930}.project-preview{padding:40px;background:radial-gradient(ellipse at 30% 30%,#3455817a,transparent 70%),linear-gradient(150deg,#162840,#0f1d31)}.browser-frame{border-radius:11px;border-color:#a0bfed55;box-shadow:0 25px 35px #010b244d;transform:perspective(1200px) rotateY(var(--depth-x,0deg)) rotateX(calc(var(--depth-y,0deg) + (.5 - var(--section-progress,.5))*4deg)) translateY(calc((.5 - var(--section-progress,.5))*18px));transition:transform .25s var(--ease)}.browser-chrome{height:36px;background:#172943;font-size:.75rem;color:#bfd3ef}.chrome-lock{font-size:.6875rem}.project-info{padding:38px 34px}.project-info h3{font-size:2.3rem}.project-description{font-size:1rem;line-height:1.85}.tech-list li{border-radius:5px;background:#28466b22;font-size:.8125rem}.project-status{border-radius:20px;font-size:.8125rem;padding:4px 10px}.project-type{font-size:.9375rem}.next-project{padding-top:32px}.next-status{font-size:.8125rem}
.connect-scene{background:radial-gradient(ellipse at 70% 45%,#28305525,transparent 65%)}.social-hub{position:relative;isolation:isolate;padding:44px 45px 25px;overflow:hidden;border:1px solid #7c9bbc70;border-radius:25px;background:linear-gradient(140deg,#24364d75,#112038d6);box-shadow:inset 0 1px #c8e6ff28,0 30px 70px #02091855;transform:perspective(1400px) rotateX(var(--depth-y,0deg)) rotateY(var(--depth-x,0deg));transition:transform .4s var(--ease)}.hub-art{position:absolute;inset:0;z-index:-2;opacity:.56;pointer-events:none}.hub-art img{height:100%;width:100%;object-fit:cover;transform:scale(1.07) translateY(calc((.5 - var(--section-progress,.5))*30px));transition:transform .16s}.social-hub:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#0c172449,#0d172b35 30%,#0d162be5 100%),radial-gradient(circle at var(--light-x,50%) var(--light-y,50%),#a9d8ff10,transparent 50%);pointer-events:none}.hub-identity{display:flex;flex-direction:column;align-items:center;gap:8px}.hub-name{font-size:clamp(2rem,3.6vw,3.1rem);letter-spacing:-.04em;line-height:1.2;color:#edf5ff;font-weight:550}.hub-subtitle{font-size:.9375rem;color:#bacde7}.social-dock{display:grid;grid-template-columns:repeat(7,1fr);gap:16px;max-width:970px;margin:38px auto 32px;align-items:start}.social-tile{display:flex;position:relative;flex-direction:column;align-items:center;gap:13px;text-align:center;padding:0;border:0;color:#cdddf4;background:transparent;min-width:0;outline-offset:5px;transition:color .3s,transform .4s var(--ease)}.social-glass{height:84px;width:100%;max-width:92px;display:grid;place-items:center;border:1px solid #a0c1de55;border-radius:22px;background:linear-gradient(140deg,#5d89b42b,#2d4a6b26 50%,#17294280);box-shadow:inset 0 1px #d9edff30,inset 1px 0 #d9edff12,0 9px 22px #03132f65;backdrop-filter:blur(16px);position:relative;transition:transform .45s var(--ease),background .3s,box-shadow .35s,border-color .35s}.social-glass svg{width:30px;height:30px;fill:currentColor;color:#f2f5fc;transition:transform .4s var(--ease)}.social-tile-name{font-size:.875rem;font-weight:500;line-height:1.5}.social-tile:hover,.social-tile:focus-visible{color:#fff}.social-tile:hover .social-glass,.social-tile:focus-visible .social-glass{transform:translateY(-8px) scale(1.06);border-color:#bbdefeaa;box-shadow:inset 0 1px #e4f7ff60,0 17px 32px #06183185,0 0 28px #7bc9ed20}.social-tile.hub-active .social-glass{border-color:#9fd1eea0;background:linear-gradient(145deg,#8db9e444,#45638630,#20395899);box-shadow:inset 0 1px #e3f5ff50,0 14px 24px #03122e65,0 0 24px #78c8f313}.social-tile:active .social-glass{transform:translateY(-2px) scale(.94);transition-duration:.12s;background:#6485ad50}.social-tile-handle{position:absolute;top:114px;font-size:.75rem;color:#b6c5df;white-space:nowrap}.discord-card .social-glass{border-style:solid}.hub-readout{border-top:1px solid #a2c8f233;display:flex;align-items:center;gap:18px;padding-top:22px;min-height:55px;font-size:.9375rem}.hub-readout>#hub-platform{color:#c6eafc;font-weight:600;min-width:85px}.hub-readout p{color:#bdcce2;line-height:1.6}.hub-hint{margin-left:auto;font-family:var(--mono);font-size:.75rem;color:#afc4df}.creator-feature{display:grid;grid-template-columns:120px 1fr auto;align-items:center;gap:30px;margin-top:30px;padding:34px;border:1px solid #7292b445;border-radius:18px;background:linear-gradient(110deg,#2437536b,#15243b33);box-shadow:inset 0 1px #c5e3ff0d}.creator-emblem{display:flex;flex-direction:column;align-items:center;gap:14px;color:#d2e4fe}.creator-emblem svg{width:40px;height:30px;fill:currentColor}.creator-emblem span{font-family:Tahoma,Arial,sans-serif;font-size:1rem;color:#c0d3ec}.creator-copy .eyebrow{font-size:.75rem;color:#94bdf3;letter-spacing:.06em;margin-bottom:13px}.creator-copy h3{font-size:1.55rem;letter-spacing:-.03em;font-weight:550;line-height:1.35}.creator-copy h3 span{color:#b2c5df}.creator-copy>p:last-child{font-size:.9375rem;line-height:1.8;color:#b9c8dd;max-width:560px;margin-top:12px}.creator-feature .button{white-space:nowrap;align-self:center}
.closing-scene{padding-block:110px 115px;background:radial-gradient(ellipse at 70% 70%,#29487244,transparent 60%),linear-gradient(135deg,#0d192b,#142039);border-top-color:#758fbe40}.closing-lines{position:absolute;inset:0;background:linear-gradient(115deg,transparent 52%,#98c7ef0a 52.05%,transparent 52.15%),linear-gradient(65deg,transparent 64%,#98c7ef0a 64.05%,transparent 64.15%);background-size:100% 100%;pointer-events:none;transform:translateY(calc((.5 - var(--section-progress,.5))*45px));transition:transform .16s}.contact-layout{gap:65px;grid-template-columns:1.05fr 1.15fr;align-items:center}.contact-layout .eyebrow{font-size:.75rem;letter-spacing:.06em;color:#b7cdea;line-height:1.8}.contact-layout h2{font-size:clamp(3.3rem,5vw,5rem)}.contact-layout p:not(.eyebrow){font-size:1.05rem;line-height:1.85;color:#c1d0e6}.contact-details{border:0}.mail-panel{position:relative;overflow:hidden;border-radius:20px;padding:32px 32px 27px;border:1px solid #99bfec59;background:linear-gradient(145deg,#58749b23,#263f6460,#15274199);box-shadow:inset 0 1px #b4d4ff30,0 30px 60px #020a2440;transform:perspective(1300px) rotateX(var(--depth-y,0deg)) rotateY(var(--depth-x,0deg));transition:transform .4s var(--ease)}.mail-panel:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at var(--light-x,50%) var(--light-y,50%),#bbe3ff0c,transparent 50%)}.mail-top{display:flex;justify-content:space-between;align-items:center;font-family:var(--mono);font-size:.75rem;letter-spacing:.07em;color:#a8c5e8;border-bottom:1px solid #9abbe731;padding-bottom:20px}.mail-symbol{font-size:1.5rem;line-height:1;color:#a9d5ee}.contact-layout .mail-label{font-size:.9375rem!important;color:#b5cdeb!important;margin:23px 0 4px!important}.contact-details .mail-address{display:inline-flex;min-height:50px;align-items:center;font-size:clamp(1.4rem,2.4vw,2rem);font-weight:500;letter-spacing:-.035em;color:#e4f4ff;position:relative;white-space:nowrap}.mail-address:after{content:"";height:1px;background:linear-gradient(90deg,#a9d0fb,#7cdeed);position:absolute;bottom:2px;left:0;right:0;transform:scaleX(.18);transform-origin:left;transition:transform .6s var(--ease)}.mail-address:hover:after,.mail-address:focus-visible:after{transform:scaleX(1)}.mail-actions{display:flex;gap:12px;margin-top:25px;flex-wrap:wrap}.copy-email{background:#233b5838;border-color:#7596bd5c;color:#d8e9ff;gap:10px}.copy-email svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5}.copy-email:hover{background:#3e597143;border-color:#a8caed88}.copy-email.copied{background:#28576a66;color:#d6f6ff;border-color:#87d9e7a3}.contact-layout .copy-feedback{font-size:.8125rem!important;line-height:1.75;margin-top:23px!important;min-height:40px;color:#b7cbe6;max-width:none}.site-footer{padding-block:35px;gap:30px;border-top:1px solid #6d8db83b;font-size:.875rem}.site-footer .footer-signature{display:flex;flex-direction:column;gap:4px;color:#acbdd5;margin-right:auto;line-height:1.6;font-size:.8125rem}.footer-signature>span:first-child{color:#d0deef}.site-footer>a:not(.brand){color:#b7cbe6;position:relative}.site-footer>a:not(.brand):hover{color:#d5f4ff}
/* Distinct entrances: expanding social scene, staggered glass and quiet closing light. */
.social-hub.story-reveal{clip-path:inset(0 8% 0 8% round 25px);opacity:.3;transition:clip-path 1.2s var(--ease),opacity 1s,transform .4s var(--ease)}.social-hub.story-reveal.revealed{clip-path:inset(0 round 25px);opacity:1}.social-tile.story-reveal .social-glass{transform:translateY(25px) rotateX(15deg) scale(.86);opacity:0;transition:transform .85s var(--ease),opacity .7s,border-color .3s,background .3s,box-shadow .3s;transition-delay:calc(var(--tile-order)*55ms)}.social-tile.story-reveal.revealed .social-glass{transform:none;opacity:1}.social-tile.story-reveal.revealed:hover .social-glass,.social-tile.story-reveal.revealed:focus-visible .social-glass{transform:translateY(-8px) scale(1.06);transition-delay:0s}.social-tile.story-reveal.revealed:active .social-glass{transform:scale(.94);transition-delay:0s}.creator-feature.story-reveal{opacity:.3;transform:translateX(15px);transition:transform .8s var(--ease),opacity .8s}.creator-feature.story-reveal.revealed{opacity:1;transform:none}.contact-details.story-reveal .mail-panel{clip-path:inset(0 0 0 25% round 20px);transition:clip-path 1s var(--ease),transform .4s var(--ease)}.contact-details.story-reveal.revealed .mail-panel{clip-path:inset(0 round 20px)}
@keyframes signal-flow{to{stroke-dashoffset:-472}}@keyframes connection-draw{from{stroke-dashoffset:330;opacity:.25}}@keyframes status-glow{50%{box-shadow:0 0 16px #7cdeed80;opacity:.6}}
.page-paused *,.page-paused *:before,.page-paused *:after{animation-play-state:paused!important}.light-motion .map-current,.light-motion .status-dot{animation:none}
@media(max-width:1200px){.hero{column-gap:32px}.hero h1{font-size:clamp(3.8rem,6.6vw,5.5rem)}.hero-scene{min-height:475px}.social-dock{gap:12px}.social-hub{padding-inline:34px}.creator-feature{grid-template-columns:90px 1fr auto;gap:22px}.contact-layout{gap:40px}.mail-panel{padding:28px}.mail-actions{gap:10px}.mail-actions .button{font-size:.875rem;padding-inline:15px}.learning-layout{gap:50px}.about-layout{gap:50px}}
@media(max-width:1050px){.nav-shell{height:78px}.hero{padding-top:60px}.hero-scene{transform:none;min-height:450px;border-radius:20px}.hero h1{font-size:clamp(3.5rem,6.3vw,5rem)}.hero-intro{font-size:1rem}.hero-actions{gap:10px}.hero-actions .button{font-size:.875rem;padding-inline:16px}.hero .eyebrow{font-size:.75rem}.social-glass{height:76px;border-radius:18px}.social-tile-name{font-size:.8125rem}.creator-feature{grid-template-columns:80px 1fr}.creator-feature>.button{grid-column:2;justify-self:start}.contact-layout{grid-template-columns:1fr 1.15fr;gap:35px}.contact-layout h2{font-size:3.65rem}.contact-details .mail-address{font-size:1.65rem}.section{padding-block:90px}.learning-detail{padding:28px}.learning-layout{gap:35px}.journey-layout{gap:45px}.project-preview{padding:26px}.project-info{padding:30px 26px}.site-footer{gap:22px}.site-footer .footer-signature{margin-right:0}}
@media(max-width:800px){.wrap{width:calc(100% - 64px)}.hero{column-gap:26px}.hero h1{font-size:3.65rem}.hero-scene{min-height:450px}.hero-intro{font-size:1rem}.hero-actions{flex-direction:column;align-items:flex-start}.hero-actions .button{min-height:46px}.social-hub{padding:35px 25px 24px}.social-dock{gap:10px;margin-block:35px}.social-glass{height:65px;border-radius:15px}.social-glass svg{width:26px;height:26px}.social-tile-handle{top:93px;font-size:.6875rem}.hub-readout{gap:12px}.hub-hint{display:none}.contact-layout{grid-template-columns:1fr;gap:35px}.contact-layout>div:first-child>p:last-child{max-width:500px}.contact-details .mail-address{font-size:2rem}.mail-panel{padding:32px}.mail-actions .button{font-size:.9375rem}.closing-scene{padding-block:90px}.about-layout{grid-template-columns:1fr;gap:30px}.about-copy{max-width:610px}.learning-layout{gap:25px;grid-template-columns:.7fr 1.2fr}.learning-detail{padding:25px}.diagram-node{font-size:.8125rem;white-space:normal;max-width:43%}.diagram-core span{font-size:.75rem}.diagram-core{width:118px}.learning-detail>p,.topic-row{font-size:.9375rem}.journey-layout{gap:30px}.timeline li{gap:16px}.timeline li>div{padding-inline:10px}.timeline h3{font-size:1.1rem}.timeline p{font-size:.9375rem}.chapter-visual{padding:18px 10px;grid-template-columns:74px 1fr;gap:12px}.chapter-label{font-size:1.12rem}.project-info h3{font-size:2rem}.project-description{font-size:.9375rem}.site-footer{flex-wrap:wrap}.site-footer .footer-signature{margin-left:auto}.site-footer>a:not(.brand){font-size:.8125rem}.site-footer>a:last-child{margin-left:auto}}
@media(max-width:650px){.wrap{width:calc(100% - 40px)}.nav-shell{height:72px;gap:12px}.brand-symbol{width:29px;height:29px}.brand-wordmark{width:123px}.nav-tools{gap:10px}.language-switch button{min-width:29px;font-size:.75rem;padding-inline:6px}.language-switch{padding:2px}.menu-toggle{width:40px;height:44px;padding:8px}.hero{padding-top:44px;gap:0}.hero:before{inset:0 -20px auto;width:auto;height:680px;background:radial-gradient(ellipse at 90% 70%,#2d528828,transparent 65%)}.hero h1{font-size:clamp(3.5rem,13vw,5rem);margin-block:25px;letter-spacing:-.065em}.hero .eyebrow{font-size:.75rem;letter-spacing:.045em}.hero-intro{font-size:1.0625rem;line-height:1.85}.hero-actions{flex-direction:row;align-items:stretch;gap:10px}.hero-actions .button{min-height:50px;font-size:.875rem;padding-inline:14px}.hero-footnote{font-size:.8125rem;margin-top:24px}.hero-scene{min-height:0;margin-top:36px;border-radius:18px;transform:none}.hero-scene .map-topline{padding:15px;font-size:.6875rem;letter-spacing:.05em}.hero-scene .map-core{top:177px;width:82px;height:82px;border-radius:18px}.hero-scene .core-logo{width:59px;height:59px}.hero-scene .map-readout{padding:17px;min-height:92px;margin-top:276px}.hero-scene .map-node{font-size:.75rem;border-radius:7px}.hero-scene .hero-art{height:315px;inset:44px 0 auto}.hero-bottom{padding-block:23px;font-size:.8125rem;gap:10px}.hero-bottom>span{max-width:190px}.now-inner{padding-block:24px;gap:20px 12px}.now-focus{font-size:.875rem;padding-inline:12px 4px}.now-focus>span{font-size:.8125rem}.now-label{font-size:.8125rem}.section{padding-block:75px}.section-index{margin-bottom:32px;font-size:.75rem;align-items:flex-start}.section-index>span:last-child{font-size:.8125rem;line-height:1.5;max-width:52%}.section-heading{gap:22px;margin-bottom:34px}.section-heading>p{font-size:1rem;line-height:1.8}.about-layout h2,h2{font-size:clamp(2.4rem,9.3vw,3.35rem)}.about-copy p:first-child{font-size:1.125rem;line-height:1.8}.about-copy p{font-size:1rem}.about-signoff{font-size:.875rem;padding-top:22px;gap:15px}.learning-layout{display:flex;gap:30px}.learning-selector .area-button{min-height:66px;font-size:1.125rem}.selector-note{font-size:.9375rem!important}.learning-detail{padding:25px 20px;border-radius:16px}.detail-kicker{font-size:.75rem}.detail-heading{margin-bottom:14px}.learning-diagram{height:265px}.diagram-node{font-size:.8125rem;max-width:46%;padding-inline:7px}.diagram-core{width:116px;height:100px}.diagram-core span{font-size:.75rem;max-width:107px}.topic-state{font-size:.8125rem}.journey-layout{gap:36px}.journey-intro p{font-size:1rem;line-height:1.85}.journey-caption{font-size:.8125rem}.chapter-visual{margin-top:25px;padding:20px 16px;grid-template-columns:78px 1fr;gap:18px}.chapter-steps{gap:7px}.chapter-label{font-size:1.2rem}.chapter-eyebrow{font-size:.75rem}.timeline li{min-height:0;padding-bottom:32px;gap:13px}.timeline li>div{padding:0 7px 15px}.timeline h3{font-size:1.125rem}.timeline p{font-size:.9375rem;line-height:1.8}.featured-project{border-radius:16px}.project-preview{padding:25px;min-height:220px}.project-info{padding:28px 23px}.browser-chrome{font-size:.6875rem;height:32px}.chrome-lock{font-size:.625rem}.project-description{font-size:1rem}.project-info h3{font-size:2.1rem}.next-project{gap:14px}.next-project h3{font-size:1.125rem}.next-status{font-size:.75rem}.social-hub{padding:32px 19px 22px;border-radius:20px;transform:none}.hub-name{font-size:2.4rem}.hub-subtitle{font-size:.875rem;text-align:center;max-width:250px;line-height:1.6}.social-dock{grid-template-columns:repeat(12,1fr);gap:27px 12px;max-width:380px;margin:29px auto 30px;align-items:start}.social-tile{grid-column:span 3;gap:10px}.social-tile:nth-child(5){grid-column:2/span 3}.social-tile:nth-child(6){grid-column:5/span 3}.social-tile:nth-child(7){grid-column:8/span 3}.social-glass{height:61px;width:61px;max-width:100%;border-radius:16px;backdrop-filter:blur(10px)}.social-glass svg{width:26px;height:26px}.social-tile-name{font-size:.75rem;line-height:1.5}.social-tile-handle{top:90px;font-size:.6875rem}.hub-art{opacity:.46}.hub-art img{object-position:42% 50%;transform:none}.hub-readout{padding-top:19px;min-height:75px;align-items:flex-start;gap:8px;flex-direction:column;font-size:.875rem}.hub-readout>#hub-platform{font-size:.9375rem}.hub-readout p{max-width:none}.creator-feature{margin-top:22px;padding:26px 22px;grid-template-columns:1fr;gap:22px;border-radius:16px}.creator-emblem{flex-direction:row;justify-content:space-between}.creator-emblem svg{width:34px;height:25px}.creator-emblem span{font-size:.9375rem}.creator-copy h3{font-size:1.6rem}.creator-copy>p:last-child{font-size:.9375rem}.creator-copy .eyebrow{font-size:.75rem;letter-spacing:.035em}.creator-feature>.button{grid-column:1;font-size:.9375rem}.closing-scene{padding-block:75px 80px}.contact-layout{gap:34px}.contact-layout h2{font-size:clamp(3rem,12vw,4rem)}html[lang=nl] .contact-layout h2{font-size:clamp(2.5rem,10vw,3.5rem)}.contact-layout .eyebrow{font-size:.75rem;letter-spacing:.025em}.contact-layout>div:first-child>p:last-child{font-size:1rem;line-height:1.8;margin-top:22px}.mail-panel{padding:25px 22px;border-radius:17px;transform:none}.mail-top{font-size:.75rem;padding-bottom:17px}.contact-details .mail-address{font-size:clamp(1.45rem,6.4vw,1.85rem);min-height:46px}.mail-actions{margin-top:23px;gap:10px}.mail-actions .button{font-size:.875rem;min-height:48px;padding-inline:14px}.copy-email{gap:8px}.copy-email svg{width:16px;height:16px}.contact-layout .copy-feedback{font-size:.8125rem!important;margin-top:20px!important;min-height:45px}.site-footer{padding-block:28px;gap:18px}.site-footer .brand-symbol{width:26px;height:26px}.site-footer .brand-wordmark{width:112px}.site-footer .footer-signature{width:100%;margin:0;font-size:.8125rem;order:1;flex-direction:row;justify-content:space-between;gap:12px;flex-wrap:wrap}.site-footer>a:not(.brand){font-size:.8125rem}.site-footer>a[href^=mailto]{width:100%;order:2;min-height:35px}.site-footer>a:last-child{order:2;position:absolute;right:20px;margin-top:89px}.site-footer{position:relative}.social-hub.story-reveal{clip-path:none}.social-tile.story-reveal .social-glass{transform:translateY(12px) scale(.92)}.creator-feature.story-reveal{transform:translateX(6px)}.contact-details.story-reveal .mail-panel{clip-path:none}.timeline li.chapter-active>div{transform:none}.browser-frame{transform:none}}
@media(max-width:360px){.wrap{width:calc(100% - 32px)}.brand-wordmark{width:109px}.brand-symbol{width:25px;height:25px}.brand{gap:6px}.nav-shell{gap:5px}.nav-tools{gap:4px}.language-switch button{min-width:27px;padding-inline:5px}.menu-toggle{width:34px}.hero h1{font-size:3.25rem}.hero .eyebrow{font-size:.6875rem}.hero-actions{display:grid;grid-template-columns:1fr;width:100%;max-width:none}.hero-actions .button{font-size:.9375rem}.hero-bottom{font-size:.75rem}.hero-bottom>span{max-width:156px}.hero-scene .map-node{font-size:.6875rem}.hero-scene .map-topline{font-size:.625rem}.social-hub{padding-inline:14px}.social-dock{gap:24px 8px}.social-glass{width:54px;height:54px;border-radius:14px}.social-tile-name{font-size:.6875rem}.social-tile-handle{top:83px}.hub-name{font-size:2.1rem}.creator-feature{padding:24px 19px}.mail-panel{padding:24px 18px}.mail-actions{display:grid;grid-template-columns:1fr}.mail-actions .button{width:100%;font-size:.9375rem}.contact-details .mail-address{font-size:1.4rem}.site-footer .footer-signature{font-size:.75rem}.site-footer>a:last-child{margin-top:95px;right:16px}.detail-kicker{font-size:.6875rem}.diagram-node{font-size:.75rem}.timeline p{font-size:.9375rem}}
@media(hover:none){.social-tile:hover .social-glass,.social-tile.story-reveal.revealed:hover .social-glass{transform:none}.social-tile:active .social-glass,.social-tile.story-reveal.revealed:active .social-glass{transform:scale(.94)}.social-hub,.mail-panel{transform:none}}
.reduce-motion .social-hub,.reduce-motion .social-glass,.reduce-motion .mail-panel,.reduce-motion .closing-lines,.reduce-motion .creator-feature{transform:none!important;opacity:1!important;clip-path:none!important}.reduce-motion .contact-details .mail-panel{clip-path:none!important}.reduce-motion .hero h1 .headline-inner>span{background:none;color:#91b1ff}.light-motion .social-hub,.light-motion .mail-panel{transform:none}
@media(prefers-reduced-motion:reduce){.social-hub,.social-glass,.mail-panel,.closing-lines,.creator-feature{transform:none!important;opacity:1!important;clip-path:none!important}.contact-details .mail-panel{clip-path:none!important}.hero h1 .headline-inner>span{background:none;color:#91b1ff}}

@media(max-width:650px){.site-footer{display:grid;grid-template-columns:1fr auto;gap:13px 14px}.site-footer .brand{grid-column:1/-1}.site-footer .footer-signature{grid-column:1/-1;width:100%;order:initial}.site-footer>a[href^=mailto]{width:auto;order:initial}.site-footer>a:last-child{position:static;right:auto;margin:0;order:initial}.site-footer>a:not(.brand){min-height:44px}.site-footer .brand{width:auto}}
.contact-details a.mail-address{color:#e4f4ff}.contact-details a.button.primary{color:#0a152d}
@media(max-width:650px){.social-tile-name{font-size:.875rem}.social-tile-handle{font-size:.75rem;top:94px}.hero-scene .map-topline{font-size:.75rem;letter-spacing:.02em}.hero .eyebrow{font-size:.75rem}.chrome-lock{font-size:.75rem}.detail-kicker{font-size:.75rem}}
@media(max-width:360px){.social-tile-handle{top:87px}.hero-scene .map-topline{font-size:.75rem;padding-inline:12px}.hero .eyebrow{letter-spacing:.015em}}
.now-strip:not(.scene-visible) .status-dot{animation-play-state:paused}
@media(max-width:650px){.social-hub.story-reveal.revealed,.contact-details.story-reveal.revealed .mail-panel{clip-path:none}}

/* Discord is a native modal: focus stays inside until it closes. */
html{scrollbar-gutter:stable}.discord-open{overflow:hidden}
.discord-dialog{position:fixed;inset:0;margin:auto;width:min(440px,calc(100% - 40px));max-height:calc(100dvh - 40px);overflow:auto;padding:40px 34px 36px;border:1px solid #8eb7e670;border-radius:24px;color:#f2f5fc;background:radial-gradient(ellipse at 50% 0,#3a61843d,transparent 65%),linear-gradient(145deg,#182b43,#101d32 75%);box-shadow:inset 0 1px #c4e4ff24,0 30px 100px #010719a8,0 0 60px #528dda20;text-align:center}
.discord-dialog[open]{animation:discord-enter .28s cubic-bezier(.16,1,.3,1)}.discord-dialog::backdrop{background:#030a18b8;backdrop-filter:blur(7px);animation:discord-backdrop .25s ease-out}
.discord-close{position:absolute;top:12px;right:12px;width:44px;height:44px;display:grid;place-items:center;padding:10px;border:1px solid transparent;border-radius:12px;color:#b9cce5;background:transparent;transition:background .2s,border-color .2s,color .2s,transform .2s}.discord-close svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5}.discord-close:hover{color:#e8f6ff;background:#6d99c716;border-color:#82a9d336}.discord-close:active{transform:scale(.94)}
.discord-dialog-icon{width:68px;height:68px;display:grid;place-items:center;margin:0 auto 22px;border:1px solid #a0c1de65;border-radius:19px;background:linear-gradient(140deg,#668eb02f,#203951);box-shadow:inset 0 1px #d9edff30,0 10px 28px #03132f55,0 0 30px #70b5ec13}.discord-dialog-icon svg{width:35px;height:35px;fill:currentColor;color:#eef5ff}
.discord-eyebrow{font: .75rem/1.5 var(--mono);letter-spacing:.12em;color:#a4c9ed;margin-bottom:13px}.discord-dialog h3{font-size:clamp(1.8rem,6vw,2.1rem);font-weight:550;line-height:1.25;letter-spacing:-.04em}.discord-username{margin:18px 0 29px;font-size:2rem;line-height:1.4;font-weight:500;letter-spacing:-.025em;color:#b6e6f6;user-select:text;cursor:text}
.discord-copy{gap:10px;min-height:52px;width:100%;font-size:.9375rem}.discord-copy svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6}.discord-copy .copied-symbol{display:none}.discord-copy.copied{background:linear-gradient(135deg,#b2ddf3,#85bedb);box-shadow:inset 0 1px #ffffff65,0 5px 20px #78cdec24}.discord-copy.copied .copy-symbol{display:none}.discord-copy.copied .copied-symbol{display:block}
.discord-feedback{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.discord-feedback.copy-error{position:static;width:auto;height:auto;margin:17px 0 0;overflow:visible;clip-path:none;white-space:normal;color:#c8def5;font-size:.875rem;line-height:1.6}
@keyframes discord-enter{from{opacity:0;transform:translateY(12px) scale(.975)}to{opacity:1;transform:none}}@keyframes discord-backdrop{from{opacity:0}to{opacity:1}}
@media(max-width:650px){.discord-dialog{padding:35px 25px 29px;border-radius:21px;width:min(420px,calc(100% - 36px))}.discord-dialog h3{font-size:1.9rem}.discord-username{font-size:1.9rem;margin-bottom:26px}.discord-dialog-icon{margin-bottom:19px;width:64px;height:64px}.discord-copy{font-size:.9375rem}}
@media(max-width:360px){.discord-dialog{padding:33px 23px 27px}.discord-dialog h3{font-size:1.75rem}.discord-username{font-size:1.8rem}}
.reduce-motion .discord-dialog,.reduce-motion .discord-dialog::backdrop,.light-motion .discord-dialog,.light-motion .discord-dialog::backdrop{animation:none!important}
@media(prefers-reduced-motion:reduce){.discord-dialog,.discord-dialog::backdrop{animation:none!important}}