.navbar{align-items:center;background:#000;box-sizing:border-box;display:flex;height:4rem;inset:0 0 auto;justify-content:space-between;margin:0;max-width:none;padding:0 3rem;position:fixed;width:100%;z-index:1500}.logo{color:#fff;font-size:20px;font-weight:700;object-fit:contain}.brand-stack{display:block;margin-right:2rem;pointer-events:none;position:relative;z-index:1001}.brand-topline,.nav-socials{align-items:center;display:flex}.brand-topline{gap:.85rem}.nav-socials{gap:.55rem;pointer-events:auto}.nav-socials a,.nav-socials button{color:#8993aa;display:grid;height:1rem;place-items:center;transition:color .2s ease,transform .2s ease;width:1rem}.nav-socials button{background:none;border:0;color:#8993aa;cursor:pointer;padding:0}.nav-socials a:focus-visible,.nav-socials a:hover,.nav-socials button:focus-visible,.nav-socials button:hover{color:#b1efb8;transform:translateY(-1px)}.nav-socials svg{fill:currentColor;stroke:none;height:100%;width:100%}.contact-modal-backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#000000b8;display:grid;inset:0;padding:1.25rem;place-items:center;position:fixed;z-index:2000}.contact-modal{background:#080d12;border:1px solid #b1efb83d;border-radius:1.15rem;box-shadow:0 22px 80px #000000a6;color:#d6d9df;padding:2.2rem;position:relative;width:min(100%,31rem)}.contact-eyebrow{color:#b1efb8;font-size:.65rem;letter-spacing:.18em}.contact-modal h2{color:#fff;font-size:1.8rem;margin:.45rem 0 .65rem}.contact-modal>p{color:#8f959e;font-size:.88rem;line-height:1.55;margin-bottom:1.35rem}.contact-close{background:none;border:0;color:#8f959e;cursor:pointer;font-size:1.45rem;padding:.2rem;position:absolute;right:1rem;top:.9rem}.contact-modal form,.contact-modal label{display:grid}.contact-modal form{gap:.9rem}.contact-modal label{color:#aeb3bb;font-size:.72rem;gap:.35rem}.contact-modal input,.contact-modal textarea{background:#0d141c;border:1px solid #26303b;border-radius:.55rem;color:#fff;font:.82rem/1.4 Varela Round,sans-serif;outline:none;padding:.72rem .8rem;resize:vertical;width:100%}.contact-modal .contact-honey{height:1px;left:-10000px;opacity:0;position:absolute;width:1px}.contact-modal input:focus,.contact-modal textarea:focus{border-color:#b1efb8;box-shadow:0 0 0 2px #b1efb814}.contact-submit{background:#b1efb8;border:0;border-radius:999px;color:#07100a;cursor:pointer;font-weight:600;margin-top:.25rem;padding:.78rem 1rem}.nav-socials a:first-child svg,.nav-socials a:nth-child(2) svg,.nav-socials button svg{fill:none;stroke:currentColor;stroke-width:1.8}.nav-socials .social-fill{fill:currentColor;stroke:none}.nav-socials .linkedin-icon{fill:none;stroke:none}.nav-socials .linkedin-icon .linkedin-bg{fill:none;stroke:currentColor;stroke-width:1.8}.nav-socials .linkedin-icon .linkedin-mark{fill:currentColor;stroke:none}.nav-socials a:focus-visible .linkedin-bg,.nav-socials a:hover .linkedin-bg{fill:none;stroke:#b1efb8}.game-mode-toggle{background:#060d1ad1;border:1px solid #29344a;border-radius:999px;color:#8993aa;cursor:pointer;font:500 .65rem/1 Varela Round,sans-serif;letter-spacing:.12em;padding:.42rem .75rem;position:relative;touch-action:manipulation;transform:translateY(1.15rem);transition:color .2s ease,border-color .2s ease,background .2s ease;z-index:1002}.game-actions,.game-mode-toggle{align-items:center;display:flex;gap:.55rem;pointer-events:auto}.game-actions{left:0;position:absolute;top:2.7rem}.game-actions,.game-actions .game-mode-toggle{transform:none}.game-info-button{background:#060d1ad1;border:1px solid #29344a;border-radius:50%;color:#8993aa;cursor:pointer;font:500 .65rem/1 Varela Round,sans-serif;height:1.9rem;width:1.9rem}.game-info-button:hover,.game-info-button[aria-expanded=true]{border-color:#b1efb8;color:#b1efb8}.game-info-popover{background:#060c11f5;border:1px solid #b1efb83d;border-radius:.8rem;box-shadow:0 15px 50px #0000008c;color:#c8ccd3;left:0;padding:1rem;position:absolute;top:2.55rem;width:16rem}.game-info-popover strong{color:#fff;font-size:.85rem}.game-info-popover p{color:#858c96;font-size:.68rem;line-height:1.45;margin:.4rem 0 .75rem}.key-guide{grid-gap:.3rem;align-items:center;display:grid;font-size:.62rem;gap:.3rem;grid-template-columns:1.65rem 1.65rem 1fr}.key-guide kbd{background:#0c151b;border:1px solid #293943;border-radius:.28rem;color:#b1efb8;display:grid;font:.62rem ui-monospace,monospace;height:1.45rem;place-items:center}.game-mode-toggle.active,.game-mode-toggle:hover{background:#121c2bf5;border-color:#ffffffa6;color:#fff}.game-mode-icon{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7;height:1rem;width:1rem}.game-mode-toggle.active .game-mode-icon{color:#b1efb8;filter:drop-shadow(0 0 5px rgba(177,239,184,.55))}.desktopMenu{align-self:center;display:flex;gap:2rem;margin-left:auto}.desktopMenuListItem{color:#fff;cursor:pointer;text-align:left}.desktopMenuListItem:hover{color:#b1efb8}.desktopMenuBtn{align-items:center;background:#fff;border:none;border-radius:5rem;color:#000;display:flex;justify-content:center;padding:0 1rem}.desktopMenuImg{height:1rem;margin:1rem;object-fit:cover;width:1rem}.hamburger-menu{color:#fff;cursor:pointer;display:none;font-size:1.5rem}@media (max-width:550px){.navbar{left:0;max-width:none;position:fixed;right:0;top:0;transform:none;width:100%;z-index:1500}.brand-stack{left:1rem;margin-right:0;position:absolute;top:1.2rem}.brand-topline{gap:.65rem}.nav-socials{gap:.42rem}.nav-socials a,.nav-socials button{height:.9rem;width:.9rem}.contact-modal{padding:1.6rem}.contact-modal input,.contact-modal textarea{font-size:16px}.desktopMenu{background:#000;border-radius:10px;display:none;flex-direction:column;padding:1rem;position:absolute;right:10px;top:60px}.desktopMenu.show{display:flex}.hamburger-menu{display:block;position:absolute;right:1.25rem;top:1.1rem;z-index:1002}}#intro{box-sizing:border-box;display:flex;flex-direction:row;height:calc(100vh - 3rem);margin:0 auto;max-width:75rem;padding:3rem 1rem;width:100%}.introContent{font-size:2rem;font-weight:300;margin-top:-15px;padding:2rem;width:50%}.about{color:#fff;display:inline-block;font-size:2rem;font-weight:700;letter-spacing:-.025em;line-height:1.15;margin:0 0 2rem}.introPara{color:gray;font-size:18px;margin:1rem 0 0;padding:0 0 0 1rem;text-align:left}.ascii-portrait{aspect-ratio:1/1.08;cursor:crosshair;flex:0 1 34rem;margin:auto;position:relative;width:min(48vw,34rem)}.about-highlight{color:#b1efb8;font-weight:inherit}.skills-lead{margin-top:1.8rem}.personal-note{margin-top:1.6rem}.ascii-portrait canvas{display:block;height:100%;width:100%}.ascii-portrait figcaption{bottom:4%;color:#b1efb86b;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.65rem;letter-spacing:.12em;opacity:0;position:absolute;right:8%;transition:opacity .25s ease}.ascii-portrait:hover figcaption{opacity:1}.portrait-photo{aspect-ratio:1/1;border-radius:1.25rem;flex:0 1 31rem;margin:auto;overflow:hidden;width:min(42vw,31rem)}.portrait-photo img{display:block;height:100%;object-fit:cover;object-position:50% 30%;width:100%}.skills-container{display:flex;flex-wrap:wrap;gap:2rem;margin-bottom:1rem;margin-top:.5rem;padding-left:4rem}.section1{list-style:none;margin:0;padding-left:0}.section1 li{color:gray;font-size:14px;margin-bottom:.5rem;padding-left:1.2rem;position:relative}.section1 li:before{color:#b1efb8;content:"▹";font-size:1.05em;left:0;position:absolute;top:-.05em}@media (max-width:960px){#intro{flex-direction:column;height:auto;min-height:0;padding:3rem 2rem 4rem}.introContent{box-sizing:border-box;width:100%}.introPara{font-size:15px}.ascii-portrait{width:min(90vw,30rem)}.ascii-portrait,.portrait-photo{flex-basis:auto;margin:2rem auto 0}.portrait-photo{width:min(90vw,27rem)}}@media (max-width:768px){#intro{display:block;padding:3.25rem 1.25rem 3.5rem}.introContent{margin:0;margin-inline:auto;max-width:23rem;padding:0;text-align:left;width:100%}.about{display:block;font-size:1.85rem;margin:0 0 2rem;text-align:left}.introPara{font-size:.98rem;line-height:1.55;margin:0 0 1.35rem;padding:0;text-align:left}.skills-container{grid-gap:.35rem 1rem;display:grid;gap:.35rem 1rem;grid-template-columns:repeat(2,minmax(0,1fr));margin:-.25rem auto 1.75rem;padding-left:1.1rem;text-align:left;width:min(100%,20rem)}.section1{padding-left:0}.section1 li{font-size:.82rem;line-height:1.35;margin-bottom:.55rem}.ascii-portrait{margin-top:2.25rem;width:min(100%,24rem)}.portrait-photo{margin:2.5rem auto 0;width:min(100%,20rem)}}@media (max-width:550px){.about{font-size:1.85rem;margin-left:0;margin-top:0}.introPara{font-size:.95rem}.skills-container{padding-left:.65rem;width:min(100%,18rem)}.ascii-portrait figcaption{display:none}}#text{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;text-align:center;width:100%}.flower{filter:brightness(200%);object-fit:cover}.binary-tree,.flower{height:25rem;margin-bottom:1rem;width:25rem}.binary-tree{--touch-lean:0deg;--touch-shift:0px;animation:tree-breathe 5.5s ease-in-out infinite;color:#b1efb8;display:block;filter:drop-shadow(0 0 5px rgba(177,239,184,.16));transform-box:fill-box;transform-origin:50% 82%;transition:filter .3s ease}@keyframes tree-breathe{0%,to{filter:drop-shadow(0 0 3px rgba(177,239,184,.1));opacity:.9;transform:rotate(var(--touch-lean)) scaleX(.96) scaleY(.98) translateY(calc(3px + var(--touch-shift)))}48%{filter:drop-shadow(0 0 8px rgba(177,239,184,.3));opacity:1;transform:rotate(var(--touch-lean)) scaleX(1.035) scaleY(1.025) translateY(calc(-3px + var(--touch-shift)))}}.tree-branch{stroke-dasharray:1;stroke-dashoffset:1;animation:branch-blossom 3.4s cubic-bezier(.45,0,.2,1) 1 forwards;animation-delay:var(--branch-delay);animation-fill-mode:both;opacity:0}@keyframes branch-blossom{0%,8%{stroke-dashoffset:1;opacity:0}38%,to{stroke-dashoffset:0;opacity:1}}.highlight-name{color:#b1efb8}.text{font-size:3rem;font-weight:700;margin-top:-10px}.cursor{animation:blink 1s step-end infinite;background-color:#000;border-radius:30px;display:inline-block;width:.1em}@keyframes blink{0%{opacity:1}50%{opacity:0}to{opacity:1}}.highlight{color:#b1efb8}.textPara{color:gray;font-size:1.4rem;padding:2rem 3rem}@media (max-width:960px){.flower{height:20rem;margin-top:15px;width:20rem}.text{font-size:3rem;font-weight:700;margin-left:10px;margin-top:5px}.flower{height:20rem;margin-top:15px;width:20rem}.text{font-size:3rem;font-weight:700}.textPara{color:gray;font-size:1rem;padding:2rem 3rem}.text{font-size:1.8rem;margin-left:10px;margin-top:-20px}.binary-tree{height:20rem;margin-top:15px;width:20rem}}@media (max-width:600px){#text{box-sizing:border-box;height:auto;justify-content:flex-start;min-height:0;padding:7.25rem 0 4.5rem}.binary-tree{height:min(72vw,15.5rem);margin:0 0 .25rem;width:min(72vw,15.5rem)}.textPara{line-height:1.35;margin:0;max-width:23rem;padding:.75rem 1.5rem 0;transform:translateY(-.4rem)}.text{box-sizing:border-box;margin-left:0;margin-top:-.5rem;padding:0 1.25rem;width:100%}.text h1{font-size:clamp(2.45rem,12vw,3.15rem);line-height:1.12;margin:.35em 0 .25em;max-width:100%;overflow-wrap:anywhere}.name-line{display:block}}@media (prefers-reduced-motion:reduce){.binary-tree{animation:tree-breathe 9s ease-in-out infinite}.tree-branch{stroke-dashoffset:0;animation:none;opacity:1}}#footer{box-sizing:border-box;justify-content:space-between;margin:0 auto;max-width:75rem;padding:1rem;width:100%}#footer,.contact-links{align-items:center;display:flex}.contact-links{gap:10px}.footer-text{color:gray;flex-grow:1;font-size:13px;text-align:center}.contact{filter:brightness(0) saturate(100%) invert(94%) sepia(12%) saturate(956%) hue-rotate(61deg) brightness(97%) contrast(94%);height:15px;width:15px}@media (max-width:960px){#footer{flex-direction:column;font:1rem;gap:.5rem;margin-top:1rem}.contact-links{justify-content:center}.footer-text{text-align:center}}#projects{margin:4rem auto 0;max-width:75rem;padding:3rem 1rem 1rem}#projects,.projContent{box-sizing:border-box;width:100%}.projContent{padding:2rem}.projects-heading,.projects-heading--work{margin-bottom:2.5rem}.case-studies{margin-bottom:2.75rem}.section-kicker{color:#b1efb8;font-size:.7rem;font-weight:800;letter-spacing:.14em;margin:0 0 .55rem;text-transform:uppercase}.case-study-feature{background:#09100b;border:1px solid #b1efb857;border-radius:2rem;box-shadow:0 28px 80px #0000006b;isolation:isolate;min-height:35rem;overflow:hidden;position:relative}.case-study-image{animation:case-study-reveal .45s ease both;height:100%;inset:0;object-fit:cover;position:absolute;width:100%}.case-study-image--contained{animation:none;background:radial-gradient(circle at 70% 30%,#232a25,#0a0e0b 68%);padding:0;transform:none}.case-study-image--placeholder{background:radial-gradient(circle at 76% 34%,#b1efb833,#0000 24%),linear-gradient(120deg,#07120a 10%,#15361d 58%,#09130c);display:grid;place-items:center}.case-study-image--placeholder:after,.case-study-image--placeholder:before{border:1px solid #b1efb826;border-radius:44% 56% 62% 38%;content:"";height:24rem;position:absolute;transform:translate(18rem,-7rem) rotate(22deg);width:24rem}.case-study-image--placeholder:after{transform:translate(24rem,10rem) rotate(68deg) scale(.7)}.case-study-image--placeholder span{color:#b1efb81f;font-size:18rem;font-weight:700;letter-spacing:-.1em;margin-left:48%}.case-study-overlay{background:linear-gradient(90deg,#020603f5,#020603c7 39%,#0206032e 78%),linear-gradient(0deg,#0206039e,#0000 55%);inset:0;position:absolute}.case-study-content{box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;max-width:32rem;min-height:35rem;padding:4.5rem;position:relative;z-index:1}.case-study-eyebrow{color:#b1efb8;font-size:.72rem;font-weight:800;letter-spacing:.11em;margin:0 0 1.1rem;text-transform:uppercase}.case-study-content h3{color:#fff;font-family:inherit;font-size:clamp(2.5rem,6vw,4.6rem);font-weight:700;letter-spacing:-.025em;line-height:.95;margin:0}.case-study-description{color:#d2d9d3;font-size:.95rem;line-height:1.65;margin:1.4rem 0 1.5rem}.case-study-tags{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;margin:0 0 1.8rem;padding:0}.case-study-tags li{background:#b1efb814;border:1px solid #b1efb83d;border-radius:999px;color:#d9ffdd;font-size:.67rem;padding:.42rem .68rem}.case-study-open{align-items:center;align-self:flex-start;background:#b1efb8;border:1px solid #b1efb8a6;border-radius:999px;box-shadow:0 8px 24px #00000047;color:#071009;cursor:pointer;display:inline-flex;font-size:.82rem;font-weight:800;gap:.6rem;justify-content:center;padding:.72rem 1rem;transition:transform .2s ease,background .2s ease,box-shadow .2s ease}.case-study-open svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7;height:1.05rem;width:1.05rem}.case-study-open:hover{background:#d6ffda;box-shadow:0 10px 30px #b1efb833;transform:translateY(-2px)}.case-study-open:focus-visible{outline:2px solid #fff;outline-offset:3px}.case-study-arrow{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#050a0694;border:1px solid #ffffff47;border-radius:50%;color:#fff;cursor:pointer;display:grid;font-size:1.2rem;height:2.9rem;padding:0;place-items:center;position:absolute;top:50%;transform:translateY(-50%);transition:background .2s ease,border-color .2s ease;width:2.9rem;z-index:2}.case-study-arrow:hover{background:#b1efb8;border-color:#b1efb8;color:#071008}.case-study-arrow--previous{left:1.25rem}.case-study-arrow--next{right:1.25rem}.case-study-pagination{bottom:1.75rem;display:flex;gap:.45rem;position:absolute;right:1.75rem;z-index:2}.case-study-pagination button{background:#ffffff73;border:0;border-radius:999px;cursor:pointer;height:.55rem;padding:0;transition:width .2s ease,background .2s ease;width:.55rem}.case-study-pagination button.is-active{background:#b1efb8;width:1.8rem}@keyframes case-study-reveal{0%{opacity:.45;transform:scale(1.015)}to{opacity:1;transform:scale(1)}}.case-study-modal-backdrop{animation:modal-backdrop-in .2s ease both;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000000d1;display:grid;inset:4rem 0 0;padding:1.5rem;place-items:center;position:fixed;z-index:1000}.case-study-modal{animation:modal-panel-in .32s cubic-bezier(.2,.75,.2,1) both;background:#050806;border:1px solid #b1efb84d;border-radius:1.5rem;box-shadow:0 35px 100px #000000b8;color:#fff;max-height:calc(100vh - 7rem);overflow:auto;overscroll-behavior:contain;position:relative;width:min(70rem,100%)}.case-study-modal-close{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#030704c2;border:1px solid #ffffff40;border-radius:50%;color:#fff;cursor:pointer;display:grid;float:right;font-size:1.4rem;height:2.75rem;margin:1rem 1rem -3.75rem 0;padding:0;place-items:center;position:-webkit-sticky;position:sticky;top:1rem;width:2.75rem;z-index:5}.case-study-modal-hero{min-height:25rem;overflow:hidden;position:relative}.case-study-modal-hero>img,.case-study-modal-placeholder{height:100%;inset:0;object-fit:cover;position:absolute;width:100%}.case-study-modal-hero>img.case-study-modal-image--contained{background:#0a0e0b;transform:scale(1.1)}.case-study-modal-placeholder{background:linear-gradient(125deg,#07120a,#1d4b27);color:#b1efb829;display:grid;font-size:16rem;font-weight:700;place-items:center}.case-study-modal-hero-shade{background:linear-gradient(0deg,#050806 2%,#050806bf 45%,#0508062e);inset:0;position:absolute}.case-study-modal-intro{bottom:0;left:0;max-width:52rem;padding:3rem 4rem;position:absolute;right:0}.case-study-modal-intro>p:first-child,.case-study-step{color:#b1efb8;font-size:.7rem;font-weight:800;letter-spacing:.12em;margin:0 0 .8rem;text-transform:uppercase}.case-study-modal-intro h2{font-size:clamp(2.4rem,6vw,4.1rem);font-weight:650;letter-spacing:-.025em;line-height:1;margin:0;max-width:48rem}.case-study-modal-intro>p:last-child{color:#d2d9d3;font-size:1rem;line-height:1.65;margin:1.25rem 0 0;max-width:40rem}.case-study-modal-body{padding:0 4rem 3rem}.case-study-meta{border-bottom:1px solid #b1efb82e;border-top:1px solid #b1efb82e;display:grid;grid-template-columns:repeat(4,1fr);margin:0 0 3.5rem}.case-study-meta div{border-right:1px solid #b1efb82e;padding:1.5rem 1.25rem}.case-study-meta div:last-child{border-right:0}.case-study-meta dt{color:#7f8b81;font-size:.65rem;letter-spacing:.1em;text-transform:uppercase}.case-study-meta dd{color:#eef6ef;font-size:.78rem;line-height:1.45;margin:.55rem 0 0}.case-study-story-block{margin:0;max-width:none;padding:.9rem .25rem}.case-study-phase{grid-column-gap:3rem;grid-row-gap:1.25rem;column-gap:3rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0 auto 3.25rem;max-width:58rem;row-gap:1.25rem}.case-study-phase--impact{row-gap:.65rem}.case-study-phase>.case-study-story-block:only-of-type:not(.case-study-hmw):not(.case-study-next-steps):not(.case-study-information-architecture):not(.case-study-decisions-section):not(.case-study-constraints){grid-column-gap:3rem;align-items:start;column-gap:3rem;display:grid;grid-column:1/-1;grid-template-areas:"step copy" "title copy";grid-template-columns:minmax(14rem,.8fr) minmax(0,1.2fr)}.case-study-phase>.case-study-story-block:only-of-type:not(.case-study-hmw):not(.case-study-next-steps):not(.case-study-information-architecture):not(.case-study-decisions-section):not(.case-study-constraints) .case-study-step{grid-area:step}.case-study-phase>.case-study-story-block:only-of-type:not(.case-study-hmw):not(.case-study-next-steps):not(.case-study-information-architecture):not(.case-study-decisions-section):not(.case-study-constraints) h3{grid-area:title}.case-study-phase>.case-study-story-block:only-of-type:not(.case-study-hmw):not(.case-study-next-steps):not(.case-study-information-architecture):not(.case-study-decisions-section):not(.case-study-constraints)>p:last-child{grid-area:copy;margin:0}.case-study-phase-heading{align-items:baseline;border-bottom:1px solid #b1efb833;display:flex;gap:.8rem;grid-column:1/-1;margin:0;padding-bottom:.8rem}.case-study-phase-heading span{color:#b1efb8;font-size:.68rem;font-weight:800}.case-study-phase-heading p{color:#f3f8f3;font-size:1.05rem;font-weight:600;letter-spacing:-.01em;margin:0}.case-study-hmw{background:linear-gradient(90deg,#b1efb80f,#0000);border-left:2px solid #b1efb8;grid-column:1/-1;padding:1.4rem 1.5rem}.case-study-hmw blockquote{color:#f2f7f2;font-size:clamp(1.35rem,3vw,2rem);letter-spacing:-.025em;line-height:1.3;margin:1rem 0 0}.case-study-ending h3,.case-study-story-block h3{font-size:clamp(1.25rem,2.5vw,1.75rem);font-weight:600;letter-spacing:-.02em;margin:0 0 .8rem}.case-study-ending section>p:last-child,.case-study-story-block>p:last-child{color:#a9b1aa;font-size:.86rem;line-height:1.65}.case-study-goals{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr);list-style:none;margin:2rem 0 0;padding:0}.case-study-goals li{background:rgba(177,239,184,.035);border:1px solid #b1efb824;border-radius:.75rem;color:#dce8dd;font-size:.78rem;padding:1rem}.case-study-process{border-top:1px solid #b1efb829;list-style:none;margin:2rem 0 0;padding:0}.case-study-process li{grid-gap:.6rem;border-bottom:1px solid #b1efb829;color:#dce3dd;display:grid;font-size:.78rem;gap:.6rem;grid-template-columns:2rem 1fr;line-height:1.5;padding:.9rem 0}.case-study-process span{color:#b1efb8;font-size:.72rem}.case-study-constraints{grid-column:1/-1}.case-study-constraints .case-study-process{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.case-study-constraints .case-study-process li{border-right:1px solid #b1efb829;display:flex;flex-direction:column;gap:.75rem;min-width:0;padding:1rem 1.25rem}.case-study-constraints .case-study-process li:last-child{border-right:0}.case-study-decisions-section,.case-study-information-architecture,.case-study-next-steps{grid-column:1/-1}.case-study-information-architecture .case-study-goals{grid-template-columns:repeat(3,minmax(0,1fr))}.case-study-next-steps .case-study-goals{grid-template-columns:repeat(5,minmax(0,1fr))}.case-study-decisions{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(3,1fr);margin-top:1.25rem}.case-study-decisions article{background:#090d0a;border:1px solid #b1efb82e;border-radius:1rem;padding:1.5rem}.case-study-decisions h4{color:#eff8f0;font-size:.95rem;margin:0 0 .8rem}.case-study-decisions p{color:#909a91;font-size:.78rem;line-height:1.65;margin:0}.case-study-ending{grid-gap:3rem;display:grid;gap:3rem;grid-column:1/-1;grid-template-columns:1fr 1fr;margin:0;max-width:none}.case-study-ending section{border-top:1px solid #b1efb838;padding:1.25rem .25rem 0}.case-study-ending section:only-child{grid-column:1/-1}.case-study-final-design{grid-gap:0;align-items:stretch;background:rgba(177,239,184,.035);border:1px solid #b1efb82e;border-radius:1rem;display:grid;gap:0;grid-column:1/-1;grid-template-columns:1.15fr 1fr;grid-template-rows:minmax(0,1fr);height:17rem;margin:0;max-width:none;overflow:hidden;padding:0;width:100%}.case-study-final-design img{border-radius:0;object-fit:cover}.case-study-final-design iframe,.case-study-final-design img{display:block;height:17rem;min-height:0;min-width:0;width:100%}.case-study-final-design iframe{background:#0a0d0b;border:0;border-radius:0}.case-study-final-placeholder{background:linear-gradient(135deg,#12291b,#07110b);border-radius:0;color:#b1efb833;display:grid;font-size:8rem;font-weight:700;height:100%;letter-spacing:-.08em;place-items:center}.case-study-final-design>div{display:flex;flex-direction:column;justify-content:center;min-height:0;min-width:0;padding:1.25rem 1.75rem}.case-study-final-design h3{font-size:clamp(1.7rem,3vw,2.5rem);letter-spacing:-.035em;margin:0 0 1rem}.case-study-final-design>div>p:not(.case-study-step){color:#9da69e;font-size:.84rem;line-height:1.7;margin:0 0 1.5rem}.case-study-final-design a{color:#b1efb8;font-size:.8rem;font-weight:800;text-decoration:none}.case-study-final-design a:hover{text-decoration:underline}.case-study-modal-footer{align-items:center;border-top:1px solid #b1efb82e;display:flex;gap:1rem;justify-content:space-between;padding-top:2rem}.case-study-modal-footer a,.case-study-modal-footer p{color:#b1efb8;font-size:.8rem;font-weight:700;margin:0;text-decoration:none}.case-study-modal-footer button{background:#0000;border:1px solid #b1efb859;border-radius:999px;color:#dff5e1;cursor:pointer;font-size:.76rem;padding:.8rem 1rem}@keyframes modal-backdrop-in{0%{opacity:0}}@keyframes modal-panel-in{0%{opacity:0;transform:translateY(18px) scale(.985)}}.projects-heading .proj{color:#fff;font-size:2rem;font-weight:700;letter-spacing:-.025em;line-height:1.15;margin:0}.projects-grid{column-count:3;column-gap:1rem}.project-card{background:#020403;border:1px solid #b1efb86b;border-radius:1.4rem;box-shadow:0 18px 55px #00000052,0 0 0 #b1efb800;break-inside:avoid;color:#fff;display:inline-block;margin:0 0 1rem;overflow:hidden;page-break-inside:avoid;transition:border-color .25s ease,transform .25s ease,box-shadow .25s ease;width:100%}.project-card:hover{border-color:#b1efb8e0;box-shadow:0 24px 70px #00000080,0 0 22px #b1efb817;transform:translateY(-5px)}.project-image-wrap{background:radial-gradient(circle at 20% 10%,#38543c,#151b16 50%,#0c0e0c);height:15rem;overflow:hidden;position:relative}.project-card--short .project-image-wrap{height:11.5rem}.project-card--medium .project-image-wrap{height:15rem}.project-card--tall .project-image-wrap{height:20rem}.project-image{display:block;height:100%;object-fit:cover;transition:transform .55s cubic-bezier(.2,.7,.2,1),filter .3s ease;width:100%}.project-card:hover .project-image{filter:saturate(1.08);transform:scale(1.035)}.project-image-shade{background:linear-gradient(180deg,#00000008 45%,#0000009e);inset:0;pointer-events:none;position:absolute}.featured-pill{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#080c09b3;border:1px solid #ffffff38;border-radius:999px;color:#d9ffdd;font-size:.68rem;font-weight:700;left:1rem;letter-spacing:.08em;padding:.42rem .72rem;position:absolute;text-transform:uppercase;top:1rem}.project-actions{bottom:.8rem;display:flex;gap:.45rem;opacity:0;position:absolute;right:.8rem;transform:translateY(7px);transition:opacity .25s ease,transform .25s ease}.project-card:focus-within .project-actions,.project-card:hover .project-actions{opacity:1;transform:translateY(0)}.project-actions a{align-items:center;background:#b1efb8;border-radius:999px;color:#0b130c;display:flex;font-size:.72rem;font-weight:800;gap:.4rem;padding:.55rem .72rem;text-decoration:none}.project-actions img{filter:brightness(0) saturate(100%);height:.9rem;object-fit:contain;width:.9rem}.project-info{padding:1.2rem 1.25rem 1.35rem}.project-info h3{color:#eff8f0;font-size:1.18rem;font-weight:700;letter-spacing:-.02em;margin:0}.project-info>p{color:#939b95;font-size:.8rem;line-height:1.55;margin:.55rem 0 1rem}.project-tags{display:flex;flex-wrap:wrap;gap:.4rem;list-style:none;margin:0;padding:0}.project-tags li{background:rgba(177,239,184,.055);border:1px solid #b1efb824;border-radius:999px;color:#b7c8b9;font-size:.64rem;line-height:1;padding:.33rem .55rem}@media (max-width:900px){#projects{margin-top:0;padding:3.5rem 2rem 4rem}.projects-grid{column-count:2}}@media (max-width:768px){#projects{margin-top:0;padding:2rem 1.25rem 4rem}.projContent{padding:0}.case-studies{margin-bottom:2.5rem}.case-study-feature{border-radius:1.5rem;min-height:34rem}.case-study-image--cartograph{animation:none;object-fit:cover!important;object-position:center!important;transform:scale(1.65) translateY(-5%);transform-origin:center}.case-study-overlay{background:linear-gradient(0deg,#020603e6,#0206039e 52%,#02060314)}.case-study-content{justify-content:flex-end;max-width:none;min-height:34rem;padding:11rem 4rem 3rem}.case-study-modal-backdrop{padding:.75rem}.case-study-modal{border-radius:1.2rem;max-height:calc(100vh - 5.5rem)}.case-study-modal-hero{min-height:24rem}.case-study-modal-intro{padding:2.25rem}.case-study-modal-body{padding:0 2.25rem 2.5rem}.case-study-meta{grid-template-columns:repeat(2,1fr);margin-bottom:3rem}.case-study-meta div:nth-child(2){border-right:0}.case-study-meta div:nth-child(-n+2){border-bottom:1px solid #b1efb82e}.case-study-story-block{margin:0}.case-study-decisions{grid-template-columns:1fr}.case-study-decisions-section .case-study-decisions{grid-template-columns:repeat(3,minmax(0,1fr))}.case-study-information-architecture .case-study-goals{grid-template-columns:repeat(2,1fr)}.case-study-next-steps .case-study-goals{grid-template-columns:repeat(3,1fr)}.case-study-constraints .case-study-process{grid-template-columns:repeat(2,1fr)}.case-study-constraints .case-study-process li:nth-child(2){border-right:0}.case-study-ending{gap:1rem}.case-study-ending,.case-study-final-design{grid-template-columns:1fr}.projects-heading{margin-bottom:2rem}.projects-heading .proj{font-size:1.85rem}.projects-grid{column-count:1}.project-card{margin-bottom:1.25rem}.project-card--medium .project-image-wrap,.project-card--short .project-image-wrap,.project-image-wrap{height:15rem}.project-card--tall .project-image-wrap{height:18rem}.project-actions{opacity:1;transform:none}.project-actions a{min-height:2.75rem;padding:.55rem .85rem}}@media (max-width:560px){#projects{padding:2rem 1.25rem 3.5rem}.projContent{padding:0}.case-studies{margin-bottom:2.25rem}.case-study-feature{border-radius:1.2rem;min-height:31rem}.case-study-content{min-height:31rem;padding:9rem 2.1rem 3.5rem}.case-study-content h3{font-size:2.7rem}.case-study-description{font-size:.85rem;margin:1rem 0}.case-study-arrow{height:2.65rem;top:1rem;transform:none;width:2.65rem}.case-study-arrow--previous{left:auto;right:4.25rem}.case-study-arrow--next{right:1rem}.case-study-pagination{bottom:1.25rem;left:2.1rem;right:auto}.case-study-modal-backdrop{padding:0}.case-study-modal{border:0;border-radius:0;max-height:calc(100vh - 4rem);width:100%}.case-study-modal-hero{min-height:23rem}.case-study-modal-intro{padding:1.5rem}.case-study-modal-intro h2{font-size:2.35rem}.case-study-modal-intro>p:last-child{font-size:.86rem}.case-study-modal-body{padding:0 1.5rem 2rem}.case-study-meta{grid-template-columns:1fr;margin-bottom:2.5rem}.case-study-meta div{border-bottom:1px solid #b1efb82e;border-right:0}.case-study-meta div:last-child{border-bottom:0}.case-study-decisions-section .case-study-decisions,.case-study-goals,.case-study-information-architecture .case-study-goals,.case-study-next-steps .case-study-goals,.case-study-phase{grid-template-columns:1fr}.case-study-phase{gap:.8rem;margin-bottom:3rem}.case-study-phase>.case-study-story-block:only-of-type:not(.case-study-hmw):not(.case-study-next-steps):not(.case-study-information-architecture):not(.case-study-decisions-section):not(.case-study-constraints){display:block}.case-study-constraints .case-study-process{grid-template-columns:1fr}.case-study-constraints .case-study-process li{border-right:0;flex-direction:row}.case-study-final-design{grid-template-rows:auto auto;height:auto;padding:0}.case-study-final-design img,.case-study-final-placeholder{height:11rem}.case-study-final-design iframe{height:16rem}.case-study-final-design>div{padding:1.25rem}.case-study-final-design h3{font-size:1.5rem}.case-study-modal-footer{align-items:flex-start;flex-direction:column}.projects-heading{margin-bottom:1.6rem}.projects-heading .proj{font-size:1.85rem}.projects-grid{column-count:1}.project-card{border-radius:1.2rem}.project-card--medium .project-image-wrap,.project-card--short .project-image-wrap{height:13rem}.project-card--tall .project-image-wrap{height:16rem}.project-actions{opacity:1;transform:none}.project-actions a{min-height:2.75rem;padding:.55rem .85rem}.project-info{padding:1.1rem}.project-info>p{font-size:.84rem}.project-tags li{font-size:.68rem;padding:.4rem .58rem}}@media (prefers-reduced-motion:reduce){.case-study-arrow,.case-study-image,.case-study-modal,.case-study-modal-backdrop,.case-study-pagination button,.project-actions,.project-card,.project-image{animation:none;transition:none}}.koi-pond{display:block;left:0;pointer-events:none;position:absolute;top:0;z-index:0}.App.game-active>.koi-pond{inset:0;position:fixed;z-index:5}.App,.App>:not(.koi-pond){position:relative;z-index:1}.App>.navbar{inset:0 0 auto;overflow:visible;position:fixed;z-index:1500}.App.game-active>:not(.koi-pond):not(.navbar):not(.pond-game-layer){opacity:1;pointer-events:auto}.App>.pond-game-layer{animation:pond-appear .55s ease both;background:#0000;height:100%;inset:0 0 auto;overflow:hidden;pointer-events:none;position:absolute;z-index:10}.pond-moonlight{background:radial-gradient(ellipse,#e2f6ec1a,rgba(177,239,184,.025) 48%,#0000 72%);border-radius:50%;filter:blur(14px);height:36rem;left:50%;position:absolute;top:-22rem;transform:translateX(-50%);transition:opacity .8s ease,filter .8s ease;width:52rem}.pond-game-layer.dimmed .pond-moonlight{filter:blur(35px);opacity:.08}.pond-game-layer.dimmed{background:radial-gradient(circle at 50% 45%,#070f0b14,#000000b8)}.pond-mist{animation:mist-drift 11s ease-in-out infinite alternate;background:rgba(191,223,207,.035);border-radius:50%;filter:blur(50px);height:32%;position:absolute;width:45%}.pond-mist-left{bottom:-12%;left:-13%}.pond-mist-right{animation-delay:-5s;right:-18%;top:24%}@keyframes mist-drift{to{transform:translate3d(28px,-12px,0) scale(1.08)}}.pond-particles{inset:0;position:absolute}.pond-particles i{animation:particle-drift 6s ease-in-out infinite;background:#cdffdf99;border-radius:50%;box-shadow:0 0 7px #b1efb880;height:2px;position:absolute;width:2px}.pond-rain{inset:0;overflow:hidden;pointer-events:none;position:absolute}.pond-rain i{animation:rain-fall .9s linear infinite;background:linear-gradient(#0000,#cdffdf52);height:1.5rem;position:absolute;top:-2rem;width:1px}@keyframes rain-fall{to{transform:translate3d(-3rem,calc(100vh + 4rem),0)}}@keyframes particle-drift{0%,to{opacity:.08;transform:translateY(6px)}45%{opacity:.65;transform:translateY(-11px)}}.pond-flow{fill:none;stroke:#b1efb817;stroke-width:1.3;stroke-dasharray:4 12;animation:water-flow 15s linear infinite;height:87%;inset:10% 4% 3%;position:absolute;width:92%;z-index:1}.pond-flow .flow-echo{stroke:hsla(0,0%,100%,.045);stroke-dasharray:2 16}@keyframes water-flow{to{stroke-dashoffset:-128}}@keyframes pond-appear{0%{opacity:0}to{opacity:1}}.pond-game-intro{color:#ffffff80;left:2rem;position:absolute;text-align:left;top:7rem}.pond-complete{animation:complete-glow 2s ease-in-out infinite alternate;bottom:7%;color:#b1efb8b8;font-size:.7rem;left:50%;letter-spacing:.12em;position:absolute;transform:translateX(-50%)}@keyframes complete-glow{to{color:#fff;text-shadow:0 0 14px #b1efb8cc}}.pond-game-intro span{color:#b1efb8;font-size:.7rem;letter-spacing:.22em}.pond-game-intro p{font-size:.78rem;margin-top:.45rem}.pearl-counter{align-items:baseline;color:#ffffff75;display:flex;font:.7rem/1 ui-monospace,monospace;gap:.25rem;position:fixed;right:3rem;top:7rem}.pearl-counter strong{color:#fff;font-size:1.35rem;font-weight:400}.koi-scroll-hint{animation:koi-hint-in .28s ease both;background:#050c09f0;border:1px solid #b1efb87a;border-radius:1rem 1rem 1rem .25rem;box-shadow:0 14px 38px #0000007a,0 0 20px #b1efb814;color:#dce8dd;left:calc(14% + 2.8rem);padding:.85rem 1rem;position:fixed;top:calc(52% - 7rem);width:min(17rem,calc(100vw - 6rem))}.koi-scroll-hint:after{background:#050c09f0;border-bottom:1px solid #b1efb87a;bottom:-.05rem;content:"";height:1rem;left:-.55rem;position:absolute;transform:skew(-35deg);width:1rem}.koi-scroll-hint span,.koi-scroll-hint strong{display:block}.koi-scroll-hint strong{color:#b1efb8;font-size:.75rem}.koi-scroll-hint span{color:#aeb8af;font-size:.68rem;line-height:1.5;margin-top:.35rem}@keyframes koi-hint-in{0%{opacity:0;transform:translateY(7px) scale(.97)}}.pond-dpad{grid-gap:.3rem;bottom:2rem;display:grid;gap:.3rem;grid-template-columns:repeat(3,2.1rem);grid-template-rows:repeat(2,2.1rem);pointer-events:auto;position:fixed;right:2rem;z-index:5}.pond-dpad,.pond-dpad button{-webkit-touch-callout:none;user-select:none;-webkit-user-select:none}.pond-dpad button{background:#050c12c7;border:1px solid #b1efb838;border-radius:.4rem;color:#ffffff9e;cursor:pointer;font:.85rem ui-monospace,monospace;touch-action:none}.pond-dpad button.active,.pond-dpad button:active,.pond-dpad button:hover{border-color:#b1efb8;box-shadow:0 0 14px #b1efb83d;color:#b1efb8}.dpad-up{grid-column:2}.dpad-left{grid-column:1;grid-row:2}.dpad-down{grid-column:2;grid-row:2}.dpad-right{grid-column:3;grid-row:2}.moon-pearl{animation:pearl-pulse 2.2s ease-in-out infinite;background:#fff;border-radius:50%;box-shadow:0 0 5px #fff,0 0 15px #b1efb8e6,0 0 34px #b1efb861;height:.58rem;position:absolute;translate:-50% -50%;width:.58rem;z-index:3}.moon-pearl:after{animation:pearl-ring 2.2s ease-out infinite;border:1px solid #b1efb838;border-radius:50%;content:"";inset:-.8rem;position:absolute}@keyframes pearl-pulse{50%{filter:brightness(1.35);scale:1.25}}@keyframes pearl-ring{0%{opacity:.8;scale:.35}to{opacity:0;scale:1.25}}.pearl-complete{animation:complete-glow 1.7s ease-in-out infinite alternate;bottom:12%;color:#b1efb8;font-size:.75rem;left:50%;letter-spacing:.12em;position:fixed;text-shadow:0 0 14px #b1efb8a6;translate:-50% 0}.game-complete-backdrop{animation:pond-appear .35s ease both;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000b3;display:grid;inset:0;padding:1.25rem;place-items:center;position:fixed!important;z-index:3000!important}.game-complete-modal{background:#070d11;border:1px solid #b1efb847;border-radius:1.2rem;box-shadow:0 25px 80px #000000b3;color:#b8bdc5;padding:2.4rem;text-align:center;width:min(100%,27rem)}.complete-sparkle{color:#b1efb8;font-size:1.6rem;text-shadow:0 0 18px #b1efb8b3}.complete-eyebrow{color:#b1efb8;font-size:.62rem;letter-spacing:.18em;margin-top:.7rem}.game-complete-modal h2{color:#fff;font-size:1.8rem;margin:.45rem 0 .75rem}.game-complete-modal>p:last-of-type{font-size:.84rem;line-height:1.55}.complete-actions{display:flex;gap:.65rem;justify-content:center;margin-top:1.5rem}.complete-actions button{background:#b1efb8;border:1px solid #b1efb8;border-radius:999px;color:#07100a;cursor:pointer;padding:.7rem 1rem}.complete-actions .complete-secondary{background:#0000;border-color:#303944;color:#aeb4bd}.pond-controls{display:flex;gap:.45rem;pointer-events:auto;position:absolute;right:2.5rem;top:6.8rem;z-index:4}.pond-controls button{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#040a089e;border:1px solid #b1efb829;border-radius:999px;color:#ffffff75;cursor:pointer;display:flex;font-size:.68rem;gap:.35rem;padding:.42rem .62rem}.pond-controls button.active,.pond-controls button:hover{border-color:#b1efb88c;color:#dff7e2}.lily-pad{animation:lily-float 4s ease-in-out infinite;background:radial-gradient(circle at 35% 28%,#2b5034,#173521 58%,#0b2314);border:1px solid #b1efb857;border-radius:50%;box-shadow:inset 8px 7px 18px #b1efb814,0 10px 35px #00000080;color:#dff7e2;cursor:pointer;height:5.7rem;pointer-events:auto;position:absolute;transition:transform .25s ease,filter .25s ease,border-color .25s ease;width:8.5rem;z-index:2}.lily-pad:before{border:1px solid #b1efb800;border-radius:50%;content:"";inset:-10px;position:absolute;transform:scale(.7);transition:border-color .25s ease,transform .65s ease,opacity .65s ease}.lily-pad:after{background:#010302;-webkit-clip-path:polygon(100% 0,0 0,62% 100%);clip-path:polygon(100% 0,0 0,62% 100%);content:"";height:52%;position:absolute;right:5%;top:-2px;width:45%}.lily-pad span{font-size:.78rem;letter-spacing:.08em;opacity:.38;position:relative;transition:opacity .25s ease,text-shadow .25s ease;z-index:1}.lily-pad b{color:#b1efb8;font-size:.6rem;left:20%;opacity:0;position:absolute;top:17%}.lily-pad.visited b{opacity:.8}.lily-pad.visited{border-color:#b1efb894}.lily-pad:focus-visible,.lily-pad:hover{border-color:#b1efb8;filter:brightness(1.3);outline:none;transform:translateY(-5px) scale(1.05)}.lily-pad:focus-visible:before,.lily-pad:hover:before{border-color:#b1efb847;opacity:0;transform:scale(1.35)}.lily-pad:focus-visible span,.lily-pad:hover span{opacity:1;text-shadow:0 0 9px #b1efb88c}.movable-lily{touch-action:none;translate:-50% -50%;-webkit-user-select:none;user-select:none}.movable-lily span{font-size:.62rem;opacity:0;text-transform:uppercase}.movable-lily:focus-visible span,.movable-lily:hover span{opacity:.68}.lily-small{height:4rem;width:5.9rem}.lily-medium{height:5.2rem;width:8rem}.lily-large{height:6.5rem;width:10rem}.lily-skills{animation-delay:-1.6s;height:4.6rem;right:23%;rotate:7deg;top:25%;width:6.8rem}.lily-about{height:5.4rem;left:24%;rotate:-6deg;top:39%;width:8.1rem}.lily-projects{animation-delay:-.8s;height:6.6rem;left:43%;rotate:4deg;top:57%;width:10rem}.lily-contact{animation-delay:-2.4s;height:5.2rem;right:15%;rotate:-8deg;top:73%;width:8rem}@keyframes lily-float{0%,to{margin-top:0}50%{margin-top:-7px}}.koi-game-hud{grid-gap:.15rem .65rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#040a12c2;border:1px solid #ffffff2e;border-radius:.7rem;color:#fff;display:grid;gap:.15rem .65rem;grid-template-columns:auto auto auto;left:3rem;padding:.6rem .8rem;pointer-events:none;position:fixed!important;top:5.2rem;z-index:998!important}.koi-game-hud span{color:#ffffff9e;font-size:.62rem;letter-spacing:.14em}.koi-game-hud strong{font:400 1.3rem/1 ui-monospace,monospace;grid-row:span 2}.koi-game-hud time{align-self:center;color:#ffffffb3;font:.72rem/1 ui-monospace,monospace;grid-column:3;grid-row:1/span 2}.koi-game-hud small{color:#fff6;font-size:.58rem}@media (max-width:550px){.App>.navbar{inset:0 0 auto;position:fixed}.koi-game-hud{left:1rem;top:7rem}.pond-game-intro{left:1rem;top:7.8rem;width:72%}.pond-controls{right:1rem;top:7.4rem}.pearl-counter{right:1.2rem;top:7.6rem}.pond-dpad{bottom:1.15rem;gap:.38rem;grid-template-columns:repeat(3,2.8rem);grid-template-rows:repeat(2,2.8rem);right:1.1rem}.pond-dpad button{background:#040c10e6;border-color:#b1efb86b;border-radius:.65rem;box-shadow:0 5px 18px #00000061;font-size:1.1rem}.pond-controls button{height:2rem;justify-content:center;padding:0;width:2rem}.pond-controls button span{display:none}.lily-small{height:3rem;width:4.5rem}.lily-medium{height:4.1rem;width:6.2rem}.lily-large{height:5rem;width:7.5rem}.lily-pad{height:4.3rem;width:6.5rem}.lily-skills{height:3.7rem;right:11%;top:27%;width:5.5rem}.lily-about{height:4.3rem;left:9%;top:39%;width:6.5rem}.lily-projects{height:5.1rem;left:42%;top:57%;width:7.7rem}.lily-contact{height:4.2rem;right:8%;top:75%;width:6.3rem}}@media (prefers-reduced-motion:reduce){.koi-pond{opacity:.72}.lily-pad,.pond-mist,.pond-particles i,.pond-rain i{animation:none}}#experience{margin:0 auto;max-width:75rem;min-height:42rem;padding:6rem 3rem 7rem;width:100%}.experience-heading{margin-bottom:2.5rem}.experience-heading h2{color:#fff;font-size:2rem;font-weight:700;letter-spacing:-.025em;line-height:1.15;margin:0}.experience-layout{grid-gap:2.2rem;display:grid;gap:2.2rem;grid-template-columns:10.5rem minmax(0,1fr);margin:0 auto;max-width:67rem}.experience-tabs{border-right:1px solid #b1efb833;display:flex;flex-direction:column;position:relative}.experience-tabs button{background:#0000;border:0;color:#8d929a;cursor:pointer;min-height:4.5rem;padding:0 1.4rem;position:relative;text-align:left;transition:color .2s ease,background .2s ease}.experience-tabs button:after{background:#0000;content:"";height:100%;position:absolute;right:-1px;top:0;width:2px}.experience-tabs button:hover{background:rgba(177,239,184,.035);color:#d8dbdf}.experience-tabs button.active{background:rgba(177,239,184,.055);color:#b1efb8}.experience-tabs button.active:after{background:#b1efb8;box-shadow:0 0 10px #b1efb861}.experience-role{animation:experience-in .35s ease both;padding:.7rem 0 0}@keyframes experience-in{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}.experience-role h3{color:#f4f4f3;font-size:clamp(1.35rem,2.5vw,2rem);font-weight:500;line-height:1.3;margin:0}.experience-role h3 span{color:#b1efb8;font-weight:inherit}.experience-date{color:#777e88;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.78rem;letter-spacing:.08em;margin:.8rem 0 2rem;text-transform:uppercase}.experience-role ul{grid-gap:1.25rem;display:grid;gap:1.25rem;list-style:none;margin:0;padding:0}.experience-role li{color:#888e96;font-size:1rem;line-height:1.75;padding-left:2rem;position:relative}.experience-role li:before{color:#b1efb8;content:"▹";left:0;position:absolute;top:.02rem}@media (max-width:720px){#experience{min-height:0;padding:4.5rem 1.25rem 5.5rem}.experience-heading{margin-bottom:2rem}.experience-heading h2{font-size:1.85rem}.experience-layout{display:block}.experience-tabs{border-bottom:1px solid #b1efb833;border-right:0;flex-direction:row;margin-bottom:2rem;overflow-x:auto;scrollbar-width:none}.experience-tabs::-webkit-scrollbar{display:none}.experience-tabs button{flex:0 0 auto;min-height:3.2rem;padding:0 1rem}.experience-tabs button:after{bottom:-1px;height:2px;right:0;top:auto;width:100%}.experience-role{padding-top:0}.experience-role li{font-size:.9rem;line-height:1.65;padding-left:1.5rem}}@media (prefers-reduced-motion:reduce){.experience-role{animation:none}}
/*# sourceMappingURL=main.c8835544.css.map*/