:root{--ink:#07131f;--paper:#f2f1eb;--blue:#4b7dff;--ice:#c7d6ff;--muted:#78828b;--line:rgba(7,19,31,.14)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;overflow-x:hidden}.wrap{width:min(1180px,calc(100% - 48px));margin:auto}.noise{position:fixed;inset:0;pointer-events:none;opacity:.035;z-index:99;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='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.cursor-glow{position:fixed;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(75,125,255,.12),transparent 65%);pointer-events:none;transform:translate(-50%,-50%);z-index:-1}.nav{height:92px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:10}.brand{font:700 28px 'Space Grotesk';text-decoration:none;color:var(--ink);letter-spacing:-2px}.brand span{color:var(--blue)}nav{display:flex;gap:34px}nav a,.mini-cta{color:var(--ink);text-decoration:none;font-size:13px;font-weight:600}.mini-cta{border-bottom:1px solid}.hero{min-height:calc(100vh - 92px);display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:50px;position:relative;padding-bottom:60px}.eyebrow,.section-tag{font:600 11px 'Space Grotesk';letter-spacing:.18em}.eyebrow{display:flex;align-items:center;gap:10px}.eyebrow span{width:34px;height:1px;background:var(--blue)}h1{margin:24px 0 16px;line-height:.8;position:relative}.intro{display:block;font:600 clamp(54px,7vw,96px) 'Space Grotesk';letter-spacing:-.07em}.signature{display:block;font:400 clamp(72px,8.7vw,128px) 'Italianno',cursive;color:var(--blue);margin:0 0 0 12px;transform:rotate(-2deg);white-space:nowrap;text-shadow:0 1px 0 #fff}.lead{font-size:18px;line-height:1.7;max-width:610px;color:#4f5a63}.lead b{color:var(--ink)}.hero-actions{display:flex;gap:12px;margin:30px 0}.btn{display:inline-flex;align-items:center;justify-content:space-between;min-width:176px;padding:16px 18px;border-radius:3px;text-decoration:none;font-size:13px;font-weight:700}.btn i,.text-link i,.contact-links i{font-style:normal;transition:.25s}.btn:hover i,.text-link:hover i,.contact-links a:hover i{transform:translate(3px,-3px)}.primary{background:var(--ink);color:white}.ghost{border:1px solid var(--line);color:var(--ink)}.hero-meta{display:flex;gap:34px;padding-top:28px;border-top:1px solid var(--line);max-width:640px}.hero-meta div{display:grid;gap:5px}.hero-meta small,.floating-card small,.education small{font-size:9px;letter-spacing:.16em;color:var(--muted)}.hero-meta strong{font-size:12px}.portrait-stage{height:670px;position:relative;display:flex;align-items:center;justify-content:center}.portrait-frame{width:78%;height:88%;position:relative;overflow:hidden;border-radius:48% 48% 8px 8px;box-shadow:0 30px 80px rgba(7,19,31,.18);z-index:2}.portrait-frame img{width:100%;height:100%;object-fit:cover;object-position:50% 64%;transform:scale(1.03)}.image-shade{position:absolute;inset:0;background:linear-gradient(to top,rgba(7,19,31,.3),transparent 42%)}.orbit{position:absolute;border:1px solid rgba(75,125,255,.25);border-radius:50%;z-index:1}.orbit-a{width:96%;height:82%;transform:rotate(-12deg)}.orbit-b{width:78%;height:104%;transform:rotate(16deg)}.floating-card{position:absolute;z-index:4;left:0;bottom:80px;background:rgba(242,241,235,.9);backdrop-filter:blur(14px);padding:16px 18px;display:flex;gap:12px;align-items:flex-start;box-shadow:0 15px 45px rgba(7,19,31,.14);border:1px solid rgba(255,255,255,.6)}.floating-card div{display:grid;gap:3px}.floating-card b{font-size:13px}.floating-card em{font-style:normal;font-size:11px;color:var(--muted)}.pulse{width:8px;height:8px;border-radius:50%;background:#37c979;box-shadow:0 0 0 5px rgba(55,201,121,.12);margin-top:4px}.vertical-note{position:absolute;right:-22px;top:50%;transform:rotate(90deg);font-size:9px;letter-spacing:.2em;color:var(--muted)}.scroll{position:absolute;bottom:26px;left:0;display:flex;gap:12px;align-items:center;color:var(--ink);text-decoration:none;font-size:9px;letter-spacing:.16em}.scroll i{font-style:normal;color:var(--blue);font-size:18px}.section{padding:130px 0}.about-grid{display:grid;grid-template-columns:160px 1fr;gap:30px}.about-main h2,.section-head h2,.education h2{font:600 clamp(42px,5vw,72px) 'Space Grotesk';letter-spacing:-.055em;line-height:1.02;margin:0}.about-main h2 span,.section-head h2 span,.education h2 span{color:var(--blue)}.about-main p{font-size:18px;line-height:1.8;color:#59636b;max-width:760px;margin:35px 0 0}.skills{grid-column:2;display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.skills span,.tech span{padding:10px 14px;border:1px solid var(--line);border-radius:100px;font-size:11px;font-weight:600}.experience{background:var(--ink);color:white}.section-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:65px}.experience .section-tag{color:var(--ice)}.experience .section-head h2 span{color:var(--ice)}.timeline{border-top:1px solid rgba(255,255,255,.18)}.job{display:grid;grid-template-columns:190px 1.05fr 1fr 50px;gap:30px;padding:36px 0;border-bottom:1px solid rgba(255,255,255,.15);align-items:start}.job-date{font-size:10px;letter-spacing:.12em;color:#a9b4bd}.job h3{margin:0 0 8px;font:600 21px 'Space Grotesk'}.job-title p,.job-desc{margin:0;color:#9ba8b2;font-size:13px;line-height:1.7}.job-no{font:600 12px 'Space Grotesk';color:var(--ice);text-align:right}.work .section-head{align-items:end}.project{display:grid;grid-template-columns:1.15fr .85fr;background:#e4e7e5;min-height:570px}.project-visual{padding:70px 0 70px 60px;display:flex;align-items:center;overflow:hidden}.browser{width:700px;background:#f7f8f6;box-shadow:0 25px 60px rgba(7,19,31,.18);border-radius:10px;overflow:hidden;transform:rotate(-2deg)}.browser-top{height:40px;background:#fff;border-bottom:1px solid #ddd;display:flex;align-items:center;gap:6px;padding:0 14px}.browser-top i{width:7px;height:7px;background:#c7c7c7;border-radius:50%}.browser-top span{font-size:8px;color:#999;margin-left:10px}.dash{height:330px;display:grid;grid-template-columns:110px 1fr}.dash aside{background:#0b1a27;color:white;padding:20px 12px;display:flex;flex-direction:column;gap:18px;font-size:8px}.dash aside b{font-size:20px;color:var(--ice)}.dash-main{padding:28px}.dash-main small{font-size:7px;color:#8c969d}.dash-main h4{font:600 24px 'Space Grotesk';margin:5px 0 22px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.stats div{background:white;padding:14px;display:grid}.stats b{font:600 20px 'Space Grotesk'}.stats span{font-size:7px;color:#8d969b}.rows{margin-top:18px;display:grid;gap:7px}.rows i{height:28px;background:white;border-radius:3px}.project-copy{padding:70px 60px;display:flex;flex-direction:column;justify-content:center}.project-kicker{font-size:9px;letter-spacing:.16em;color:var(--blue);font-weight:700}.project-copy h3{font:600 clamp(34px,4vw,54px) 'Space Grotesk';letter-spacing:-.05em;line-height:1;margin:18px 0}.project-copy p{font-size:14px;line-height:1.8;color:#586269}.tech{display:flex;flex-wrap:wrap;gap:7px;margin:16px 0 28px}.tech span{padding:7px 10px;font-size:9px}.text-link{color:var(--ink);font-weight:700;font-size:12px;text-decoration:none;border-bottom:1px solid;width:max-content;padding-bottom:4px}.education{background:#dce4fb}.edu-grid{display:grid;grid-template-columns:160px 1fr 240px;gap:30px;align-items:end}.edu-side{padding-bottom:6px}.edu-side b{font:600 20px 'Space Grotesk'}.edu-side p{font-size:12px;color:#586269;margin:8px 0}.contact{background:#080f16;color:white;padding:120px 0 28px}.contact-top{display:flex;justify-content:space-between}.contact .section-tag{color:var(--ice)}.contact-top p{color:#8f9ba5;font-size:13px;line-height:1.6;margin:0}.contact h2{font:600 clamp(58px,8vw,112px) 'Space Grotesk';letter-spacing:-.065em;line-height:.92;margin:70px 0}.contact h2 span{display:block;color:var(--ice)}.contact-links{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid rgba(255,255,255,.18);border-bottom:1px solid rgba(255,255,255,.18)}.contact-links a{color:white;text-decoration:none;padding:24px 14px 24px 0;font-size:12px;display:flex;justify-content:space-between;border-right:1px solid rgba(255,255,255,.18);margin-right:14px}.contact-links a:last-child{border:0}footer{display:flex;justify-content:space-between;padding-top:26px;color:#7f8a93;font-size:10px}footer a{color:#aab4bd;text-decoration:none}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){.wrap{width:min(100% - 28px,1180px)}nav{display:none}.hero{grid-template-columns:1fr;padding-top:45px}.hero-copy{z-index:4}.signature{white-space:normal;font-size:72px}.portrait-stage{height:560px}.portrait-frame{width:88%}.hero-meta{gap:18px;flex-wrap:wrap}.about-grid,.edu-grid{grid-template-columns:1fr}.skills{grid-column:1}.section-tag{margin-bottom:22px}.section-head{display:block}.section-head h2{margin-top:20px}.job{grid-template-columns:1fr}.job-no{display:none}.project{grid-template-columns:1fr}.project-visual{padding:35px 0 20px 20px}.project-copy{padding:45px 28px}.edu-side{margin-top:20px}.contact-links{grid-template-columns:1fr}.contact-links a{border-right:0;border-bottom:1px solid rgba(255,255,255,.14);margin:0}.contact-top{display:block}.contact-top p{margin-top:20px}.scroll{display:none}.section{padding:90px 0}}
@media(max-width:520px){.nav{height:72px}.mini-cta{font-size:11px}.hero{min-height:auto}.intro{font-size:50px}.signature{font-size:64px;margin-left:0}.lead{font-size:16px}.hero-actions{flex-direction:column}.btn{width:100%}.portrait-stage{height:480px}.floating-card{left:5px;bottom:35px}.vertical-note{display:none}.section{padding:75px 0}.about-main h2,.section-head h2,.education h2{font-size:42px}.project-visual{padding-left:12px}.browser{width:540px}.contact h2{font-size:58px}}

/* RAEDORA feature — preserves the existing portfolio layout */
.raedora-project{margin-bottom:70px}
.raedora-visual{background:linear-gradient(135deg,#101e35 0%,#244a81 100%);padding:50px}
.raedora-art{min-height:370px;width:100%;border:1px solid rgba(255,255,255,.25);border-radius:20px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:20px;padding:48px;color:white;text-decoration:none;background:radial-gradient(circle at 80% 20%,rgba(116,174,255,.28),transparent 45%),rgba(255,255,255,.04);box-shadow:0 25px 50px rgba(0,0,0,.2);transition:transform .3s ease}
.raedora-art:hover{transform:translateY(-4px)}
.raedora-art-kicker{font:600 11px 'Space Grotesk',sans-serif;letter-spacing:.17em;color:#b8d2ff}
.raedora-art-name{font:700 clamp(44px,6vw,84px) 'Space Grotesk',sans-serif;letter-spacing:-.07em;line-height:1}
.raedora-art-caption{font-size:16px;color:#e0eaff}
.raedora-art-link{margin-top:18px;font-size:12px;font-weight:700;border-bottom:1px solid #b8d2ff;padding-bottom:8px}
@media(max-width:900px){.raedora-visual{padding:28px}.raedora-art{min-height:270px;padding:28px}}
@media(max-width:520px){.raedora-visual{padding:16px}.raedora-art{padding:24px;min-height:230px}.raedora-art-name{font-size:45px}}