.option-wheel{--ow-text-color:#a6a6a6;--ow-active-color:#fff;--ow-font-size:3rem;--ow-inset:80px;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;outline:none;width:100%;height:100%;position:relative;overflow:auto hidden}.option-wheel--dragging{cursor:grabbing}.option-wheel__item{top:50%;left:var(--ow-inset);white-space:nowrap;font-size:var(--ow-font-size);transform-origin:0;cursor:pointer;will-change:transform, opacity, filter;color:color-mix(in srgb, var(--ow-active-color) calc(var(--ow-p,0) * 100%), var(--ow-text-color));font-weight:200;line-height:1;position:absolute}.option-wheel--right .option-wheel__item{left:auto;right:var(--ow-inset);transform-origin:100%}.option-wheel__item--selected{font-weight:500}
.card-swap-wrapper{flex-direction:row;justify-content:center;align-items:center;display:flex}.card-swap-container{perspective:900px;aspect-ratio:16/10;overflow:visible}.card{transform-style:preserve-3d;will-change:transform;backface-visibility:hidden;background:#000;border:1px solid #fff;border-radius:12px;position:absolute;top:50%;left:50%;overflow:hidden}
.hero{align-items:end;min-height:100svh;display:grid;position:relative;overflow:clip}.hero-image{object-fit:cover}.hero-image--mobile,.hero-image-layer--mobile,.hero-image-blur--mobile{display:none}.hero-image-layer{z-index:2;opacity:0;transition:opacity .6s;position:absolute;inset:0}.hero-image-layer.is-loaded{opacity:1}.hero-image-blur{z-index:1;filter:blur(10px)saturate(1.05);opacity:1;background-position:50%;background-size:cover;transition:opacity .5s;position:absolute;inset:0;transform:scale(1.02)}.hero-image-blur.is-hidden{opacity:0}.hero-placeholder{background:radial-gradient(circle at 70% 15%,#d3e2ff33,#0000 30%),radial-gradient(circle at 25% 80%,#8ecfff29,#0000 36%),linear-gradient(120deg,#1c2836,#2f1f39 50%,#102235);position:absolute;inset:0}.hero-backdrop{z-index:0;background:linear-gradient(130deg,#0b101614,#0b101652),linear-gradient(#0b10160a 52%,#0b10166b 100%);position:absolute;inset:0}.hero-meta{padding:2rem}.hero-meta p:first-child{font-size:var(--font-size)}.hero-content{z-index:5;max-width:50rem;margin:0 0 10rem 5rem;position:relative}.hero h1{text-wrap:balance;margin:0;font-size:clamp(2rem,6vw,4.75rem);line-height:.96}.hero-copy{max-width:34ch;color:var(--light-font-color);font-size:var(--font-size-large);margin:1rem 0 1.5rem;line-height:1.5}.content-wrapper{width:100%;max-width:1920px;height:fit-content;margin:auto auto 3rem}.home-section{color:var(--light-font-color);flex-direction:column;gap:3rem;height:700px;margin:9rem 3rem;display:flex}.home-section h2{margin:0}.home-wrapper{box-sizing:border-box;flex-direction:row;justify-content:space-between;align-items:center;width:100%;height:100%;display:flex}.home-wrapper>div{width:48%}.home-wrapper>.software-skills-info{width:65%;height:100%}.home-wrapper>.software-skills-wheel{width:35%}.gallery-teaser{height:100%}.gallery-teaser-media{border-radius:var(--border-radius-large);background:linear-gradient(160deg,#d9dee5,#ecf0f4);height:100%;position:relative;overflow:hidden}.gallery-image{object-fit:cover}.gallery-image-layer{z-index:1;opacity:0;transition:opacity .42s;position:absolute;inset:0}.gallery-image-layer.is-loaded{opacity:1}.gallery-image-blur{z-index:0;filter:blur(8px)saturate(1.05);opacity:1;background-position:50%;background-size:cover;transition:opacity .36s;position:absolute;inset:0;transform:scale(1.02)}.gallery-image-blur.is-hidden{opacity:0}.gallery-teaser-copy{box-sizing:border-box;z-index:2;flex-direction:column;justify-content:flex-end;gap:1rem;width:100%;height:100%;padding:0 0 4rem 4rem;display:flex;position:relative}.gallery-teaser-copy a{margin-top:1rem}.gallery-teaser-copy p,.gallery-teaser-copy h3{margin:0}.card-image-overlay{z-index:2;color:var(--light-font-color);font-size:var(--font-size-large);white-space:nowrap;pointer-events:none;border-radius:999px;padding:.5rem;font-weight:700;position:absolute;top:1rem;left:50%;transform:translate(-50%)}@media (max-width:1600px){.home-wrapper>.software-skills-wheel,.home-wrapper>.software-skills-info{width:50%}}@media (max-width:1000px){.home-section{height:fit-content;min-height:200px;margin:6rem 3rem}.home-wrapper{flex-direction:column;align-items:flex-start;gap:3rem;height:fit-content}.home-wrapper>div{width:100%}.home-wrapper>.software-skills-wheel{width:75%;min-height:300px}.home-wrapper>.software-skills-info{width:80%;min-height:200px;margin-top:6rem}}@media (max-width:777px){.hero-image--desktop,.hero-image-layer--desktop,.hero-image-blur--desktop{display:none}.hero-image--mobile,.hero-image-layer--mobile,.hero-image-blur--mobile{display:block}.hero-content{margin:0 0 3rem 1rem}.software-skills-wheel{overflow:hidden}.software-skills-wheel div{--ow-font-size:1.75rem;--ow-inset:20px}.home-section{margin:3rem 1rem 4rem}.home-wrapper>.software-skills-wheel{width:100%}.home-wrapper>.software-skills-info{margin-top:2rem}.gallery-teaser{grid-template-columns:1fr}.gallery-teaser-copy{padding:1rem}.card-image-overlay{font-size:var(--font-size-xsmall);padding:.25rem .5rem;font-weight:400}}
