@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{color:#ecece4;font-synthesis:none;--accent:#68b4e9;--blue:#74baca;--muted:#929b9e;background:#131719;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:7px}::selection{color:#131719;background:#68b4e9}.skip-link{z-index:100;background:var(--accent);color:#111;padding:15px;position:fixed;top:-80px;left:20px}.skip-link:focus{top:15px}.topbar{z-index:30;background:#131719f5;border-bottom:1px solid #ffffff0a;justify-content:space-between;align-items:center;height:102px;padding:0 5%;display:flex;position:fixed;inset:0 0 auto}.brand{letter-spacing:1.4px;white-space:nowrap;align-items:center;font-family:Space Grotesk,sans-serif;font-size:13px;font-weight:700;display:flex}.brand-mark{color:var(--accent);letter-spacing:-3px;margin-right:13px;font-size:27px}.brand-dot{color:var(--accent);align-self:end;font-size:23px;line-height:1.3}.topbar nav{gap:30px;display:flex}.topbar nav a{color:#9ba2a4;padding:41px 0;font-size:12px;position:relative}.topbar nav a span{color:#646e72;margin-right:5px;font:9px monospace}.topbar nav a[aria-current]{color:#eee9de}.topbar nav a[aria-current]:after{content:"";background:var(--accent);height:2px;position:absolute;bottom:0;left:0;right:0}.nav-contact{border:1px solid #44494a;border-radius:3px;padding:12px 19px;font-size:12px}.nav-contact span{color:var(--accent);margin-left:22px}main{overflow:clip}.scene{isolation:isolate;background:radial-gradient(at 76% 45%,#23313840,#0000 50%),#131719;align-items:center;min-height:100svh;padding:150px 6% 125px;display:flex;position:relative;overflow:hidden}.scene:before{content:"";z-index:-1;opacity:.12;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.18' d='M0 0h180v180H0z'/%3E%3C/svg%3E");position:absolute;inset:0}.scene-copy{z-index:4;width:43%;position:relative}.eyebrow{letter-spacing:2.5px;color:var(--accent);align-items:center;gap:10px;margin-bottom:29px;font:10px Space Grotesk,sans-serif;display:flex}.eyebrow>span{background:var(--accent);border-radius:50%;width:5px;height:5px;box-shadow:0 0 12px #68b4e977}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Space Grotesk,sans-serif}h1{letter-spacing:-5px;font-size:clamp(58px,6.5vw,100px);font-weight:500;line-height:1.04}.scene-copy>p,.section-intro{color:#aab2b3;margin-top:24px;font-size:15px;line-height:1.8}.scene-copy .hero-statement{color:#d2d5d1;margin-top:26px;font-size:19px;line-height:1.6}.actions{align-items:center;gap:27px;margin-top:33px;display:flex}.button{border-radius:3px;align-items:center;gap:30px;padding:16px 20px;font-size:12px;font-weight:600;transition:background .2s,transform .2s;display:inline-flex}.primary{background:var(--accent);color:#1a2022}.download{color:var(--accent);gap:10px;font-size:17px;display:flex}.availability{letter-spacing:1.3px;color:#9ba8a5;align-items:center;gap:8px;margin-top:44px;font:8px monospace;display:flex}.availability>span,.status-dot{background:#8bba9c;border-radius:50%;width:5px;height:5px;display:inline-block;box-shadow:0 0 9px #8bba9c33}.scene-visual{z-index:2;align-items:center;display:flex;position:absolute;inset:19% 1% 17% 43%}.environment{filter:drop-shadow(0 35px 28px #0003);width:100%;transform:translateX(var(--parallax,0px));position:relative}.studio-art{width:100%;display:block;overflow:visible}.scene-coordinate{letter-spacing:1.5px;color:#a3a8a3;justify-content:space-between;font:8px monospace;display:flex;position:absolute;top:0;left:16%;right:7%}.scene-coordinate span{color:#65777b;font-size:7px}.art-caption{letter-spacing:2px;color:#778388;font:7px monospace;position:absolute;bottom:0;right:10%}.character{z-index:5;filter:drop-shadow(8px 8px 6px #0003);will-change:transform;width:150px;position:absolute}.character svg{width:100%;display:block;overflow:visible}.hero-character{width:21%;top:36%;left:33%}.desk-character{z-index:4;width:19%;top:38%;left:51%}.giant-number{color:#ffffff02;z-index:-1;letter-spacing:-10px;font:500 120px Space Grotesk;position:absolute;bottom:6%;right:4%}.journey-bar{z-index:30;background:#131719f5;border-top:1px solid #ffffff0b;align-items:center;gap:35px;height:78px;padding:0 5%;display:flex;position:fixed;inset:auto 0 0}.chapter-status{letter-spacing:1.4px;flex-shrink:0;align-items:center;gap:12px;width:195px;font:8px monospace;display:flex}.status-dot{background:var(--accent)}.journey-track{background:#333a3c;flex:1;height:2px;position:relative}.journey-track>span{background:var(--accent);transform-origin:0;width:100%;height:100%;display:block;position:relative;transform:scaleX(.02)}.journey-track>span:after{content:"";background:var(--accent);border-radius:50%;width:6px;height:6px;position:absolute;top:-2px;right:0}.scroll-hint{letter-spacing:1.5px;color:#9da7a9;white-space:nowrap;font:8px monospace}.scroll-hint span{color:var(--accent);margin-left:15px;font-size:18px;display:inline-block}.motion-toggle{color:#a4afb2;cursor:pointer;background:0 0;border:1px solid #3b4547;border-radius:50%;width:30px;height:30px;font-size:10px}.skill-grid{grid-template-columns:1fr 1fr;gap:23px 20px;margin-top:30px;display:grid}.skill-group h3{color:#d0d9d7;font-size:12px;font-weight:500}.skill-group p{color:#929fa3;margin-top:6px;font-size:11px;line-height:1.8}.scene-copy .placeholder-note,.placeholder-note{color:#879397;margin-top:25px;font:9px/1.8 monospace}.floating-label{color:#92c0cc;background:#17252b;border:1px solid #355462;padding:10px 15px;font:10px monospace;position:absolute;box-shadow:0 10px 30px #0003}.label-two{top:47%;left:13%;transform:rotate(3deg)}.skills-studio .workstation{filter:drop-shadow(0 0 10px #61b9ed33)}.wide-content{z-index:4;width:100%;position:relative}.timeline{grid-template-columns:repeat(3,1fr);gap:0;margin-top:45px;display:grid}.milestone{border-top:1px solid #44524f;padding:28px 35px 20px 0;position:relative}.timeline-top{color:var(--accent);margin-bottom:24px;font:10px monospace}.timeline-dot{background:var(--accent);border-radius:50%;width:9px;height:9px;position:absolute;top:-5px;left:0;box-shadow:0 0 0 6px #68b4e90c}.milestone h3{font-size:24px;font-weight:500}.company{color:#8aafb9;margin-top:10px;font-size:12px}.milestone ul{color:#9aa8ac;margin:20px 0 0;padding-left:16px;font-size:12px;line-height:1.9}.timeline-floor{background:linear-gradient(165deg,#0000 15%,#35434426 15.2%,#1b232633 70%);border-bottom:1px solid #3a484333;height:100px;position:absolute;bottom:70px;left:0;right:0}.timeline-floor span{color:#657a7e;letter-spacing:2px;font:8px monospace;position:absolute;bottom:20px;left:6%}.timeline-character{width:95px;bottom:83px;left:70%}.section-heading{justify-content:space-between;align-items:end;gap:20px;display:flex}.section-heading>p{color:#8d9da2;font-size:12px;line-height:1.8}.project-grid{grid-template-columns:repeat(3,1fr);gap:22px;margin-top:35px;display:grid}.project-card{background:#1b2225;border:1px solid #35414566;transition:border-color .2s;position:relative}.project-card:hover{border-color:#387aa7}.project-art{background:radial-gradient(at 50% 100%,#43677666,#0000),#1b2a31;height:170px;padding:25px 40px;position:relative;overflow:hidden}.mini-window{background:#16232a;border:1px solid #5c767d;height:130px;transform:perspective(500px)rotateY(-14deg)rotateX(7deg);box-shadow:12px 14px #0b171b55}.mini-bar{border-bottom:1px solid #3c5059;align-items:center;gap:4px;height:17px;padding-left:7px;display:flex}.mini-bar i{background:#9eacaa;border-radius:50%;width:3px;height:3px}.mini-dashboard{flex-wrap:wrap;gap:7px;padding:12px;display:flex}.mini-dashboard>span{background:#314b55;flex:1;height:20px}.chart{align-items:end;gap:8px;width:100%;height:55px;padding:4px 12px;display:flex}.chart b{background:#7bacb4;width:15%;height:40%}.chart b:nth-child(2){height:65%}.chart b:nth-child(3){height:50%}.chart b:nth-child(4){background:#6baddb;height:80%}.chart b:nth-child(5){height:70%}.chart b:nth-child(6){background:#6baddb;height:95%}.workflow{color:#7db0d4;justify-content:center;align-items:center;gap:9px;height:90px;display:flex}.workflow span{border:1px solid #6b6e5c;padding:10px 8px;font:13px monospace}.workflow b{font-weight:400}.mini-product{justify-content:space-between;padding:18px;display:flex}.mini-product>span{color:#cad0bb;font:20px Space Grotesk}.mini-product>div{clip-path:polygon(50% 0,100% 25%,90% 80%,30% 100%,0 40%);background:conic-gradient(from 45deg,#81947f,#394f46,#b1b58f,#81947f);width:55px;height:65px}.project-art-index{color:#87999c;font:9px monospace;position:absolute;bottom:11px;right:12px}.project-category{letter-spacing:1.1px;color:var(--accent);font:8px monospace}.project-body h3{letter-spacing:-.6px;margin:12px 0;font-size:21px;font-weight:500}.tags{flex-wrap:wrap;gap:6px;margin:19px 0;display:flex}.tags span{color:#a9bdc1;border:1px solid #3a4a50;padding:5px 7px;font:8px monospace}summary{cursor:pointer;border-top:1px solid #364247;justify-content:space-between;padding-top:15px;font-size:11px;list-style:none;display:flex}summary::-webkit-details-marker{display:none}summary span{color:var(--accent)}.project-detail{color:#abb7b9;padding-top:17px;font-size:12px;line-height:1.8}.project-detail strong{color:#a0cbe8;margin-top:12px;display:block}.project-detail small{color:#76acd1;margin-top:12px;font-size:9px;display:block}.project-card:has(details[open]){z-index:10}.project-card details[open] .project-detail{background:#1e282d;border:1px solid #387aa7;max-height:220px;padding:20px;position:absolute;left:-1px;right:-1px;overflow:auto;box-shadow:0 20px 30px #0008}.projects-character{width:77px;bottom:72px;left:87%}.email-link{border-bottom:1px solid #4a5556;gap:45px;margin-top:35px;padding:0 0 15px;font:25px Space Grotesk;display:inline-flex}.email-link span{color:var(--accent)}.social-links{color:#bfccce;gap:25px;margin-top:26px;font-size:11px;display:flex}.end-note{letter-spacing:.8px;color:#8d9a9d;margin-top:55px;font:8px/2.2 monospace}.contact-studio{filter:drop-shadow(0 20px 30px #2078b420)}.dust{pointer-events:none;background-image:radial-gradient(circle,#88c1e944 1px,#0000 1px),radial-gradient(circle,#b7dcdf33 1px,#0000 1px);background-size:143px 137px,209px 193px;animation:20s linear infinite dust;position:absolute;inset:0;mask-image:radial-gradient(#000,#0000 65%)}@keyframes dust{to{background-position:50px -80px,-40px -60px}}.motion-paused .dust{animation-play-state:paused}@media (width>=1000px) and (prefers-reduced-motion:no-preference){html.cinematic #journey{height:500svh;overflow:visible}html.cinematic .world{width:500%;height:100svh;transform:translateX(calc(var(--travel,0px) * -1));will-change:transform;display:flex;position:sticky;top:0}html.cinematic .scene{width:100vw;min-width:100vw;height:100svh;min-height:0;padding-left:6vw;padding-right:6vw}html.cinematic .project-grid{max-width:1200px}}@media (width>=1000px) and (height<=790px){.scene{padding-top:125px;padding-bottom:100px}h1{font-size:74px}.eyebrow{margin-bottom:20px}.scene-copy .hero-statement{margin-top:20px}.availability{margin-top:28px}.project-art{height:140px;padding-top:13px}.project-body{padding:17px}.project-body h3{font-size:19px}.project-grid{margin-top:22px}.timeline{margin-top:28px}.milestone{padding-top:22px}.timeline-top{margin-bottom:16px}.section-intro{margin-top:16px}.end-note{margin-top:35px}}@media (width<=1150px){.topbar nav{gap:15px}.topbar nav a{font-size:11px}.topbar nav a span{display:none}.brand{font-size:11px}.scene-copy{width:46%}.scene-visual{left:44%;right:-4%}.actions{gap:20px}.button{gap:15px}.scene-coordinate span{display:none}.project-art{padding-left:25px;padding-right:25px}.project-body h3{font-size:19px}}@media (width<=999px){.topbar{height:80px;padding:0 5%}.topbar nav a{padding:31px 0}.nav-contact{display:none}.scene{min-height:auto;padding:130px 7% 90px;display:block}.scene-copy{width:100%;max-width:600px}.scene-visual{aspect-ratio:1.6;width:90%;margin:25px auto 0;position:relative;inset:auto}.scene-coordinate{top:0}.environment{width:100%}.hero-character{top:31%}.desk-character{top:33%}h1{font-size:80px}h2{font-size:52px}.giant-number{font-size:100px;bottom:20px}.scene.intro{padding-top:155px}.scene.skills{border-top:1px solid #ffffff0a}.skill-grid{grid-template-columns:repeat(3,1fr)}.timeline{gap:20px}.milestone h3{font-size:20px}.milestone{padding-right:0}.experience{padding-bottom:200px}.timeline-character{bottom:70px}.timeline-floor{bottom:60px}.project-grid{gap:15px}.project-body{padding:15px}.project-art{height:150px;padding:20px 12px}.project-body h3{font-size:19px}.projects-character{display:none}.contact{padding-bottom:130px}.journey-bar{gap:20px;height:60px;padding:0 5%}.scroll-hint{display:none}.chapter-status{width:170px}.section-heading{display:block}.section-heading>p{margin-top:18px}.contact .scene-visual{margin-top:40px}}@media (width<=600px){.topbar{height:72px}.brand{letter-spacing:1px;font-size:10px}.brand-mark{margin-right:8px;font-size:22px}.topbar nav{gap:13px}.topbar nav a{padding:28px 0;font-size:0}.topbar nav a span{margin:0;font-size:10px;display:inline}.scene{padding:105px 7% 65px}.scene.intro{padding-top:125px}.eyebrow{letter-spacing:2px;margin-bottom:24px;font-size:8px}h1{letter-spacing:-3.5px;font-size:66px}h2{letter-spacing:-2px;font-size:42px}.scene-copy .hero-statement{font-size:17px}.scene-copy>p{font-size:13px}.actions{gap:22px;margin-top:28px}.button{gap:18px;padding:15px;font-size:11px}.download span{font-size:11px}.availability{letter-spacing:.8px;margin-top:28px;font-size:7px}.scene-visual{aspect-ratio:1.6;width:115%;margin:35px 0 5px -8%}.scene-coordinate{font-size:7px;top:2%;left:13%}.art-caption{font-size:6px;bottom:0}.hero-character{width:22%;top:31%}.skill-grid{grid-template-columns:1fr 1fr;gap:22px 15px}.skill-group p{font-size:10px}.floating-label{padding:8px 10px;font-size:8px}.timeline{border-left:1px solid #44524f;margin-top:35px;display:block}.milestone{border-top:0;padding:0 0 30px 24px}.timeline-dot{top:1px;left:-5px}.timeline-top{margin-bottom:15px}.milestone h3{font-size:24px}.milestone ul{margin-top:14px}.experience{padding-bottom:190px}.timeline-character{width:85px;left:65%}.project-grid{grid-template-columns:1fr;gap:24px}.project-art{height:190px;padding:25px 45px}.mini-window{height:145px}.project-body{padding:24px}.project-body h3{font-size:25px}.project-body>p{font-size:13px}.project-card details[open] .project-detail{max-height:none;box-shadow:none;border:0;padding:18px 0 0;position:static}.email-link{gap:25px;font-size:24px}.social-links{gap:20px;font-size:10px}.end-note{font-size:7px;line-height:2}.contact{padding-bottom:95px}.chapter-status{letter-spacing:.7px;gap:8px;width:145px;font-size:7px}.journey-bar{gap:15px}.motion-toggle{width:26px;height:26px}.giant-number{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.motion-toggle{display:none}}@media print{.topbar,.journey-bar,.scene-visual,.character,.giant-number,.timeline-floor,.skip-link{display:none}.scene{break-inside:avoid;color:#111;background:#fff;min-height:0;padding:25px}.scene-copy{width:100%}body{color:#111;background:#fff}p,.scene-copy>p,.skill-group p,.milestone ul,.project-body>p{color:#444!important}.project-grid{display:block}.project-card{break-inside:avoid;background:#fff;margin-bottom:20px}.project-art{display:none}.world{width:auto!important;display:block!important;position:static!important;transform:none!important}main{height:auto!important}.scene{width:auto!important;height:auto!important}}.topbar{backdrop-filter:blur(18px);background:linear-gradient(#0c1316ed,#0c1316a8);border-bottom:1px solid #b8c7c51a;height:90px;padding:0 4.5%}.brand-mark{color:#86bee4;font-size:24px;font-weight:400}.topbar nav{gap:33px}.topbar nav a{color:#b3bdbd;padding:36px 0;font-size:11px}.topbar nav a span{color:#809695;font-size:8px}.topbar nav a[aria-current]:after{width:15px;height:1px;bottom:22px;right:auto}.nav-contact{border-color:#a5b4ae40;border-radius:0;padding:11px 18px;font-size:10px}.nav-contact span{margin-left:25px}.scene{background:#101719;padding-top:140px;padding-bottom:120px}.scene:before{opacity:.09;z-index:8;pointer-events:none}.scene-copy{z-index:6;width:49%;max-width:710px}.eyebrow{letter-spacing:3px;color:#74abd1;margin-bottom:30px;font-size:9px;font-weight:500}h1{letter-spacing:-7px;color:#a8b4b2;font-size:clamp(70px,7.8vw,124px);font-weight:400;line-height:1.02}h2{letter-spacing:-3.5px;font-size:clamp(45px,4.8vw,76px);font-weight:400;line-height:1.08}.scene-copy .hero-statement{color:#d0d7d3;max-width:440px;margin-top:30px;font-size:clamp(16px,1.5vw,22px);line-height:1.65}.scene-copy .intro-note{color:#98aaa9;margin-top:19px;font-size:12px;line-height:1.9}.actions{gap:30px;margin-top:35px}.button{border-radius:0;gap:35px;padding:17px 22px;font-size:11px}.primary{color:#142027;background:#79bae6;box-shadow:0 8px 40px #297eb91a}.download span{color:#c0cdca;font-size:11px}.availability{letter-spacing:1.5px;color:#a2b8ae;margin-top:39px;font-size:7px}.availability>span{background:#91b79d;width:4px;height:4px}.scene-visual{pointer-events:none;z-index:1;display:block;inset:0}.environment{filter:none;width:100%;height:100%;position:absolute;inset:0;overflow:hidden;transform:none}.studio-art{object-fit:cover;object-position:70% center;width:100%;height:100%;transform:translateX(var(--parallax,0px)) scale(1.04);filter:saturate(.76)brightness(.83);will-change:transform}.environment:after{content:"";background:linear-gradient(90deg,#101719 0%,#101719fa 16%,#101719d9 32%,#10171966 51%,#10171900 70%),linear-gradient(#10171955 0%,#0000 20% 80%,#101719 100%);position:absolute;inset:0}.studio-light{mix-blend-mode:screen;background:radial-gradient(at 70% 15%,#63b6f013,#0000 65%);width:40%;height:60%;animation:7s ease-in-out infinite alternate light-breathe;position:absolute;top:8%;right:8%}.window-atmosphere{mix-blend-mode:screen;background:linear-gradient(110deg,#0000 47%,#77aab60a 50%,#0000 66%);position:absolute;inset:0}.dust{opacity:.6;z-index:3;background-size:167px 157px,241px 211px;inset:12% 3% 6% 42%}.scene-coordinate{z-index:5;letter-spacing:2px;color:#c2c8bc;width:260px;font-size:7px;display:block;top:125px;left:auto;right:4.5%}.scene-coordinate:before{content:"+";color:#73aad0;margin-right:12px;font:17px monospace}.scene-coordinate span{letter-spacing:1.5px;color:#9caaa3;margin:9px 0 0 24px;font-size:6px;display:block}.art-caption{letter-spacing:2px;color:#9ac2dd;z-index:5;font-size:7px;bottom:112px;right:4.5%}.art-caption:before{content:"";vertical-align:middle;background:#5698c6;width:35px;height:1px;margin-right:15px;display:inline-block}.hero-character{z-index:4;filter:drop-shadow(12px 9px 8px #040b0eb3);width:clamp(145px,15vw,240px);top:auto;bottom:16%;left:61%}.hero-character:after,.desk-character:after{content:"";filter:blur(9px);z-index:-1;background:#0008;width:90%;height:2%;position:absolute;bottom:1%;left:7%;transform:skew(-45deg)}.giant-number{color:#b5d2e605;z-index:2;pointer-events:none;font-size:clamp(160px,19vw,300px);font-weight:400;line-height:1;bottom:8%;right:4%}.journey-bar{backdrop-filter:blur(18px);background:#0c1417e8;border-top:1px solid #b8c7c51a;gap:40px;height:69px;padding:0 4.5%}.chapter-status{letter-spacing:1.6px;width:193px;font-size:7px}.journey-track{background:#75898438;height:1px}.journey-track>span{background:#6ca6ce}.journey-track>span:after{background:#8dc2e7;width:4px;height:4px;top:-1.5px}.scroll-hint{letter-spacing:2px;font-size:7px}.motion-toggle{color:#c3d0c6;border-color:#83989444;width:26px;height:26px}.motion-paused .studio-light{animation-play-state:paused}.skills .scene-copy{width:46%;max-width:620px}.skills h2{font-size:clamp(43px,4.3vw,67px)}.skills-studio .studio-art{object-position:85% center;transform:translateX(var(--parallax,0px)) scale(1.12);filter:saturate(.7)brightness(.9)}.skills-studio:after{background:linear-gradient(90deg,#101719 0%,#101719fa 25%,#101719c2 42%,#10171922 70%),linear-gradient(#0000 80%,#101719)}.skill-grid{gap:22px 20px;margin-top:29px}.skill-group{border-left:1px solid #5699c74d;padding-left:14px}.skill-group h3{letter-spacing:.2px;color:#e5e5d8;font-size:11px}.skill-group p{color:#a6b8b7;font-size:10px;line-height:1.9}.floating-label{backdrop-filter:blur(12px);background:#10242ad9;border:none;border-left:1px solid #a4c2c366;padding:12px 17px;font-size:9px;box-shadow:0 14px 30px #0002}.label-one{top:42%;right:9%;transform:none}.label-two{top:58%;left:auto;right:5%;transform:none}.desk-character{z-index:4;width:clamp(140px,14vw,220px);top:auto;bottom:15%;left:64%}.placeholder-note,.scene-copy .placeholder-note{color:#8faaa6;margin-top:22px;font-size:8px}.experience:after{content:"";opacity:.3;z-index:-1;background:linear-gradient(90deg,#101719fa,#101719c4),url(/environments/durham-studio.webp) 50%/cover;position:absolute;inset:0}.experience .wide-content{max-width:1200px}.timeline{gap:0;margin-top:48px}.milestone{border-top-color:#5699c755;padding:32px 55px 20px 0}.timeline-top{color:#7fb1d4;letter-spacing:1px;margin-bottom:23px;font-size:9px}.timeline-dot{background:#7fb1d4;width:7px;height:7px;top:-4px;box-shadow:0 0 0 6px #7fb1d40a}.milestone h3{letter-spacing:-.7px;font-size:26px;font-weight:400}.company{color:#8cb9bf;font-size:11px}.milestone ul{color:#a5b8b7;font-size:12px;line-height:2}.timeline-floor{background:linear-gradient(170deg,#0000 28%,#9fb8b50e 28.2%,#1e32352b 75%);border-bottom:1px solid #98ada319;height:160px}.timeline-character{opacity:.9;width:90px;bottom:78px;left:76%}.projects .wide-content{max-width:1260px;margin:auto}.section-heading>p{color:#98adab;font-size:11px}.project-grid{gap:24px;margin-top:34px}.project-card{background:#182326;border:1px solid #91aba626;transition:transform .3s,border-color .3s;box-shadow:0 15px 50px #0002}.project-body{padding:22px 23px}.project-body h3{letter-spacing:-.7px;font-size:22px;font-weight:400}.project-art{perspective:700px;background:radial-gradient(#3d59634d,#0000 70%),#1b2d34;border-bottom:1px solid #7a9b9d26;height:190px;padding:27px 31px}.project-art-1{background:radial-gradient(#3069912b,#0000 70%),#292d28}.project-art-2{background:radial-gradient(#72866c33,#0000 70%),#25312e}.mini-window{background:#15252c;border:1px solid #7d99965c;height:150px;transition:transform .5s;transform:rotateY(-13deg)rotateX(8deg)rotate(-3deg);box-shadow:14px 18px #07121944,20px 24px 30px #07121933}.project-card:hover .mini-window{transform:rotateY(-3deg)rotateX(2deg)rotate(-1deg)}.mini-bar{background:#25373d;border-color:#5c777b44}.project-art-index{color:#a3b5aa;font-size:8px}.tags span{color:#b6c7c1;background:#6a85820a;border-color:#8aa9a22e;padding:5px 7px;font-size:7px}.tags{margin:18px 0}.project-body summary{color:#d3ddd6;border-top-color:#8ba9a225;padding-top:16px;font-size:10px}.project-body summary span{font-size:14px}.projects-character{opacity:.75;width:70px;bottom:75px;left:88%}.project-card details[open] .project-detail{background:#1a292d;border-color:#4991c2}.email-link{letter-spacing:-1px;border-bottom-color:#9baea34d;font-size:28px}.social-links{color:#c1d0c8;gap:29px;font-size:10px}.social-links a:hover{color:#7cbfed}.contact .scene-copy{width:52%;max-width:720px}.contact h2{font-size:clamp(50px,5vw,80px)}.contact-studio .studio-art{filter:saturate(.65)brightness(.76);object-position:80% center}.contact-studio:after{background:linear-gradient(90deg,#101719 0%,#101719ed 24%,#101719b3 44%,#10171900 73%),linear-gradient(#0000 70%,#101719)}.end-note{color:#95aaa5;letter-spacing:1.2px;font-size:7px}.contact .placeholder-note{max-width:350px}.contact .hero-character{left:64%}@keyframes light-breathe{to{opacity:.45;transform:scale(1.05)}}@media (width>=1000px) and (height<=790px){h1{font-size:clamp(68px,7.1vw,105px)}.scene-copy .hero-statement{margin-top:22px;font-size:18px}.scene-copy .intro-note{margin-top:15px}.actions{margin-top:26px}.availability{margin-top:28px}.eyebrow{margin-bottom:23px}.scene-coordinate{top:115px}.hero-character{width:14vw;bottom:16%}.projects h2{font-size:52px}.project-art{height:145px;padding-top:15px}.mini-window{height:125px}.project-grid{margin-top:25px}.project-body{padding:17px 21px}.project-body h3{font-size:20px}.skill-grid{gap:18px}.skills h2{font-size:50px}.experience h2{font-size:54px}.timeline{margin-top:32px}.milestone{padding-top:24px}.contact h2{font-size:64px}}@media (width<=1150px) and (width>=1000px){.topbar nav{gap:23px}.topbar nav a{font-size:10px}.scene-copy{width:51%}.hero-character{left:65%}.scene-coordinate{width:190px;right:4%}.skills .scene-copy{width:49%}.contact .scene-copy{width:56%}.project-body{padding:17px}.project-body h3{font-size:19px}.project-art{padding-left:20px;padding-right:20px}.floating-label{padding:10px;font-size:8px}.label-two{right:3%}}@media (width<=999px){.topbar{background:#101719ed;height:80px}.topbar nav a{padding:31px 0}.topbar nav a[aria-current]:after{bottom:18px}.scene{padding:125px 7% 70px}.scene.intro{padding-top:145px}.scene-copy,.skills .scene-copy,.contact .scene-copy{width:100%;max-width:660px}.scene-visual{aspect-ratio:1.4;width:116%;height:auto;margin:30px -8% -10px;position:relative;inset:auto;overflow:hidden;mask-image:linear-gradient(#0000,#000 8% 88%,#0000)}.environment{inset:0}.environment:after,.skills-studio:after,.contact-studio:after{background:linear-gradient(#0000 78%,#101719),linear-gradient(90deg,#10171955,#0000 35%)}.studio-art,.skills-studio .studio-art{object-position:center;transform:scale(1.03)}.hero-character{width:20%;top:auto;bottom:10%;left:43%}.contact .hero-character{left:45%}.desk-character{width:19%;top:auto;bottom:10%;left:50%}.scene-coordinate{width:auto;top:35px;left:9%;right:auto}.scene-coordinate span{display:none}.art-caption{font-size:6px;bottom:25px;right:9%}.floating-label{font-size:9px}.label-one{top:38%;right:12%}.label-two{top:57%;left:auto;right:6%}.skills h2{font-size:54px}.skill-grid{grid-template-columns:repeat(3,1fr)}h1{letter-spacing:-5px;font-size:100px}.scene-copy .hero-statement{font-size:21px}.scene-copy .intro-note br{display:none}.experience{padding-bottom:200px}.experience h2{font-size:60px}.milestone{padding-right:22px}.milestone h3{font-size:22px}.project-grid{gap:16px}.project-art{height:145px;padding:17px 12px}.mini-window{height:125px}.project-body{padding:16px}.project-body h3{font-size:19px}.section-heading>p{margin-top:20px}.contact{padding-bottom:85px}.contact h2{font-size:66px}.journey-bar{gap:24px;height:60px}.end-note{margin-top:35px}.giant-number{opacity:.5}.hero-character:after,.desk-character:after{display:none}}@media (width<=600px){.topbar{height:70px;padding:0 6%}.brand{letter-spacing:1.6px;font-size:8px}.brand-mark{margin-right:10px;font-size:20px}.topbar nav{gap:15px}.topbar nav a{padding:26px 0;font-size:0}.topbar nav a span{color:#9dadab;font-size:9px}.topbar nav a[aria-current] span{color:#7cbfed}.topbar nav a[aria-current]:after{width:10px;bottom:16px}.scene{padding:105px 7% 48px}.scene.intro{padding-top:125px}.eyebrow{letter-spacing:2.2px;margin-bottom:25px;font-size:7px}h1{letter-spacing:-4px;font-size:clamp(63px,15.4vw,94px)}.scene-copy .hero-statement{margin-top:25px;font-size:17px}.scene-copy .intro-note{margin-top:15px;font-size:11px}.actions{gap:24px;margin-top:27px}.button{gap:22px;padding:15px 16px;font-size:10px}.download span{font-size:10px}.availability{letter-spacing:1px;margin-top:27px;font-size:6px}.scene-visual{aspect-ratio:1.1;width:116%;margin-top:24px}.studio-art{object-position:58% center}.hero-character{width:23%;bottom:12%;left:39%}.contact .hero-character{left:40%}.desk-character{width:22%;bottom:12%;left:47%}.scene-coordinate{letter-spacing:1.5px;font-size:6px;top:27px}.art-caption{letter-spacing:1.4px;font-size:5px;bottom:23px}.art-caption:before{width:20px;margin-right:10px}.skills h2,h2{letter-spacing:-2.5px;font-size:42px}.skill-grid{grid-template-columns:1fr 1fr;gap:22px 14px}.skill-group h3{font-size:11px}.skill-group p{font-size:10px}.floating-label{padding:9px 11px;font-size:7px}.label-one{top:40%;right:10%}.label-two{top:58%;right:5%}.experience h2{font-size:43px}.experience{padding-bottom:170px}.timeline{margin-top:35px}.milestone{padding:0 0 32px 25px}.milestone h3{font-size:25px}.timeline-top{margin-bottom:14px}.milestone ul{font-size:12px}.timeline-character{width:80px;bottom:70px;left:69%}.project-grid{grid-template-columns:1fr;gap:28px;margin-top:30px}.project-art{height:210px;padding:29px 38px}.mini-window{height:160px}.project-body{padding:24px}.project-body h3{font-size:25px}.project-body>p{font-size:12px}.project-category,.tags span{font-size:8px}.project-body summary{font-size:11px}.section-heading>p{font-size:12px}.contact h2{font-size:46px}.email-link{gap:30px;font-size:25px}.social-links{gap:23px;font-size:10px}.end-note{letter-spacing:.8px;font-size:6px}.chapter-status{letter-spacing:1px;width:144px;font-size:6px}.journey-bar{gap:18px;padding:0 6%}.motion-toggle{width:25px;height:25px}.scene-copy .placeholder-note{font-size:7px}.contact{padding-bottom:80px}}@media (prefers-reduced-motion:reduce){.studio-light{animation:none}.studio-art{will-change:auto}}@media print{.scene:after,.topbar,.journey-bar,.scene-visual{display:none!important}.scene{color:#111!important;background:#fff!important;padding:25px!important}.scene-copy,.skills .scene-copy,.contact .scene-copy{width:100%;max-width:none}.scene h1,.scene h2,.scene h3{color:#111}.project-card{box-shadow:none;transform:none}}.product-preview{color:#cad5cb;background:#15252c;border:1px solid #acc1b35c;width:100%;height:100%;min-height:110px;transition:transform .5s;overflow:hidden;transform:perspective(700px)rotateY(-12deg)rotateX(7deg)rotate(-3deg);box-shadow:12px 15px #07121933,18px 22px 25px #07121944}.project-card:hover .product-preview{transform:perspective(700px)rotateY(-3deg)rotateX(2deg)rotate(-1deg)}.operations-preview{height:100%;font-family:DM Sans,sans-serif;display:flex}.operations-preview aside{background:#0e1e25;border-right:1px solid #6a909322;flex-direction:column;flex-shrink:0;gap:9px;width:28px;padding:8px 6px;display:flex}.operations-preview aside b{color:#9bc1b7;font-size:14px}.operations-preview aside i{background:#61818766;width:9px;height:4px}.operations-preview aside small{color:#799b9f;margin-top:auto;margin-bottom:20px;font:3px monospace;transform:rotate(-90deg)}.operations-main{flex:1;padding:9px 10px}.preview-topline{border-bottom:1px solid #849e9826;justify-content:space-between;padding-bottom:7px;font:6px Space Grotesk;display:flex}.preview-topline>span:last-child{color:#9fb78a;font:4px monospace}.operations-main>small{color:#839e9d;letter-spacing:.5px;margin-top:6px;font:3px monospace;display:block}.preview-metrics{gap:5px;margin-top:5px;display:flex}.preview-metrics>div{background:#21373d;flex-direction:column;flex:1;gap:3px;padding:5px;display:flex}.preview-metrics i{background:#8ab0b6;width:5px;height:3px}.preview-metrics b{font-size:5px;font-weight:400}.preview-metrics span{background:#8faaa333;width:80%;height:2px}.preview-chart{gap:8px;margin-top:8px;display:flex}.preview-chart>div:first-child{width:70%}.preview-chart small{color:#8aabac;font:3px monospace}.preview-chart svg{width:100%;margin-top:2px;display:block}.preview-bars{flex:1;align-items:end;gap:3px;padding-bottom:1px;display:flex}.preview-bars i{background:#6ba6ce;width:5px;height:50%}.preview-bars i:nth-child(2n){background:#789b95;height:80%}.preview-bars i:nth-child(3n){height:65%}.preview-table{margin-top:5px}.preview-table>div{border-top:1px solid #8ba7a21a;align-items:center;gap:9px;padding:4px 0;display:flex}.preview-table span{background:#6c9198;width:4px;height:4px}.preview-table i{background:#8faaa333;width:25%;height:2px}.preview-table b{background:#7f9d7855;width:13px;height:3px;margin-left:auto}.automation-preview{background:#1e2a28;height:100%;padding:12px}.flow-canvas{background-image:radial-gradient(#b1b99822 .7px,#0000 .7px);background-size:7px 7px;height:75%;position:relative}.flow-canvas>svg{width:100%;height:100%;position:absolute;inset:0}.flow-node{color:#7eb1d4;background:#23382f;border:1px solid #9aaa7666;place-items:center;width:26px;height:26px;font:13px Space Grotesk;display:grid;position:absolute;top:34%;box-shadow:0 5px 8px #0003}.flow-node small{letter-spacing:.7px;color:#b0bba2;font:3px monospace;position:absolute;top:32px}.flow-trigger{left:6%}.flow-process{border-color:#76aed499;left:44%}.flow-done{left:83%}.flow-log{height:12px;font-size:8px;top:76%;left:83%}.flow-status{color:#b9c6a3;border-top:1px solid #a0b08433;justify-content:space-between;padding-top:7px;font:4px monospace;display:flex}.clarity-preview{color:#273c35;background:#d5d8bf;height:100%;padding:10px}.clarity-nav{border-bottom:1px solid #64795844;justify-content:space-between;align-items:center;padding-bottom:7px;display:flex}.clarity-nav b{letter-spacing:-.5px;font:9px Space Grotesk}.clarity-nav b span{vertical-align:top;font-size:4px}.clarity-nav>span{font-size:4px}.clarity-body{height:78%;padding-top:9px;position:relative;overflow:hidden}.clarity-kicker{letter-spacing:1px;font:3px monospace}.clarity-body h4{letter-spacing:-1.3px;z-index:2;margin:9px 0;font:400 22px/.95 Space Grotesk;position:relative}.clarity-cta{border-bottom:1px solid #73886b;padding-bottom:3px;font:4px monospace}.clarity-sculpture{width:45%;height:80%;position:absolute;top:13%;right:0;transform:rotate(-18deg)}.clarity-sculpture i{clip-path:polygon(50% 0,100% 30%,78% 100%,18% 85%,0 32%);background:linear-gradient(120deg,#8ba185,#466a59);position:absolute;inset:0}.clarity-sculpture i:nth-child(2){clip-path:polygon(50% 0,52% 53%,0 32%);background:#b3c09e}.clarity-sculpture i:nth-child(3){clip-path:polygon(52% 53%,100% 30%,78% 100%);background:#647f67}.clarity-footer{letter-spacing:.5px;border-top:1px solid #64795844;justify-content:space-between;padding-top:4px;font:3px monospace;display:flex}@media (width<=600px){.preview-topline{font-size:8px}.preview-topline>span:last-child{font-size:5px}.operations-preview aside{width:35px;padding:12px 9px}.operations-main{padding:12px}.preview-metrics b{font-size:6px}.preview-metrics>div{padding:7px}.preview-chart small,.operations-main>small{font-size:4px}.preview-table>div{padding:6px 0}.clarity-nav b{font-size:12px}.clarity-nav>span{font-size:5px}.clarity-body h4{margin:13px 0;font-size:30px}.clarity-body{padding-top:12px}.clarity-kicker,.clarity-cta,.clarity-footer{font-size:4px}.flow-node{width:32px;height:32px;font-size:17px}.flow-node small{font-size:4px;top:39px}.flow-log{height:16px;font-size:10px}.flow-status{font-size:5px}}.skill-group p,.skill-group h3{font-size:12px}.milestone ul{font-size:13px}.project-body>p{font-size:12px}.placeholder-note,.scene-copy .placeholder-note,.chapter-status,.scroll-hint{font-size:9px}.social-links{font-size:12px}@media (width<=600px){.skill-group p{font-size:11px}.skill-group h3{font-size:12px}.chapter-status{font-size:7px}.scene-copy .placeholder-note{font-size:8px}.social-links{font-size:11px}.project-body>p{font-size:13px}}.intro h1{font-size:clamp(64px,6.5vw,116px)}.career-timeline{grid-template-columns:repeat(4,minmax(0,1fr))}.career-timeline .milestone{padding:28px 22px 18px 0}.career-timeline .timeline-top{letter-spacing:.3px;margin-bottom:20px;font-size:8px}.career-timeline .milestone h3{min-height:51px;font-size:21px;line-height:1.2}.career-timeline .company{min-height:33px;font-size:11px;line-height:1.5}.career-timeline .milestone ul{margin-top:16px;font-size:12px;line-height:1.75}.experience .timeline-character{z-index:1;opacity:.6;width:85px;left:89%}.credentials{z-index:12;width:fit-content;margin-top:22px;position:relative}.credentials summary{color:#86b5d6;border:0;gap:25px;padding:0;font:11px monospace}.credentials summary span{font-size:17px;line-height:1}.credentials[open] summary span{transform:rotate(45deg)}.credentials-panel{color:#bbcdd0;background:#142c39;border:1px solid #589ac8;width:min(440px,80vw);max-height:260px;padding:20px;position:absolute;bottom:calc(100% + 14px);left:0;overflow:auto;box-shadow:4px 4px #08151d}.credentials-panel p+p{margin-top:15px}.credentials-panel strong{color:#ece8d9;font:12px/1.7 DM Sans,sans-serif;display:block}.credentials-panel p>span{font:11px/1.7 DM Sans,sans-serif;display:block}.project-card{flex-direction:column;display:flex}.project-art{flex-shrink:0}.project-body{flex-direction:column;flex:1;display:flex}.project-body>p{flex:none}.project-body details{margin-top:auto;padding-top:18px}.project-body .tags{margin:16px 0 0}.project-links{flex-wrap:wrap;gap:16px;margin-top:16px;display:flex}.project-links a{color:#7dbfed;text-underline-offset:4px;font-size:11px;text-decoration:underline}.email-link{gap:24px;max-width:100%;font-size:clamp(22px,2.1vw,30px)}.contact-details{color:#a9bec2;flex-wrap:wrap;gap:22px;font-size:12px;display:flex}.scene-copy .contact-details{margin-top:22px;font-size:12px;line-height:1.7}.contact-details a:hover{color:#7dbfed}@media (width>=1000px) and (height<=850px){.experience h2{font-size:46px}.experience .eyebrow{margin-bottom:18px}.experience .section-intro{margin-top:12px;font-size:12px;line-height:1.7}.career-timeline{margin-top:24px}.career-timeline .milestone{padding-top:22px;padding-bottom:15px;padding-right:18px}.career-timeline .timeline-top{margin-bottom:16px}.career-timeline .milestone h3{min-height:46px;font-size:19px}.career-timeline .company{min-height:30px;font-size:10px}.career-timeline .milestone ul{margin-top:14px;font-size:11px;line-height:1.65}.credentials{margin-top:18px}.intro h1{font-size:clamp(64px,6.2vw,100px)}.project-body h3{font-size:23px}}@media (width>=601px) and (width<=999px){.career-timeline{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.career-timeline .milestone h3{min-height:0;font-size:25px}.career-timeline .company{min-height:0}}@media (width<=600px){.intro h1{letter-spacing:-1px;font-size:clamp(56px,13.8vw,76px)}.career-timeline .milestone{border-top:0;padding:0 0 30px 24px}.career-timeline .milestone h3{min-height:0;font-size:25px}.career-timeline .timeline-top{margin-bottom:14px;font-size:9px}.career-timeline .company{min-height:0;font-size:12px}.career-timeline .milestone ul{margin-top:14px;font-size:12px;line-height:1.85}.credentials-panel{width:100%;max-height:none;margin-top:14px;padding:16px;position:static}.credentials{width:100%;margin-top:10px}.contact-details{gap:10px 22px}.project-body h3{font-size:27px}.email-link{gap:20px;font-size:23px}}@media print{.career-timeline{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.credentials-panel{box-shadow:none;color:#333;background:#fff;position:static}.contact-details{color:#333}.project-card{display:block}}:root{--accent:#7fb5da;--blue:#8db5c3;color:#eceee9;background:#111b20}body,.scene{background:#111b20}.scene:before{opacity:.035}h1,h2,h3,.email-link{font-family:Space Grotesk,DM Sans,sans-serif}h1,h2{letter-spacing:-3px;font-weight:500;line-height:1.06}h1{color:#a9b8bc}h1>span{color:#f0f1e9}.muted{color:#92a8b1}.accent{color:#7fb5da}.topbar,.journey-bar{backdrop-filter:blur(12px);background:#101a20f2;border-color:#6c899329}.brand{letter-spacing:1.7px;font-size:11px}.brand-dot{display:none}.brand-mark{color:#82b4d6;font-weight:500}.topbar nav a{color:#a9bbc1;font-size:11px}.topbar nav a[aria-current]:after{background:#82b4d6;width:19px;height:1px}.nav-contact{color:#d9e2e4;border:1px solid #819da64d;border-radius:4px}.nav-contact:hover{color:#142027;background:#82b4d6}.eyebrow{letter-spacing:2.4px;color:#7fb1d4;font:500 9px Space Grotesk,sans-serif}.eyebrow>span{width:18px;height:1px;box-shadow:none;background:#7fb1d4;border-radius:0}.button{clip-path:none;border-radius:4px;font-size:12px;font-weight:600;box-shadow:0 6px 20px #0002}.button.primary{color:#17262e;background:#81b5d9}.button:hover{background:#97c9eb;transform:translateY(-2px)}.availability{color:#a8c0b4;font-size:8px}.availability>span,.status-dot{box-shadow:none;border-radius:50%}.scene-copy>p,.section-intro{color:#b3c1c4}.scene-copy .hero-statement{color:#e0e5e1}.scene-copy .intro-note{color:#a8b9bd}.scene-visual{--studio-width:min(100cqw,150cqh);--studio-height:min(66.6667cqw,100cqh);--studio-left:calc(100cqw - var(--studio-width));--studio-top:calc((100cqh - var(--studio-height)) / 2);container-type:size}.environment{filter:none;background:0 0;overflow:hidden}.scene .scene-visual .studio-art{object-fit:contain;object-position:right center;image-rendering:auto;filter:none;transform:translateX(var(--parallax,0px))}.environment:after,.skills-studio:after,.contact-studio:after{background:linear-gradient(90deg,#111b20 0%,#111b20fa 16%,#111b20d9 34%,#111b2059 53%,#0000 76%),linear-gradient(#0000 80%,#111b20 100%)}.dust,.studio-light,.window-atmosphere{display:none}.scene-coordinate{color:#d5dfdf;letter-spacing:1.3px;background:#15252b94;border-left:1px solid #80b2d5;padding:10px 13px;font:8px Space Grotesk,sans-serif}.scene-coordinate:before{display:none}.scene-coordinate span{color:#bacbcf;letter-spacing:1.2px;margin:6px 0 0;font-size:7px}.art-caption{letter-spacing:1.6px;color:#b8c6c9;font:8px Space Grotesk,sans-serif}.art-caption:before{background:#68a4cd;height:1px}.character{filter:none}.sprite-character{aspect-ratio:512/768}.character-canvas{image-rendering:auto;width:100%;height:auto;display:none}.canvas-ready .character-canvas{display:block}.character-atlas-fallback{background:0 0;width:100%;height:100%;display:block;position:absolute;inset:0;overflow:hidden}.canvas-ready .character-atlas-fallback{display:none}.character-atlas-image{image-rendering:auto;pointer-events:none;max-width:none;height:auto;position:absolute}.scene .scene-visual .sprite-character{--actor-width:calc(var(--studio-height) * .442857);--actor-x:.61849;--actor-floor:.791016;width:var(--actor-width);left:calc(var(--studio-left) + var(--studio-width) * var(--actor-x) - var(--actor-width) / 2);top:calc(var(--studio-top) + var(--studio-height) * var(--actor-floor) - var(--actor-width) * 1.45313);bottom:auto}.scene .scene-visual .sprite-character.desk-character{--actor-x:.807292;--actor-floor:.74707}.scene .scene-visual .sprite-character.contact-character{--actor-x:.638021}.hero-character:after,.desk-character:after{display:none}.sprite-character.timeline-character{width:140px}.sprite-character.projects-character{width:125px}.floating-label{color:#bfd3da;backdrop-filter:none;background:#162a34e8;border:1px solid #7796a44d;border-left:2px solid #70a8cf;border-radius:3px;padding:12px 15px;font-size:10px;transform:none;box-shadow:0 8px 24px #0002}.floating-label:before{display:none}.label-one{top:35%;right:9%}.label-two{top:48%;left:auto;right:5%}.giant-number{color:#cad8d905;font-family:Space Grotesk,sans-serif}.journey-track,.journey-track>span{height:1px}.journey-track>span:after{border-radius:50%;width:4px;height:4px;top:-1.5px}.chapter-status{letter-spacing:1.1px;font-size:8px}.scroll-hint{font-size:8px}.motion-toggle{box-shadow:none;color:#bfd0d5;border:1px solid #819da64d;border-radius:50%}.experience{background:#111b20}.experience:after{opacity:.25;image-rendering:auto;background:linear-gradient(90deg,#111b20fc,#111b20de),url(/environments/durham-studio.webp) 100%/contain no-repeat}.timeline-dot{background:#82b3d5;border-radius:50%;box-shadow:0 0 0 5px #82b3d50a}.milestone{border-color:#7e92914d}.timeline-floor{background:linear-gradient(170deg,#0000 30%,#829eaa09 30.2%,#1e333a22);border-bottom:1px solid #708c9226}.timeline-floor span{color:#7f9da7;font-size:8px}.projects{background:radial-gradient(at 65% 85%,#29445022,#0000 55%),#111b20}.project-card{background:#172730;border:1px solid #6b8b9938;border-radius:6px;transition:transform .25s,border-color .25s;overflow:visible;box-shadow:0 12px 35px #0002}.project-card:hover{border-color:#6ea7cf99;transform:translateY(-4px)}.project-art,.project-art-1,.project-art-2{perspective:none;background:#1e343f;border-bottom:1px solid #718d9b33;border-radius:5px 5px 0 0;height:190px;padding:0;overflow:hidden}.project-art-index{display:none}.project-body h3{letter-spacing:-.6px;font-family:Space Grotesk,sans-serif;font-size:22px;font-weight:500}.project-body>p{color:#adbec5;font-size:12px;line-height:1.85}.project-category{letter-spacing:1.2px;color:#80b2d5;font-size:8px}.tags span{color:#bfd0d5;background:#27414e26;border:1px solid #73909d40;border-radius:3px;padding:5px 8px;font:8px DM Sans,sans-serif}.project-body summary{color:#d8e1e3;border-color:#748f9c33;font-size:11px}.project-card details[open] .project-detail{background:#1b303b;border:1px solid #9da48a;border-radius:4px;box-shadow:0 15px 35px #0005}.credentials-panel{background:#1b303b;border-color:#64a1cb;border-radius:5px;box-shadow:0 15px 35px #0005}.credentials summary{color:#90bcda}.email-link{letter-spacing:-.5px;font-family:Space Grotesk,sans-serif}.end-note{letter-spacing:1px;color:#9ab2bb;font:8px/2 Space Grotesk,sans-serif}.end-note span{color:#718e9a}.interface-study{background:radial-gradient(at 65% 15%,#8da9ad29,#0000 70%),#213b48;justify-content:center;align-items:center;height:100%;padding:24px;display:flex;position:relative;overflow:hidden}.interface-study-1{background:radial-gradient(at 65% 15%,#68a3cc22,#0000 70%),#3a4239}.interface-study-2{background:radial-gradient(at 65% 15%,#97a99d29,#0000 70%),#263e40}.study-window{background:#112632;border:1px solid #b9c9c258;border-radius:5px;width:88%;height:145px;transition:transform .4s;overflow:hidden;transform:perspective(700px)rotateY(-8deg)rotateX(5deg)rotate(-2deg);box-shadow:10px 13px 30px #07151c55}.project-card:hover .study-window{transform:perspective(700px)rotateY(0)rotateX(0)rotate(0)}.study-chrome{background:#2c4651;align-items:center;gap:4px;height:17px;padding:0 7px;display:flex}.study-chrome i{background:#a3b8bd;border-radius:50%;width:3px;height:3px}.study-chrome>span{color:#aec4c9;letter-spacing:.4px;margin-left:auto;font-size:4px}.study-body{padding:10px 12px}.study-kicker{letter-spacing:.8px;color:#91b0bc;font:4px DM Sans,sans-serif}.study-body h4{letter-spacing:-.4px;color:#e8e8d9;margin:4px 0 9px;font:500 13px Space Grotesk,sans-serif}.study-columns{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.study-columns>div{background:#233e4a;border-radius:3px;padding:7px}.study-columns strong{color:#c0d0d3;margin-bottom:8px;font:5px DM Sans,sans-serif;display:block}.study-columns i{background:#6e969d66;border-radius:2px;height:3px;margin:5px 0;display:block}.study-columns i:nth-child(2n){background:#6ba6ce88;width:70%}.study-row{border-bottom:1px solid #b3c7c420;align-items:center;gap:7px;height:12px;display:flex}.study-row b{background:#9db6a8;border-radius:2px;width:9px;height:3px}.study-row span{background:#95adb34d;width:40%;height:2px}.study-web{color:#213b39;background:#e1e4d6}.study-web .study-chrome{background:#c4cdbb}.study-web .study-chrome>span{color:#365349}.study-web .study-body{height:127px;padding:12px;position:relative;overflow:hidden}.study-web h4{color:#283e37;max-width:110px;font-size:23px;line-height:1.02}.study-web .study-kicker{color:#647b6a}.study-web .study-cta{color:#e5e8da;background:#375f51;border-radius:2px;padding:4px 7px;font:4px DM Sans,sans-serif}.study-landscape{background:linear-gradient(145deg,#b3bd96,#557c69);border-radius:35px 35px 3px 3px;width:65px;height:78px;position:absolute;bottom:11px;right:8px;overflow:hidden}.study-landscape:before,.study-landscape:after{content:"";background:#829a78;border-radius:50%;width:100px;height:70px;position:absolute;top:39px;left:-10px;transform:rotate(-20deg)}.study-landscape:after{background:#466d5a;top:57px;left:-8px}.study-fitness{gap:8px;height:110px;padding:10px;display:flex}.study-phone{background:#0a1e28;border:1px solid #6f939a;border-radius:7px;flex-shrink:0;width:48px;padding:9px 5px}.study-phone small{color:#a1bdc1;font-size:4px}.study-phone i{background:#6aa5cd;border-radius:2px;height:3px;margin:8px 0;display:block}.study-phone i:nth-child(2n){background:#78a7a9;width:70%}.study-programme{flex:1;padding:4px}.study-programme strong{color:#d1ddda;margin-bottom:7px;font:9px Space Grotesk,sans-serif;display:block}.study-programme>span{color:#93adb7;margin-bottom:9px;font:4px DM Sans,sans-serif;display:block}.study-programme .study-row{height:15px}@media (width>=1000px) and (height<=850px){.project-art{height:145px}.interface-study{padding:16px}.study-window{height:116px}.study-body{padding:7px 10px}.study-body h4{margin-bottom:6px;font-size:11px}.study-columns>div{padding:5px}.study-columns strong{margin-bottom:5px}.study-columns i{margin:4px 0}.study-web h4{font-size:20px}.study-fitness{height:95px;padding:7px}.study-landscape{height:69px}.project-body h3{font-size:22px}}@media (width<=999px){.scene-visual{--studio-width:max(100cqw,150cqh);--studio-height:max(66.6667cqw,100cqh);--studio-left:calc((100cqw - var(--studio-width)) / 2)}.scene .scene-visual .studio-art{object-fit:cover;object-position:center;transform:none}.environment:after,.skills-studio:after,.contact-studio:after{background:linear-gradient(#0000 75%,#111b20),linear-gradient(90deg,#111b2040,#0000 30%)}.scene-visual:after{border:0}.scene-coordinate{width:auto;padding:7px 10px;font-size:7px;top:24px;left:8%;right:auto}.scene-coordinate span{display:none}.art-caption{font-size:7px;bottom:20px}.floating-label{padding:9px 12px;font-size:9px}.project-art{height:160px}.interface-study{padding:18px}.study-window{height:125px}.study-body h4{font-size:12px}.study-web h4{font-size:21px}}@media (width<=600px){h1,h2{letter-spacing:-2px}.scene-coordinate,.art-caption{font-size:6px}.sprite-character.timeline-character{width:125px;left:62%}.project-art{height:200px}.interface-study{padding:22px}.study-window{height:155px}.study-body{padding:12px}.study-body h4{font-size:15px}.study-kicker{font-size:5px}.study-columns strong{font-size:6px}.study-columns i{height:4px;margin:7px 0}.study-web h4{font-size:27px}.study-fitness{height:134px;padding:13px}.study-phone{width:53px}.study-programme strong{font-size:11px}.study-programme>span{font-size:5px}.study-programme .study-row{height:20px}.study-landscape{width:80px;height:95px}.brand{font-size:9px}.chapter-status{letter-spacing:.7px;font-size:7px}}@media (prefers-reduced-motion:reduce){.study-window{transition:none;transform:none}.project-card:hover{transform:none}}@media print{.scene-visual,.character{display:none!important}.scene{background:#fff!important}.project-card{box-shadow:none;background:#fff}.interface-study{display:none}}.scene .scene-visual .sprite-character{--actor-depth:0;--actor-width:calc(var(--studio-height) * var(--actor-width-ratio,.442857) * (1 - var(--actor-depth) * .12));transform-origin:50% 96.875%;z-index:45}.room-plane{left:var(--studio-left);top:var(--studio-top);width:var(--studio-width);height:var(--studio-height);pointer-events:none;max-width:none;position:absolute}.workbench-ground{z-index:25;pointer-events:none;position:absolute;transform:translate(-50%,-50%)}.foot-contact{background:radial-gradient(#06100d80 5%,#06100d35 38%,#0000 72%);display:none}.foot-contact-near{left:calc(var(--studio-left) + var(--studio-width) * .821085);top:calc(var(--studio-top) + var(--studio-height) * .78475);width:calc(var(--studio-width) * .078125);height:calc(var(--studio-height) * .0175781)}.foot-contact-far{left:calc(var(--studio-left) + var(--studio-width) * .74261);top:calc(var(--studio-top) + var(--studio-height) * .76373);width:calc(var(--studio-width) * .0677083);height:calc(var(--studio-height) * .0146484)}.skills:is([data-workbench=settling],[data-workbench=sitting],[data-workbench=typing],[data-workbench=standing]) .foot-contact{display:block}.workbench-screen{z-index:20;opacity:0;background:#10222e;border:1px solid #5a8f9f55;padding:1.2%;transition:opacity .65s,box-shadow .65s;position:absolute;overflow:hidden;transform:skewY(-3deg);box-shadow:0 0 28px #81c9dd00}.screen-left{left:calc(var(--studio-left) + var(--studio-width) * .7845);top:calc(var(--studio-top) + var(--studio-height) * .375);width:calc(var(--studio-width) * .069);height:calc(var(--studio-height) * .114)}.screen-right{left:calc(var(--studio-left) + var(--studio-width) * .859);top:calc(var(--studio-top) + var(--studio-height) * .359);width:calc(var(--studio-width) * .091);height:calc(var(--studio-height) * .126)}.workbench-screen i{background:#75aeb0;width:75%;height:2%;min-height:1px;margin:9% 0;display:block}.workbench-screen i:nth-child(2n){background:#80b2d5;width:50%}.workbench-screen i:nth-child(3n){background:#698cba;width:60%;margin-left:15%}.workbench-screen b{color:#c7e6df;margin:0 0 10%;font:400 clamp(8px,1.3vw,22px) monospace;display:block}.skills[data-workbench=typing] .workbench-screen{opacity:.95;box-shadow:0 0 28px #81c9dd30}.skills[data-workbench] .floating-label{opacity:0;z-index:65;transition:opacity .6s,translate .6s;translate:0 6px}.skills[data-workbench=typing] .floating-label{opacity:1;translate:0}.skills .scene-coordinate,.skills .art-caption{z-index:65}@media (prefers-reduced-motion:reduce){.workbench-screen,.skills .floating-label{transition:none}}html{overflow-x:clip}.skills .label-one{top:22%;right:24%}.skills .label-two{top:25%;right:7%}@media (width<=999px){.skills .scene-visual{--studio-left:calc(100cqw - var(--studio-width))}.skills .scene-visual .studio-art{object-position:right center}}.chair-sprite{pointer-events:none;left:calc(var(--studio-left) + var(--studio-width) * var(--chair-left));top:calc(var(--studio-top) + var(--studio-height) * var(--chair-top));width:calc(var(--studio-width) * var(--chair-width));height:calc(var(--studio-height) * var(--chair-height));position:absolute}.chair-sprite-rear{z-index:30}.chair-sprite-front{z-index:35}.chair-sprite canvas{image-rendering:auto;width:100%;height:100%;display:block}.chair-sprite-fallback{object-fit:fill;width:100%;height:100%;position:absolute;inset:0}.chair-sprite-ready .chair-sprite-fallback{display:none}.character-depth-rear .character-canvas{display:block}.character-depth-rear[hidden]{display:none}.intro-entry-veil{z-index:60;pointer-events:none;background:linear-gradient(90deg,#111b20 0% 34%,#111b20e6 43%,#111b2000 60%);position:absolute;inset:0}@media (width<=999px){.intro-entry-veil{background:linear-gradient(90deg,#111b20 0%,#111b20e6 8%,#111b2000 35%)}}@media (scripting:enabled){.intro:not([data-intro-state]) .hero-character{visibility:hidden}}