
.case__study__section{background:var(--bg-1);position:relative}.case__study__section .content{max-width:1200px;margin-inline:auto;padding-block:5rem;padding-inline:1rem;position:relative}.case__study__section .section__heading{text-align:center;margin-inline:auto;max-width:640px;margin-bottom:3.5rem}.case__study__section h2{margin:0 auto;line-height:1.2}.case__study__section .section__subtitle{color:color-mix(in srgb, var(--text) 65%, transparent 35%);margin:.75rem auto 0;font-size:1.05rem}.case__study__section h3{margin:0;line-height:1.3}.case__study__section .case__studies__container{grid-template-columns:repeat(2,1fr);gap:2.5rem;display:grid}.case__study__section .case__study__card{background:var(--surface);color:var(--text);border:1px solid color-mix(in srgb, var(--text) 10%, transparent 90%);background-image:radial-gradient(color-mix(in srgb, var(--text) 6%, transparent 94%) 1px, transparent 1px),radial-gradient(circle at 15% 0%, color-mix(in srgb, var(--accent-text) 12%, transparent 88%), transparent 55%);background-position:0 0,0 0;background-size:16px 16px,100% 100%;border-radius:14px;flex-direction:column;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 14px #00000014}.case__study__section .case__study__card:hover,.case__study__section .case__study__card:focus-within{border-color:color-mix(in srgb, var(--accent) 45%, transparent 55%);transform:translateY(-6px);box-shadow:0 16px 32px #00000029}.case__study__section .card__media{background:color-mix(in srgb, var(--text) 4%, transparent 96%);line-height:0;position:relative}.case__study__section .card__media img{width:100%;height:auto;display:block}.case__study__section .card__body{flex-direction:column;gap:.9rem;padding:1.5rem 1.75rem 1.85rem;display:flex;position:relative}.case__study__section .card__index{letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb, var(--text) 50%, transparent 50%);font-size:.75rem;font-weight:700}.case__study__section h3 a{color:var(--accent-text);background-image:linear-gradient(var(--accent-text), var(--accent-text));background-position:0 100%;background-repeat:no-repeat;background-size:100% 1px;padding-bottom:2px;text-decoration:none;transition:background-size .25s}.case__study__section h3 a:hover,.case__study__section h3 a:focus-visible{background-size:100% 2px}.case__study__section .card__role{color:var(--accent-text);margin:0;font-size:.85rem;font-weight:600}.case__study__section .card__description p{color:color-mix(in srgb, var(--text) 88%, transparent 12%);margin:0 0 .75rem;font-size:.95rem;line-height:1.6}.case__study__section .card__description p:last-child{margin-bottom:0}.case__study__section .card__stack{flex-wrap:wrap;gap:.5rem;margin:.25rem 0 0;padding:0;list-style:none;display:flex}.case__study__section .card__stack li{background:color-mix(in srgb, var(--accent-text) 14%, var(--surface) 86%);color:var(--accent-text);border:1px solid color-mix(in srgb, var(--accent-text) 30%, transparent 70%);border-radius:999px;padding:.3rem .65rem;font-size:.78rem;font-weight:600}@media (max-width:56.2488em){.case__study__section .case__studies__container{grid-template-columns:1fr}.case__study__section .section__heading{margin-bottom:2.5rem}}@media (max-width:43.7488em){.case__study__section .content{padding-block:3.5rem}.case__study__section .card__body{padding:1.25rem 1.25rem 1.5rem}}
.skills__section{background:var(--bg-1);color:var(--text);width:100%;min-height:40vh}.skills__section .content{text-align:center;flex-direction:column;gap:2rem;max-width:900px;margin-inline:auto;padding-block:4rem 3rem;padding-inline:1rem;display:flex}.skills__section h3{margin:0;font-size:1.6rem;line-height:1.3}.skills__section .skills__grid{text-align:center;grid-template-columns:repeat(3,1fr);gap:.85rem;width:100%;margin:0;padding:0;font-size:.95rem;list-style:none;display:grid}.skills__section .skill__tile{background:var(--surface);height:64px;color:var(--text);border:1px solid color-mix(in srgb, var(--text) 14%, transparent 86%);border-radius:10px;justify-content:center;align-items:center;padding:.75rem 1rem;line-height:1.25;transition:background-color .2s,border-color .2s,color .2s,transform .15s;display:flex}.skills__section .skill__tile:hover{background:var(--accent);border-color:var(--accent);color:#fff;transform:translateY(-2px)}@media (max-width:56.2488em){.skills__section .skills__grid{grid-template-columns:repeat(3,1fr);gap:.65rem}.skills__section .skill__tile{height:60px;font-size:.9rem}}@media (max-width:43.7488em){.skills__section .skills__grid{grid-template-columns:repeat(2,1fr)}.skills__section .skill__tile{height:56px;font-size:.85rem}}
.hero__section{align-items:center;min-height:100vh;display:flex}.hero__section .content{text-align:center;flex-direction:column;align-items:center;gap:1.75rem;width:100%;max-width:720px;margin-inline:auto;padding-block:4rem 3rem;padding-inline:1rem;display:flex}.hero__section .hero__identity{flex-wrap:wrap;justify-content:center;align-items:center;gap:1.5rem;display:flex}.hero__section .hero__photo{object-fit:cover;border:3px solid var(--surface);border-radius:50%;flex-shrink:0;width:120px;height:120px;box-shadow:0 6px 20px #00000026}.hero__section h1{text-align:left;max-width:360px;font-size:clamp(1.8rem,2.6vw + 1rem,2.6rem);font-weight:700;line-height:1.2}.hero__section .hero__bio p{margin-top:0;margin-bottom:1.1rem;max-width:65ch;margin-inline:auto;font-size:1rem;line-height:1.65}.hero__section .hero__bio p:last-child{margin-bottom:0}.hero__section .btn.primary{border:none;border-radius:4px;padding:.75rem 1.75rem;font-size:1rem;font-weight:600;text-decoration:none;transition:background-color .2s,transform .15s;display:inline-block;box-shadow:0 2px 6px #00000026}.hero__section .btn.primary:hover,.hero__section .btn.primary:focus{background-color:#5022ff;transform:translateY(-2px)}.hero__section .btn.primary:active{transform:translateY(0)}@media (max-width:56.2488em){.hero__section .hero__identity{flex-direction:column}.hero__section h1{text-align:center}}@media (max-width:43.7488em){.hero__section{padding-block:3rem 2rem}.hero__section .hero__photo{width:110px;height:110px}.hero__section h1{font-size:clamp(1.6rem,5vw + .8rem,2rem)}}
.cta__section{background:var(--surface);color:var(--text)}.cta__section .content{text-align:center;max-width:800px;margin-inline:auto;padding-block:5rem;padding-inline:1rem}.cta__section h2{margin:0 auto;line-height:1.2}.cta__section>.content>p{max-width:55ch;color:color-mix(in srgb, var(--text) 70%, transparent 30%);margin:1rem auto 0;font-size:1.05rem}.cta__section .cta__paths{text-align:left;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-top:3rem;display:grid}.cta__section .cta__path{background:var(--bg-1);border:1px solid color-mix(in srgb, var(--text) 10%, transparent 90%);border-radius:14px;flex-direction:column;gap:.6rem;padding:1.75rem;display:flex}.cta__section .cta__path h3{margin:0;line-height:1.3}.cta__section .cta__path p{color:color-mix(in srgb, var(--text) 75%, transparent 25%);flex-grow:1;margin:0;font-size:.92rem;line-height:1.55}.cta__section .btn{border-radius:4px;align-self:flex-start;margin-top:.5rem;padding:.65rem 1.5rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:background-color .2s,transform .15s,border-color .2s;display:inline-block}.cta__section .btn:hover,.cta__section .btn:focus-visible{transform:translateY(-2px)}.cta__section .btn.secondary{color:var(--accent-text);border:2px solid var(--accent-text);background:0 0}.cta__section .btn.secondary:hover,.cta__section .btn.secondary:focus-visible{background:color-mix(in srgb, var(--accent-text) 12%, transparent 88%)}@media (max-width:56.2488em){.cta__section .cta__paths{grid-template-columns:1fr}}
