@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@700;800;900&family=DM+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap');
:root{--bg:#090909;--fg:#eeeee7;--accent:#38b6ff;--muted:#a0a09a;--line:#30302c;--head:'Barlow Condensed',Impact,sans-serif;--mono:'IBM Plex Mono',monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.6 'DM Sans',sans-serif}a{color:inherit;text-decoration:none}a:focus-visible,.visual:focus-visible{outline:2px solid var(--accent);outline-offset:6px}::selection{background:var(--accent);color:var(--bg)}h1,h2,h3,p{margin:0}header,.section,.hero{padding-inline:5vw}header{height:100px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.logo{font:800 32px var(--head);letter-spacing:-1px}.logo span{color:var(--accent)}nav{display:flex;gap:30px}nav a,.nav-contact{font-size:14px}.nav-contact{border-bottom:1px solid var(--accent);padding-bottom:4px}nav a:hover{color:var(--accent)}.hero{min-height:calc(100svh - 100px);display:flex;flex-direction:column;justify-content:space-between;padding-top:25px;padding-bottom:40px;position:relative;overflow:hidden}.hero-top,.label,.scroll-label,.visual-meta,.visual-foot,.project-index,.project-caption>span,.section-index,.footer-bottom,.email-note{font:12px/1.6 var(--mono);letter-spacing:1px}.hero-top{display:flex;justify-content:space-between;color:var(--muted)}h1{font:900 clamp(80px,18vw,290px)/.78 var(--head);letter-spacing:-.035em;margin:55px 0;position:relative;z-index:1}h1>span{display:block}.outline{-webkit-text-stroke:1px var(--fg);color:transparent;margin-top:15px}.full-stop{color:var(--accent);-webkit-text-stroke:0}.hero-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;position:relative;z-index:1}.hero-bottom p{font-size:18px;line-height:1.5}.hero-bottom p span{color:var(--muted)}.button{display:inline-flex;align-items:center;justify-content:center;min-height:70px;padding:20px 40px;background:var(--accent);color:var(--bg);border-radius:100px;font-size:14px;font-weight:700;transition:background .3s,box-shadow .3s}.button:hover{background:#91d9ff;box-shadow:0 0 40px #38b6ff20}.scroll-label{text-align:right;color:var(--muted)}.hero-line{position:absolute;height:1px;background:#38b6ff25;transform:rotate(-35deg);width:55vw;right:-15vw;top:45%}.marquee{overflow:hidden;background:var(--accent);color:var(--bg);padding:19px 0;transform:rotate(-2deg);margin:25px 0 50px}.ticker{display:flex;width:max-content;animation:marquee 35s linear infinite}.ticker span{flex-shrink:0;font:800 30px/1 var(--head);text-transform:uppercase;white-space:nowrap}.marquee:hover .ticker{animation-play-state:paused}.section{padding-block:110px}.label{color:var(--accent);margin-bottom:35px}h2{font:800 clamp(54px,8vw,130px)/.96 var(--head);letter-spacing:-.015em}.mission h2{max-width:1000px}.mission-bottom{display:grid;grid-template-columns:1fr 1.2fr;gap:40px;margin-top:60px}.section-index{color:var(--muted)}.about{font-size:28px;line-height:1.5}.mission-bottom p+p{margin-top:30px;color:var(--muted);max-width:650px}.word{display:inline-block;transition:color .45s;color:#777970}.word.lit{color:var(--fg)}.section-heading{display:grid;grid-template-columns:1fr 2fr 1fr;align-items:end;margin-bottom:65px}.section-heading .label{align-self:start}.section-heading h2 span{color:var(--accent)}.section-heading>p:last-child{color:var(--muted);text-align:right}.projects{display:grid;grid-template-columns:1.2fr 1fr;gap:80px 7vw}.project:nth-child(2){margin-top:200px}.project:nth-child(3){grid-column:1/-1;width:66%;margin-left:10%}.visual{height:470px;position:relative;overflow:hidden;border-radius:3px}.visual-layer{position:absolute;inset:-30px 0;padding:60px 35px;display:flex;flex-direction:column;justify-content:space-between;will-change:transform;transition:filter .5s}.visual strong{font:800 clamp(50px,6vw,100px)/.92 var(--head);letter-spacing:-1px;transition:transform .7s}.visual:hover strong,.visual:focus-visible strong{transform:scale(1.05) skewY(-3deg)}.visual:hover .visual-layer{filter:contrast(1.15)}.livestock{background:#38b6ff;color:#071d32}.student{background:#4143f2;color:#fff}.teach{background:#101820;color:var(--accent);border:1px solid #25465e}.visual-meta,.visual-foot{font-size:11px}.project-index{position:absolute;top:20px;right:20px;border:1px solid currentColor;padding:3px 9px;border-radius:20px}.coordinates{position:absolute;inset:0;background-image:linear-gradient(#071d320d 1px,transparent 1px),linear-gradient(90deg,#071d320d 1px,transparent 1px);background-size:70px 70px;pointer-events:none}.coordinates i{position:absolute;width:10px;height:10px;background:#071d32;border:3px solid #2186c3;border-radius:50%;right:15%;top:35%}.coordinates i:nth-child(2){right:30%;top:60%}.coordinates i:nth-child(3){right:9%;top:80%}.visual strong,.visual-meta,.visual-foot{position:relative}.visual strong span{font-size:.5em;vertical-align:top}.project-caption{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:22px}.project-caption h3{font-size:22px}.project-caption>span{font-size:10px;color:var(--muted);text-align:right}.project>p{color:var(--muted);margin-top:12px;max-width:520px}.skill-row{border-top:1px solid var(--line);padding:30px 0;display:flex;align-items:center;justify-content:space-between;gap:30px}.skill-row:last-child{border-bottom:1px solid var(--line)}.skill-row h3{font:700 clamp(28px,3.6vw,48px) var(--head)}.skill-row p{font:13px/1.6 var(--mono);color:var(--muted);text-align:right}.experience{display:grid;grid-template-columns:1fr 1fr;gap:70px}.timeline{list-style:none;margin:65px 0 0;padding:0 0 0 30px;border-left:1px solid var(--line)}.timeline li{position:relative}.timeline li:before{content:'';width:9px;height:9px;background:var(--accent);position:absolute;left:-35px;top:5px}.timeline h3{font-size:24px;margin:20px 0}.timeline p{color:var(--muted)}footer{border-top:1px solid var(--line)}footer h2{font-size:clamp(100px,22vw,350px);line-height:.8;letter-spacing:-.035em}footer h2 span{color:var(--accent)}.footer-links{display:flex;gap:40px;margin-top:60px;font-size:24px}.footer-links a{border-bottom:1px solid #67675f;padding-bottom:10px}.footer-links a:hover{color:var(--accent)}.footer-links small{font-size:12px;color:var(--muted)}.email-note{color:var(--muted);margin-top:22px}.footer-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);margin-top:90px;padding-top:25px;color:var(--muted)}.loader{display:none;position:fixed;inset:0;background:var(--bg);z-index:1000;align-items:center;justify-content:center;flex-direction:column;gap:20px;font:14px var(--mono);color:var(--accent)}.loading .loader{display:flex;animation:loader-exit .7s 1s forwards}.loader i{width:210px;height:2px;background:#30302c;position:relative;overflow:hidden}.loader i:after{content:'';position:absolute;inset:0;background:var(--accent);transform-origin:left;animation:load-line 1s forwards}.cursor{display:none;pointer-events:none;position:fixed;left:0;top:0;z-index:2000;width:10px;height:10px;border-radius:50%;background:var(--accent);transition:width .2s,height .2s,background .2s,border .2s;transform:translate(-50%,-50%)}.cursor.active{width:60px;height:60px;background:#38b6ff14;border:1px solid var(--accent)}.cursor.over-project{width:85px;height:85px;background:var(--fg);mix-blend-mode:difference;border:0}.cursor-enabled,.cursor-enabled a,.cursor-enabled .visual{cursor:none}.cursor-enabled .cursor.shown{display:block}.skip{position:fixed;top:-100px;left:20px;padding:15px;background:var(--accent);color:var(--bg);z-index:3000}.skip:focus{top:20px}.motion .reveal{opacity:0;transform:translateY(35px);transition:opacity .8s,transform .8s}.motion .reveal.visible{opacity:1;transform:none}.loading h1>span{animation:hero-reveal 1s 1.3s both}.loading h1>span+span{animation-delay:1.45s}
@keyframes marquee{to{transform:translateX(-50%)}}@keyframes loader-exit{to{transform:translateY(-100%);visibility:hidden}}@keyframes load-line{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes hero-reveal{from{transform:translateY(60px);opacity:0}to{transform:none;opacity:1}}
@media(max-width:900px){.section-heading{grid-template-columns:1fr 2fr}.section-heading>p:last-child{display:none}.visual{height:380px}.project-caption{align-items:start;flex-direction:column;gap:5px}.project-caption>span{text-align:left}.project:nth-child(2){margin-top:140px}.skill-row{align-items:start;flex-direction:column;gap:10px}.skill-row p{text-align:left}}
@media(max-width:600px){header{height:80px}nav{gap:15px}nav a{font-size:12px}.nav-contact{display:none}.hero{min-height:calc(100svh - 80px);padding-top:24px}.hero-top{font-size:10px;gap:20px}.hero-top span:last-child{text-align:right}h1{font-size:23vw;margin:70px 0;line-height:.9}.outline{margin-top:5px}.hero-bottom{flex-wrap:wrap}.hero-bottom p{font-size:16px}.button{padding:16px 23px;min-height:56px}.scroll-label{width:100%;text-align:left;font-size:10px;margin-top:20px}.section{padding-block:75px}.marquee{margin-bottom:0}.ticker span{font-size:24px}.mission-bottom{grid-template-columns:1fr;gap:25px;margin-top:35px}.about{font-size:23px}.section-heading{display:block}.section-heading h2{font-size:70px}.projects{grid-template-columns:1fr;gap:50px}.project:nth-child(2){margin-top:0}.project:nth-child(3){grid-column:auto;width:100%;margin:0}.visual{height:400px}.visual strong{font-size:80px}.experience{grid-template-columns:1fr;gap:20px}.timeline{margin-top:20px}.footer-links{font-size:20px;gap:30px}footer h2{font-size:28vw}.footer-bottom{flex-wrap:wrap;gap:25px;font-size:10px}.footer-bottom .logo{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.loading .loader{display:none}.motion .reveal{opacity:1;transform:none}.word{color:var(--fg)}.cursor{display:none!important}.cursor-enabled,.cursor-enabled a,.cursor-enabled .visual{cursor:auto}.ticker{white-space:normal;width:auto;display:block}.ticker span{white-space:normal;line-height:1.7;font-size:20px}.ticker span+span{display:none}.marquee{transform:none;padding-inline:5vw}}
/* Data / DevOps interactions */
.nav-clock{display:flex;flex-direction:column;font:11px/1.5 var(--mono);color:var(--muted)}.nav-clock time{color:var(--accent);font-size:14px;font-variant-numeric:tabular-nums;letter-spacing:2px}
#data-network{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:.5}.hero-top{position:relative;z-index:1}.project{outline-offset:10px}.project:focus-visible{outline:2px solid var(--accent)}.project-caption:after{content:'VIEW DETAILS';font:10px var(--mono);color:var(--accent);white-space:nowrap}
button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.cursor-enabled button,.cursor-enabled input,.cursor-enabled .project{cursor:none}
.dev-toggle{position:fixed;right:24px;bottom:24px;z-index:40;background:#101821e8;color:var(--accent);border:1px solid #38b6ff70;border-radius:6px;padding:13px 18px;font:13px var(--mono);backdrop-filter:blur(12px);box-shadow:0 8px 28px #0005}.dev-toggle:hover{background:#18354b}
dialog{color:var(--fg);border:1px solid #ffffff24;border-radius:16px;background:#101820df;backdrop-filter:blur(24px);box-shadow:0 30px 120px #0009;padding:30px;max-height:85svh;overflow:auto}dialog::backdrop{background:#0009;backdrop-filter:blur(8px)}dialog[open]{animation:dialog-in .25s both}dialog.closing{animation:dialog-out .2s both}.dialog-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.dialog-top .label{margin:0}.close-dialog{border:1px solid #ffffff30;border-radius:50%;width:44px;height:44px;flex-shrink:0;background:#ffffff08;color:var(--fg);font:28px/1 sans-serif;transition:transform .2s,background .2s}.close-dialog:hover{transform:rotate(90deg);background:#38b6ff25}.project-modal{width:min(760px,calc(100% - 32px))}.project-modal h2{font-size:clamp(38px,6vw,70px);margin-bottom:20px}.concept-note{font-size:13px;color:var(--muted);margin-bottom:28px}.project-modal section{border-top:1px solid #ffffff20;padding-block:20px}.project-modal h3{font:14px var(--mono);color:var(--accent);margin-bottom:10px}.project-modal section p{font-size:16px;line-height:1.7;color:#c0c8cd}.terminal{width:min(600px,calc(100% - 32px));font-family:var(--mono)}.terminal h2{font:14px var(--mono);letter-spacing:0}.terminal-note{font-size:12px;color:var(--muted)}.terminal-output{height:260px;overflow:auto;font-size:13px;line-height:1.8;padding-block:18px;white-space:pre-wrap;overflow-wrap:anywhere}.terminal-output p{margin-bottom:12px}.terminal-output .command{color:var(--accent)}.terminal form{display:flex;gap:10px;align-items:center;border-top:1px solid #ffffff20;padding-top:15px;font-size:12px}.terminal input{width:0;flex:1;background:transparent;color:var(--fg);border:0;min-height:40px}.terminal form button{background:var(--accent);color:#061624;border:0;padding:10px;border-radius:4px}.dialog-open{overflow:hidden}
@keyframes dialog-in{from{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:none}}@keyframes dialog-out{to{opacity:0;transform:translateY(12px) scale(.98)}}
@media(max-width:767px){header{flex-wrap:wrap;height:auto;min-height:100px;padding-block:15px;gap:12px}.nav-clock{margin-left:auto}.nav-contact{display:none}header nav{width:100%;justify-content:space-between;font-size:12px}.hero{min-height:calc(100svh - 110px)}.projects{display:flex;flex-direction:column;gap:50px;overflow:visible}.project:nth-child(n){width:100%;margin:0}.project-caption{flex-wrap:wrap}.dev-toggle{right:14px;bottom:14px;font-size:12px;padding:11px 14px}dialog{padding:22px}.terminal form{flex-wrap:wrap}.terminal form label{width:100%}.terminal-output{height:220px}.project-caption:after{margin-top:5px}}
@media(hover:none),(pointer:coarse){.cursor{display:none!important}.cursor-enabled,.cursor-enabled a,.cursor-enabled button,.cursor-enabled input,.cursor-enabled .project,.cursor-enabled .visual{cursor:auto!important}}
.performance-hud{position:fixed;right:18px;top:110px;z-index:35;padding:10px 14px;border:1px solid #38b6ff40;border-radius:8px;background:#0a1926b8;backdrop-filter:blur(16px);font:11px/1.8 var(--mono);pointer-events:none}.performance-hud>span{display:block}.performance-hud b{font-weight:500;color:var(--accent)}.performance-hud small{font-size:10px;color:var(--muted)}.preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:20px 0;font:11px var(--mono)}.design-switch{display:flex;align-items:center;gap:10px;position:relative}.design-switch input{position:absolute;right:38px;width:48px;height:28px;opacity:0}.design-switch i{width:48px;height:28px;border-radius:30px;border:1px solid #627486;background:#344453;position:relative;pointer-events:none}.design-switch i:after{content:'';position:absolute;left:3px;top:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .2s}.design-switch input:checked+i{background:#1684c4}.design-switch input:checked+i:after{transform:translateX(20px)}.design-switch input:focus-visible+i{outline:2px solid var(--accent);outline-offset:4px}.project-preview{display:block;width:100%;height:auto;border-radius:8px;border:1px solid #ffffff20;margin-bottom:20px;animation:preview-in .3s}.loader small{font:11px var(--mono);color:#8197aa}.loading .loader{animation-delay:1.4s}.loading h1>span{animation-delay:1.65s}.loading h1>span+span{animation-delay:1.8s}.easter-egg .hero-line{animation:network-pulse 1.2s}.burst-particle{position:fixed;left:50%;top:50%;width:5px;height:5px;background:var(--accent);border-radius:50%;z-index:2500;pointer-events:none;animation:burst .9s ease-out forwards}.egg-toast{position:fixed;left:50%;bottom:35px;transform:translateX(-50%);background:#102b3ded;color:var(--accent);border:1px solid #38b6ff70;padding:12px 20px;border-radius:6px;z-index:2500;font:13px var(--mono)}
@keyframes preview-in{from{opacity:.35}to{opacity:1}}@keyframes burst{to{transform:translate(var(--dx),var(--dy));opacity:0}}@keyframes network-pulse{50%{background:#38b6ff;box-shadow:0 0 50px #38b6ff}}
@media(max-width:767px){.performance-hud{top:auto;bottom:68px;right:14px;padding:6px 10px;font-size:10px}.preview-toolbar{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.loading .loader{display:none}.burst-particle{display:none}.project-preview,dialog[open],dialog.closing{animation:none!important}}

/* Keep a visible native pointer inside top-layer dialogs and their backdrop. */
.dialog-open,.dialog-open body,.dialog-open dialog,.dialog-open dialog *,.dialog-open dialog::backdrop{cursor:auto!important}
.dialog-open dialog button,.dialog-open dialog a,.dialog-open .design-switch,.dialog-open .design-switch *{cursor:pointer!important}
.dialog-open dialog input:not([type=checkbox]){cursor:text!important}
.dialog-open .cursor{display:none!important}
.network-hint,.spec-note{color:var(--muted);margin-top:25px}.skills-network{position:relative;height:430px;margin-top:35px;border:1px solid var(--line);border-radius:12px;background:#0d151d}.skills-network canvas,#skill-nodes{position:absolute;inset:0;width:100%;height:100%}.skill-node{position:absolute;transform:translate(-50%,-50%);background:#102737;color:var(--fg);border:1px solid #38b6ff80;border-radius:7px;padding:14px 20px;font:14px var(--mono);box-shadow:0 0 30px #38b6ff08}.skill-node:hover,.skill-node[aria-pressed=true]{background:#164565;box-shadow:0 0 24px #38b6ff30}.skill-status{padding:20px;border:1px solid var(--line);border-top:0;border-radius:0 0 8px 8px;font:13px/1.7 var(--mono);min-height:90px;color:var(--accent)}.spec-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:40px}.spec-grid article{border:1px solid var(--line);padding:30px;background:#10161d}.spec-grid h3{font:700 32px var(--head);color:var(--accent);border-bottom:1px solid var(--line);padding-bottom:20px}.spec-grid dl{display:grid;grid-template-columns:110px 1fr;gap:20px 15px;margin:25px 0 0}.spec-grid dt{font:12px var(--mono);color:var(--muted)}.spec-grid dd{margin:0;font-size:15px}.footer-map{margin-top:65px}#joburg-map{height:300px;border:1px solid var(--line);border-radius:8px;background:#101820;isolation:isolate}.map-fallback{padding:35px;color:var(--muted);font:14px/1.8 var(--mono)}.map-status{font:12px var(--mono);color:var(--muted);margin-top:15px}.map-ping{width:16px;height:16px;border-radius:50%;background:var(--accent);border:2px solid #d9f4ff;box-shadow:0 0 15px #38b6ff}.map-ping:after{content:'';position:absolute;inset:-10px;border:1px solid var(--accent);border-radius:50%;animation:map-pulse 2.5s ease-out infinite}.leaflet-container{font-family:var(--mono)}.leaflet-control-attribution{font-size:10px!important}.cursor-enabled .leaflet-container,.cursor-enabled .leaflet-container *{cursor:auto!important}.shadow-clone main h1,.shadow-clone main h2{animation:clone-glitch .55s steps(2) 2}.shadow-clone #dev-terminal h2{animation:clone-glitch .55s steps(2) 2}
@keyframes map-pulse{from{transform:scale(.5);opacity:.9}to{transform:scale(2.5);opacity:0}}@keyframes clone-glitch{20%{text-shadow:5px 0 #38b6ff,-5px 0 #735dff;transform:skewX(2deg)}40%{text-shadow:-4px 0 #38b6ff,4px 0 #735dff;transform:translateX(-3px)}60%{text-shadow:3px 0 #38b6ff;transform:skewX(-2deg)}100%{text-shadow:none;transform:none}}
@media(max-width:767px){.spec-grid{grid-template-columns:1fr}.spec-grid article{padding:22px}.skills-network{height:420px}.skill-node{padding:11px 12px;font-size:12px}.spec-grid dl{grid-template-columns:90px 1fr}.skills-network{overflow:hidden}}
@media(prefers-reduced-motion:reduce){.map-ping:after,.shadow-clone main h1,.shadow-clone main h2,.shadow-clone #dev-terminal h2{animation:none!important}}
/* Editorial dual-track narrative */
.editorial{min-height:100svh;position:relative;overflow:hidden;padding-top:80px;padding-bottom:100px}.editorial h2{font-size:clamp(110px,22vw,360px);line-height:.76;letter-spacing:-.035em;position:relative;z-index:2;pointer-events:none}.editorial h2 span{color:var(--accent)}.editorial figure{position:relative;margin:0;z-index:1;box-shadow:0 30px 100px #0008}.editor-asset{width:52%;margin-top:-80px!important;margin-left:44%!important;transform:rotate(-7deg)}.editorial img{display:block;width:100%;height:auto}.editorial figcaption{padding:12px 15px;background:#132433;color:var(--accent);font:11px var(--mono)}.editorial-copy{position:relative;z-index:3;max-width:500px;margin-top:50px}.editorial-copy p:first-child{font-size:28px;line-height:1.2;margin-bottom:20px}.editorial-copy p+p{color:var(--muted);margin-bottom:30px}.afk{background:#12141a}.afk h2{text-align:right}.afk-asset{width:35%;margin-top:-160px!important;margin-left:8%!important;transform:rotate(8deg)}.afk .editorial-copy{margin-left:52%;margin-top:-80px}.speed-heading{will-change:transform;transform-origin:center center}
.vault{padding:80px 0;background:#0a1016;overflow:hidden}.vault-heading{padding:0 5vw}.vault-heading h2{font-size:clamp(60px,9vw,140px)}.vault-controls{display:flex;gap:25px;align-items:center;justify-content:flex-end;margin:30px 0;font:12px var(--mono)}.vault-controls button{border:1px solid #38b6ff70;background:transparent;color:var(--accent);padding:12px 20px;font:12px var(--mono)}.vault-controls button:disabled{opacity:.35}.projects.vault-track{display:flex;gap:0;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#38b6ff #111;overscroll-behavior-x:contain;perspective:1200px}.project.vault-slide:nth-child(n){position:relative;width:100%;min-width:100%;min-height:85svh;margin:0;padding:90px 20vw 45px;scroll-snap-align:start;scroll-snap-stop:always;overflow:hidden}.vault-background{position:absolute;top:15%;left:4%;font:900 clamp(110px,21vw,340px)/.85 var(--head);color:#ffffff08;white-space:nowrap;pointer-events:none}.vault-slide .visual{position:relative;height:400px;box-shadow:0 30px 80px #0008;transform:rotateY(-6deg) rotateZ(-3deg);transition:transform .5s}.vault-slide:hover .visual{transform:rotateY(0) rotateZ(0)}.vault-slide .project-caption,.vault-slide>p{position:relative}.vault-slide .project-caption{margin-top:35px}.devops-drop{background:var(--accent);color:#061723}.drop-header{display:flex;justify-content:space-between;gap:20px;font:14px var(--mono);padding-bottom:25px;border-bottom:3px solid #061723}.devops-drop h2{font-size:clamp(90px,17vw,270px);line-height:.8;margin:60px 0}.drop-services{display:grid;grid-template-columns:repeat(3,1fr);border:3px solid #061723}.drop-services article{padding:30px;border-right:3px solid #061723}.drop-services article:last-child{border:0}.drop-services span{font:11px var(--mono)}.drop-services h3{font:800 45px/.95 var(--head);margin:35px 0}.drop-services p{font-size:14px}.drop-cta{display:block;border:3px solid #061723;border-top:0;padding:25px;text-align:center;font:700 20px var(--mono)}.drop-cta:hover{background:#061723;color:var(--accent)}#cursor-trail{position:fixed;inset:0;width:100%;height:100%;z-index:1900;pointer-events:none}.dialog-open #cursor-trail{display:none}
@media(max-width:767px){.editorial{min-height:100svh;padding-top:65px}.editorial h2{font-size:29vw}.editor-asset{width:80%;margin-left:16%!important;margin-top:-15px!important}.afk-asset{width:55%;margin-top:-25px!important;margin-left:5%!important}.afk .editorial-copy{margin-left:15%;margin-top:45px}.editorial-copy p:first-child{font-size:24px}.projects.vault-track{display:flex;flex-direction:row;gap:0;overflow-x:auto}.project.vault-slide:nth-child(n){width:100%;min-width:100%;padding:85px 7vw 40px;min-height:80svh}.vault-slide .visual{height:370px}.vault-background{font-size:32vw;top:4%}.drop-services{grid-template-columns:1fr}.drop-services article{border-right:0;border-bottom:3px solid #061723}.drop-services h3{font-size:42px}.drop-header{font-size:11px}.devops-drop h2{font-size:23vw}.drop-cta{font-size:14px}}
@media(hover:none),(pointer:coarse){#cursor-trail{display:none}}
@media(prefers-reduced-motion:reduce){#cursor-trail{display:none}.speed-heading{transform:none!important}.vault-slide .visual{transform:none!important}}