:root{--ink:#13271f;--forest:#183e30;--green:#256b4d;--lime:#c8ff8c;--cream:#f4f0e7;--paper:#fbfaf6;--line:rgba(19,39,31,.16);--muted:#647168;--serif:Georgia,'Times New Roman',serif;--sans:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.6}img{display:block;max-width:100%}a{color:inherit}.shell{width:min(1180px,calc(100% - 48px));margin:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:fixed;top:8px;left:8px;z-index:200;background:var(--lime);padding:10px 14px;transform:translateY(-160%)}.skip-link:focus{transform:none}
.site-header{position:fixed;z-index:100;inset:0 0 auto;background:rgba(251,250,246,.88);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav{height:78px;display:flex;align-items:center;justify-content:space-between}.brand{font-size:1.6rem;font-weight:850;text-decoration:none;letter-spacing:-.06em}.brand span{color:var(--green)}.nav-links{display:flex;align-items:center;gap:34px}.nav-links a{text-decoration:none;font-size:.88rem;font-weight:650}.nav-links a:not(.nav-cta):hover{color:var(--green)}.nav-cta{border:1px solid var(--ink);border-radius:99px;padding:9px 16px;transition:.2s}.nav-cta:hover{background:var(--ink);color:white}.menu-button{display:none;border:0;background:none;width:40px;padding:8px}.menu-button i{height:2px;background:var(--ink);display:block;margin:6px 0}
.hero{min-height:100vh;padding-top:150px;padding-bottom:65px;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.55fr);align-items:center;gap:80px;position:relative}.eyebrow,.section-label,.project-number{text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;font-weight:800}.eyebrow span,.section-label span{color:var(--green)}.hero h1,.section h2,.contact h2{font-family:var(--serif);font-size:clamp(4rem,7.4vw,7.2rem);line-height:.91;letter-spacing:-.055em;font-weight:400;margin:22px 0 28px}.hero h1 em,.section h2 em,.contact h2 em{font-weight:400;color:var(--green)}.hero-lede{font-size:1.18rem;color:var(--muted);max-width:600px}.hero-actions{display:flex;gap:12px;margin-top:38px}.button{display:inline-flex;gap:25px;border-radius:99px;padding:14px 20px;text-decoration:none;font-weight:750;font-size:.9rem}.button.primary{background:var(--forest);color:white}.button.primary:hover{background:var(--green)}.button.secondary{border:1px solid var(--line)}.hero-card{background:var(--forest);color:white;border-radius:3px;padding:28px;min-height:330px;display:flex;flex-direction:column;box-shadow:20px 20px 0 var(--lime);transform:rotate(2deg)}.status{font-size:.73rem;text-transform:uppercase;letter-spacing:.08em}.status span{display:inline-block;width:7px;height:7px;background:var(--lime);border-radius:50%;margin-right:7px}.card-kicker{margin:auto 0 10px;color:#aabbb2;font-size:.78rem;text-transform:uppercase;letter-spacing:.12em}.current-role{font-family:var(--serif);font-size:1.65rem;line-height:1.2;margin:0}.hero-card-footer{border-top:1px solid #ffffff2e;margin-top:28px;padding-top:16px;display:flex;justify-content:space-between;font-size:.75rem;color:#c7d0cb}.scroll-note{position:absolute;bottom:28px;left:0;font-size:.72rem;text-transform:uppercase;letter-spacing:.12em}
.section{padding:130px 0}.section-label{display:flex;gap:16px;align-items:center}.about{background:var(--cream)}.about-grid{display:grid;grid-template-columns:1fr 3fr;gap:80px}.section h2{font-size:clamp(3rem,5.4vw,5.8rem);margin:0 0 45px}.about-copy>p{font-size:1.16rem;max-width:780px;color:#435249}.about-copy>p:first-of-type{font-size:1.45rem;color:var(--ink)}.stack{border-top:1px solid var(--line);margin-top:48px}.stack>div{display:grid;grid-template-columns:160px 1fr;border-bottom:1px solid var(--line);padding:17px 0}.stack span{font-weight:800;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.stack p{margin:0;color:var(--muted)}
.projects{background:var(--forest);color:white}.section-heading{margin-bottom:70px}.projects .section-label span,.projects h2 em{color:var(--lime)}.featured-project{display:grid;grid-template-columns:1.35fr 1fr;background:var(--paper);color:var(--ink);margin-bottom:28px}.project-media{min-height:570px;position:relative;overflow:hidden;background:#d9ded8}.project-media img,.project-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.project-media:hover img,.project-card-media:hover img{transform:scale(1.025)}.media-arrow{position:absolute;right:20px;top:20px;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:var(--lime);font-size:1.3rem}.project-copy{padding:55px}.project-number{color:var(--green)}.project-copy h3,.project-card h3{font-family:var(--serif);font-weight:400;font-size:2.8rem;line-height:1;margin:22px 0}.project-copy>p,.project-card p{color:var(--muted)}.impact-list{padding:0;list-style:none;margin:28px 0}.impact-list li{border-top:1px solid var(--line);padding:10px 0;font-size:.9rem}.impact-list li:before{content:'✦';color:var(--green);margin-right:10px}.tags{display:flex;flex-wrap:wrap;gap:7px;margin:25px 0}.tags span{border:1px solid var(--line);border-radius:99px;padding:5px 10px;font-size:.69rem;font-weight:700}.text-link{text-decoration:none;font-weight:800;font-size:.86rem;border-bottom:1px solid currentColor;padding-bottom:3px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.project-card{background:var(--paper);color:var(--ink)}.project-card-media{height:330px;display:block;overflow:hidden;background:#d8ded9}.project-card-copy{padding:34px}.project-card h3{font-size:2.2rem}.project-card p{min-height:78px}
.experience-grid{display:grid;grid-template-columns:1fr 1.45fr;gap:80px}.experience .section-heading{position:sticky;top:120px;height:max-content}.experience-item{border-top:1px solid var(--line)}.experience-item:last-child{border-bottom:1px solid var(--line)}.experience-item summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:56px 1fr auto 22px;gap:18px;align-items:center;padding:26px 0}.experience-item summary::-webkit-details-marker{display:none}.experience-logo{width:52px;height:52px;background:white;border:1px solid var(--line);display:grid;place-items:center}.experience-logo img{width:38px;height:38px;object-fit:contain}.experience-title{display:flex;flex-direction:column}.experience-title small,.experience-date{color:var(--muted);font-size:.78rem}.plus{font-size:1.5rem;transition:.2s}.experience-item[open] .plus{transform:rotate(45deg)}.experience-details{padding:0 40px 28px 74px;color:var(--muted)}
.contact{background:var(--lime);padding:130px 0 90px}.contact h2{font-size:clamp(3.8rem,7vw,7rem);margin:25px 0 55px}.contact h2 em{color:var(--forest)}.contact-email{display:flex;justify-content:space-between;border-block:1px solid #13271f4d;padding:20px 0;text-decoration:none;font-weight:800;font-size:clamp(1rem,2.5vw,1.8rem)}.contact-links{display:flex;gap:30px;margin-top:40px}.contact-links a{text-decoration:none;font-weight:750}.contact-links a:hover{text-decoration:underline}footer{background:var(--forest);color:#c7d0cb;padding:26px 0}footer .shell{display:flex;justify-content:space-between;font-size:.75rem}footer p{margin:0}footer a{text-decoration:none}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}
@media(max-width:800px){.shell{width:min(100% - 30px,680px)}.nav{height:68px}.menu-button{display:block}.nav-links{position:absolute;left:0;right:0;top:68px;padding:25px;background:var(--paper);border-bottom:1px solid var(--line);display:none;flex-direction:column;align-items:flex-start;gap:18px}.nav-links.open{display:flex}.hero{grid-template-columns:1fr;padding-top:120px;gap:45px}.hero h1{font-size:clamp(3.7rem,17vw,5.8rem)}.hero-card{min-height:250px;box-shadow:10px 10px 0 var(--lime);transform:none}.scroll-note{display:none}.section{padding:90px 0}.about-grid,.experience-grid{grid-template-columns:1fr;gap:40px}.featured-project{grid-template-columns:1fr}.project-media{min-height:330px}.project-copy{padding:32px}.project-grid{grid-template-columns:1fr}.experience .section-heading{position:static}.contact{padding:90px 0 70px}.contact-links{flex-wrap:wrap}.hero-actions{flex-direction:column;align-items:flex-start}.stack>div{grid-template-columns:1fr}.experience-item summary{grid-template-columns:48px 1fr 18px}.experience-date{display:none}.experience-details{padding-left:66px}.project-card p{min-height:0}}
@media(max-width:440px){.hero h1{font-size:3.45rem}.section h2{font-size:3rem}.project-media,.project-card-media{height:260px;min-height:0}.contact h2{font-size:3.4rem}.contact-email{font-size:.85rem}.project-copy,.project-card-copy{padding:25px}}

/* Botanical-futurist theme */
:root{--ink:#eafff2;--forest:#061e17;--green:#72f5ad;--lime:#c5ff73;--cream:#0a2c21;--paper:#071c16;--line:rgba(176,255,211,.18);--muted:#a7c7b6}
body{background:#04150f;color:var(--ink);background-image:linear-gradient(rgba(105,255,171,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(105,255,171,.025) 1px,transparent 1px);background-size:44px 44px}
.site-header{background:rgba(4,21,15,.68);border-color:rgba(179,255,210,.12);box-shadow:0 10px 40px rgba(0,0,0,.18)}
.nav-cta{border-color:rgba(197,255,115,.65);box-shadow:0 0 20px rgba(197,255,115,.08)}.nav-cta:hover{background:var(--lime);color:#072016}.menu-button i{background:var(--ink)}
.theme-toggle{width:38px;height:38px;border:1px solid rgba(197,255,115,.5);border-radius:50%;display:grid;place-items:center;background:rgba(6,30,22,.65);color:var(--lime);cursor:pointer;font-size:1rem}.theme-toggle:hover{box-shadow:0 0 24px rgba(197,255,115,.34);transform:rotate(12deg)}
.hero{width:100%;max-width:none;padding-inline:max(24px,calc((100vw - 1180px)/2));background-image:linear-gradient(90deg,rgba(2,18,12,.94) 0%,rgba(2,18,12,.72) 45%,rgba(2,18,12,.12) 100%),url('/static/images/futuristic-floral-bg.png');background-size:cover;background-position:center;isolation:isolate}
.hero:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 22% 48%,rgba(37,255,136,.12),transparent 30%),linear-gradient(90deg,transparent 49.8%,rgba(197,255,115,.08) 50%,transparent 50.2%);background-size:auto,80px 80px;pointer-events:none}
.hero .eyebrow{color:#c5ff73}.hero h1{max-width:820px;text-shadow:0 4px 35px rgba(0,0,0,.48)}.hero h1 em{color:#c5ff73;text-shadow:0 0 28px rgba(197,255,115,.26)}.hero-lede{color:#c3dbcc}.button.primary{background:linear-gradient(120deg,#c5ff73,#67f5ab);color:#062018;box-shadow:0 0 35px rgba(114,245,173,.2)}.button.secondary{background:rgba(4,24,17,.48);border-color:rgba(220,255,233,.28);backdrop-filter:blur(14px)}
.hero-card{background:linear-gradient(155deg,rgba(10,61,43,.72),rgba(2,20,14,.88));border:1px solid rgba(205,255,225,.22);box-shadow:18px 18px 0 rgba(197,255,115,.72),0 0 70px rgba(45,255,141,.16);backdrop-filter:blur(20px)}
.about{position:relative;overflow:hidden;background:linear-gradient(135deg,#061b14,#0b3225)}.about:after{content:'✦';position:absolute;right:-4vw;top:5%;font-size:32vw;line-height:1;color:rgba(197,255,115,.025);pointer-events:none}.about-copy{position:relative;z-index:1}.about-copy>p,.stack p{color:#acc8b8}.about-copy>p:first-of-type{color:#eafff2}.stack{border-color:var(--line)}
.projects{background:linear-gradient(180deg,#03120d,#08241a)}.featured-project,.project-card{background:linear-gradient(145deg,rgba(13,48,36,.92),rgba(5,23,17,.96));border:1px solid rgba(175,255,209,.14);box-shadow:0 24px 70px rgba(0,0,0,.24)}.project-copy>p,.project-card p{color:#a7c7b6}.project-media,.project-card-media{background:#0a2e22}.media-arrow{background:var(--lime);color:#062018;box-shadow:0 0 30px rgba(197,255,115,.4)}
.experience{background:#061a13;position:relative}.experience:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 10% 55%,rgba(85,255,158,.08),transparent 28%);pointer-events:none}.experience-logo{background:rgba(236,255,244,.92);border-radius:2px}.experience-details,.experience-title small,.experience-date{color:#a7c7b6}
.contact{background-image:linear-gradient(90deg,rgba(3,21,14,.96),rgba(3,21,14,.72),rgba(3,21,14,.32)),url('/static/images/futuristic-floral-bg.png');background-size:cover;background-position:center;color:#effff5}.contact h2 em{color:var(--lime);text-shadow:0 0 32px rgba(197,255,115,.22)}.contact-email{border-color:rgba(197,255,115,.35)}footer{background:#020b08;border-top:1px solid rgba(194,255,218,.1)}
.reveal.visible{filter:none}@media(max-width:800px){.nav-links{background:rgba(4,21,15,.97)}.hero{background-position:64% center}.hero:after{content:'';position:absolute;inset:0;z-index:-1;background:rgba(1,15,10,.24)}.hero-card{box-shadow:10px 10px 0 rgba(197,255,115,.75)}.contact{background-position:68% center}}

/* Interaction-first hero */
.hero{overflow:hidden;background:#03120d;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);isolation:isolate}
.hero:before{background:radial-gradient(circle at var(--pointer-x,70%) var(--pointer-y,45%),rgba(97,255,170,.14),transparent 25%),linear-gradient(rgba(105,255,171,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(105,255,171,.035) 1px,transparent 1px);background-size:auto,64px 64px,64px 64px}
.hero-copy{z-index:5}.hero h1{font-size:clamp(5rem,9.2vw,9rem);line-height:.75;letter-spacing:-.075em;margin:30px 0 42px}.hero h1 em{font-style:italic}.availability{margin-top:28px;color:#a9cbbb;font-size:.76rem;text-transform:uppercase;letter-spacing:.1em}.availability span{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 16px var(--lime);margin-right:9px;animation:pulse-dot 2.2s infinite}@keyframes pulse-dot{50%{box-shadow:0 0 28px var(--lime);transform:scale(1.22)}}
.hero-socials{display:flex;gap:22px;margin-top:22px}.hero-socials a{color:#a9cbbb;font-size:.78rem;text-decoration:none;transition:color .2s,text-shadow .2s}.hero-socials a:hover{color:var(--lime);text-shadow:0 0 16px rgba(197,255,115,.7)}
.flower-stage{height:min(72vh,680px);position:relative;display:grid;place-items:center;--flower-x:0px;--flower-y:0px;--aura-x:50%;--aura-y:50%;perspective:900px}.flower-art{position:absolute;width:145%;max-width:none;height:110%;object-fit:cover;object-position:72% center;mix-blend-mode:screen;clip-path:circle(48% at 62% 50%);transform:translate3d(var(--flower-x),var(--flower-y),0) scale(1.07);filter:saturate(1.28) brightness(1.1) drop-shadow(0 0 30px rgba(139,255,191,.58)) drop-shadow(0 0 110px rgba(83,255,163,.36));animation:flower-glow 3.8s ease-in-out infinite;will-change:transform,filter}.flower-aura{position:absolute;z-index:2;inset:0;background:radial-gradient(circle at var(--aura-x) var(--aura-y),rgba(208,255,128,.34) 0,rgba(95,255,164,.15) 12%,transparent 35%);mix-blend-mode:screen;pointer-events:none}.flower-orbit{position:absolute;z-index:3;border:1px solid rgba(166,255,204,.18);border-radius:50%;pointer-events:none}.flower-orbit-one{width:74%;aspect-ratio:1;animation:orbit-spin 20s linear infinite}.flower-orbit-two{width:54%;aspect-ratio:1;border-style:dashed;animation:orbit-spin 14s linear infinite reverse}.flower-orbit:before{content:'';position:absolute;width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 20px var(--lime);top:8%;left:20%}@keyframes orbit-spin{to{transform:rotate(360deg)}}@keyframes flower-glow{50%{filter:saturate(1.34) brightness(1.18) drop-shadow(0 0 42px rgba(156,255,201,.72)) drop-shadow(0 0 140px rgba(83,255,163,.5))}}
.glow-target,.button,.project-card,.featured-project,.experience-item,.nav-cta{position:relative;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background-color .22s ease,filter .22s ease}.button:before,.glow-target:before{content:'';position:absolute;inset:-2px;border-radius:inherit;background:radial-gradient(circle at var(--glow-x,50%) var(--glow-y,50%),rgba(218,255,143,.52),transparent 42%);opacity:0;filter:blur(8px);z-index:-1;transition:opacity .22s}.button:hover:before,.glow-target:hover:before{opacity:1}.button:hover{transform:translateY(-3px);box-shadow:0 0 26px rgba(129,255,183,.25),0 10px 30px rgba(0,0,0,.25)}.button:active,.glow-target:active{transform:translateY(1px) scale(.975);filter:brightness(1.35);box-shadow:0 0 34px rgba(197,255,115,.5)}
.project-card:hover,.featured-project:hover{transform:translateY(-8px);border-color:rgba(197,255,115,.5);box-shadow:0 28px 90px rgba(0,0,0,.38),0 0 45px rgba(95,255,164,.12)}.experience-item:hover{padding-inline:10px;border-color:rgba(197,255,115,.5);background:linear-gradient(90deg,rgba(113,255,175,.07),transparent)}.text-link:hover,.contact-links a:hover{color:var(--lime);text-shadow:0 0 16px rgba(197,255,115,.62)}
@media(max-width:800px){.hero{grid-template-columns:1fr;padding-top:125px}.hero h1{font-size:clamp(5rem,22vw,7rem)}.flower-stage{height:430px;margin-top:-40px}.flower-art{width:155%;height:120%;object-position:69% center}.flower-orbit-one{width:85%}.flower-orbit-two{width:62%}}
@media(prefers-reduced-motion:reduce){.flower-art{transform:none;animation:none}.flower-orbit,.availability span{animation:none}.button,.project-card,.featured-project,.experience-item{transition:none}}

/* Light mode keeps the same emerald identity */
html[data-theme="light"]{--ink:#113126;--forest:#e8f6ec;--green:#17734d;--lime:#5bcf83;--cream:#e9f5ec;--paper:#f8fcf8;--line:rgba(17,49,38,.16);--muted:#567266}
html[data-theme="light"] body{background:#f5fbf6;color:var(--ink);background-image:linear-gradient(rgba(24,115,78,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(24,115,78,.05) 1px,transparent 1px)}
html[data-theme="light"] .site-header{background:rgba(248,252,248,.82);border-color:rgba(17,49,38,.12);box-shadow:0 10px 35px rgba(24,80,55,.08)}html[data-theme="light"] .nav-cta{border-color:rgba(23,115,77,.5)}html[data-theme="light"] .theme-toggle{background:#e3f4e8;color:#145f42;border-color:rgba(20,95,66,.35)}
html[data-theme="light"] .hero{background:linear-gradient(105deg,#f8fcf8 0%,#eef8f0 53%,#dcefe3 100%)}html[data-theme="light"] .hero:before{background:radial-gradient(circle at var(--pointer-x,70%) var(--pointer-y,45%),rgba(43,186,105,.16),transparent 25%),linear-gradient(rgba(27,122,80,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(27,122,80,.045) 1px,transparent 1px)}html[data-theme="light"] .hero h1{text-shadow:none}html[data-theme="light"] .hero h1 em{color:#1d8a59;text-shadow:0 0 28px rgba(43,186,105,.18)}html[data-theme="light"] .hero-lede,html[data-theme="light"] .hero-socials a,html[data-theme="light"] .availability{color:#557366}html[data-theme="light"] .button.primary{background:linear-gradient(120deg,#1b7a50,#58ce84);color:white}html[data-theme="light"] .button.secondary{background:rgba(255,255,255,.7);border-color:rgba(17,49,38,.18)}
html[data-theme="light"] .flower-stage{background:radial-gradient(circle,rgba(11,62,43,.16),transparent 64%);border-radius:50%}html[data-theme="light"] .flower-art{mix-blend-mode:multiply;filter:saturate(1.18) brightness(1.18) drop-shadow(0 0 30px rgba(31,142,88,.34)) drop-shadow(0 0 95px rgba(56,190,111,.22))}html[data-theme="light"] .flower-aura{mix-blend-mode:multiply;opacity:.45}html[data-theme="light"] .flower-orbit{border-color:rgba(23,115,77,.22)}
html[data-theme="light"] .about{background:linear-gradient(135deg,#edf7ef,#dff0e4)}html[data-theme="light"] .about-copy>p,html[data-theme="light"] .stack p{color:#567266}html[data-theme="light"] .about-copy>p:first-of-type{color:#113126}
html[data-theme="light"] .projects{background:linear-gradient(180deg,#e5f3e9,#d8eddf);color:#113126}html[data-theme="light"] .projects .section-label span,html[data-theme="light"] .projects h2 em{color:#17734d}html[data-theme="light"] .featured-project,html[data-theme="light"] .project-card{background:rgba(250,253,250,.9);color:#113126;border-color:rgba(17,49,38,.13);box-shadow:0 22px 65px rgba(30,95,65,.1)}html[data-theme="light"] .project-copy>p,html[data-theme="light"] .project-card p{color:#567266}
html[data-theme="light"] .experience{background:#f5fbf6}html[data-theme="light"] .experience-details,html[data-theme="light"] .experience-title small,html[data-theme="light"] .experience-date{color:#567266}html[data-theme="light"] .contact{background-image:linear-gradient(90deg,rgba(241,250,243,.97),rgba(230,246,235,.86),rgba(219,240,227,.68)),url('/static/images/futuristic-floral-bg.png');color:#113126}html[data-theme="light"] .contact h2 em{color:#17734d;text-shadow:none}html[data-theme="light"] footer{background:#dceee2;color:#355f4c}
@media(max-width:800px){html[data-theme="light"] .nav-links{background:rgba(248,252,248,.98)}}

/* Feather the artwork into the hero so the image boundary never shows. */
.flower-art{left:-24%;top:-10%;width:170%;height:120%;clip-path:none;-webkit-mask-image:radial-gradient(ellipse 62% 63% at 66% 50%,#000 0 48%,rgba(0,0,0,.96) 57%,rgba(0,0,0,.55) 69%,transparent 82%);mask-image:radial-gradient(ellipse 62% 63% at 66% 50%,#000 0 48%,rgba(0,0,0,.96) 57%,rgba(0,0,0,.55) 69%,transparent 82%);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
@media(max-width:800px){.flower-art{left:-34%;width:190%;-webkit-mask-image:radial-gradient(ellipse 60% 62% at 67% 50%,#000 0 45%,rgba(0,0,0,.9) 58%,rgba(0,0,0,.42) 70%,transparent 84%);mask-image:radial-gradient(ellipse 60% 62% at 67% 50%,#000 0 45%,rgba(0,0,0,.9) 58%,rgba(0,0,0,.42) 70%,transparent 84%)}}

/* Futuristic profile panel replacing the floral artwork. */
.hero-profile{position:relative;min-height:500px;padding:28px;background:linear-gradient(145deg,rgba(10,55,39,.78),rgba(3,20,14,.92));border:1px solid rgba(190,255,217,.2);box-shadow:18px 18px 0 rgba(197,255,115,.72),0 0 70px rgba(71,255,157,.1);overflow:hidden;backdrop-filter:blur(18px);transition:transform .25s,border-color .25s,box-shadow .25s}.hero-profile:before{content:'';position:absolute;inset:0;background:linear-gradient(rgba(115,255,176,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(115,255,176,.045) 1px,transparent 1px),radial-gradient(circle at var(--panel-x,70%) var(--panel-y,30%),rgba(135,255,189,.2),transparent 28%);background-size:38px 38px,38px 38px,auto;pointer-events:none}.hero-profile:hover{transform:translateY(-7px) rotate(.5deg);border-color:rgba(197,255,115,.55);box-shadow:18px 25px 0 rgba(197,255,115,.78),0 0 75px rgba(71,255,157,.2)}.profile-top{position:relative;display:flex;justify-content:space-between;font-size:.68rem;text-transform:uppercase;letter-spacing:.14em;color:#a8c7b7}.profile-top i{width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 20px var(--lime)}.profile-monogram{position:relative;display:grid;place-items:center;width:170px;height:170px;border:1px solid rgba(193,255,219,.2);border-radius:50%;margin:52px auto;font-family:var(--serif);font-size:4.5rem;color:var(--lime);text-shadow:0 0 30px rgba(197,255,115,.35);box-shadow:inset 0 0 45px rgba(95,255,164,.07)}.hero-profile dl{position:relative;margin:0}.hero-profile dl div{display:grid;grid-template-columns:1fr 1.35fr;border-top:1px solid rgba(193,255,219,.14);padding:10px 0}.hero-profile dt{color:#86a998;font-size:.67rem;text-transform:uppercase;letter-spacing:.1em}.hero-profile dd{margin:0;font-size:.78rem;text-align:right}.hero-profile:after{content:'01';position:absolute;right:25px;bottom:10px;font-family:var(--serif);font-size:8rem;line-height:1;color:rgba(202,255,221,.025)}
html[data-theme="light"] .hero-profile{background:linear-gradient(145deg,rgba(250,253,250,.92),rgba(218,239,225,.92));border-color:rgba(17,49,38,.15);box-shadow:18px 18px 0 rgba(72,183,112,.35),0 0 65px rgba(49,145,89,.08)}html[data-theme="light"] .hero-profile:before{background:linear-gradient(rgba(23,115,77,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(23,115,77,.05) 1px,transparent 1px),radial-gradient(circle at var(--panel-x,70%) var(--panel-y,30%),rgba(65,186,113,.16),transparent 28%);background-size:38px 38px,38px 38px,auto}html[data-theme="light"] .profile-top,html[data-theme="light"] .hero-profile dt{color:#567466}html[data-theme="light"] .hero-profile dl div{border-color:rgba(17,49,38,.13)}html[data-theme="light"] .profile-monogram{border-color:rgba(23,115,77,.2);color:#17734d;text-shadow:0 0 25px rgba(42,160,89,.18)}
@media(max-width:800px){.hero-profile{min-height:430px;box-shadow:10px 10px 0 rgba(197,255,115,.7)}.profile-monogram{margin:40px auto}}