.hero{min-height:clamp(30rem,76vh,44rem);padding-block:var(--section-pad);align-items:center;padding-top:3rem;padding-bottom:2.5rem;display:flex}.hero__inner{grid-template-columns:minmax(0,1fr) minmax(0,.68fr);align-items:center;gap:clamp(2rem,4vw,3.5rem);width:100%;display:grid;position:relative}.hero__text{min-width:0}.hero__figure{flex-direction:column;min-width:0;display:flex;position:relative}.hero__media{aspect-ratio:3/4;position:relative;overflow:hidden}.hero__photo-img{object-fit:cover;width:100%;height:100%;-webkit-mask-image:linear-gradient(#000 70%,#0000 100%);mask-image:linear-gradient(#000 70%,#0000 100%)}.hero__heading{margin-top:var(--space-4);white-space:pre-line;max-width:24ch;font-size:clamp(2.25rem,4.8vw,3.25rem);line-height:1.08}.hero__heading-visual{display:block;position:relative}.hero__heading-sizer{visibility:hidden}.hero__heading-live{position:absolute;inset:0}.hero__cursor{vertical-align:-.14em;background-color:var(--gold);width:2px;height:1em;margin-left:.08em;animation:1.1s step-end infinite hero-cursor-blink;display:inline-block}@keyframes hero-cursor-blink{0%,49%{opacity:1}50%,99%{opacity:0}to{opacity:1}}.hero__summary{margin-top:var(--space-4);max-width:48ch;color:var(--text);font-size:1.0625rem}.hero__actions{margin-top:var(--space-5);gap:var(--space-3);flex-wrap:wrap;display:flex}@media (width<=60rem){.hero__inner{gap:var(--space-5);grid-template-columns:minmax(0,1fr)}.hero__figure{max-width:24rem}}@media (width<=34rem){.hero{min-height:clamp(24rem,58vh,34rem)}.hero__summary{font-size:1rem}.hero__actions{margin-top:var(--space-4);flex-direction:column;align-items:stretch}}@media (prefers-reduced-motion:reduce){.hero__cursor{animation:none}}.marquee{border-top:1px solid #ffffff14;border-bottom:1px solid #ffffff14;width:100%;padding:1rem 0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.marquee__track{will-change:transform;gap:0;width:max-content;animation:30s linear infinite marquee;display:flex}.marquee:hover .marquee__track,.marquee:focus-within .marquee__track{animation-play-state:paused}.marquee__group{align-items:center;gap:2.5rem;padding-inline:1.25rem;display:flex}.marquee__item{align-items:center;gap:.5rem;min-width:0;display:flex}.marquee__logo{flex:none;width:24px;height:24px;display:block}.marquee__name{color:var(--text-muted);white-space:nowrap;font-size:.875rem}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.marquee__track{flex-wrap:wrap;justify-content:center;width:100%;animation:none}}.about__inner{text-align:left;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(2rem,5vw,4rem);display:grid}.about__figure{margin:0}.about__figure img{aspect-ratio:1;object-fit:cover;object-position:75% 40%;border:1px solid #ffffff14;border-radius:12px;width:100%;display:block}.about__body{max-width:60ch}.about__heading{margin-top:var(--space-3);text-wrap:balance;font-size:clamp(1.875rem,3.8vw,2.875rem)}.about__text{color:var(--text-muted);margin-top:1rem;font-size:1.0625rem;line-height:1.7}.about__heading+.about__text{margin-top:1.25rem}@media (width<=800px){.about__inner{gap:var(--space-5);grid-template-columns:minmax(0,1fr)}.about__figure{width:100%;max-width:480px;margin-inline:auto}.about__figure img{aspect-ratio:4/3}}.tech__grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:1.25rem;margin-top:2rem;display:grid}.tech__card{background-color:#1b1d22;border:1px solid #ffffff14;border-radius:14px;flex-direction:column;padding:10px;transition:border-color .16s;display:flex;overflow:hidden}.tech__card:hover{border-color:#ffffff3d}.tech__header{border-bottom:1px solid #ffffff14;border-radius:10px;align-items:flex-end;height:130px;padding:1.25rem;display:flex;position:relative;overflow:hidden}.tech__title{z-index:1;font-family:var(--font-serif);color:#fff;font-size:clamp(1.5rem,2.2vw,1.9rem);line-height:1.1;position:relative}.tech__card[data-tone=backend] .tech__header{background-image:linear-gradient(135deg,#3a4560,#1f2433)}.tech__card[data-tone=frontend] .tech__header{background-image:linear-gradient(135deg,#a8761f,#4a3410)}.tech__card[data-tone=engineering] .tech__header{background-image:linear-gradient(135deg,#a65a45,#4a2a22)}.tech__card[data-tone=testing] .tech__header{background-image:linear-gradient(135deg,#5f8a5f,#243824)}.tech__header:before,.tech__header:after{content:"";z-index:0;pointer-events:none;width:40%;position:absolute;top:0;bottom:0;right:0}.tech__card[data-tone=backend] .tech__header:before{background-image:linear-gradient(#ffffff24,#ffffff24),linear-gradient(#ffffff1c,#ffffff1c),linear-gradient(#ffffff17,#ffffff17),linear-gradient(#ffffff14,#ffffff14);background-position:right 0 center,right 24px center,right 48px center,right 72px center;background-repeat:no-repeat;background-size:14px 100%}.tech__card[data-tone=backend] .tech__header:after{content:none}.tech__card[data-tone=frontend] .tech__header:before{background-image:repeating-radial-gradient(circle at 100% 0,#0000 0 18px,#ffffff1a 18px 20px)}.tech__card[data-tone=frontend] .tech__header:after{background-image:repeating-radial-gradient(circle at 100% 100%,#0000 0 13px,#ffffff14 13px 15px)}.tech__card[data-tone=engineering] .tech__header:before{background-image:repeating-linear-gradient(135deg,#ffffff1a 0 10px,#0000 10px 34px)}.tech__card[data-tone=engineering] .tech__header:after{background-image:repeating-linear-gradient(135deg,#ffffff14 0 3px,#0000 3px 22px)}.tech__card[data-tone=testing] .tech__header:before{background-image:radial-gradient(#ffffff2e 2px,#0000 2px);background-position:100% 0;background-size:12px 12px}.tech__card[data-tone=testing] .tech__header:after{content:none}.tech__body{padding:1.1rem .9rem 1rem}.tech__tools{color:var(--text);font-size:1rem;line-height:1.7}@media (width<=1000px){.tech__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.tech__grid{grid-template-columns:minmax(0,1fr)}}.visual{gap:var(--space-2);flex-direction:column;display:flex}.visual__canvas{--cat:var(--cream);gap:var(--space-2);padding:var(--space-3);background-color:var(--surface);border:var(--rule-soft);aspect-ratio:24/10;flex-direction:column;display:flex;position:relative;overflow:hidden}.visual[data-accent=gold] .visual__canvas{--cat:var(--gold)}.visual__canvas--image{aspect-ratio:16/10;border-radius:var(--radius);gap:0;padding:0;overflow:hidden}.visual__canvas--image img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.visual__accent{background-color:var(--cat);width:3px;height:100%;position:absolute;top:0;left:0}.visual__head{background-color:var(--neutral-200);border:var(--rule-soft);flex:none;height:.875rem}.visual__cols{gap:var(--space-2);flex:1;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);min-height:0;display:grid}.visual__col,.visual__stack{gap:var(--space-2);flex-direction:column;display:flex}.visual__bar{background-color:var(--neutral-100);border:var(--rule-soft);flex:1}.visual__bar:last-child{flex:0 0 40%}.visual__meta{letter-spacing:.04em;flex-direction:column;font-size:.75rem;display:flex}.visual__name{text-transform:uppercase;color:var(--text);font-weight:700}.visual__note{color:var(--text-muted);letter-spacing:.02em}.work .section-heading{text-wrap:balance;max-width:none;margin-bottom:2rem}.work__track{scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;gap:1.25rem;padding-bottom:4px;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 92%,#0000);mask-image:linear-gradient(90deg,#000 92%,#0000)}.work__track::-webkit-scrollbar{display:none}.work__track.is-at-end{-webkit-mask-image:none;mask-image:none}.work__track:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.work__row{scroll-snap-align:start;background-color:#1b1d22;border:1px solid #ffffff14;border-radius:12px;flex:0 0 min(88%,760px);grid-template-columns:.95fr 1.05fr;align-items:center;gap:clamp(1.5rem,4vw,2.5rem);padding:1.25rem;display:grid}.work__visual{min-width:0}.work__visual .visual__canvas--image{aspect-ratio:16/10;border:1px solid #ffffff14;border-radius:8px;width:100%;max-height:260px;overflow:hidden}.work__visual .visual__canvas--image img{object-fit:cover;object-position:left top;width:100%;height:100%}.work__body{flex-direction:column;min-width:0;display:flex}.work__title{font-family:var(--font-serif);letter-spacing:-.01em;font-size:clamp(1.25rem,1.8vw,1.5rem)}.work__description{color:var(--text-muted);margin-top:.5rem;font-size:.9375rem}.work__tech{color:var(--text-muted);margin-top:.75rem;font-size:.875rem}.work__actions{align-items:center;gap:var(--space-3);margin-top:1rem;display:flex}.work__row:hover{border-color:#ffffff3d;transition:border-color .16s}.work__controls{justify-content:flex-end;gap:.5rem;margin-top:1rem;display:flex}.work__control{width:36px;height:36px;color:var(--text);cursor:pointer;background-color:#0000;border:1px solid #ffffff24;border-radius:8px;justify-content:center;align-items:center;padding:0;transition:border-color .16s,opacity .16s;display:inline-flex}.work__control:hover:not(:disabled){border-color:#ffffff47}.work__control:disabled{opacity:.4;cursor:default}.work__control:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.work__control svg{width:16px;height:16px}@media (width<=800px){.work__row{flex:0 0 88%;grid-template-columns:minmax(0,1fr)}}@media (width<=34rem){.work__row{padding:var(--space-3)}}@media (prefers-reduced-motion:reduce){.work__track{scroll-behavior:auto}}.process__panel{border:var(--rule);background-color:var(--surface);padding:1.75rem 2rem}.process__intro .section-heading{max-width:20ch;margin:0 0 1.25rem;font-size:1.75rem}.process__steps{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;margin-top:0;display:grid}.process__step{padding-inline:clamp(1rem,2.5vw,2rem)}.process__step:first-child{padding-left:0}.process__step:last-child{padding-right:0}.process__step+.process__step{border-left:var(--rule-soft)}.process__title{font-family:var(--font-sans);font-size:1.0625rem;font-weight:600}.process__text{margin-top:var(--space-2);color:var(--text-muted);font-size:.9375rem}@media (width<=900px){.process__steps{row-gap:var(--space-5);grid-template-columns:repeat(2,minmax(0,1fr))}.process__step+.process__step{border-left:0}.process__step:nth-child(2n){border-left:var(--rule-soft);padding-right:0}.process__step:nth-child(odd){padding-left:0}}@media (width<=560px){.process__steps{grid-template-columns:minmax(0,1fr);row-gap:0}.process__step,.process__step:nth-child(2n){border-left:0;padding-inline:0}.process__step+.process__step{margin-top:var(--space-4);padding-top:var(--space-4);border-top:var(--rule-soft)}}@media (width<=34rem){.process__panel{padding:var(--space-3)}}.resume__panel{background-color:var(--surface);border:1px solid #ffffff14;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:clamp(1.5rem,4vw,3rem);padding:1.75rem 2rem;display:grid}.resume__copy .section-heading{text-wrap:balance;max-width:none;font-size:clamp(1.5rem,3vw,2rem)}.resume__text{margin-top:var(--space-3);color:var(--text-muted)}.resume__actions{gap:var(--space-3);flex-wrap:wrap;display:flex}@media (width<=52rem){.resume__panel{grid-template-columns:minmax(0,1fr)}.resume__actions{justify-content:flex-start}}@media (width<=34rem){.resume__panel{padding:var(--space-3)}.resume__actions{flex-direction:column;align-items:stretch}}