.spider-portfolio{--spider-bg:#0b0c0e;--spider-paper:#eeebe5;--spider-muted:#99999e;background:var(--spider-bg);color:var(--spider-paper);font-family:var(--font-geist-sans), sans-serif;isolation:isolate;-webkit-font-smoothing:antialiased;font-size:15px;overflow:clip}.spider-portfolio *{box-sizing:border-box}.spider-portfolio ::selection{color:var(--spider-bg);background:var(--spider-accent)}.spider-portfolio a,.spider-portfolio button{-webkit-tap-highlight-color:transparent}.spider-portfolio button,.spider-portfolio a,.spider-portfolio summary{touch-action:manipulation}.spider-portfolio button{cursor:pointer}.spider-portfolio button:disabled{opacity:.45;cursor:default}.spider-portfolio a:focus-visible,.spider-portfolio button:focus-visible,.spider-portfolio summary:focus-visible{outline:2px solid var(--spider-accent);outline-offset:6px}.spider-portfolio section{scroll-margin-top:90px}.spider-portfolio em{color:var(--spider-accent);font-family:Georgia,Times New Roman,serif;font-weight:400}.spider-portfolio h1,.spider-portfolio h2,.spider-portfolio h3,.spider-portfolio p{margin:0}.spider-portfolio a{text-decoration:none}.spider-skip-link{z-index:1000;background:var(--spider-paper);color:#111;padding:15px;position:fixed;top:-100px;left:20px}.spider-skip-link:focus{top:10px}.spider-cursor{z-index:200;border:1px solid var(--spider-accent);pointer-events:none;opacity:0;border-radius:50%;width:28px;height:28px;transition:transform .13s ease-out,border-color .5s;position:fixed;top:-14px;left:-14px}.spider-header{top:0;z-index:50;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0b0c0ee8;border-bottom:1px solid #ffffff0c;justify-content:space-between;align-items:center;height:92px;padding:0 4.3%;display:flex;position:fixed;inset-inline:0}.spider-wordmark{letter-spacing:-3px;font-size:35px;font-weight:700;line-height:1}.spider-wordmark span{color:var(--spider-accent);vertical-align:top;letter-spacing:0;margin:4px 0 0 6px;font-size:12px;display:inline-block}.header-location{font-size:9px;font-family:var(--font-geist-mono), monospace;letter-spacing:1.2px;color:#c0beba;align-items:center;gap:10px;margin-left:auto;margin-right:11%;display:flex}.status-dot{background:var(--spider-accent);width:5px;height:5px;box-shadow:0 0 10px color-mix(in srgb, var(--spider-accent) 35%, transparent);border-radius:50%;flex:none;display:inline-block}.spider-header nav{align-items:center;gap:38px;display:flex}.spider-header nav a{color:#bfbfbe;align-items:center;gap:13px;font-size:12px;transition:color .2s;display:flex}.spider-header nav a span{color:#5f5f63;font-size:12px}.spider-header nav a:hover,.spider-header nav a[aria-current]{color:var(--spider-accent)}.mobile-menu{display:none}.spider-story{position:relative}.spider-hero{z-index:4;pointer-events:none;height:100svh;min-height:850px;max-height:1200px;position:relative}.spider-hero a,.spider-hero button,.companion-panel{pointer-events:auto}.hero-eyebrow{letter-spacing:1.4px;font-size:9px;font-family:var(--font-geist-mono), monospace;color:#76777c;justify-content:space-between;display:flex;position:absolute;top:125px;left:4.3%;right:4.3%}.hero-watermark{text-align:center;letter-spacing:-.08em;white-space:nowrap;color:#0000;-webkit-text-stroke:1px #ffffff09;pointer-events:none;font-size:clamp(80px,12.7vw,200px);font-weight:600;line-height:1;position:absolute;top:18.5%;left:0;right:0}.hero-introduction{z-index:4;width:26%;position:absolute;top:33%;left:8.1%}.spider-overline{color:var(--spider-accent);font-family:Georgia,serif;font-size:24px;font-style:italic;margin-bottom:15px!important}.hero-introduction h1{letter-spacing:-.055em;font-size:clamp(38px,4.3vw,69px);font-weight:550;line-height:.98}.hero-introduction h1>span{color:var(--spider-accent)}.hero-role{color:var(--spider-muted);font-size:13px;line-height:1.7;margin:21px 0 22px!important}.text-link{border-bottom:1px solid #ffffff30;align-items:center;gap:20px;padding-bottom:8px;font-size:11px;transition:color .2s,gap .2s;display:inline-flex}.text-link:hover{color:var(--spider-accent);gap:27px}.hero-side-note{z-index:4;width:190px;position:absolute;top:39%;right:7.6%}.tiny-label{font-family:var(--font-geist-mono), monospace;letter-spacing:1.2px;color:#818186;font-size:9px}.hero-side-note h2{letter-spacing:-.5px;margin-top:18px;font-size:23px;font-weight:450;line-height:1.3}.hero-side-note p{color:var(--spider-muted);max-width:170px;margin-top:13px;font-size:11px;line-height:1.85}.hero-socials{color:#afaeaf;gap:22px;margin-top:23px;display:flex}.hero-socials a:hover{color:var(--spider-accent)}.spider-stage{z-index:3;width:54vw;height:60svh;min-height:430px;max-height:760px;position:fixed;top:15svh;left:23%}.stage-viewport{cursor:grab;touch-action:pan-y;position:absolute;inset:0}.stage-viewport:active{cursor:grabbing}.spider-canvas{width:100%;height:100%;display:block}.stage-halo{background:radial-gradient(ellipse at 50% 55%, color-mix(in srgb, var(--spider-accent) 11%, transparent), transparent 65%);filter:blur(24px);pointer-events:none;border-radius:50%;transition:background .65s;position:absolute;inset:13% 10% 0 13%}.stage-fallback{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:15px;display:flex;position:absolute;inset:0}.stage-fallback .spider-artwork{width:95%}.stage-fallback span{font:10px var(--font-geist-mono), monospace;color:#96969b}.companion-panel{z-index:5;width:min(720px,68vw);position:absolute;bottom:82px;left:50%;transform:translate(-50%)}.companion-caption{letter-spacing:1.3px;font-size:8px;font-family:var(--font-geist-mono), monospace;color:#8c8c91;justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.companion-caption span:last-child{color:var(--spider-paper);letter-spacing:1px}.companion-caption i{vertical-align:middle;border-radius:50%;width:4px;height:4px;margin-right:7px;display:inline-block}.companion-caption small{color:#66686d;font-size:8px}.companion-picker{grid-template-columns:repeat(8,1fr);gap:5px;display:grid}.companion-picker button{color:#89888f;background:#101114;border:1px solid #ffffff13;border-radius:3px;min-width:0;padding:3px 4px 8px;transition:border-color .3s,background .3s,transform .3s}.companion-picker button:hover{border-color:var(--swatch);transform:translateY(-4px)}.companion-picker button.is-selected{color:var(--swatch);border-color:color-mix(in srgb, var(--swatch) 60%, transparent);background:color-mix(in srgb, var(--swatch) 9%, #101114)}.companion-picker .spider-artwork{width:100%;height:45px}.companion-picker button>span{letter-spacing:.4px;font-size:7px;font-family:var(--font-geist-mono), monospace;justify-content:center;gap:5px;display:flex}.companion-picker b{opacity:.5;font-weight:400}.stage-toolbar{color:#81828a;font-family:var(--font-geist-mono), monospace;letter-spacing:.5px;justify-content:center;align-items:center;gap:12px;margin-top:14px;font-size:8px;display:flex}.stage-toolbar button{align-items:center;gap:5px;min-height:26px;padding:5px 1px;display:flex}.stage-toolbar button[aria-pressed=true]{color:var(--spider-accent)}.stage-toolbar button:hover{color:#fff}.toolbar-divider{border-right:1px solid #ffffff26;height:10px;margin:0 5px}.drag-hint{margin-right:3px}.hero-bottom{letter-spacing:1px;font-size:8px;font-family:var(--font-geist-mono), monospace;color:#707177;justify-content:space-between;align-items:center;display:flex;position:absolute;bottom:24px;left:4.3%;right:4.3%}.hero-bottom>a{color:#bebebd;border:1px solid #fff2;border-radius:100%;place-items:center;width:33px;height:33px;display:grid;position:absolute;left:50%;transform:translate(-50%)}.hero-bottom button{align-items:center;gap:8px;display:flex}.hero-bottom button:hover{color:var(--spider-accent)}.section-shell{z-index:4;padding:120px 8.1%;position:relative}.section-index{font:9px var(--font-geist-mono), monospace;letter-spacing:1.5px;color:#98989b;margin-bottom:30px;display:block}.section-shell h2{letter-spacing:-.055em;font-size:clamp(40px,5vw,74px);font-weight:450;line-height:1.05}.spider-about{pointer-events:none;grid-template-columns:1fr 1fr;align-items:center;min-height:820px;padding-bottom:160px;display:grid}.about-copy a{pointer-events:auto}.about-side{height:100%;position:relative}.about-side>.section-index{margin-top:50px}.about-companion{color:var(--spider-accent);font:12px var(--font-geist-mono), monospace;letter-spacing:2px;position:absolute;bottom:20px;left:0}.about-companion small{color:#73737a;letter-spacing:1px;margin-top:7px;font-size:8px;display:block}.about-copy{padding-left:36px}.about-copy p{color:#99999f;max-width:460px;margin-top:20px;font-size:13px;line-height:1.9}.about-copy .large-copy{color:#d5d4d3;margin-top:35px;font-size:19px;line-height:1.4}.about-copy .text-link{margin-top:30px}.spider-capabilities,.spider-experience{background:#0b0c0e;border-top:1px solid #ffffff13;grid-template-columns:1fr 1.15fr;gap:7%;display:grid}.capability{border-bottom:1px solid #ffffff20;padding:25px 0}.capability-list>div:first-child .capability{border-top:1px solid #ffffff20}.capability summary{cursor:pointer;align-items:center;gap:22px;list-style:none;display:flex}.capability summary::-webkit-details-marker{display:none}.capability summary>span:first-child{font:9px var(--font-geist-mono), monospace;color:#77777e}.capability summary h3{letter-spacing:-.5px;font-size:22px;font-weight:400}.capability-toggle{color:var(--spider-accent);margin-left:auto;font-size:25px;line-height:1;transition:transform .3s}.capability[open] .capability-toggle{transform:rotate(45deg)}.capability>div{padding:20px 0 10px 35px}.capability p{color:#96969d;max-width:390px;font-size:13px;line-height:1.9}.spider-tags{flex-wrap:wrap;gap:7px;margin-top:23px;display:flex}.spider-tags span{color:#a7a7ad;border:1px solid #ffffff1f;border-radius:3px;padding:6px 9px;font-size:9px}.spider-experience{padding-top:100px;padding-bottom:110px}.experience-list article{border-left:1px solid #ffffff1c;padding:0 0 40px 25px;position:relative}.experience-list>div:last-child article{padding-bottom:0}.experience-period{color:#94949b;font:9px var(--font-geist-mono), monospace;align-items:center;gap:10px;margin-bottom:14px;display:flex}.experience-period>span{position:absolute;left:-3px}.timeline-dot{background:#6c6b72;border-radius:50%;width:5px;height:5px}.experience-list h3{letter-spacing:-.4px;font-size:21px;font-weight:450}.experience-list h4{color:var(--spider-accent);margin:7px 0 12px;font-size:11px;font-weight:400}.experience-list p{color:#96969b;max-width:520px;font-size:11px;line-height:1.85}.spider-work{background:#101114;border-top:1px solid #ffffff13}.work-header{justify-content:space-between;align-items:flex-end;margin-bottom:55px;display:flex}.project-showcase{border:1px solid #ffffff12;grid-template-columns:1.15fr 1fr;display:grid}.project-art{background-color:#12101b;background-image:radial-gradient(#6b306628,#0000 65%),linear-gradient(#ffffff04 1px,#0000 1px),linear-gradient(90deg,#ffffff04 1px,#0000 1px);background-size:auto,30px 30px,30px 30px;min-height:460px;position:relative;overflow:hidden}.project-art-1{background-color:#0a1520}.project-art-2{background-color:#18150e}.project-orbit{border:1px solid color-mix(in srgb, var(--spider-accent) 35%, transparent);border-radius:50%;width:330px;height:330px;position:absolute;top:50%;left:50%;box-shadow:0 0 20px #ffffff03}.orbit-one{transform:translate(-50%,-50%)rotate(-30deg)scaleX(.65)}.orbit-two{transform:translate(-50%,-50%)rotate(30deg)scaleX(.65)}.orbit-three{transform:translate(-50%,-50%)rotate(90deg)scaleX(.65)}.project-core{letter-spacing:-.06em;text-shadow:0 0 50px var(--spider-accent);flex-direction:column;justify-content:center;align-items:center;font-size:64px;font-weight:350;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.project-core span{font:7px var(--font-geist-mono), monospace;letter-spacing:1px;white-space:nowrap;color:var(--spider-accent);margin-top:15px}.project-node{background:var(--spider-accent);width:9px;height:9px;box-shadow:0 0 22px var(--spider-accent);border-radius:50%;position:absolute}.node-one{top:28%;left:30%}.node-two{background:var(--spider-secondary);bottom:27%;right:28%}.project-art-corner{font:8px var(--font-geist-mono), monospace;letter-spacing:1px;color:#666674;position:absolute;bottom:20px;left:24px}.project-information{flex-direction:column;align-items:flex-start;padding:38px;display:flex}.project-information h3{letter-spacing:-1px;margin-top:22px;font-size:29px;font-weight:450;line-height:1.2}.project-information>p{color:#9999a0;margin-top:20px;font-size:12px;line-height:1.8}.project-information .spider-tags{margin-top:20px}.project-detail{width:100%;margin-top:30px}.project-detail summary{cursor:pointer;align-items:center;gap:15px;font-size:11px;list-style:none;display:flex}.project-detail summary::-webkit-details-marker{display:none}.project-detail p{color:#aaaab0;margin-top:15px;font-size:12px;line-height:1.8}.project-navigation{justify-content:space-between;align-items:center;width:100%;margin-top:auto;padding-top:30px;display:flex}.project-navigation>span{font:10px var(--font-geist-mono), monospace}.project-navigation i{color:#676770;font-style:normal}.project-navigation>div{gap:10px;display:flex}.project-navigation button{border:1px solid #ffffff26;border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.project-navigation button:hover{background:var(--spider-accent);color:#111;border-color:var(--spider-accent)}.spider-collection{padding-top:125px}.collection-heading{justify-content:space-between;align-items:flex-end;margin-bottom:50px;display:flex}.collection-heading p{color:#99999f;padding-bottom:5px;font-size:12px;line-height:1.9}.spider-gallery{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.collection-card{text-align:left;background:#101114;border:1px solid #ffffff14;width:100%;padding:18px;transition:background .3s,border-color .3s,transform .3s;overflow:hidden}.collection-card:hover,.collection-card.is-selected{background:color-mix(in srgb, var(--card-accent) 7%, #0c0d10);border-color:color-mix(in srgb, var(--card-accent) 40%, #ffffff14)}.collection-card:hover{transform:translateY(-5px)}.collection-card-top{font:8px var(--font-geist-mono), monospace;color:#797981;justify-content:space-between;align-items:center;display:flex}.collection-card-top svg{color:var(--card-accent)}.collection-card .spider-artwork{width:100%;margin:28px 0 32px;transform:scale(1.08)}.collection-card-bottom h3{letter-spacing:.5px;font-size:18px;font-weight:450}.collection-card-bottom>span{color:var(--card-accent);font:7px var(--font-geist-mono), monospace;letter-spacing:.8px;margin-top:7px;display:block}.spider-stack{border-top:1px solid #ffffff13;padding-top:70px;padding-bottom:90px}.stack-items{flex-wrap:wrap;align-items:center;gap:25px 37px;display:flex}.stack-items>span{color:#c6c5c9;letter-spacing:-.5px;align-items:center;gap:8px;font-size:26px;font-weight:400;display:flex}.stack-items small{font:8px var(--font-geist-mono), monospace;color:#61616b}.keyboard-skills{--keyboard-accent:var(--spider-accent)}.keyboard-skill-heading{justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:58px;display:flex}.keyboard-skill-heading h2{letter-spacing:-.055em;font-size:clamp(40px,5vw,74px);font-weight:450;line-height:1.05}.keyboard-skill-heading p{color:#929299;padding-bottom:6px;font-size:12px;line-height:1.9}.keyboard-skill-layout{grid-template-columns:minmax(0,1.45fr) minmax(220px,.55fr);align-items:center;gap:6%;display:grid}.keyboard-deck-wrap{min-width:0}.keyboard-deck{background:radial-gradient(at 50% 45%,#252733 0%,#11131a 66%,#0d0f14 100%);border:1px solid #ffffff1e;border-radius:15px;height:365px;position:relative;overflow:visible;box-shadow:inset 0 1px #ffffff14,0 28px 65px #0000007d}.keyboard-deck:before{content:"";pointer-events:none;border:1px solid #ffffff0b;border-radius:9px;position:absolute;inset:14px}.keyboard-deck:after{content:"";background:color-mix(in srgb, var(--keyboard-accent) 15%, transparent);filter:blur(23px);z-index:0;pointer-events:none;border-radius:50%;height:38px;position:absolute;bottom:-25px;left:8%;right:8%}.keyboard-scene-canvas{z-index:1;touch-action:none;width:100%;height:100%;display:block;position:relative}.keyboard-a11y-list{z-index:2;pointer-events:none;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(5,1fr);gap:8px;padding:76px 8% 94px;display:grid;position:absolute;inset:0}.keyboard-a11y-button{color:#0000;opacity:0;pointer-events:none;background:0 0;border:0;min-width:0}.keyboard-a11y-button:focus-visible{outline:2px solid var(--key-color);outline-offset:4px;opacity:.65}.keyboard-footnote{color:#666870;font:8px var(--font-geist-mono), monospace;letter-spacing:1px;justify-content:space-between;align-items:center;margin-top:22px;display:flex}.keyboard-footnote span:first-child{color:var(--keyboard-accent)}.keyboard-skill-callout{border-left:1px solid #ffffff20;min-height:235px;padding:23px 0 23px 28px;position:relative}.keyboard-callout-line{background:linear-gradient(transparent, var(--active-key-color), transparent);width:1px;height:64%;position:absolute;top:18%;left:-1px}.keyboard-skill-callout h3{color:var(--active-key-color);letter-spacing:-.045em;margin-top:20px;font-size:clamp(27px,3vw,42px);font-weight:450;transition:color .35s}.keyboard-category{color:#73747b;font:8px var(--font-geist-mono), monospace;letter-spacing:1.2px;margin-top:9px;display:inline-block}.keyboard-skill-callout p{color:#9999a0;max-width:260px;margin-top:24px;font-size:12px;line-height:1.9}.keyboard-hint{color:#696a72;font:8px var(--font-geist-mono), monospace;letter-spacing:.5px;margin-top:26px}.keyboard-hint span{color:var(--active-key-color);margin-right:6px;display:inline-block}.keyboard-hint span:nth-of-type(2){margin-left:17px}@keyframes keyboard-press{0%{transform:translateZ(0)}45%{transform:translateZ(-12px)}to{transform:translateZ(0)}}.spider-contact{background:#111215;border-top:1px solid #ffffff14;padding-top:100px;padding-bottom:0}.spider-contact h2{font-size:clamp(40px,5.8vw,88px);position:relative}.spider-contact h2>a{border:1px solid #ffffff2e;border-radius:50%;place-items:center;width:100px;height:100px;transition:background .3s;display:grid;position:absolute;top:5px;right:0}.spider-contact h2>a:hover{background:var(--spider-accent);color:#111}.spider-contact h2>a svg{stroke-width:1px;width:45px;height:45px}.contact-bottom{justify-content:space-between;align-items:flex-end;margin:60px 0 90px;display:flex}.contact-email{align-items:center;gap:14px;margin-top:15px;display:flex}.contact-email>a{border-bottom:1px solid #ffffff30;padding-bottom:7px;font-size:20px}.contact-email button{color:#9999a1}.contact-email span{color:var(--spider-accent);font-size:10px}.contact-socials{gap:30px;display:flex}.contact-socials a{align-items:center;gap:20px;font-size:12px;display:flex}.contact-socials a:hover{color:var(--spider-accent)}.spider-contact footer{color:#75757d;font:8px var(--font-geist-mono), monospace;letter-spacing:.4px;border-top:1px solid #ffffff19;justify-content:space-between;align-items:center;padding:25px 0;display:flex}.spider-contact footer a{color:#bfbec1}.spider-intro{z-index:999;pointer-events:auto;isolation:isolate;color:#181818;background:#f6f6f6;position:fixed;inset:0;overflow:hidden}.intro-gif-layer{z-index:0;background:#f6f6f6;place-items:center;transition:opacity .8s,transform 1s cubic-bezier(.77,0,.175,1);display:grid;position:absolute;inset:0}.intro-gif-layer:after{content:"";pointer-events:none;background:0 0;position:absolute;inset:0}.intro-gif{object-fit:contain;width:100%;height:100%;display:block}.intro-curtain{z-index:2;opacity:0;pointer-events:none;will-change:opacity, transform;background:#f6f6f6;height:50.1%;position:absolute;left:0;right:0;transform:scaleY(1)}.intro-curtain-top{transform-origin:top;top:0}.intro-curtain-bottom{transform-origin:bottom;bottom:0}.intro-word{z-index:3;letter-spacing:-.07em;color:#171717;mix-blend-mode:multiply;justify-content:center;align-items:center;font-family:Georgia,Times New Roman,serif;font-size:clamp(70px,10vw,140px);font-style:italic;font-weight:600;transition:opacity .25s,transform .45s;display:flex;position:absolute;top:clamp(90px,22vh,240px);left:0;right:0}.intro-bracket{color:var(--intro-color);font-weight:400;transition:color .25s;animation:.4s steps(2,end) both intro-character}.intro-bracket:nth-of-type(3){animation-delay:.5s}.intro-hello{width:2.4em;margin-inline:.12em;padding-right:.08em;line-height:1.2;animation:.65s steps(5,end) both intro-type;display:inline-block;overflow:hidden}.intro-word i{background:var(--intro-color);width:3px;height:.74em;margin-left:.13em;animation:1s step-end infinite intro-blink}.intro-bottom{z-index:4;font:8px var(--font-geist-mono), monospace;letter-spacing:1.5px;color:#5e5e5e;justify-content:space-between;transition:opacity .2s;display:flex;position:absolute;bottom:40px;left:4.3%;right:4.3%}.intro-bottom b{color:var(--intro-color);margin-left:15px;font-size:10px}.intro-skip{z-index:4;font:10px var(--font-geist-mono), monospace;color:#555;position:absolute;top:35px;right:4.3%}.is-leaving .intro-gif-layer{opacity:1;transform:none}.is-leaving .intro-curtain{animation:.65s cubic-bezier(.65,0,.35,1) both intro-curtain-reveal}.is-leaving .intro-word{opacity:0;transform:translateY(-15px)}.is-leaving .intro-bottom,.is-leaving .intro-skip{opacity:0;pointer-events:none}.has-flicker .intro-bracket{text-shadow:2px 0 18px color-mix(in srgb, var(--intro-secondary) 45%, transparent);animation:.4s both intro-character,1.45s .7s infinite chromatic-flicker}.effects-on .status-dot{animation:3s ease-in-out infinite soft-glow}@keyframes intro-type{0%{width:0}to{width:2.4em}}@keyframes intro-character{0%{opacity:0}to{opacity:1}}@keyframes intro-blink{0%,65%{opacity:1}66%,to{opacity:0}}@keyframes intro-curtain-reveal{0%{opacity:0;transform:scaleY(1)}14%{opacity:1}to{opacity:1;transform:scaleY(0)}}@keyframes chromatic-flicker{0%,80%,to{opacity:1;filter:none}82%,87%{opacity:.4;filter:drop-shadow(4px 0 0 var(--intro-secondary))}85%,90%{opacity:.95}}@keyframes soft-glow{50%{opacity:.45}}@media (min-width:1600px){.hero-side-note{width:235px}.hero-side-note h2{font-size:29px}.hero-side-note p{max-width:220px;font-size:13px}.hero-introduction{top:34%}.hero-role{font-size:15px}.companion-panel{width:810px;bottom:100px}.companion-picker .spider-artwork{height:58px}}@media (max-width:1100px) and (min-width:761px){.hero-introduction{width:27%;left:5%}.hero-side-note{width:155px;right:5%}.hero-side-note h2{font-size:21px}.header-location{margin-right:6%}.spider-header nav{gap:22px}.section-shell{padding-inline:6%}.hero-introduction h1{font-size:46px}.spider-stage{width:58vw;left:21%}.spider-gallery{grid-template-columns:repeat(4,1fr)}.collection-card{padding:12px}.collection-card-bottom h3{font-size:15px}.collection-card-bottom>span{font-size:6px}}@media (max-width:760px){.spider-cursor{display:none}.spider-header{height:72px;padding:0 6%}.spider-wordmark{font-size:30px}.header-location{letter-spacing:.5px;margin:0 20px 0 auto;font-size:7px}.mobile-menu{place-items:center;width:30px;height:40px;display:grid}.spider-header nav{background:#0e0f13fa;border-bottom:1px solid #ffffff20;padding:24px 7%;display:none;position:absolute;top:71px;left:0;right:0}.spider-header nav.is-open{flex-direction:column;align-items:stretch;gap:25px;display:flex}.spider-header nav a{justify-content:space-between;font-size:16px}.spider-hero{height:100svh;min-height:890px;max-height:none}.hero-eyebrow{letter-spacing:.7px;font-size:7px;top:98px;left:6%;right:6%}.hero-eyebrow>span:last-child{display:none}.hero-watermark{-webkit-text-stroke-color:#ffffff0d;font-size:15vw;top:365px}.hero-introduction{width:70%;top:153px;left:7%}.spider-overline{font-size:20px;margin-bottom:12px!important}.hero-introduction h1{font-size:clamp(45px,10.3vw,66px)}.hero-role{font-size:11px;line-height:1.6;margin:13px 0 0!important}.hero-role br,.hero-introduction .text-link{display:none}.hero-side-note{width:80px;top:220px;right:7%}.hero-side-note .tiny-label,.hero-side-note h2,.hero-side-note>p{display:none}.hero-socials{justify-content:flex-end;gap:18px}.spider-stage{width:100%;height:310px;min-height:0;position:absolute;top:320px;left:0;opacity:1!important;visibility:visible!important;transform:none!important}.stage-halo{inset:-10% 0}.spider-canvas{min-height:0}.companion-panel{width:88%;bottom:82px}.companion-caption{letter-spacing:.5px;margin-bottom:10px;font-size:7px}.companion-picker{grid-template-columns:repeat(4,1fr);gap:5px}.companion-picker button{padding:2px 1px 6px}.companion-picker button>span{font-size:6px}.companion-picker button b{display:none}.companion-picker .spider-artwork{height:30px}.companion-picker button>span{letter-spacing:.3px;font-size:7px}.stage-toolbar{gap:9px;margin-top:12px;font-size:7px}.drag-hint{font-size:6px}.stage-toolbar button{min-height:34px}.toolbar-divider{margin:0 2px}.hero-bottom{letter-spacing:.3px;font-size:6px;bottom:25px;left:6%;right:6%}.hero-bottom>span{max-width:120px;line-height:1.7}.hero-bottom button{gap:5px;font-size:6px}.section-shell{padding:75px 7%}.section-shell h2{font-size:45px}.section-index{margin-bottom:25px;font-size:8px}.spider-about{border-top:1px solid #ffffff13;min-height:auto;display:block}.about-side{height:auto}.about-side>.section-index{margin-top:0}.about-companion{display:none}.about-copy{padding-left:0}.about-copy .large-copy{font-size:19px}.about-copy p{font-size:12px}.spider-capabilities,.spider-experience{grid-template-columns:1fr;gap:40px}.capability summary h3{font-size:20px}.capability summary{gap:18px}.capability p{font-size:12px}.capability>div{padding-left:30px}.experience-list h3{font-size:20px}.work-header{margin-bottom:35px}.work-header .text-link{gap:9px;font-size:9px}.project-showcase{grid-template-columns:1fr}.project-art{min-height:310px}.project-orbit{width:250px;height:250px}.project-information{padding:28px 23px}.project-information h3{font-size:25px}.collection-heading{margin-bottom:30px;display:block}.collection-heading p{margin-top:24px;font-size:11px}.spider-gallery{grid-template-columns:repeat(2,1fr);gap:10px}.collection-card{padding:13px}.collection-card .spider-artwork{margin:24px 0}.collection-card-bottom h3{font-size:16px}.collection-card-bottom>span{letter-spacing:.2px;font-size:6px}.collection-card-top{font-size:7px}.spider-stack{padding-block:55px}.stack-items{gap:22px 26px}.stack-items>span{font-size:20px}.keyboard-skill-heading{margin-bottom:38px;display:block}.keyboard-skill-heading p{margin-top:24px;font-size:11px}.keyboard-skill-heading h2{font-size:45px}.keyboard-skill-layout{display:block}.keyboard-deck{border-radius:11px;height:265px}.keyboard-a11y-list{gap:5px;padding:53px 6% 66px}.keyboard-footnote{letter-spacing:.5px;margin-top:16px;font-size:6px}.keyboard-footnote span:last-child{display:none}.keyboard-skill-callout{border-top:1px solid #ffffff20;border-left:0;min-height:0;margin-top:34px;padding:20px 0 0 20px}.keyboard-callout-line{background:linear-gradient(90deg, transparent, var(--active-key-color), transparent);width:64%;height:1px;top:-1px;left:8%}.keyboard-skill-callout h3{margin-top:15px}.keyboard-skill-callout p{max-width:100%;margin-top:16px}.keyboard-hint{margin-top:19px}.intro-bottom{letter-spacing:.5px;font-size:6px;bottom:28px}.intro-word{font-size:22vw}}@media (max-width:380px){.hero-introduction{top:143px}.spider-hero{min-height:830px}.spider-stage{height:310px;top:302px}.spider-contact h2{font-size:37px}.header-location{font-size:6px}.stage-toolbar{gap:6px}.drag-hint{margin-right:0}}@media (prefers-reduced-motion:reduce){.spider-cursor{display:none}.intro-word,.intro-hello,.intro-bracket,.intro-word i{animation:none!important}.intro-hello{width:2.4em}.spider-intro .intro-gif-layer,.spider-intro .intro-curtain{transition:none;animation:none!important}.spider-intro .intro-curtain{opacity:0;transform:scaleY(0)}.collection-card:hover,.companion-picker button:hover{transform:none}}@media (prefers-reduced-motion:reduce) and (min-width:761px){.spider-stage{position:absolute}.about-side{min-height:160px}.spider-about{min-height:650px}}