@layer reset{*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar{width:0;height:0;display:none}body::-webkit-scrollbar{width:0;height:0;display:none}body,h1,h2,h3,p{margin:0}body{min-width:320px;min-height:100vh}button,input,textarea,select{font:inherit}img,picture,video,canvas,svg{max-width:100%;display:block}a{color:inherit;text-decoration:none}}@layer base{:root{--ink:#0a0b0b;--ink-raised:#111313;--paper:#f0eee8;--paper-dim:#c5c4bd;--orange:#ff7a36;--orange-hot:#ff5b25;--green:#6fffb0;--xojr-green:#1ea06b;--red:#f10b16;--line:#f0eee82b;--muted:#949992;--mono:"DM Mono", "SFMono-Regular", Consolas, monospace;--sans:"Manrope", "Avenir Next", Inter, sans-serif;--cursor-x:50vw;--cursor-y:50vh;color:var(--paper);background:var(--ink);font-family:var(--sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-weight:500;line-height:1.5}body{background:linear-gradient(#ffffff06 1px, transparent 1px), linear-gradient(90deg, #ffffff06 1px, transparent 1px), var(--ink);background-size:48px 48px;overflow-x:hidden}body:before{z-index:-1;background:radial-gradient(520px circle at var(--cursor-x) var(--cursor-y), #ff7a3613, transparent 62%);content:"";pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0}::selection{color:var(--ink);background:var(--green)}:focus-visible{outline:2px solid var(--green);outline-offset:4px}.skip-link{z-index:1000;color:var(--ink);background:var(--green);font-family:var(--mono);padding:10px 14px;font-size:.75rem;position:fixed;top:12px;left:12px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.modal-open{overflow:hidden}}@layer layout{.section-shell{width:min(92vw,1440px);margin-inline:auto}main{overflow:hidden}.hero{grid-template-columns:minmax(0,1.12fr) minmax(420px,.88fr);align-items:center;gap:clamp(28px,5vw,84px);min-height:100svh;padding-top:120px;padding-bottom:72px;display:grid;position:relative}.hero-copy{z-index:2;max-width:850px;position:relative}.hero-visual{min-width:0}.services-section,.work-section,.toolkit-section,.off-duty-section{padding-block:clamp(56px,5.5vw,84px)}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:40px;display:grid}.about-section{border-block:1px solid var(--line);background:#0d0f0f}.about-inner{grid-template-columns:minmax(0,.86fr) minmax(480px,1.14fr);gap:clamp(70px,10vw,170px);padding-block:clamp(58px,5.75vw,88px);display:grid}.about-sticky{align-self:start}.toolkit-section{grid-template-columns:minmax(260px,.7fr) minmax(0,1.3fr);align-items:start;gap:clamp(50px,8vw,130px);display:grid}.contact-section{color:var(--ink);background:var(--orange);position:relative;overflow:hidden}.contact-inner{z-index:1;padding-block:clamp(72px,7vw,108px);position:relative}.site-footer{background:#070808;padding:40px 4vw 24px}}@layer components{.wordmark{font-family:var(--mono);letter-spacing:.09em;align-items:center;gap:10px;font-size:.75rem;font-weight:500;display:inline-flex}.wordmark-mark{border:1px solid var(--orange);width:31px;height:31px;color:var(--orange);background:var(--orange);font-family:var(--sans);place-items:center;font-size:.9rem;font-weight:800;transition:color .2s,background .2s,transform .2s;display:grid;overflow:hidden;transform:rotate(-4deg)}.wordmark-mark img{object-fit:cover;width:100%;height:100%;image-rendering:pixelated}.wordmark:hover .wordmark-mark{transform:rotate(4deg)}.eyebrow{color:var(--paper-dim);font-family:var(--mono);letter-spacing:.075em;align-items:center;gap:10px;font-size:clamp(.64rem,.75vw,.74rem);display:inline-flex}.eyebrow--dark{color:#0a0b0bc2}.hero h1{letter-spacing:-.072em;max-width:900px;margin:28px 0 29px;font-size:clamp(3.3rem,5.6vw,6.2rem);font-weight:700;line-height:.94}.hero h1 .outlined{color:#0000;-webkit-text-stroke:1.5px var(--paper-dim)}.hero h1 em{color:var(--green);font-style:normal}.hero-intro{max-width:620px;color:var(--paper-dim);font-size:clamp(1.03rem,1.45vw,1.3rem);font-weight:400;line-height:1.67}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:36px;display:flex}.button{min-height:52px;font-family:var(--mono);letter-spacing:.055em;cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:16px;padding:0 21px;font-size:.7rem;font-weight:500;transition:transform .18s,color .18s,background .18s,border-color .18s;display:inline-flex;position:relative}.button:hover{transform:translateY(-3px)}.button:active{transform:translateY(0)}.button--primary{color:var(--ink);background:var(--orange)}.button--primary:hover{background:var(--green)}.button--ghost{border-color:var(--line);color:var(--paper);background:#ffffff05}.button--ghost:hover{border-color:var(--paper-dim)}.button--ink{color:var(--paper);background:var(--ink);border:0}.button--ink:hover{color:var(--green)}.hero-meta{border-top:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));max-width:650px;margin-top:clamp(48px,6.5vw,84px);padding-top:18px;display:grid}.hero-meta div{flex-direction:column;gap:5px;display:flex}.hero-meta span,.hero-meta strong{font-family:var(--mono);letter-spacing:.045em;font-size:.62rem}.hero-meta span{color:#70756f}.hero-meta strong{color:var(--paper-dim);font-weight:400}.scroll-cue{color:#777b76;font-family:var(--mono);letter-spacing:.08em;writing-mode:vertical-rl;align-items:center;gap:13px;font-size:.58rem;display:flex;position:absolute;bottom:32px;right:-2.8vw}.scroll-cue i{background:var(--line);width:1px;height:60px;display:block;position:relative;overflow:hidden}.scroll-cue i:after{background:var(--orange);content:"";width:1px;height:24px;animation:2s ease-in-out infinite scroll-line;position:absolute;top:0;left:0}@keyframes scroll-line{0%{transform:translateY(-26px)}to{transform:translateY(66px)}}.portrait-shell{isolation:isolate;background-color:#0d0e0e;background-image:linear-gradient(90deg,#ff7a360f 1px,#0000 1px),linear-gradient(#ff7a360f 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:24px 24px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border:1px solid #ff7a3673;width:100%;height:min(67vh,680px);min-height:500px;position:relative;overflow:hidden;box-shadow:18px 18px #ff7a360b}.portrait-shell:before,.portrait-shell:after{z-index:3;border-color:var(--green);content:"";pointer-events:none;width:45px;height:45px;position:absolute}.portrait-shell:before{border-top:1px solid;border-right:1px solid;top:13px;right:13px}.portrait-shell:after{border-bottom:1px solid;border-left:1px solid;bottom:13px;left:13px}.pixel-portrait{z-index:1;cursor:crosshair;touch-action:pan-y;width:100%;height:100%;position:absolute;inset:0}.portrait-corner,.portrait-coordinates,.portrait-hint,.motion-toggle{z-index:4;font-family:var(--mono);letter-spacing:.07em;font-size:.57rem;position:absolute}.portrait-corner{color:var(--orange);top:20px;left:20px}.portrait-coordinates{color:#737972;top:20px;right:74px}.portrait-hint{color:var(--paper-dim);pointer-events:none;align-items:center;gap:8px;display:flex;bottom:23px;left:24px}.motion-toggle{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:#0a0b0bb8;align-items:center;gap:6px;padding:6px 8px;display:flex;bottom:20px;right:23px}.motion-toggle:hover{color:var(--paper);border-color:var(--paper-dim)}.marquee{--marquee-item-share:12.5vw;border-block:1px solid var(--line);background:#0e1010;overflow:hidden}.marquee-track{will-change:transform;width:max-content;animation:42s linear infinite marquee;display:flex}.marquee-group{grid-auto-columns:max(14rem, var(--marquee-item-share));flex-shrink:0;grid-auto-flow:column;align-items:center;width:max-content;display:grid}.marquee span{min-width:0;color:var(--paper-dim);font-family:var(--mono);letter-spacing:.08em;white-space:nowrap;justify-content:center;align-items:center;padding:17px 24px;font-size:.66rem;display:inline-flex;position:relative}.marquee b{color:var(--orange);font-weight:400;position:absolute;top:50%;left:0;transform:translate(-50%,-50%)}@keyframes marquee{to{transform:translate(-50%)}}.section-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:end;gap:40px;padding-bottom:22px;display:flex}.section-heading>div{align-items:baseline;gap:22px;display:flex}.section-index{color:var(--orange);font-family:var(--mono);letter-spacing:.08em;font-size:.68rem}.section-heading h2,.toolkit-heading h2,.off-duty-intro h2{letter-spacing:-.055em;text-wrap:balance;font-size:clamp(2rem,4.4vw,4.4rem);font-weight:600;line-height:1}.section-heading>p{max-width:450px;color:var(--muted);font-size:.92rem;font-weight:400;line-height:1.7}.reveal{opacity:0;transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1);transition-delay:var(--reveal-delay,0s);transform:translateY(24px)}.reveal[data-visible=true]{opacity:1;transform:translateY(0)}.service-grid>.reveal{perspective:1200px}.tilt-card{--rotate-x:0deg;--rotate-y:0deg;--shine-x:50%;--shine-y:50%;isolation:isolate;transform:perspective(1200px) rotateX(var(--rotate-x)) rotateY(var(--rotate-y));transform-style:preserve-3d;transition:transform .16s ease-out;position:relative}.tilt-card:after{z-index:-1;background:radial-gradient(520px circle at var(--shine-x) var(--shine-y), #ffffff13, transparent 42%);content:"";pointer-events:none;position:absolute;inset:0}.service-card{border:1px solid var(--line);background:var(--ink-raised);flex-direction:column;min-height:530px;padding:clamp(30px,4vw,54px);display:flex}.service-card:hover{border-color:#6fffb061}.service-card>*{transform:translateZ(15px)}.service-topline{color:var(--orange);font-family:var(--mono);justify-content:space-between;align-items:center;font-size:.65rem;display:flex}.service-topline svg{color:var(--green)}.service-card h3{letter-spacing:-.05em;text-wrap:balance;margin-top:58px;font-size:clamp(2rem,3.2vw,3.5rem);font-weight:600}.service-card>p{max-width:520px;color:var(--muted);margin-top:20px;font-size:.98rem;font-weight:400;line-height:1.7}.service-card ul{border-top:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 20px;margin:30px 0 26px;padding:20px 0 0;list-style:none;display:grid}.service-card li{color:var(--paper-dim);font-family:var(--mono);padding-left:15px;font-size:.65rem;line-height:1.6;position:relative}.service-card li:before{color:var(--orange);content:"+";position:absolute;top:0;left:0}.service-card>a{color:var(--green);font-family:var(--mono);letter-spacing:.05em;align-self:flex-start;align-items:center;gap:10px;margin-top:auto;font-size:.68rem;display:inline-flex;position:static}.service-card>a svg{transition:transform .18s}.service-card>a:hover svg{transform:translate(3px,-3px)}.metric-strip{border:1px solid var(--line);grid-template-columns:repeat(4,minmax(0,1fr));margin-top:20px;display:grid}.metric-strip>div{border-right:1px solid var(--line);flex-direction:column;justify-content:center;gap:4px;min-height:126px;padding:26px;display:flex}.metric-strip>div:last-child{border-right:0}.metric-strip strong{color:var(--orange);letter-spacing:-.05em;font-size:clamp(2.1rem,3.3vw,3.6rem);font-weight:500}.metric-strip span{color:var(--muted);font-family:var(--mono);letter-spacing:.055em;font-size:.59rem}.work-section{padding-top:16px}.project-list{margin-top:34px}.project-card{border-bottom:1px solid var(--line);grid-template-columns:70px minmax(0,1fr) auto;gap:30px;min-height:240px;padding-block:32px;transition:padding .25s,background .25s;display:grid}.project-card:hover{background:#ffffff05;padding-inline:24px}.project-index{color:#5c625c;font-family:var(--mono);font-size:.67rem}.project-kicker{color:var(--muted);font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:12px;font-size:.63rem;display:flex}.project-status{color:var(--green);align-items:center;gap:5px;display:inline-flex}.project-status--live:before{content:"";background:currentColor;border-radius:50%;width:5px;height:5px}.project-status--open-source{color:var(--orange)}.project-card h3{letter-spacing:-.06em;text-wrap:balance;margin-top:14px;font-size:clamp(2.3rem,4.4vw,4.8rem);font-weight:600;line-height:1}.project-card p{max-width:700px;color:var(--muted);margin-top:20px;font-size:.92rem;font-weight:400;line-height:1.7}.project-tags{flex-wrap:wrap;gap:7px;margin-top:23px;display:flex}.project-tags span{border:1px solid var(--line);color:var(--paper-dim);font-family:var(--mono);padding:5px 9px;font-size:.58rem}.project-links{align-items:flex-start;gap:9px;display:flex}.project-links a{border:1px solid var(--line);place-items:center;width:48px;height:48px;transition:color .18s,background .18s,transform .18s;display:grid}.project-links a:hover{color:var(--ink);background:var(--green);transform:translateY(-3px)}.xojr-card{min-height:450px;color:var(--ink);background:var(--green);grid-template-columns:minmax(0,1.18fr) minmax(330px,.82fr);align-items:center;gap:30px;margin-top:58px;padding:clamp(34px,4.5vw,62px);display:grid;overflow:hidden}.xojr-card:before{content:"";pointer-events:none;background-color:#0000;background-image:linear-gradient(90deg,#0a0b0b14 1px,#0000 1px),linear-gradient(#0a0b0b14 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:30px 30px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.xojr-copy{z-index:2;position:relative}.xojr-copy h3{letter-spacing:-.075em;max-width:800px;margin-top:20px;font-size:clamp(3rem,6vw,6.8rem);font-weight:700;line-height:.93}.xojr-copy p{color:#0a0b0bb8;max-width:670px;margin-top:25px;font-size:1rem;line-height:1.72}.xojr-copy .button{margin-top:36px}.xojr-art{z-index:1;place-items:center;min-height:330px;display:grid;position:relative}.xojr-art img{z-index:2;filter:drop-shadow(22px 26px #0a0b0b1f);width:min(88%,350px);animation:4s ease-in-out infinite rocket-float;position:relative}.orbit{border:1px solid #0a0b0b3d;border-radius:50%;position:absolute}.orbit--one{width:330px;height:190px;transform:rotate(38deg)}.orbit--two{border-style:dashed;width:410px;height:260px;animation:20s linear infinite orbit-spin;transform:rotate(-19deg)}@keyframes rocket-float{50%{transform:translate(7px,-13px)rotate(1.5deg)}}@keyframes orbit-spin{to{transform:rotate(341deg)}}.about-sticky .section-heading{padding-bottom:23px;display:block}.about-sticky .section-heading>div{flex-direction:column;align-items:flex-start;gap:18px;display:flex}.about-sticky .section-heading h2{font-size:clamp(2.8rem,5vw,5.8rem)}.about-lead{color:var(--paper)!important;margin-top:34px!important;font-size:clamp(1.2rem,1.8vw,1.55rem)!important;line-height:1.5!important}.about-sticky>p{max-width:600px;color:var(--muted);margin-top:24px;font-size:.95rem;font-weight:400;line-height:1.82}.text-link{border-bottom:1px solid var(--orange);color:var(--orange);font-family:var(--mono);align-items:center;gap:10px;margin-top:34px;padding-bottom:7px;font-size:.68rem;display:inline-flex}.text-link:hover svg{transform:translate(4px)}.text-link svg{transition:transform .18s}.experience-list{border-top:1px solid var(--line)}.experience-item{--experience-brand-opacity:.085;--experience-brand-wash:#ff7a3609;border-bottom:1px solid var(--line);isolation:isolate;grid-template-columns:130px minmax(0,1fr);gap:28px;padding-block:29px;display:grid;position:relative;overflow:hidden}.experience-item:before{z-index:0;background:linear-gradient(90deg, transparent, var(--experience-brand-wash), transparent);content:"";opacity:0;pointer-events:none;transition:opacity .32s;position:absolute;inset:0}.experience-item[data-brand=xojr]{--experience-brand-wash:#1ea06b12}.experience-item[data-brand=cie]{--experience-brand-opacity:.075;--experience-brand-wash:#ffd0050e}.experience-item[data-brand=languageline]{--experience-brand-opacity:.11;--experience-brand-wash:#00539b16}.experience-item>:not(.experience-brand){z-index:2;position:relative}.experience-item:hover:before{opacity:1}.experience-brand{z-index:1;opacity:0;pointer-events:none;transition:opacity .38s;position:absolute;inset:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 13% 87%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 13% 87%,#0000 100%)}.experience-item:hover .experience-brand{opacity:var(--experience-brand-opacity)}.experience-brand-strip{transform-origin:50%;width:124%;position:absolute;left:-12%;transform:rotate(-6deg)}.experience-brand-strip--primary{top:11%}.experience-brand-strip--secondary{opacity:.58;top:59%}.experience-brand-rail{will-change:transform;width:max-content;animation:24s linear infinite paused experience-brand-scroll;display:flex}.experience-brand-strip--secondary .experience-brand-rail{animation-duration:29s;animation-direction:reverse}.experience-item:hover .experience-brand-rail{animation-play-state:running}.experience-brand-group{flex:none;align-items:center;gap:clamp(42px,5vw,76px);padding-right:clamp(42px,5vw,76px);display:flex}.experience-logo{flex:none;justify-content:center;align-items:center;width:clamp(135px,13vw,190px);height:68px;display:inline-flex}.experience-logo img{object-fit:contain;width:100%;height:100%}.experience-logo--xojr{width:clamp(190px,19vw,270px);height:74px}.experience-logo--xojr img{filter:grayscale()invert();mix-blend-mode:screen}.experience-logo--cie{width:clamp(112px,10vw,148px);height:72px}.experience-logo--languageline{width:clamp(190px,19vw,265px);height:72px}@keyframes experience-brand-scroll{to{transform:translate(-50%)}}.experience-period,.experience-company{color:var(--orange);font-family:var(--mono);letter-spacing:.045em;font-size:.64rem}.experience-period{white-space:pre-line}.experience-item h3{letter-spacing:-.045em;margin-top:8px;font-size:clamp(1.5rem,2.4vw,2.35rem);font-weight:600}.experience-item p{max-width:660px;color:var(--muted);margin-top:14px;font-size:.87rem;font-weight:400;line-height:1.75}.toolkit-heading .section-index,.off-duty-intro .section-index{margin-bottom:22px;display:block}.toolkit-heading p{max-width:320px;color:var(--muted);margin-top:20px;font-size:.9rem}.toolkit-groups{border-top:1px solid var(--line)}.toolkit-row{border-bottom:1px solid var(--line);grid-template-columns:155px minmax(0,1fr);align-items:start;gap:20px;padding-block:19px;display:grid}.toolkit-row h3{color:var(--muted);font-family:var(--mono);letter-spacing:.055em;text-transform:uppercase;padding-top:14px;font-size:.63rem;font-weight:400;line-height:1.45}.toolkit-cloud{flex-wrap:wrap;gap:9px;display:flex}.toolkit-cloud span{border:1px solid var(--line);color:var(--paper-dim);font-family:var(--mono);background:#ffffff04;padding:14px 18px;font-size:.69rem;transition:color .16s,border-color .16s,transform .16s}.toolkit-cloud span:hover{color:var(--green);border-color:#6fffb073;transform:translateY(-2px)}.off-duty-section{padding-top:16px}.off-duty-intro{border-bottom:1px solid var(--line);justify-content:space-between;align-items:end;padding-bottom:25px;display:flex}.off-duty-intro img{object-fit:contain;width:48px;height:96px;image-rendering:pixelated;transform-origin:bottom;transform:translateY(25px)scale(1.25)}.music-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:28px;display:grid}.music-cards>.reveal{perspective:1200px;min-width:0}.music-card{border:1px solid var(--line);background:var(--ink-raised);overflow:hidden}.music-card.is-active{border-color:#6fffb08c}.music-card>*{transform:translateZ(13px)}.music-artwork-button{width:100%;color:var(--paper);cursor:pointer;background:#151717;border:0;padding:0;display:block;position:relative;overflow:hidden}.music-artwork-button:after{content:"";pointer-events:none;background:linear-gradient(#0000 52%,#040505c7);position:absolute;inset:0}.music-artwork-button img{aspect-ratio:1;object-fit:cover;width:100%;transition:filter .26s,transform .48s cubic-bezier(.22,1,.36,1)}.music-card:hover .music-artwork-button img{filter:saturate(1.12)contrast(1.04);transform:scale(1.025)}.music-play-control{z-index:2;font-family:var(--mono);letter-spacing:.045em;text-align:left;align-items:center;gap:10px;font-size:.58rem;display:flex;position:absolute;bottom:17px;left:18px;right:18px}.music-play-icon{width:39px;height:39px;color:var(--ink);background:var(--green);border-radius:50%;flex:none;place-items:center;transition:transform .18s;display:grid}.music-artwork-button:hover .music-play-icon{transform:scale(1.08)}.music-card-copy{padding:23px 23px 25px}.music-card-index{color:var(--orange);font-family:var(--mono);letter-spacing:.055em;font-size:.57rem}.music-card-copy h3{letter-spacing:-.045em;margin-top:13px;font-size:clamp(1.35rem,2vw,2rem);font-weight:600;line-height:1.08}.music-card-copy p{min-height:2.8em;color:var(--muted);margin-top:8px;font-size:.78rem;line-height:1.4}.music-card-copy a{color:var(--paper-dim);font-family:var(--mono);align-items:center;gap:7px;margin-top:20px;font-size:.58rem;display:inline-flex}.music-card-copy a:hover{color:var(--green)}.spotify-player{padding:0 16px 16px}.spotify-player iframe{border:0;border-radius:12px;width:100%;height:152px;display:block}.contact-noise{opacity:.55;background:radial-gradient(circle at 85% 20%,#0a0b0b24 0 1px,#0000 2px) 0 0/18px 18px,radial-gradient(circle at 15% 75%,#0a0b0b1f 0 1px,#0000 2px) 0 0/24px 24px;position:absolute;inset:0}.contact-inner h2{letter-spacing:-.085em;margin-top:25px;font-size:clamp(4rem,9.3vw,10.5rem);font-weight:750;line-height:.86}.contact-inner h2 span{color:#0000;-webkit-text-stroke:2px #0a0b0bbf}.contact-inner p{color:#0a0b0bb8;max-width:620px;margin:32px 0;font-size:1rem;line-height:1.75}.contact-email{border-bottom:2px solid var(--ink);max-width:850px;font-family:var(--mono);justify-content:space-between;align-items:center;gap:25px;padding-bottom:15px;font-size:clamp(1rem,2.2vw,2rem);transition:padding .19s;display:flex}.contact-email:hover{padding-inline:10px}.footer-top,.footer-bottom{justify-content:space-between;align-items:center;gap:30px;display:flex}.footer-socials{flex-wrap:wrap;gap:20px;display:flex}.footer-socials a{color:var(--paper-dim);font-family:var(--mono);align-items:center;gap:4px;font-size:.65rem;display:inline-flex}.footer-socials a:hover{color:var(--green)}.footer-bottom{border-top:1px solid var(--line);color:#6a6f69;font-family:var(--mono);letter-spacing:.035em;margin-top:32px;padding-top:21px;font-size:.57rem}.launch-overlay{z-index:500;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#040505eb;place-items:center;padding:4vw;animation:.22s both overlay-in;display:grid;position:fixed;inset:0}.launch-window{border:1px solid var(--green);background:var(--paper);width:min(100%,1120px);overflow:hidden;box-shadow:22px 22px #6fffb017}.launch-toolbar{border-bottom:1px solid var(--ink);height:46px;color:var(--ink);font-family:var(--mono);justify-content:space-between;align-items:center;padding-left:17px;font-size:.63rem;display:flex}.launch-toolbar button{border:0;border-left:1px solid var(--ink);width:46px;height:46px;color:var(--ink);cursor:pointer;background:0 0;place-items:center;display:grid}.launch-toolbar button:hover{color:var(--paper);background:var(--ink)}.launch-video{background:#fff;width:100%;max-height:75vh}@keyframes overlay-in{0%{opacity:0}}}@layer responsive{@media (width<=1050px){.hero{grid-template-columns:minmax(0,1.05fr) minmax(370px,.95fr)}.hero h1{font-size:clamp(3.2rem,6.1vw,5rem)}.about-inner{grid-template-columns:1fr 1.1fr;gap:60px}.xojr-card{grid-template-columns:minmax(0,1.1fr) minmax(270px,.9fr)}}@media (width<=860px){.hero{grid-template-columns:1fr;min-height:auto;padding-top:130px;padding-bottom:72px}.hero-copy{max-width:none}.hero h1{font-size:clamp(3.4rem,11vw,6.2rem)}.hero-visual{margin-top:30px}.portrait-shell{height:min(82vw,620px);min-height:430px}.scroll-cue{display:none}.service-card{min-height:560px}.service-card ul{grid-template-columns:1fr}.metric-strip{grid-template-columns:repeat(2,1fr)}.metric-strip>div:nth-child(2){border-right:0}.metric-strip>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.project-card{grid-template-columns:45px minmax(0,1fr) auto}.xojr-card{grid-template-columns:1fr;min-height:0}.xojr-art{min-height:310px}.xojr-art img{width:min(64%,300px)}.about-inner{grid-template-columns:1fr;gap:52px}.toolkit-section{grid-template-columns:1fr}.music-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=620px){.section-shell{width:min(90vw,1440px)}.wordmark{font-size:.67rem}.hero{gap:20px;padding-top:112px;padding-bottom:64px}.hero h1{margin-block:22px;font-size:clamp(2.75rem,13.5vw,4.6rem);line-height:.98}.hero h1 .outlined{-webkit-text-stroke-width:1px}.hero-intro{font-size:.98rem;line-height:1.65}.hero-actions{grid-template-columns:1fr;display:grid}.button{width:100%}.hero-meta{gap:13px;margin-top:48px}.hero-meta span,.hero-meta strong{font-size:.51rem}.portrait-shell{height:90vw;min-height:340px;box-shadow:10px 10px #ff7a360b}.portrait-coordinates,.portrait-hint span{display:none}.section-heading{padding-bottom:20px;display:block}.section-heading>div{flex-direction:column;align-items:flex-start;gap:15px}.section-heading>p{margin-top:20px}.section-heading h2,.toolkit-heading h2,.off-duty-intro h2{font-size:clamp(2.4rem,12vw,4rem)}.service-grid{grid-template-columns:1fr;margin-top:34px}.service-card{min-height:0;padding:29px}.service-card h3{margin-top:60px}.metric-strip>div{min-height:128px;padding:19px}.metric-strip span{font-size:.52rem}.work-section{padding-bottom:72px}.project-card{grid-template-columns:28px minmax(0,1fr);gap:10px;min-height:0;padding-block:27px;position:relative}.project-card:hover{padding-inline:10px}.project-links{position:absolute;bottom:27px;right:0}.project-links a{width:42px;height:42px}.project-tags{max-width:calc(100% - 95px)}.xojr-card{margin-top:44px;padding:31px}.xojr-copy h3{font-size:clamp(3.1rem,15vw,5rem)}.xojr-art{min-height:260px}.orbit--one{width:270px;height:150px}.orbit--two{width:330px;height:210px}.experience-item{grid-template-columns:1fr;gap:16px}.toolkit-cloud span{padding:11px 13px;font-size:.62rem}.toolkit-row{grid-template-columns:1fr;gap:10px}.toolkit-row h3{padding-top:0}.off-duty-intro{align-items:flex-end}.off-duty-intro img{margin-right:12px}.music-cards{scroll-snap-type:x mandatory;scrollbar-width:none;gap:13px;width:100vw;margin-left:-5vw;padding-inline:5vw;scroll-padding-inline:5vw;display:flex;overflow-x:auto}.music-cards::-webkit-scrollbar{display:none}.music-cards>.reveal{scroll-snap-align:start;min-width:min(82vw,340px)}.contact-inner h2{font-size:clamp(3.6rem,16vw,6rem)}.contact-inner h2 span{-webkit-text-stroke-width:1px}.contact-email{font-size:.95rem}.footer-top,.footer-bottom{flex-direction:column;align-items:flex-start}.footer-bottom{gap:8px}.launch-overlay{padding:16px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reveal{opacity:1;transform:none}.tilt-card{transform:none!important}.experience-brand-rail{transform:translate(-8%);animation:none!important}}@media (pointer:coarse){body:before{display:none}.tilt-card{transform:none!important}.experience-brand,.experience-item:before{display:none}}}