.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);padding:clamp(1.6rem,2.4vw,2.2rem);box-shadow:var(--shadow-sm);transition:transform .4s var(--ease),box-shadow .4s var(--ease),border-color .4s;position:relative;overflow:hidden}.card::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(140deg,var(--teal-400),transparent 40%);opacity:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;transition:opacity .4s;pointer-events:none}.card:hover{transform:translateY(-6px);box-shadow:var(--shadow-md)}.card:hover::before{opacity:1}.card__icon{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;margin-bottom:1.1rem;background:linear-gradient(140deg,rgba(20,184,166,.14),rgba(34,211,238,.12));color:var(--primary)}.card__icon svg{width:26px;height:26px}.card h3{margin-bottom:.5rem}.card p{color:var(--muted);font-size:.98rem;margin:0}.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,4.5rem);align-items:center}.cta-band{position:relative;overflow:hidden;color:#fff;border-radius:clamp(20px,3vw,34px);background:radial-gradient(120% 160% at 85% 0%,var(--ocean-600),var(--ocean-900));padding:clamp(2.5rem,6vw,5rem);text-align:center}.cta-band::before{content:"";position:absolute;inset:0;opacity:.5;background:radial-gradient(40% 60% at 20% 90%,rgba(79,195,221,.20),transparent 70%),radial-gradient(40% 60% at 90% 10%,rgba(45,212,191,.22),transparent 70%)}.cta-band>*{position:relative;z-index:1}.cta-band h2{color:#fff}.cta-band .lead{color:rgba(255,255,255,.8);margin-inline:auto}.field{margin-bottom:1.1rem}.field label{display:block;font-family:var(--font-display);font-weight:600;font-size:.85rem;margin-bottom:.45rem;color:var(--ink-700)}.field input,.field textarea,.field select{width:100%;padding:.9rem 1rem;border:1px solid var(--line);border-radius:12px;font:inherit;color:var(--text);background:var(--paper);transition:border-color .25s,box-shadow .25s}.field textarea{min-height:140px;resize:vertical}.field input:focus,.field textarea:focus,.field select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px rgba(20,184,166,.14)}.footer{background:var(--ocean-900);color:rgba(255,255,255,.72);padding:clamp(2rem,4vw,2.8rem) 0 1.5rem}.footer a{color:rgba(255,255,255,.72);transition:color .25s}.footer a:hover{color:var(--teal-400)}.footer__top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1.2rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.footer__brand{display:flex;align-items:center;gap:.6rem;font-family:var(--font-serif);font-weight:600;font-size:1.25rem;letter-spacing:-.015em;color:#fff;margin-bottom:.4rem}.footer__brand b{color:var(--teal-400)}.footer__social{display:flex;gap:.7rem}.footer__social a{width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.16);display:grid;place-items:center;transition:background .3s,transform .3s,border-color .3s}.footer__social a:hover{background:var(--teal-500);border-color:var(--teal-500);transform:translateY(-3px);color:#fff}.footer__social svg{width:18px;height:18px}.footer__bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;padding-top:2rem;font-size:.85rem;color:rgba(255,255,255,.5)}.foot-wx{white-space:nowrap}.foot-wx::before{content:" · "}.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s var(--ease),transform .8s var(--ease);pointer-events:none}.reveal.is-in{opacity:1;transform:none;pointer-events:auto}.reveal[data-delay="1"]{transition-delay:.08s}.reveal[data-delay="2"]{transition-delay:.16s}.reveal[data-delay="3"]{transition-delay:.24s}.reveal[data-delay="4"]{transition-delay:.32s}@media (prefers-reduced-motion:reduce){*{animation:none !important;transition-duration:.01ms !important;scroll-behavior:auto}.reveal{opacity:1;transform:none}}.page-hero{position:relative;color:#fff;padding:clamp(104px,14vh,136px) 0 clamp(46px,7vh,70px);overflow:hidden;background:radial-gradient(120% 120% at 80% -20%,var(--ocean-600),var(--ocean-900))}.page-hero--tight{padding-bottom:24px}.page-hero::after{content:"";position:absolute;inset:0;opacity:.4;background:radial-gradient(40% 50% at 12% 10%,rgba(45,212,191,.2),transparent 70%)}.page-hero__inner{position:relative;z-index:1}.page-hero .lead{color:rgba(255,255,255,.82);max-width:none}.chip{font-family:var(--font-display);font-size:.8rem;font-weight:500;padding:.4rem .85rem;border-radius:999px;background:var(--mist);color:var(--ink-700);border:1px solid var(--line)}.chip--dark{background:rgba(255,255,255,.08);color:rgba(255,255,255,.85);border-color:rgba(255,255,255,.16)}.profile-band{background:var(--mist)}.about-split{align-items:start}.about-media{text-align:center}.profile__avatar{width:clamp(140px,20vw,210px);height:clamp(140px,20vw,210px);border-radius:50%;object-fit:cover;margin:0 auto 1.6rem;display:block;border:4px solid var(--paper);box-shadow:0 18px 40px rgba(7,26,38,.16),0 0 0 1px var(--line)}.about-split .lead + .lead{margin-top:.9rem}.about-split .m-sub{margin-top:2rem}.about-split .lead a.ext-link{color:var(--sea-600);font-weight:600}.about-split .lead a.ext-link:hover{color:var(--teal-500)}.hobbies-band{margin-top:clamp(2rem,4vw,3rem)}.hobbies-band .m-sub{margin-top:0}.hobby-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0;margin-top:1.2rem}@media (max-width:640px){.hobby-grid{grid-template-columns:1fr}}.hobby-item{display:flex;align-items:flex-start;gap:.8rem;padding:.95rem 0;border-bottom:1px solid var(--line)}.hobby-grid .hobby-item:nth-last-child(-n+2){border-bottom:none}@media (max-width:640px){.hobby-grid .hobby-item:last-child{border-bottom:none}.hobby-grid .hobby-item:nth-last-child(-n+2){border-bottom:1px solid var(--line)}}.hobby-item:nth-child(odd){padding-right:1.4rem}.hobby-item:nth-child(even){padding-left:1.4rem;border-left:1px solid var(--line)}@media (max-width:640px){.hobby-item:nth-child(even){padding-left:0;border-left:none}}.hobby-text{display:flex;flex-direction:column;gap:.12rem;min-width:0;padding-top:.1rem}.hobby-note{font-size:.82rem;line-height:1.45;color:var(--muted)}.hobby-item .hi-ic{width:22px;height:22px;display:grid;place-items:center;flex:none;color:var(--primary);margin-top:.1rem}.hobby-item .hi-ic svg{width:20px;height:20px}.hobby-label{font-family:var(--font-display);font-weight:600;font-size:.92rem;color:var(--ink-700)}.highlight-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:1.6rem 0}.highlight-item{display:flex;flex-direction:column;justify-content:center;gap:.2rem;padding:0 1.3rem;border-left:1px solid var(--line)}.highlight-item:first-child{padding-left:0;border-left:none}.highlight-item .hi-ic{display:none}.highlight-item__label{display:block;font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.highlight-item__value{display:block;font-family:var(--font-display);font-weight:600;font-size:.95rem;color:var(--ink-900);line-height:1.3}@media (max-width:640px){.highlight-strip{grid-template-columns:1fr;gap:.9rem}.highlight-item{padding:0 0 0 1rem;border-left:2px solid var(--line)}.highlight-item:first-child{border-left:2px solid var(--line)}}.project-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:1rem;margin-top:1.2rem;align-items:stretch}.project-grid__rest{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media (max-width:760px){.project-grid{grid-template-columns:1fr}.project-grid__rest{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.project-grid__rest{grid-template-columns:1fr}}.project-card{display:flex;flex-direction:column;gap:.6rem;padding:1.1rem 1.2rem;border-radius:var(--radius-lg);border:1px solid var(--line);background:var(--paper);transition:transform .3s var(--ease),box-shadow .3s var(--ease),border-color .3s}.project-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--teal-400)}.project-card--featured{justify-content:space-between;min-height:15rem}.project-card__icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;flex:none;background:linear-gradient(140deg,rgba(20,184,166,.14),rgba(34,211,238,.12));color:var(--primary)}.project-card__icon svg{width:19px;height:19px}.project-card__label{font-family:var(--font-display);font-weight:600;font-size:.98rem;color:var(--ink-900)}.project-card--featured .project-card__label{font-size:1.2rem}.project-card__desc{font-size:.85rem;color:var(--muted);line-height:1.4}.project-card__note{font-size:.82rem;color:var(--ink-400);line-height:1.5;border-top:1px solid var(--line);padding-top:.55rem;margin-top:.1rem}.project-card__view{display:inline-flex;align-items:center;gap:.35rem;font-family:var(--font-display);font-weight:600;font-size:.85rem;color:var(--sea-600);margin-top:auto;padding-top:.6rem}.project-card__view svg{width:14px;height:14px}.project-card--own .project-card__icon{background:linear-gradient(140deg,rgba(234,88,12,.16),rgba(251,146,60,.14));color:#c2410c}.project-card--own:hover{border-color:#fb923c}.ig-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.7rem;margin-top:1.2rem}.ig-card{position:relative;display:block;aspect-ratio:1;border-radius:var(--radius-lg);overflow:hidden;background:var(--paper);border:1px solid var(--line)}.ig-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s var(--ease)}.ig-card:hover img{transform:scale(1.06)}.ig-card__handle{position:absolute;left:.6rem;bottom:.55rem;font-family:var(--font-display);font-weight:600;font-size:.78rem;color:#fff;padding:.2rem .55rem;border-radius:999px;background:rgba(7,26,38,.55);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;transition:opacity .25s var(--ease)}.ig-card:hover .ig-card__handle{opacity:1}@media (max-width:640px){.ig-card__handle{opacity:1}}.profile-pet{display:flex;align-items:center;justify-content:center;gap:.8rem;margin-top:1.8rem;padding-top:1.6rem;border-top:1px solid var(--line)}.profile-pet img{width:52px;height:52px;border-radius:50%;object-fit:cover;border:2px solid var(--paper);box-shadow:var(--shadow-sm)}.profile-pet span{font-family:var(--font-display);font-weight:500;font-size:.98rem;color:var(--ink-700)}@media (max-width:960px){.grid--3{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:1fr}}