.section-heading{gap:var(--space-2xl);margin-bottom:var(--space-4xl);grid-template-columns:40px 1fr minmax(200px,30%);align-items:start;display:grid}.section-heading h2{letter-spacing:-.055em;font-size:clamp(36px,4.2vw,76px);font-weight:650;line-height:1}.section-index{gap:var(--space-sm);margin-top:var(--space-xs);font-size:var(--text-small);color:var(--section-muted,var(--muted-foreground));align-items:center;display:flex}.section-index i{opacity:.5;background:currentColor;flex:1;height:1px}.section-heading-description{max-width:330px;padding-top:var(--space-xs);font-size:var(--text-body);color:var(--section-muted,var(--muted-foreground));line-height:1.5}@media (max-width:700px){.section-heading{gap:var(--space-lg);grid-template-columns:25px 1fr}.section-heading-description{grid-column:2}}.section-title-mask{overflow:clip}
.career{z-index:4;padding-top:var(--space-3xl);background:var(--background)}.career-timeline{margin-left:var(--space-8xl);position:relative}.career-line{background:var(--border-strong);width:1px;position:absolute;top:0;bottom:0}.career-line i{background:var(--primary);width:100%;height:100%;display:block}.career-entry{gap:var(--space-lg);min-height:180px;padding:var(--space-4xl) 0 var(--space-4xl) var(--space-6xl);margin-bottom:var(--space-lg);border:var(--border-subtle);border-radius:var(--radius-card);grid-template-columns:130px 1fr;align-items:center;display:grid;position:relative}.career-marker{background:var(--background);border:1px solid var(--border-strong);border-radius:50%;width:7px;height:7px;position:absolute;top:50%;left:-3px}.career-entry.is-active .career-marker{background:var(--primary);border-color:var(--primary)}.career-period{font-size:var(--text-small);color:var(--muted-foreground)}.career-name{z-index:1;position:relative}.career-name h3{letter-spacing:-.06em;max-width:75%;font-size:clamp(32px,4.7vw,70px);font-weight:550}.career-name>p{margin-top:var(--space-sm);font-size:var(--text-small);color:var(--muted-foreground)}.career-detail{max-width:500px}.career-preview{width:200px;height:140px;padding:var(--space-lg);color:var(--dark-foreground);pointer-events:none;background:var(--dark);border-radius:var(--radius-card);opacity:0;transition:opacity .25s,transform .35s var(--ease-out);flex-direction:column;justify-content:space-between;display:flex;position:absolute;top:50%;right:3%;transform:translateY(-40%)rotate(5deg)}.career-preview span{text-transform:uppercase;letter-spacing:.1em;font-size:8px}.career-preview b{letter-spacing:-.08em;font-size:72px;line-height:1}.career-entry:hover .career-preview{opacity:1;transform:translateY(-50%)rotate(-3deg)}.career-facts{gap:var(--space-8xl);margin:var(--space-8xl) 0 0 var(--space-8xl);flex-wrap:wrap;display:flex}.career-facts dt{letter-spacing:-.06em;font-size:64px}.career-facts dd{font-size:var(--text-small);color:var(--muted-foreground)}@media (max-width:700px){.career-timeline{margin-left:var(--space-sm)}.career-entry{gap:var(--space-md);min-height:155px;padding-left:var(--space-xl);grid-template-columns:40px 1fr}.career-name h3{max-width:none;font-size:32px}.career-preview{display:none}}@media (prefers-reduced-motion:reduce){.career-marker{background:var(--primary);border-color:var(--primary)}.career-preview{display:none}}
.text-link{gap:var(--space-lg);padding-block:var(--space-md);align-items:center;display:inline-flex;position:relative}.text-link svg{transition:transform var(--duration-hover) var(--ease-out)}.text-link:hover{color:var(--text-link-hover-color,var(--primary))}.text-link:hover svg{transform:translate(2px,3px)}.text-link:after{content:"";transform-origin:0;height:2px;transition:transform var(--duration-hover) var(--ease-out);background:currentColor;position:absolute;inset:auto 0 5px;transform:scaleX(0)}.text-link:hover:after{transform:scaleX(1)}
.portfolio-contact{z-index:6;padding-bottom:var(--space-2xl);margin-top:calc(-1*var(--radius-section));background:var(--background);border-radius:var(--radius-section) var(--radius-section) 0 0;overflow:clip}.contact-top{justify-content:space-between;align-items:center;display:flex}.back-to-top{gap:var(--space-3xl);font-size:var(--text-small);display:flex}.contact-content{gap:var(--space-3xl);padding-block:var(--section-space) var(--space-8xl);grid-template-columns:1fr 1fr;align-items:end;display:grid}.contact-content h2{letter-spacing:-.055em;font-size:clamp(32px,4.5vw,72px);font-weight:500}.contact-cta{letter-spacing:-.065em;font-size:clamp(40px,6.5vw,100px);line-height:1}.contact-cta>span{transition:transform var(--duration-hover);display:inline-block}.contact-cta:hover>span{transform:translate(5px,-5px)}.contact-links{gap:var(--space-3xl);grid-column:2;font-size:13px;display:flex}.contact-pending{font-size:var(--text-small);color:var(--muted-foreground);grid-column:2}.footer-wordmark{letter-spacing:-.08em;padding-block:.04em;font-size:27vw;font-weight:650;line-height:.85;display:flex;overflow:clip}.footer-bottom{padding-top:var(--space-2xl);margin-top:var(--space-3xl);font-size:var(--text-small);color:var(--muted-foreground);border-top:var(--border-subtle);justify-content:space-between;display:flex}@media (max-width:700px){.contact-top .eyebrow{max-width:150px;font-size:7px}.contact-content{padding-block:var(--space-8xl);grid-template-columns:1fr}.contact-links,.contact-pending{grid-column:1}.footer-bottom{gap:var(--space-md);font-size:var(--text-small);flex-wrap:wrap}}
.action-button{gap:var(--space-3xl);height:var(--action-button-height,56px);padding:0 var(--action-button-padding-inline,25px);color:var(--white);background:var(--primary);border-radius:var(--radius-pill);transition:transform var(--duration-hover) var(--ease-out),background var(--duration-hover);border:0;align-items:center;font-size:16px;font-weight:450;display:inline-flex}.action-button:hover{background:var(--primary-hover);transform:translateY(-2px)}.action-button:active{transform:scale(.97)}.action-button svg{width:20px;height:20px;transition:transform var(--duration-hover) var(--ease-out)}.action-button:hover svg{transform:translate(4px)}
.portfolio-hero{min-height:560px;padding:108px var(--gutter) var(--space-3xl);background:var(--background);position:relative;overflow:clip}.hero-copy{z-index:2;position:relative}.hero-copy h1{margin:var(--space-md) 0 var(--space-lg) -.045em;letter-spacing:-.075em;text-wrap:nowrap;font-size:clamp(70px,8vw,160px);font-weight:850;line-height:.84}.hero-line{width:max-content;margin:-.06em -.08em -.08em;padding:.06em .08em .08em;display:block;overflow:clip}.hero-name,.hero-surname{display:block}.hero-surname .cobalt{margin-left:.025em}.hero-subtitle{letter-spacing:-.025em;font-size:clamp(18px,1.65vw,27px);font-weight:500;line-height:1.3}.hero-secondary{margin-top:var(--space-md);font-size:var(--text-body);color:var(--muted-foreground);line-height:1.4}.hero-actions{gap:var(--space-5xl);margin-top:var(--space-2xl);align-items:center;display:flex}.hero-actions .text-link{gap:var(--space-2xl);font-size:14px}.hero-location{gap:var(--space-sm);margin-top:var(--space-2xl);font-size:var(--text-small);color:var(--muted-foreground);align-items:center;display:flex}.hero-art{border-radius:var(--radius-card);width:49%;position:absolute;top:0;bottom:0;right:0}.hero-orbit{aspect-ratio:1;background:var(--surface);border:var(--border-subtle);border-radius:var(--radius-circle);width:90%;position:absolute;top:26%;left:0}.hero-portrait-mask{border-radius:var(--radius-card);position:absolute;inset:60px -3% 0 0;overflow:clip}.hero-portrait{object-fit:contain;object-position:center bottom;filter:grayscale();transform-origin:bottom}.hero-grid{pointer-events:none;background-image:linear-gradient(to right, var(--border) 1px, transparent 1px),linear-gradient(to bottom, var(--border) 1px, transparent 1px);background-size:33.333% 33.333%;position:absolute;inset:0 20% 0 12%}.hero-annotation{color:var(--muted-foreground);font-size:9px;line-height:1.55;position:absolute;right:7%}.hero-annotation-top{top:25%}.hero-coordinates{right:5%;bottom:var(--space-3xl);max-width:110px;padding:var(--space-xs);color:var(--foreground);letter-spacing:.15em;background:var(--background);border-radius:var(--radius)}.hero-cross{color:var(--muted-foreground);position:absolute;top:20%;left:8%}.hero-marker{background:var(--primary);border-radius:var(--radius-circle);width:10px;height:10px;position:absolute;top:56%;right:20%}.hero-side-note{right:48%;bottom:var(--space-7xl);padding:var(--space-md);color:var(--muted-foreground);border-left:1px solid var(--border-strong);font-size:8px;line-height:1.6;position:absolute}.hero-side-note span{margin-top:var(--space-sm);display:block}.mobile-break{display:none}@media (min-width:1600px){.portfolio-hero{min-height:760px;padding-top:170px}}@media (max-width:1000px) and (min-width:701px){.portfolio-hero{min-height:620px}.hero-description{max-width:58%}.hero-side-note{display:none}}@media (max-width:700px){.portfolio-hero{min-height:auto;padding-top:116px;padding-bottom:var(--space-4xl)}.hero-copy h1{font-size:12.5vw;line-height:.88}.hero-art{top:calc(168px + 22vw);right:var(--gutter);bottom:auto;left:var(--gutter);border-bottom:1px solid var(--border-strong);width:auto;height:355px;overflow:clip}.hero-portrait-mask{inset:0;overflow:clip}.hero-portrait{object-position:60% bottom}.hero-orbit{width:80%;top:10%;left:10%}.hero-annotation-top{max-width:65px;font-size:7px;top:20%;right:0}.hero-coordinates{right:0;bottom:var(--space-sm)}.hero-description{padding-top:380px}.hero-subtitle{font-size:21px;line-height:1.4}.mobile-break{display:block}.desktop-break,.hero-side-note{display:none}.hero-location{font-size:11px}}
.spotlight-card{background:var(--spotlight-surface,var(--background));border:var(--border-subtle);isolation:isolate;position:relative;overflow:hidden}.spotlight-card:before{z-index:-1;pointer-events:none;content:"";background:radial-gradient(320px circle at var(--pointer-x,50%) var(--pointer-y,50%), var(--spotlight-color,var(--accent)), transparent 80%);opacity:0;transition:opacity var(--duration-hover);position:absolute;inset:0}.spotlight-card:is(:hover,:focus-within):before{opacity:1}@media (prefers-reduced-motion:reduce){.spotlight-card:before{display:none}}
.how-i-work{z-index:4;margin-top:calc(-1*var(--radius-section));background:var(--background);border-radius:var(--radius-section) var(--radius-section) 0 0}.principles-grid{gap:var(--space-lg);grid-template-columns:repeat(3,1fr);display:grid}.principle{min-height:330px;padding:var(--space-3xl);border-radius:var(--radius-card)}.principle-architecture{grid-column:span 2}.principle-performance,.principle-dx{--spotlight-surface:var(--surface)}.principle-mentoring{grid-column:span 2}.principle-top{color:var(--muted-foreground);justify-content:space-between;font-size:10px;display:flex}.principle-top span:last-child{color:var(--primary);font-size:20px;line-height:1}.principle h3{margin-bottom:var(--space-md);font-size:27px;font-weight:550}.principle>p{max-width:370px;font-size:var(--text-body);color:var(--muted-foreground);line-height:1.6}.principle-diagram{gap:var(--space-sm);width:100%;height:105px;margin-block:var(--space-md) var(--space-xl);align-items:center;display:flex}.principle-diagram i{border:1px solid var(--border-strong);border-radius:var(--radius);width:26px;height:26px;display:block}.diagram-architecture{gap:var(--space-3xl)}.diagram-architecture i{width:52px;height:40px;position:relative}.diagram-architecture i:not(:last-child):after{content:"";background:var(--border-strong);width:29px;height:1px;position:absolute;top:50%;left:100%}.diagram-architecture i:nth-child(3){border-color:var(--primary)}.diagram-performance{padding-bottom:var(--space-xl);align-items:flex-end}.diagram-performance i{background:var(--border);border-radius:var(--radius);border:0;width:15%}.diagram-performance i:nth-child(2){height:42px}.diagram-performance i:nth-child(3){height:56px}.diagram-performance i:nth-child(4){height:70px}.diagram-performance i:nth-child(5){background:var(--primary);height:80px}.diagram-dx i{border-radius:50%}.diagram-dx i:nth-child(3){border-color:var(--primary);width:48px;height:48px}.diagram-quality i{background:var(--border);border-radius:var(--radius);width:16px;height:16px}.diagram-quality i:last-child{background:var(--primary)}.diagram-product{justify-content:center}.diagram-product i{border-radius:50%;width:45px;height:45px;margin-left:-24px}.diagram-product i:nth-child(3){border-color:var(--primary)}.diagram-mentoring i{border-radius:var(--radius);width:32px;height:32px;transform:rotate(45deg)}.diagram-mentoring i:nth-child(2n){border-color:var(--primary);width:20px;height:20px}@media (max-width:1000px){.principles-grid{grid-template-columns:repeat(2,1fr)}.principle-architecture,.principle-mentoring{grid-column:auto}}@media (max-width:700px){.principles-grid{grid-template-columns:1fr}.principle{min-height:290px}.principle-diagram{height:85px}}
.chroma-grid{gap:var(--space-xl);isolation:isolate;grid-template-columns:repeat(3,minmax(0,1fr));display:grid;position:relative}.chroma-grid-veil{z-index:2;pointer-events:none;-webkit-backdrop-filter:grayscale();backdrop-filter:grayscale();position:absolute;inset:0}@media (hover:hover) and (prefers-reduced-motion:no-preference){.chroma-grid:hover .chroma-grid-veil{-webkit-mask-image:radial-gradient(circle 240px at var(--pointer-x,50%) var(--pointer-y,50%), transparent 10%, black 100%);mask-image:radial-gradient(circle 240px at var(--pointer-x,50%) var(--pointer-y,50%), transparent 10%, black 100%)}}.chroma-grid:focus-within .chroma-grid-veil{display:none}@media (max-width:700px){.chroma-grid{grid-template-columns:1fr}}
.playground{z-index:5;margin-top:calc(-1*var(--radius-section));border-radius:var(--radius-section) var(--radius-section) 0 0;overflow:clip}.experiment-card{border:1px solid var(--border);border-radius:var(--radius-card);position:relative}.experiment-select{width:100%;height:auto;color:inherit;text-align:left;white-space:normal;border-radius:var(--radius-card);border:0;padding:0;display:block}.experiment-select:hover{color:inherit;background:0 0}.experiment-select[aria-pressed=true] .experiment-caption{border-bottom:2px solid var(--accent-light)}.experiment-image{border-radius:var(--radius-card) var(--radius-card) 0 0;height:270px;position:relative;overflow:clip}.experiment-image img{object-fit:cover}.experiment-caption{min-height:90px;padding:var(--space-xl);border-radius:0 0 var(--radius-card) var(--radius-card);border-bottom:2px solid #0000;justify-content:space-between;align-items:center;display:flex}.experiment-caption small{margin-bottom:var(--space-xs);color:var(--dark-muted);font-size:9px;font-weight:400;display:block}.experiment-caption strong{letter-spacing:-.03em;font-size:20px;font-weight:500}.experiment-external{padding:0 var(--space-xl) var(--space-lg);font-size:var(--text-small);text-decoration:underline;display:block}.study-visual{color:var(--accent-light);background:#252a35;position:absolute;inset:0;overflow:clip}.study-grid{background-image:linear-gradient(#8ea5ff26 1px,#0000 1px),linear-gradient(90deg,#8ea5ff26 1px,#0000 1px);background-size:35px 35px;position:absolute;inset:-40%;transform:perspective(500px)rotateX(58deg)rotate(-28deg)}.study-shape{width:160px;height:160px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.study-shape i{border:1px solid;display:block;position:absolute;inset:0}.study-terrain{background:#303a48}.study-terrain .study-shape{width:65%;height:65%;transform:translate(-50%,-35%)rotate(-15deg)skew(-20deg)}.study-terrain .study-shape i{clip-path:polygon(0 100%,48% 0,100% 100%);background:#8ea5ff0a}.study-terrain .study-shape i:nth-child(2n){transform:translate(30%,12%)}.study-terrain .study-shape i:nth-child(3n){transform:translate(-28%,25%)}.study-network{color:#8eafa4;background:#23302e}.study-network .study-shape i{inset:30%;transform:rotate(45deg)}.study-network .study-shape i:nth-child(2n){transform:translate(65px,-55px)rotate(45deg)}.study-network .study-shape i:nth-child(3n){transform:translate(-65px,55px)rotate(45deg)}.study-network .study-shape i:last-child{border-radius:50%;inset:-10%;transform:rotateX(45deg)}.study-system .study-shape i{border-radius:50%}.study-system .study-shape i:nth-child(2n){transform:rotateY(65deg)rotate(-25deg)}.study-system .study-shape i:nth-child(3n){transform:rotateX(65deg)rotate(25deg)}.study-system .study-shape i:last-child{background:var(--primary);inset:35%}.study-coordinate{top:var(--space-lg);left:var(--space-lg);letter-spacing:.2em;font-size:7px;position:absolute}.playground-heading{margin-block:var(--section-space) var(--space-7xl);justify-content:space-between;align-items:flex-end;display:flex}.playground-heading h2{letter-spacing:-.075em;font-size:clamp(70px,12vw,200px);font-weight:650;line-height:.85}.playground-heading h2>span{display:block}.playground-heading>p{margin-bottom:var(--space-sm);font-size:var(--text-body);color:var(--dark-muted)}.playground-scene{border-radius:var(--radius-card);transform-origin:50%;height:65svh;min-height:400px;position:relative;overflow:clip}.playground-live{position:absolute;inset:0}.playground-live .study-shape{width:min(45vw,450px);height:min(45vw,450px)}.playground-live-label{bottom:var(--space-4xl);left:var(--space-4xl);gap:var(--space-sm);color:var(--dark-foreground);flex-direction:column;display:flex;position:absolute}.playground-live-label>span{letter-spacing:.25em;font-size:8px}.playground-live-label strong{letter-spacing:-.05em;font-size:clamp(30px,4vw,60px);font-weight:500;line-height:1}.playground-live-label small{font-size:var(--text-small);color:var(--dark-muted)}.playground-reticle{top:var(--space-4xl);right:var(--space-4xl);color:var(--dark-muted);font-size:24px;position:absolute}.playground-selection{margin-top:var(--space-lg);font-size:var(--text-small);color:var(--dark-muted)}.stack-section{gap:var(--space-4xl);padding-top:var(--section-space);grid-template-columns:1fr 3fr;align-items:baseline;display:grid}.stack-section ul{gap:var(--space-md) var(--space-4xl);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.stack-section li{letter-spacing:-.04em;transition:color var(--duration-hover);font-size:clamp(24px,3.5vw,48px);line-height:1.3}.stack-section li:hover{color:var(--accent-light)}@media (max-width:700px){.playground-heading{display:block}.playground-heading h2{font-size:18vw}.playground-heading>p{margin-top:var(--space-3xl)}.playground-scene{height:55svh;min-height:380px}.playground-live-label{bottom:var(--space-xl);left:var(--space-xl)}.stack-section{grid-template-columns:1fr}}