/* Yasaman Anari — seven-site neon portfolio */
:root {
  --bg:#06050b; --bg2:#0b0712; --ink:#f7f5ff; --muted:#9b95aa;
  --line:rgba(255,255,255,.12); --pink:#ff31d2; --lime:#b8ff2c; --cyan:#2de2ff;
  --violet:#8b5cff; --orange:#ff7a30; --max:1460px; --pad:clamp(20px,4vw,72px);
  --display:"Space Grotesk",Inter,sans-serif; --body:Manrope,system-ui,sans-serif; --mono:"DM Mono",monospace;
  --ease:cubic-bezier(.22,1,.36,1); color-scheme:dark;
}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:var(--bg);color:var(--ink);font:400 16px/1.65 var(--body);overflow-x:clip}body.nav-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit}::selection{background:var(--lime);color:#090510}.wrap{width:min(var(--max),calc(100% - (var(--pad)*2)));margin-inline:auto}.noise{position:fixed;inset:0;z-index:160;pointer-events:none;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}#neon-field{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:.65}header,main,footer{position:relative;z-index:2}.progress{position:fixed;z-index:220;inset:0 auto auto;width:100%;height:2px;background:linear-gradient(90deg,var(--pink),var(--violet),var(--cyan),var(--lime));transform:scaleX(0);transform-origin:left;box-shadow:0 0 18px var(--pink)}
.loader{position:fixed;inset:0;z-index:300;display:grid;place-items:center;background:#030205}.loader>div{width:min(500px,80vw);display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center}.loader span{font:700 clamp(4rem,11vw,10rem)/.75 var(--display);letter-spacing:-.1em;background:linear-gradient(135deg,var(--pink),var(--cyan));-webkit-background-clip:text;color:transparent}.loader i{height:1px;background:var(--line);position:relative;overflow:hidden}.loader i::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--pink),var(--lime));transform:translateX(-100%);animation:load 1.1s .1s var(--ease) forwards}.loader small{grid-column:1/3;color:var(--muted);font:500 .6rem var(--mono);letter-spacing:.2em}.is-loaded .loader{animation:loaderOut .9s 1.2s var(--ease) forwards}@keyframes load{to{transform:none}}@keyframes loaderOut{to{clip-path:inset(0 0 100% 0);visibility:hidden}}
.cursor{position:fixed;z-index:200;width:58px;aspect-ratio:1;border:1px solid var(--lime);border-radius:50%;display:grid;place-items:center;pointer-events:none;translate:-50% -50%;opacity:0;background:rgba(6,5,11,.48);backdrop-filter:blur(8px);transition:width .25s,opacity .2s,border-color .2s}.cursor span{font:500 .48rem var(--mono);letter-spacing:.14em}.cursor.on{opacity:1}.cursor.hot{width:82px;border-color:var(--pink)}
.site-header{position:fixed;inset:0 0 auto;z-index:100;border-bottom:1px solid var(--line);background:rgba(6,5,11,.58);backdrop-filter:blur(22px);transition:transform .5s var(--ease)}.site-header.hidden{transform:translateY(-110%)}.nav-shell{min-height:86px;padding-inline:var(--pad);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:30px}.logo{justify-self:start;display:flex;align-items:center;gap:12px}.logo>span{width:36px;aspect-ratio:1;border:1px solid var(--lime);display:grid;place-items:center;color:var(--lime);font:600 1.2rem var(--display);box-shadow:0 0 22px rgba(184,255,44,.15)}.logo b{font:600 .65rem/1.15 var(--mono);letter-spacing:.16em}.site-header nav{display:flex;gap:36px}.site-header nav a{color:var(--muted);font:500 .62rem var(--mono);letter-spacing:.14em;text-transform:uppercase;transition:color .25s}.site-header nav a:hover{color:var(--lime)}.nav-count{justify-self:end;display:flex;align-items:center;gap:10px;font:500 .61rem var(--mono);letter-spacing:.1em;text-transform:uppercase}.nav-count span{color:var(--pink);font-size:1.2rem}.menu-toggle{display:none;justify-self:end;padding:10px 15px;border:1px solid var(--line);background:transparent;color:var(--ink);font:500 .62rem var(--mono);letter-spacing:.12em;text-transform:uppercase}
.eyebrow{margin:0;color:var(--lime);font:500 .64rem var(--mono);letter-spacing:.18em;text-transform:uppercase}h1,h2,h3{margin:0;font-family:var(--display);letter-spacing:-.06em;line-height:.9}h2{font-size:clamp(3.5rem,7.5vw,8.5rem)}h2 em{font-style:normal;color:var(--pink);text-shadow:0 0 35px rgba(255,49,210,.25)}.button{min-height:58px;width:fit-content;padding:0 24px;display:inline-flex;align-items:center;justify-content:space-between;gap:40px;border:1px solid var(--lime);background:var(--lime);color:#090510;font:700 .65rem var(--mono);letter-spacing:.11em;text-transform:uppercase;transition:transform .35s var(--ease),box-shadow .35s}.button:hover{transform:translateY(-3px);box-shadow:0 15px 55px rgba(184,255,44,.25)}.button--light{background:#fff;border-color:#fff}.magnetic{will-change:transform}a:focus-visible,button:focus-visible{outline:2px solid var(--lime);outline-offset:5px}
.hero{min-height:100svh;padding:150px 0 90px;position:relative;overflow:hidden;display:flex;align-items:center;isolation:isolate}.hero::before{content:"";position:absolute;inset:0;z-index:-3;background:radial-gradient(700px circle at var(--mx,75%) var(--my,35%),rgba(255,49,210,.17),transparent 65%),radial-gradient(650px circle at 15% 85%,rgba(45,226,255,.12),transparent 65%),linear-gradient(135deg,#06050b,#10071a 58%,#05050b)}.hero-grid{position:absolute;inset:0;z-index:-2;opacity:.13;background-image:linear-gradient(rgba(255,255,255,.17) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.17) 1px,transparent 1px);background-size:68px 68px;mask-image:radial-gradient(circle at 55% 48%,#000,transparent 78%)}.hero-layout{display:grid;grid-template-columns:1.45fr .55fr;gap:6vw;align-items:end}.hero h1{margin:28px 0 45px;font-size:clamp(5rem,11.7vw,13rem);line-height:.72;letter-spacing:-.095em}.hero-line{display:block;overflow:hidden;padding-bottom:1.08em;margin-bottom:-.08em}.hero-line b{display:block;font-weight:600;transform:translateY(115%)}.hero-line em{font-style:normal;background:linear-gradient(90deg,var(--pink),var(--violet),var(--cyan));-webkit-background-clip:text;color:transparent;text-shadow:none}.is-loaded .hero-line:nth-child(1)b{animation:titleIn 1s 1.55s var(--ease) forwards}.is-loaded .hero-line:nth-child(2)b{animation:titleIn 1s 1.68s var(--ease) forwards}.is-loaded .hero-line:nth-child(3)b{animation:titleIn 1s 1.81s var(--ease) forwards}@keyframes titleIn{to{transform:none}}.hero-enter{opacity:0;transform:translateY(25px)}.is-loaded .hero-enter{animation:fadeIn .8s 2s var(--ease) forwards}@keyframes fadeIn{to{opacity:1;transform:none}}.hero-foot{display:flex;align-items:center;gap:34px;flex-wrap:wrap}.hero-foot p{max-width:590px;margin:0;color:var(--muted);font-size:1.08rem}.hero-signature{justify-self:end;min-width:300px;padding:25px;border:1px solid rgba(255,49,210,.45);background:rgba(14,6,24,.68);box-shadow:0 30px 100px rgba(0,0,0,.55),inset 0 0 60px rgba(255,49,210,.04);backdrop-filter:blur(18px)}.hero-signature span,.hero-signature small{display:block;color:var(--muted);font:500 .56rem var(--mono);letter-spacing:.17em}.hero-signature strong{display:block;margin:18px 0;color:#fff;font:600 clamp(2.8rem,5vw,5.5rem)/.84 var(--display);letter-spacing:-.07em}.hero-orbit{position:absolute;border:1px solid rgba(255,49,210,.2);border-radius:50%;animation:spin 30s linear infinite}.orbit--one{width:38vw;aspect-ratio:1;right:-7%;top:12%}.orbit--two{width:22vw;aspect-ratio:1;right:4%;top:27%;border-color:rgba(45,226,255,.17);animation-direction:reverse;animation-duration:22s}.hero-orbit::before{content:"";position:absolute;width:11px;aspect-ratio:1;border-radius:50%;background:var(--lime);top:12%;left:20%;box-shadow:0 0 24px var(--lime)}@keyframes spin{to{transform:rotate(360deg)}}.hero-glow{position:absolute;width:340px;aspect-ratio:1;right:15%;top:36%;background:var(--pink);border-radius:50%;filter:blur(150px);opacity:.08}.hero-ticker{position:absolute;inset:auto 0 0;overflow:hidden;white-space:nowrap;border-block:1px solid var(--line);padding:15px 0;background:rgba(5,4,8,.6)}.hero-ticker div{width:max-content;color:var(--muted);font:500 1rem var(--mono);letter-spacing:.08em;animation:ticker 28s linear infinite}@keyframes ticker{to{transform:translateX(-50%)}}.scroll-cue{position:absolute;left:var(--pad);bottom:62px;display:flex;gap:13px;align-items:center;color:var(--muted);font:500 .55rem var(--mono);letter-spacing:.13em;text-transform:uppercase}.scroll-cue i{width:35px;height:1px;background:var(--lime)}
.intro{padding:clamp(90px,11vw,180px) 0;background:#08060e;border-bottom:1px solid var(--line)}.intro-grid{display:grid;grid-template-columns:.45fr 2.2fr .25fr;gap:5vw;align-items:start}.intro-copy{margin:0;max-width:980px;font:500 clamp(1.75rem,3.7vw,4.15rem)/1.1 var(--display);letter-spacing:-.045em}.intro-copy em{font-style:normal;color:var(--cyan)}.intro-index{justify-self:end;color:var(--muted);font:500 .6rem var(--mono);letter-spacing:.14em}
.work{padding:clamp(90px,10vw,160px) 0;background:linear-gradient(180deg,#06050b,#090511)}.section-head{margin-bottom:clamp(50px,7vw,100px);display:grid;grid-template-columns:1.45fr .55fr;gap:7vw;align-items:end}.section-head .eyebrow{margin-bottom:20px}.section-head>p{max-width:450px;margin:0;color:var(--muted)}.project-list{border-top:1px solid var(--line)}.project{--accent:var(--pink);min-height:300px;display:grid;grid-template-columns:60px 1.2fr .72fr 190px 40px;gap:30px;align-items:center;padding:28px 0;border-bottom:1px solid var(--line);position:relative;isolation:isolate;transition:padding .5s var(--ease),color .35s}.project::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 13%,transparent),transparent 72%);transform:scaleX(0);transform-origin:right;transition:transform .6s var(--ease);z-index:-1}.project:hover{padding-inline:24px}.project:hover::before{transform:scaleX(1);transform-origin:left}.project-number{align-self:start;color:var(--accent);font:500 .65rem var(--mono)}.project-copy>p{margin:0 0 7px;color:var(--accent);font:500 .58rem var(--mono);letter-spacing:.14em;text-transform:uppercase}.project-copy h3{font-size:clamp(2.5rem,5vw,5.5rem)}.project-copy>span{display:block;max-width:600px;margin-top:12px;color:var(--muted)}.project-visual{height:220px;position:relative;overflow:hidden;border:1px solid color-mix(in srgb,var(--accent) 38%,transparent);background:#0b0910;transition:transform .6s var(--ease),box-shadow .5s}.project:hover .project-visual{transform:scale(1.025) rotate(-1deg);box-shadow:0 25px 70px color-mix(in srgb,var(--accent) 18%,transparent)}.project-palette{display:grid;grid-template-columns:repeat(3,28px);gap:7px}.project-palette i{display:block;width:28px;aspect-ratio:1;background:var(--c);border:1px solid rgba(255,255,255,.2)}.project-palette code{grid-column:1/4;margin-top:7px;color:var(--muted);font:.55rem var(--mono)}.project-arrow{font-size:1.8rem;color:var(--accent);transition:transform .35s}.project:hover .project-arrow{transform:translate(6px,-6px)}.project--atelier{--accent:#b3202a}.project--it{--accent:#8b5cff}.project--atelier-pro{--accent:#ff4055}.project--dental{--accent:#12a39a}.project--site{--accent:#d4b483}.project--site-pro{--accent:#38e0be}.project--building{--accent:#c5a36a}
.atelier-look{position:absolute;inset:0;background:linear-gradient(140deg,#ece8e0,#85817b)}.atelier-look i{position:absolute;width:42%;height:95%;left:29%;top:5%;background:#0a0a0a;clip-path:polygon(20% 0,80% 0,100% 100%,0 100%)}.atelier-look b{position:absolute;right:12px;bottom:3px;color:#b3202a;font:italic 600 3rem/1 var(--display)}.it-network{position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,#282348,#0b0d11 68%)}.it-network i{position:absolute;width:9px;aspect-ratio:1;border-radius:50%;background:#cbbcff;box-shadow:0 0 20px #8b5cff}.it-network i:nth-child(1){left:20%;top:25%}.it-network i:nth-child(2){left:72%;top:20%}.it-network i:nth-child(3){left:35%;top:70%}.it-network i:nth-child(4){left:76%;top:68%}.it-network span{position:absolute;height:1px;background:linear-gradient(90deg,transparent,#8b5cff,transparent);transform-origin:left}.it-network span:nth-of-type(1){width:55%;left:21%;top:28%;rotate:-5deg}.it-network span:nth-of-type(2){width:48%;left:36%;top:70%;rotate:-52deg}.it-network span:nth-of-type(3){width:47%;left:26%;top:30%;rotate:48deg}.pro-fabric{position:absolute;inset:0;background:#171614}.pro-fabric i{position:absolute;height:120%;top:-10%;clip-path:polygon(20% 0,80% 0,100% 100%,0 100%)}.pro-fabric i:first-child{width:45%;left:15%;background:#f3efe8;rotate:-8deg}.pro-fabric i:nth-child(2){width:37%;right:7%;background:#b4222c;rotate:9deg}.pro-fabric b{position:absolute;left:15px;bottom:-25px;color:rgba(255,255,255,.8);font:italic 500 6rem var(--display)}.dental-orbit{position:absolute;inset:0;background:radial-gradient(circle,#d9f1ee,#f4fbfa)}.dental-orbit span{position:absolute;width:140px;aspect-ratio:1;border:22px solid #12a39a;border-radius:48% 52% 45% 55%;left:50%;top:50%;translate:-50% -50%;rotate:20deg;box-shadow:0 0 45px rgba(18,163,154,.28)}.dental-orbit i{position:absolute;z-index:2;left:50%;top:50%;translate:-50% -50%;color:#fff;font-style:normal;font-size:3rem}.roof-mark{position:absolute;inset:0;background:#111316}.roof-mark span{position:absolute;width:80%;height:55%;left:10%;top:18%;background:#d4b483;clip-path:polygon(0 70%,50% 0,100% 70%,96% 77%,50% 14%,4% 77%)}.roof-mark i{position:absolute;width:70%;height:12px;left:15%;top:60%;background:#f2efe9;box-shadow:0 0 35px rgba(212,180,131,.4)}.storm-house{position:absolute;inset:0;background-image:linear-gradient(rgba(56,224,190,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(56,224,190,.1) 1px,transparent 1px);background-size:30px 30px;background-color:#050708}.storm-house i{position:absolute;width:72%;height:65%;left:14%;top:23%;background:#101718;clip-path:polygon(0 25%,50% 0,100% 25%,100% 100%,0 100%)}.storm-house b{position:absolute;width:72%;height:5px;background:#38e0be;left:14%;top:39%;box-shadow:0 0 22px #38e0be}.storm-house span{position:absolute;width:140px;aspect-ratio:1;border:1px solid rgba(56,224,190,.35);border-radius:50%;right:-20px;top:-30px}.building-form{position:absolute;inset:0;background:#f4f2ec}.building-form i{position:absolute;bottom:0;background:#142e2a}.building-form i:first-child{width:48%;height:68%;left:8%;clip-path:polygon(0 25%,45% 0,100% 22%,100% 100%,0 100%)}.building-form i:nth-child(2){width:35%;height:52%;right:8%}.building-form span{position:absolute;width:70%;height:5px;left:15%;top:53%;background:#c5a36a}
.spectrum{padding:clamp(90px,11vw,180px) 0;background:#07050c;position:relative;overflow:hidden}.spectrum-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:8vw;align-items:center}.spectrum-copy h2{margin:20px 0 30px}.spectrum-copy>p:last-child{max-width:520px;color:var(--muted)}.colour-stack{display:flex;min-height:570px;overflow:hidden;border:1px solid var(--line)}.colour-stack span{flex:1;background:var(--c);padding:18px 11px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:12px;transition:flex .6s var(--ease);color:#fff;mix-blend-mode:normal}.colour-stack span:hover{flex:3}.colour-stack b{writing-mode:vertical-rl;rotate:180deg;font:600 .65rem var(--mono);letter-spacing:.1em;text-transform:uppercase;text-shadow:0 1px 4px #000}.colour-stack code{font:.48rem var(--mono);text-shadow:0 1px 4px #000}.spectrum-orbit{position:absolute;width:600px;aspect-ratio:1;left:-260px;top:12%;border:1px solid rgba(255,49,210,.14);border-radius:50%;animation:spin 34s linear infinite}.spectrum-orbit i{position:absolute;border:1px solid rgba(45,226,255,.1);border-radius:50%}.spectrum-orbit i:nth-child(1){inset:15%}.spectrum-orbit i:nth-child(2){inset:31%}.spectrum-orbit i:nth-child(3){width:12px;aspect-ratio:1;left:18%;top:22%;background:var(--lime);box-shadow:0 0 25px var(--lime)}
.credit{padding:clamp(100px,13vw,220px) 0;position:relative;overflow:hidden;text-align:center;background:linear-gradient(135deg,#100718,#05050a)}.credit-inner{position:relative;display:flex;flex-direction:column;align-items:center}.credit h2{margin:25px 0}.credit h2 em{background:linear-gradient(90deg,var(--pink),var(--violet),var(--cyan),var(--lime));-webkit-background-clip:text;color:transparent;text-shadow:none}.credit-inner>p:not(.eyebrow){max-width:600px;color:var(--muted);margin-bottom:35px}.credit-mark{position:absolute;left:50%;top:50%;translate:-50% -50%;font:700 40vw/1 var(--display);letter-spacing:-.15em;color:rgba(255,255,255,.025);pointer-events:none}
footer{padding:40px 0;background:#030205;border-top:1px solid var(--line);color:var(--muted);font:500 .56rem var(--mono);letter-spacing:.1em;text-transform:uppercase}footer .wrap{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:end;gap:20px}.footer-name{color:#fff;font:600 clamp(2.4rem,5vw,5rem)/.8 var(--display);letter-spacing:-.07em;text-transform:none}footer span:last-child{text-align:right}
.reveal{opacity:1;transform:none;clip-path:inset(0);transition:opacity .9s var(--ease),transform .9s var(--ease),clip-path 1.05s var(--ease)}.js .reveal.pending{opacity:0;transform:translateY(42px)}.reveal.visible{opacity:1;transform:none;clip-path:inset(0)}
@media(max-width:1050px){.nav-shell{grid-template-columns:1fr auto}.logo,.menu-toggle{position:relative;z-index:3}.site-header nav{position:fixed;inset:0;z-index:2;padding:120px var(--pad) 60px;background:#06050b;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:0;opacity:0;visibility:hidden;transition:.4s}.site-header nav.open{opacity:1;visibility:visible}.site-header nav a{width:100%;padding:17px 0;border-bottom:1px solid var(--line);font:600 clamp(2.5rem,8vw,5rem) var(--display);letter-spacing:-.05em;text-transform:none}.nav-count{display:none}.menu-toggle{display:block}.hero-layout{grid-template-columns:1fr}.hero-persona{justify-self:start;width:min(520px,100%);margin-top:50px;grid-template-columns:1.2fr .8fr;align-items:end}.intro-grid{grid-template-columns:1fr}.intro-index{justify-self:start}.project{grid-template-columns:45px 1fr 260px 120px 30px}.spectrum-grid,.contact-grid{grid-template-columns:1fr}.colour-stack{min-height:450px}footer .wrap{grid-template-columns:1fr 1fr}.footer-name{grid-column:1/3}}
@media(max-width:720px){:root{--pad:20px}.loader{display:none}.site-header{position:absolute}.nav-shell{min-height:72px}.hero{min-height:100svh;padding:120px 0 100px;align-items:flex-start}.hero h1{font-size:clamp(4.2rem,20vw,7.3rem)}.hero-foot{align-items:flex-start;flex-direction:column}.hero-foot p{font-size:.96rem}.hero-persona{width:100%;margin-top:36px;grid-template-columns:1fr}.portrait-card{height:430px}.hero-signature{width:100%}.hero-orbit{opacity:.5}.orbit--one{width:90vw;right:-40%}.orbit--two{width:55vw;right:-15%}.scroll-cue{display:none}.intro{padding:80px 0}.intro-copy{font-size:clamp(1.75rem,8vw,2.7rem)}.work{padding:80px 0}.section-head{grid-template-columns:1fr;gap:25px;margin-bottom:45px}h2{font-size:clamp(3.5rem,15vw,6rem)}.project{min-height:0;grid-template-columns:30px 1fr 24px;gap:14px;padding:30px 0}.project-copy{grid-column:2}.project-copy h3{font-size:clamp(2.6rem,13vw,4.5rem)}.project-visual{grid-column:2/4;height:220px}.project-palette{grid-column:2}.project-arrow{grid-column:3;grid-row:1}.project:hover{padding-inline:0}.spectrum{padding:80px 0}.colour-stack{min-height:390px}.colour-stack span{padding:12px 5px}.colour-stack code{display:none}.credit{padding:100px 0}.credit h2{font-size:clamp(3.5rem,16vw,6rem)}.contact{padding:80px 0}.contact-copy h2{font-size:clamp(3.5rem,15vw,5.8rem)}.contact-details{grid-template-columns:1fr}.contact-form{padding:26px 20px}footer .wrap{grid-template-columns:1fr}.footer-name{grid-column:auto}footer span:last-child{text-align:left}.cursor{display:none}}
@media(max-width:720px){.hero-enter{opacity:1;transform:none}.hero-line b{transform:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.loader,.cursor,#neon-field{display:none}.hero-line b,.hero-enter,.js .reveal.pending{opacity:1!important;transform:none!important}}

/* portrait + contact additions */
.hero-persona{justify-self:end;width:min(390px,100%);display:grid;gap:14px}.portrait-card{height:clamp(360px,48vh,550px);margin:0;position:relative;overflow:hidden;border:1px solid rgba(45,226,255,.48);background:#090610;box-shadow:0 35px 100px rgba(0,0,0,.58),0 0 70px rgba(255,49,210,.1);transition:transform .25s ease-out}.portrait-card::before,.portrait-card::after{content:"";position:absolute;z-index:2;width:42px;height:42px;pointer-events:none}.portrait-card::before{left:12px;top:12px;border-left:1px solid var(--lime);border-top:1px solid var(--lime)}.portrait-card::after{right:12px;bottom:12px;border-right:1px solid var(--pink);border-bottom:1px solid var(--pink)}.portrait-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s var(--ease),filter .7s;filter:saturate(.9) contrast(1.04)}.portrait-card:hover img{transform:scale(1.025);filter:saturate(1.08) contrast(1.02)}.portrait-card figcaption{position:absolute;z-index:3;inset:auto 0 0;padding:35px 18px 17px;background:linear-gradient(transparent,rgba(3,2,7,.9));display:flex;justify-content:space-between;gap:16px;align-items:end}.portrait-card figcaption span{color:var(--cyan);font:500 .52rem var(--mono);letter-spacing:.13em;text-transform:uppercase}.portrait-card figcaption b{font:500 .56rem var(--mono);letter-spacing:.1em;text-transform:uppercase}.hero-persona .hero-signature{justify-self:stretch;min-width:0;padding:20px 22px}
.contact{padding:clamp(90px,11vw,170px) 0;position:relative;overflow:hidden;background:linear-gradient(135deg,#0a0610,#08050d 55%,#031014)}.contact-glow{position:absolute;width:600px;aspect-ratio:1;right:-180px;top:-180px;border-radius:50%;background:var(--cyan);filter:blur(190px);opacity:.08}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(50px,8vw,130px);align-items:center}.contact-copy h2{margin:24px 0 30px;font-size:clamp(3.7rem,7.4vw,8rem)}.contact-copy>p:not(.eyebrow){max-width:530px;color:var(--muted)}.contact-details{margin-top:42px;display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line)}.contact-details>a,.contact-details>div{padding:22px;background:#09070e}.contact-details span{display:block;margin-bottom:8px;color:var(--lime);font:500 .55rem var(--mono);letter-spacing:.14em;text-transform:uppercase}.contact-details strong{font:600 clamp(1.05rem,1.8vw,1.4rem) var(--display)}.contact-form{padding:clamp(28px,4vw,52px);border:1px solid rgba(45,226,255,.4);background:rgba(7,7,15,.78);box-shadow:0 35px 110px rgba(0,0,0,.5),inset 0 0 75px rgba(45,226,255,.025);backdrop-filter:blur(18px)}.form-top{display:flex;justify-content:space-between;padding-bottom:19px;margin-bottom:25px;border-bottom:1px solid var(--line);color:var(--muted);font:500 .55rem var(--mono);letter-spacing:.12em}.form-top i{color:var(--lime);font-style:normal}.contact-form label{display:block;margin:17px 0 7px;color:var(--muted);font:500 .57rem var(--mono);letter-spacing:.12em;text-transform:uppercase}.contact-form input,.contact-form textarea{width:100%;padding:14px 0;border:0;border-bottom:1px solid var(--line);outline:0;resize:vertical;background:transparent;color:var(--ink);font:400 1rem var(--body);transition:border-color .25s,box-shadow .25s}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--cyan);box-shadow:0 1px var(--cyan)}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#686173}.contact-form .button{margin-top:28px}.form-note{margin:17px 0 0;color:var(--muted);font:500 .52rem var(--mono)}.form-status{min-height:22px;margin:12px 0 0;color:var(--lime);font:500 .62rem var(--mono)}
.form-status.is-error{color:#ff769b}.form-status.is-success{color:var(--lime)}
@media(max-width:1050px){.hero-persona{justify-self:start;width:min(520px,100%);margin-top:50px;grid-template-columns:1.2fr .8fr;align-items:end}.contact-grid{grid-template-columns:1fr}}
@media(max-width:720px){.hero-persona{width:100%;margin-top:36px;grid-template-columns:1fr}.portrait-card{height:430px}.contact-details{grid-template-columns:1fr}}

/* final portrait treatment + hero note */
.portrait-card img{object-position:center 42%;filter:saturate(.88) contrast(1.08) brightness(.88)}.portrait-light{position:absolute;z-index:1;inset:0;background:radial-gradient(circle at 18% 35%,rgba(255,49,210,.28),transparent 42%),radial-gradient(circle at 84% 44%,rgba(45,226,255,.24),transparent 40%),linear-gradient(180deg,transparent 55%,rgba(6,5,11,.42));mix-blend-mode:screen;pointer-events:none}.portrait-scan{position:absolute;z-index:2;inset:0;background:linear-gradient(180deg,transparent 0 47%,rgba(184,255,44,.08) 49%,rgba(45,226,255,.5) 50%,rgba(255,49,210,.08) 51%,transparent 54%);animation:portraitScan 5.5s ease-in-out infinite;mix-blend-mode:screen;pointer-events:none}@keyframes portraitScan{0%,15%{transform:translateY(-65%);opacity:0}38%,66%{opacity:.7}85%,100%{transform:translateY(68%);opacity:0}}.hero-manifesto{width:min(530px,85%);margin:40px 0 0 auto;padding:18px 0 18px 22px;border-left:1px solid var(--pink);position:relative}.hero-manifesto span{display:block;margin-bottom:9px;color:var(--cyan);font:500 .52rem var(--mono);letter-spacing:.16em}.hero-manifesto p{margin:0;color:#ddd7e8;font:500 clamp(1.05rem,1.5vw,1.3rem)/1.45 var(--display);letter-spacing:-.02em}.hero-manifesto i{position:absolute;right:0;top:0;width:52px;height:1px;background:linear-gradient(90deg,var(--pink),transparent)}
@media(max-width:720px){.hero-manifesto{width:100%;margin:32px 0 0}}

/* oversized hero design slogan */
.hero-manifesto{width:min(690px,96%);margin:clamp(34px,5vh,64px) 0 0 auto;padding:22px 0 22px 28px;border-left:2px solid var(--pink);position:relative;isolation:isolate}.hero-manifesto::before{content:"";position:absolute;z-index:-1;width:230px;aspect-ratio:1;left:-48px;top:10%;border-radius:50%;background:var(--violet);filter:blur(100px);opacity:.13}.hero-manifesto>span{display:block;margin-bottom:16px;color:var(--cyan);font:500 .55rem var(--mono);letter-spacing:.18em}.hero-manifesto p{margin:0;color:#f7f5ff;font:600 clamp(2.35rem,4.25vw,5rem)/.88 var(--display);letter-spacing:-.065em}.hero-manifesto p b{font-weight:600;color:var(--ink)}.hero-manifesto p em{font-style:normal;background:linear-gradient(90deg,var(--pink),var(--violet),var(--cyan));-webkit-background-clip:text;color:transparent;text-shadow:none}.hero-manifesto small{display:block;max-width:500px;margin-top:20px;color:var(--muted);font:500 clamp(.72rem,.9vw,.9rem)/1.65 var(--body)}.hero-manifesto i{position:absolute;right:0;top:0;width:35%;height:1px;background:linear-gradient(90deg,var(--pink),var(--cyan),transparent);box-shadow:0 0 15px rgba(255,49,210,.45)}
@media(max-width:1050px){.hero-manifesto{width:min(650px,100%);margin-left:0}}
@media(max-width:720px){.hero-manifesto{width:100%;margin:34px 0 0;padding:20px 0 20px 20px}.hero-manifesto p{font-size:clamp(2.4rem,12.5vw,4.2rem)}.hero-manifesto small{font-size:.76rem}}

/* manifesto sits directly beneath the hero eyebrow */
.hero-copy>.hero-manifesto{width:min(720px,100%);margin:24px 0 16px;padding-block:18px}.hero-copy>.hero-manifesto p{font-size:clamp(2.15rem,3.65vw,4.35rem)}.hero-copy>.hero-manifesto small{margin-top:15px}.hero-copy>h1{margin-top:clamp(18px,2.5vh,30px)}
@media(max-width:720px){.hero-copy>.hero-manifesto{margin:20px 0 12px}.hero-copy>.hero-manifesto p{font-size:clamp(2.2rem,11.5vw,3.9rem)}.hero-copy>h1{margin-top:18px}}

/* align design philosophy five percent below the portrait top */
.hero-layout{align-items:start}.hero-copy,.hero-persona{align-self:start}.hero-copy-top{padding-top:calc(clamp(360px,48vh,550px)*.05)}.hero-copy-top>.hero-manifesto{width:min(720px,100%);margin:22px 0 0;padding-block:18px}.hero-copy>h1{margin-top:clamp(28px,4vh,48px)}
@media(max-width:1050px){.hero-copy-top{padding-top:0}.hero-copy-top>.hero-manifesto{margin-top:22px}}
@media(max-width:720px){.hero-copy-top>.hero-manifesto{margin-top:18px}.hero-copy>h1{margin-top:26px}}