.portfolio-shell{--p-bg:#f1f4fa;--p-text:#152238;--p-muted:#536177;--p-surface:#ffffffb8;--p-surface-hover:#fff;--p-border:#ccd5e2;--p-accent:#3155c8;--p-on-accent:#fff;--p-radius:24px;--p-shadow:0 12px 32px #2536590d;--p-font:-apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--p-display:var(--p-font);min-height:100dvh;color:var(--p-text);background:var(--p-bg);font-family:var(--p-font);isolation:isolate;position:relative;overflow:clip}.portfolio-shell *,.portfolio-shell :before,.portfolio-shell :after{box-sizing:border-box}.portfolio-shell button,.portfolio-shell a{-webkit-tap-highlight-color:transparent}:where(.portfolio-shell) button{font:inherit}.portfolio-shell :focus-visible{outline:3px solid var(--p-accent);outline-offset:5px}.portfolio-shell .skip-link{z-index:11000;color:var(--p-on-accent);background:var(--p-accent);border-radius:8px;padding:12px 20px;position:fixed;top:-100px;left:20px}.portfolio-shell .skip-link:focus{top:12px}.portfolio-shell .site-header,.portfolio-shell .home-header,.portfolio-shell .home-main,.portfolio-shell .home-footer,.portfolio-shell .about-hero,.portfolio-shell .about-body{width:min(1160px,100% - 80px);margin-inline:auto}.portfolio-shell .site-header{z-index:200;min-height:108px;box-shadow:none;background:0 0;align-items:center;gap:32px;padding:20px 0;display:flex;position:relative;inset:auto}.portfolio-shell .site-brand{white-space:nowrap;align-items:center;gap:13px;display:inline-flex}.portfolio-shell .brand-monogram{background:var(--p-text);width:44px;height:44px;color:var(--p-bg);letter-spacing:-.08em;border-radius:13px;place-content:center;font-size:24px;font-weight:800;line-height:1;display:grid;position:relative}.portfolio-shell .brand-monogram span{display:none}.portfolio-shell .brand-name{letter-spacing:-.02em;font-size:14px;font-weight:650}.portfolio-shell .site-nav{align-items:center;gap:26px;margin-left:auto;padding:0;font-size:14px;font-weight:550;display:flex}.portfolio-shell .site-nav a{color:var(--p-muted);text-underline-offset:6px;text-decoration-thickness:1px}.portfolio-shell .site-nav a[aria-current]{color:var(--p-text);text-decoration:underline}.portfolio-shell .home-header{box-shadow:none;text-align:left;background:0 0;grid-template-columns:1.45fr 1fr;align-items:center;gap:70px;padding:75px 0 100px;display:grid;position:relative}.portfolio-shell .hero-copy{min-width:0}.portfolio-shell .hero-eyebrow,.portfolio-shell .section-eyebrow{letter-spacing:.02em;color:var(--p-muted);align-items:center;gap:10px;margin-bottom:23px;font-size:13px;font-weight:650;line-height:1.6;display:flex}.portfolio-shell .hero-eyebrow>span{background:var(--p-accent);border-radius:50%;width:7px;height:7px;display:block}.portfolio-shell .home-title{font-family:var(--p-display);letter-spacing:-.065em;text-wrap:balance;margin:0;font-size:clamp(44px,5.5vw,72px);font-weight:650;line-height:1.06}.portfolio-shell .title-accent{color:var(--p-accent)}.portfolio-shell .home-subtitle{max-width:480px;color:var(--p-muted);margin:27px 0 30px;font-size:17px;line-height:1.75}.portfolio-shell .hero-actions{flex-wrap:wrap;align-items:center;gap:24px;display:flex}.portfolio-shell .primary-link,.portfolio-shell .secondary-link{border-radius:calc(var(--p-radius) * .6);justify-content:space-between;align-items:center;gap:28px;padding:14px 20px;font-size:14px;font-weight:600;line-height:1.5;text-decoration:none;transition:transform .18s,background .18s,box-shadow .18s;display:inline-flex}.portfolio-shell .primary-link{background:var(--p-accent);color:var(--p-on-accent);border:1px solid #0000}.portfolio-shell .secondary-link{color:var(--p-text);padding-inline:0}.portfolio-shell .primary-link span,.portfolio-shell .secondary-link span{font-size:20px;line-height:1}.portfolio-shell .hero-portrait{border-radius:calc(var(--p-radius) * 1.4);background:var(--p-surface);border:1px solid var(--p-border);box-shadow:var(--p-shadow);padding:18px;position:relative;transform:rotate(3deg)}.portfolio-shell .portrait-frame{aspect-ratio:1/1.05;border-radius:var(--p-radius);overflow:hidden}.portfolio-shell .home-photo{object-fit:cover;object-position:center 45%;filter:saturate(.8);width:100%;height:100%;display:block}.portfolio-shell .portrait-note{border:1px solid var(--p-border);background:var(--p-surface-hover);border-radius:calc(var(--p-radius) * .65);box-shadow:var(--p-shadow);align-items:center;gap:16px;margin:-30px -35px 0 8px;padding:18px 22px;display:flex;position:relative;transform:rotate(-5deg)}.portfolio-shell .portrait-note strong,.portfolio-shell .portrait-note div>span{display:block}.portfolio-shell .portrait-note strong{font-size:17px;font-weight:650}.portfolio-shell .portrait-note div>span{color:var(--p-muted);font-size:12px}.portfolio-shell .portrait-spark{color:var(--p-accent);font-size:42px;line-height:1}.portfolio-shell .portrait-coordinate{color:var(--p-muted);letter-spacing:.02em;margin-top:18px;margin-left:8px;font-size:12px;display:block}.portfolio-shell section{padding:0}.portfolio-shell .projects-section{scroll-margin-top:32px}.portfolio-shell .section-heading{justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:30px;display:flex}.portfolio-shell .section-heading .section-eyebrow{margin-bottom:9px}.portfolio-shell .section-heading h2{font-family:var(--p-display);letter-spacing:-.045em;font-size:clamp(28px,3vw,38px);font-weight:600;line-height:1.15}.portfolio-shell .section-heading>p{max-width:230px;color:var(--p-muted);font-size:13px;line-height:1.6}.portfolio-shell .project-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:0;padding:0;list-style:none;display:grid}.portfolio-shell .project-list>li{min-width:0;display:flex}.portfolio-shell .project-link{width:100%;color:var(--p-text);background:var(--p-surface);border:1px solid var(--p-border);border-radius:var(--p-radius);box-shadow:var(--p-shadow);flex-direction:column;padding:12px;text-decoration:none;transition:transform .22s,box-shadow .22s,background .22s;display:flex}.portfolio-shell .project-visual{border-radius:calc(var(--p-radius) * .65);color:#60371e;isolation:isolate;background:#eddccb;place-items:center;min-width:0;min-height:235px;display:grid;position:relative;overflow:hidden}.portfolio-shell .project-initials{z-index:2;font-size:105px;font-family:var(--p-display);letter-spacing:-.095em;font-weight:700;line-height:1;position:relative;transform:rotate(-8deg)}.portfolio-shell .project-index{font-variant-numeric:tabular-nums;letter-spacing:.1em;z-index:2;font-size:10px;position:absolute;top:18px;left:20px}.portfolio-shell .project-visual-label{letter-spacing:.02em;z-index:2;font-size:12px;position:absolute;bottom:18px;left:20px}.portfolio-shell .project-art{z-index:0;position:absolute;inset:0}.portfolio-shell .project-art span{opacity:.25;border:1px solid;border-radius:50%;width:150px;height:150px;position:absolute}.portfolio-shell .project-art span:first-child{top:-30px;right:-30px}.portfolio-shell .project-art span:nth-child(2){width:200px;height:200px;bottom:-50px;left:-45px}.portfolio-shell .project-art span:nth-child(3){bottom:-25px;left:-20px}.portfolio-shell [data-project=quartierweb] .project-visual{color:#324725;background:#d8e9be}.portfolio-shell [data-project=quartierweb] .project-initials{transform:none}.portfolio-shell [data-project=quartierweb] .project-art span{border-radius:12px;transform:rotate(-15deg)}.portfolio-shell [data-project=valcoach] .project-visual{color:#d4ed93;background:#222e49}.portfolio-shell [data-project=valcoach] .project-initials{letter-spacing:-.08em;font-style:italic;transform:skewY(-6deg)}.portfolio-shell [data-project=valcoach] .project-art span{border-radius:0;width:60px;height:300px;transform:rotate(-35deg)}.portfolio-shell [data-project=pfadiDunant] .project-visual{color:#693c25;background:#ffd6a5}.portfolio-shell [data-project=pfadiDunant] .project-initials{letter-spacing:-.06em;font-family:Georgia,serif;font-size:90px}.portfolio-shell [data-project=pfadiDunant] .project-art span{border-radius:0;transform:rotate(45deg)}.portfolio-shell .project-info{padding:24px 15px 18px;position:relative}.portfolio-shell .project-kicker{letter-spacing:.01em;color:var(--p-muted);margin-bottom:9px;font-size:12px;line-height:1.5;display:block}.portfolio-shell .project-name{letter-spacing:-.035em;justify-content:space-between;align-items:center;gap:12px;font-size:22px;font-weight:650;line-height:1.3;display:flex}.portfolio-shell .project-arrow{border:1px solid var(--p-border);border-radius:50%;flex-shrink:0;place-items:center;width:31px;height:31px;font-size:19px;display:grid}.portfolio-shell .project-description{color:var(--p-muted);max-width:95%;margin-top:10px;font-size:14px;line-height:1.7}.portfolio-shell .project-badge{border:1px solid var(--p-border);color:var(--p-muted);border-radius:99px;margin-top:15px;padding:3px 9px;font-size:10px;line-height:1.6;display:inline-flex}.portfolio-shell .home-contact,.portfolio-shell .about-cta{border:1px solid var(--p-border);border-radius:var(--p-radius);background:var(--p-surface);box-shadow:var(--p-shadow);justify-content:space-between;align-items:center;gap:30px;margin:76px 0;padding:44px;display:flex}.portfolio-shell .home-contact .section-eyebrow{margin-bottom:12px}.portfolio-shell .home-contact h2,.portfolio-shell .cta-title{font-family:var(--p-display);letter-spacing:-.045em;font-size:clamp(28px,3vw,38px);font-weight:600;line-height:1.15}.portfolio-shell .home-contact p:not(.section-eyebrow),.portfolio-shell .cta-text{color:var(--p-muted);max-width:550px;margin-top:13px;font-size:14px}.portfolio-shell .home-contact .primary-link,.portfolio-shell .about-cta .primary-link{flex-shrink:0}.portfolio-shell .home-footer{color:var(--p-muted);text-align:left;background:0 0;margin-top:0;padding:0 0 28px}.portfolio-shell .footer-top,.portfolio-shell .footer-bottom{justify-content:space-between;align-items:center;gap:24px;display:flex}.portfolio-shell .footer-top{border-bottom:1px solid var(--p-border);padding:10px 0 28px}.portfolio-shell .footer-signature{color:var(--p-text);letter-spacing:-.035em;font-size:20px;font-weight:650}.portfolio-shell .footer-signature span{color:var(--p-accent)}.portfolio-shell .footer-links{flex-wrap:wrap;gap:24px;font-size:12px;display:flex}.portfolio-shell .footer-bottom{padding-top:22px;font-size:11px}.portfolio-shell .about-hero{grid-template-columns:260px 1fr;align-items:center;gap:65px;padding:70px 0 80px;display:grid}.portfolio-shell .hero-photo-wrapper{position:relative}.portfolio-shell .hero-photo{aspect-ratio:1;object-fit:cover;border-radius:var(--p-radius);border:8px solid var(--p-surface);width:100%;height:auto;box-shadow:var(--p-shadow);display:block}.portfolio-shell .about-photo-spark{color:var(--p-accent);font-size:95px;line-height:1;position:absolute;bottom:-20px;right:-20px}.portfolio-shell .hero-name{font-family:var(--p-display);letter-spacing:-.065em;margin:0;font-size:clamp(42px,5vw,64px);font-weight:650;line-height:1.05}.portfolio-shell .hero-name>span{color:var(--p-accent)}.portfolio-shell .hero-tagline{color:var(--p-accent);margin-top:14px;font-size:17px}.portfolio-shell .hero-intro{color:var(--p-muted);max-width:620px;margin-top:20px;font-size:16px;line-height:1.8}.portfolio-shell .hero-socials{flex-wrap:wrap;gap:10px;margin-top:25px;display:flex}.portfolio-shell .hero-social-link{border:1px solid var(--p-border);border-radius:calc(var(--p-radius) * .5);background:var(--p-surface);padding:9px 16px;font-size:12px}.portfolio-shell .about-section{margin-bottom:75px}.portfolio-shell .about-section-title{font-family:var(--p-display);letter-spacing:-.035em;margin-bottom:25px;font-size:26px;font-weight:600;line-height:1.2}.portfolio-shell .about-story{border-top:1px solid var(--p-border);border-bottom:1px solid var(--p-border);grid-template-columns:260px 1fr;gap:65px;padding:42px 0;display:grid}.portfolio-shell .about-me-text{color:var(--p-muted);max-width:680px;font-size:17px;line-height:1.85}.portfolio-shell .about-me-text+.about-me-text{margin-top:18px}.portfolio-shell .skills-container{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.portfolio-shell .skill-category{border:1px solid var(--p-border);border-radius:var(--p-radius);background:var(--p-surface);box-shadow:var(--p-shadow);padding:26px}.portfolio-shell .skill-number{color:var(--p-muted);font-size:11px}.portfolio-shell .skill-category-label{margin:22px 0 16px;font-size:19px;font-weight:600}.portfolio-shell .skill-tags{flex-wrap:wrap;gap:7px;display:flex}.portfolio-shell .skill-tag{border:1px solid var(--p-border);color:var(--p-muted);border-radius:6px;padding:5px 9px;font-size:11px;display:inline-block}@media (hover:hover){.portfolio-shell .project-link:hover{background:var(--p-surface-hover);transform:translateY(-4px)}.portfolio-shell .primary-link:hover{transform:translateY(-2px)}.portfolio-shell .secondary-link:hover,.portfolio-shell .site-nav a:hover,.portfolio-shell .footer-links a:hover{text-underline-offset:5px;text-decoration:underline}}@media (max-width:1020px){.portfolio-shell .brand-name{display:none}.portfolio-shell .site-header{gap:22px}.portfolio-shell .home-header{grid-template-columns:1.3fr 1fr;gap:36px;padding-top:55px}.portfolio-shell .home-title{font-size:clamp(38px,5.8vw,58px)}.portfolio-shell .portrait-note{margin-right:-26px;padding:15px}.portfolio-shell .portrait-note strong{font-size:15px}.portfolio-shell .about-hero,.portfolio-shell .about-story{grid-template-columns:210px 1fr;gap:40px}}@media (max-width:760px){.portfolio-shell .site-header,.portfolio-shell .home-header,.portfolio-shell .home-main,.portfolio-shell .home-footer,.portfolio-shell .about-hero,.portfolio-shell .about-body{width:calc(100% - 40px)}.portfolio-shell .site-header{flex-wrap:wrap;justify-content:space-between;gap:12px;min-height:92px}.portfolio-shell .site-nav{border-top:1px solid var(--p-border);order:3;justify-content:flex-start;width:100%;margin:4px 0 0;padding:12px 0 0;font-size:12px}.portfolio-shell .home-header{grid-template-columns:1fr;gap:42px;padding:45px 0 60px}.portfolio-shell .home-title{font-size:clamp(42px,8.6vw,64px)}.portfolio-shell .home-subtitle{max-width:520px;font-size:16px}.portfolio-shell .hero-portrait{justify-self:center;width:min(300px,82%);margin-block:10px}.portfolio-shell .hero-eyebrow{margin-bottom:18px;font-size:12px}.portfolio-shell .section-heading{flex-direction:column;align-items:flex-start;gap:14px}.portfolio-shell .section-heading>p{max-width:none}.portfolio-shell .project-list{gap:18px}.portfolio-shell .project-visual{min-height:180px}.portfolio-shell .project-initials{font-size:75px}.portfolio-shell .project-info{padding:20px 8px 12px}.portfolio-shell .project-name{font-size:20px}.portfolio-shell .project-description{max-width:100%;font-size:13px}.portfolio-shell .home-contact,.portfolio-shell .about-cta{flex-direction:column;align-items:flex-start;margin-block:50px;padding:28px}.portfolio-shell .footer-top{flex-direction:column;align-items:flex-start;gap:18px}.portfolio-shell .footer-bottom{flex-wrap:wrap;gap:8px}.portfolio-shell .about-hero{grid-template-columns:1fr;gap:35px;padding:40px 0 50px}.portfolio-shell .hero-photo-wrapper{width:180px}.portfolio-shell .hero-name{font-size:46px}.portfolio-shell .about-story{padding:30px 0;display:block}.portfolio-shell .about-me-text{font-size:16px}.portfolio-shell .skills-container{grid-template-columns:1fr;gap:14px}.portfolio-shell .skill-category{padding:22px}.portfolio-shell .skill-category-label{margin-top:10px}.portfolio-shell .about-section{margin-bottom:48px}}@media (max-width:520px){.portfolio-shell .project-list{grid-template-columns:1fr}.portfolio-shell .project-visual{min-height:215px}.portfolio-shell .project-initials{font-size:96px}.portfolio-shell .project-info{padding:22px 12px 16px}.portfolio-shell .hero-actions,.portfolio-shell .primary-link{gap:20px}.portfolio-shell .hero-coordinate{font-size:9px}}@media (prefers-reduced-motion:reduce){.portfolio-shell *,.portfolio-shell :before,.portfolio-shell :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}html[data-theme=dark] .portfolio-shell{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html[data-theme=light] .portfolio-shell{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.portfolio-shell .portrait-spark{flex-shrink:0;width:42px;height:42px}.portfolio-shell .about-photo-spark{width:95px;height:95px}.portfolio-shell .portrait-coordinate{align-items:center;gap:6px;display:flex}.portfolio-shell .project-category-icon{z-index:2;position:absolute;top:16px;right:18px}.portfolio-shell .hero-social-link,.portfolio-shell .footer-links a{align-items:center;gap:7px;display:inline-flex}.portfolio-shell .primary-link svg,.portfolio-shell .secondary-link svg{flex-shrink:0}.portfolio-shell .legal-body{width:min(760px,100% - 80px);margin-inline:auto;padding:56px 0 80px}.portfolio-shell .legal-title{font-family:var(--p-display);letter-spacing:-.05em;font-size:clamp(36px,5vw,52px);font-weight:650;line-height:1.1}.portfolio-shell .legal-intro{color:var(--p-muted);max-width:680px;margin-top:18px;font-size:17px;line-height:1.75}.portfolio-shell .legal-section{border-top:1px solid var(--p-border);margin-top:40px;padding-top:28px}.portfolio-shell .legal-section h2{font-family:var(--p-display);letter-spacing:-.03em;margin-bottom:12px;font-size:21px;font-weight:600;line-height:1.3}.portfolio-shell .legal-section p{color:var(--p-muted);overflow-wrap:anywhere;max-width:680px;font-size:15px;line-height:1.8}.portfolio-shell .legal-section p+p{margin-top:12px}.portfolio-shell .footer-legal{flex-wrap:wrap;gap:18px;display:flex}.portfolio-shell .footer-legal a{color:var(--p-muted);text-underline-offset:4px;text-decoration:underline}.portfolio-shell .footer-legal a:hover{color:var(--p-text)}@media (max-width:760px){.portfolio-shell .legal-body{width:calc(100% - 40px);padding:36px 0 56px}.portfolio-shell .legal-intro{font-size:16px}}
html[data-design] .portfolio-shell .secondary-link{border:1px solid var(--p-border);padding-inline:20px}html[data-design=glass] .portfolio-shell{--p-bg:#edf0fc;--p-text:#202339;--p-muted:#59617a;--p-surface:#ffffff91;--p-surface-hover:#ffffffd9;--p-border:#7682b53b;--p-accent:#4c42d5;--p-on-accent:#fff;--p-radius:24px;--p-shadow:0 16px 46px #403d7b17, inset 0 1px 0 #ffffffb3;--p-font:-apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--p-display:var(--p-font);--p-glass-glow:#a28cff42;background-color:var(--p-bg);background-image:radial-gradient(at 90% 8%,#8f9dff5c,#0000 36%),radial-gradient(at 4% 36%,#c1a4f442,#0000 34%),radial-gradient(at 80% 80%,#81d5e73b,#0000 40%)}html[data-design=glass][data-theme=dark] .portfolio-shell{--p-bg:#0d1020;--p-text:#f0f0ff;--p-muted:#b0b4d0;--p-surface:#2327438a;--p-surface-hover:#363a5bc4;--p-border:#acb3e033;--p-accent:#b7abff;--p-on-accent:#19132e;--p-shadow:0 20px 54px #00000038, inset 0 1px 0 #dfdeff17;--p-glass-glow:#7f5dec3d;background-image:radial-gradient(at 88% 4%,#5346b25c,#0000 36%),radial-gradient(at 2% 34%,#64309338,#0000 34%),radial-gradient(at 80% 80%,#186b8433,#0000 40%)}html[data-design=glass] .portfolio-shell .site-header{background:color-mix(in srgb, var(--p-bg) 70%, transparent);border-color:var(--p-border);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}html[data-design=glass] .portfolio-shell :is(.project-link,.project-card,.timeline-card,.education-card,.skill-category,.design-panel){background:var(--p-surface);border:1px solid var(--p-border);box-shadow:var(--p-shadow);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}html[data-design=glass] .portfolio-shell .design-panel{background:#fffffff5}html[data-design=glass][data-theme=dark] .portfolio-shell .design-panel{background:#161729f5}html[data-design=glass] .portfolio-shell .home-title .title-accent{color:var(--p-accent)}html[data-design=glass] .portfolio-shell .hero-portrait{isolation:isolate;position:relative}html[data-design=glass] .portfolio-shell .hero-portrait:before{content:"";z-index:-1;background:radial-gradient(ellipse, var(--p-glass-glow), transparent 70%);filter:blur(24px);pointer-events:none;position:absolute;inset:4% -9% -3%}html[data-design=glass] .portfolio-shell .portrait-frame{border:1px solid color-mix(in srgb, var(--p-border) 50%, #fff 50%);background:var(--p-surface);box-shadow:var(--p-shadow), 0 0 70px var(--p-glass-glow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:180px 180px 36px 36px;padding:12px}html[data-design=glass] .portfolio-shell .home-photo{border-radius:168px 168px 26px 26px}html[data-design=glass] .portfolio-shell .portrait-note{border:1px solid var(--p-border);background:color-mix(in srgb, var(--p-bg) 75%, transparent);box-shadow:var(--p-shadow);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:18px}html[data-design=glass] .portfolio-shell .project-visual{color:#55322f;background:linear-gradient(130deg,#f1ddd1,#ead2dd);overflow:hidden}html[data-design=glass] .portfolio-shell [data-project=quartierweb] .project-visual{color:#383779;background:linear-gradient(130deg,#d1d9fb,#ded3f2)}html[data-design=glass] .portfolio-shell [data-project=valcoach] .project-visual{color:#164a5b;background:linear-gradient(130deg,#c7e7e9,#b9d3e5)}html[data-design=glass] .portfolio-shell [data-project=pfadiDunant] .project-visual{color:#36513a;background:linear-gradient(130deg,#dae6c7,#c9ddc9)}html[data-design=glass][data-theme=dark] .portfolio-shell .project-visual{color:#f6c5b2;background:linear-gradient(130deg,#4b313a,#34273d)}html[data-design=glass][data-theme=dark] .portfolio-shell [data-project=quartierweb] .project-visual{color:#c8bdff;background:linear-gradient(130deg,#37346d,#2a2b50)}html[data-design=glass][data-theme=dark] .portfolio-shell [data-project=valcoach] .project-visual{color:#a2e4ea;background:linear-gradient(130deg,#164b56,#26314e)}html[data-design=glass][data-theme=dark] .portfolio-shell [data-project=pfadiDunant] .project-visual{color:#c2e0a2;background:linear-gradient(130deg,#354a36,#253a3a)}html[data-design=glass] .portfolio-shell .project-visual:after{content:"";aspect-ratio:1;width:75%;box-shadow:0 0 0 30px color-mix(in srgb, currentColor 8%, transparent), 0 0 0 60px color-mix(in srgb, currentColor 5%, transparent);opacity:.35;pointer-events:none;border:1px solid;border-radius:50%;position:absolute;top:-65%;right:-14%}html[data-design=glass] .portfolio-shell :is(.secondary-link,.hero-social-link,.skill-tag,.design-trigger,.theme-toggle,.lang-toggle__segment){background:var(--p-surface);border-color:var(--p-border);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--p-text) 4%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}html[data-design=glass] .portfolio-shell :is(.home-contact,.about-cta){background:linear-gradient(140deg, var(--p-surface), var(--p-glass-glow));border:1px solid var(--p-border);box-shadow:var(--p-shadow);border-radius:32px}html[data-design=neumorphism] .portfolio-shell{--p-bg:#e8eaee;--p-text:#263042;--p-muted:#556174;--p-surface:#e8eaee;--p-surface-hover:#edf0f5;--p-border:#bec5d0;--p-accent:#375998;--p-on-accent:#fff;--p-radius:30px;--p-neu-light:#fff;--p-neu-dark:#c5c9d1;--p-shadow:12px 12px 26px var(--p-neu-dark), -12px -12px 26px var(--p-neu-light);--p-neu-inset:inset 5px 5px 11px var(--p-neu-dark), inset -5px -5px 11px var(--p-neu-light);--p-neu-small:5px 5px 11px var(--p-neu-dark), -5px -5px 11px var(--p-neu-light);--p-font:ui-rounded, "SF Pro Rounded", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--p-display:var(--p-font);background:var(--p-bg)}html[data-design=neumorphism][data-theme=dark] .portfolio-shell{--p-bg:#272d38;--p-text:#edf0f6;--p-muted:#b6c0d2;--p-surface:#272d38;--p-surface-hover:#2d3542;--p-border:#596476;--p-accent:#a4bef7;--p-on-accent:#192642;--p-neu-light:#343d4b;--p-neu-dark:#1b2028}html[data-design=neumorphism] .portfolio-shell .site-header{background:var(--p-bg);-webkit-backdrop-filter:none;backdrop-filter:none;border-color:#0000}html[data-design=neumorphism] .portfolio-shell .brand-monogram{color:var(--p-accent);background:var(--p-bg);box-shadow:var(--p-neu-small);border-radius:14px}html[data-design=neumorphism] .portfolio-shell .lang-toggle{background:var(--p-bg);border:0;border-radius:999px;gap:10px;padding:7px}html[data-design=neumorphism] .portfolio-shell :is(.project-link,.project-card,.timeline-card,.education-card,.skill-category,.design-panel){background:var(--p-bg);border:1px solid color-mix(in srgb, var(--p-neu-light) 50%, transparent);border-radius:var(--p-radius);box-shadow:var(--p-shadow);-webkit-backdrop-filter:none;backdrop-filter:none}html[data-design=neumorphism] .portfolio-shell .home-title{letter-spacing:-.065em;font-weight:650}html[data-design=neumorphism] .portfolio-shell .home-title .title-accent{color:var(--p-accent)}html[data-design=neumorphism] .portfolio-shell .hero-eyebrow{box-shadow:var(--p-neu-inset);border:0;border-radius:999px;padding:10px 17px;display:inline-flex}html[data-design=neumorphism] .portfolio-shell .hero-portrait{box-shadow:none;background:0 0;border:0;padding:0;transform:none}html[data-design=neumorphism] .portfolio-shell :is(.portrait-frame,.hero-photo-wrapper){background:var(--p-bg);box-shadow:var(--p-shadow);border:0;border-radius:44% 44% 32px 32px;padding:16px}html[data-design=neumorphism] .portfolio-shell .home-photo{filter:saturate(.65);border-radius:44% 44% 23px 23px}html[data-design=neumorphism] .portfolio-shell .hero-photo{box-shadow:var(--p-neu-inset);filter:saturate(.65);border:0;border-radius:44% 44% 23px 23px}html[data-design=neumorphism] .portfolio-shell .portrait-note{background:var(--p-bg);box-shadow:var(--p-neu-small);border:0;border-radius:20px;transform:none}html[data-design=neumorphism] .portfolio-shell .project-list{gap:30px}html[data-design=neumorphism] .portfolio-shell .project-link{padding:13px}html[data-design=neumorphism] .portfolio-shell .project-visual{background:var(--p-bg);color:var(--p-accent);box-shadow:var(--p-neu-inset);border:0;border-radius:22px}html[data-design=neumorphism] .portfolio-shell .project-art{display:none}html[data-design=neumorphism] .portfolio-shell .project-initials{background:var(--p-bg);min-width:94px;min-height:94px;box-shadow:var(--p-neu-small);letter-spacing:-.06em;border-radius:50%;place-items:center;padding:12px;font-size:2.3rem;display:grid;transform:none}html[data-design=neumorphism] .portfolio-shell .project-index{color:var(--p-muted)}html[data-design=neumorphism] .portfolio-shell .project-info{padding:23px 12px 17px}html[data-design=neumorphism] .portfolio-shell :is(.secondary-link,.hero-social-link,.skill-tag,.design-trigger,.theme-toggle,.lang-toggle__segment){background:var(--p-bg);box-shadow:var(--p-neu-small);border-color:#0000;border-radius:999px}html[data-design=neumorphism] .portfolio-shell :is(.primary-link,.cta-button){background:var(--p-accent);border:2px solid var(--p-bg);color:var(--p-on-accent);box-shadow:var(--p-neu-small);border-radius:999px}html[data-design=neumorphism] .portfolio-shell .lang-btn[aria-pressed=true]{box-shadow:var(--p-neu-inset);background:var(--p-bg);color:var(--p-text)}html[data-design=neumorphism] .portfolio-shell :is(.home-contact,.about-cta){background:var(--p-bg);box-shadow:var(--p-neu-inset);border-radius:38px}html[data-design=brutalism] .portfolio-shell{--p-bg:#f5f0e5;--p-text:#181818;--p-muted:#45433e;--p-surface:#fffdf7;--p-surface-hover:#e4fb79;--p-border:#181818;--p-accent:#d8f657;--p-on-accent:#181818;--p-radius:0px;--p-shadow:7px 7px 0 #181818;--p-font:"Helvetica Neue", Arial, sans-serif;--p-display:"Arial Black", "Helvetica Neue", Arial, sans-serif;--p-ink:#181818;--p-brutal-paper:#fffdf7;background:var(--p-bg)}html[data-design=brutalism][data-theme=dark] .portfolio-shell{--p-bg:#242321;--p-text:#f7f2e9;--p-muted:#c4c0b8;--p-surface:#302f2b;--p-surface-hover:#414338;--p-border:#f7f2e9;--p-shadow:7px 7px 0 #b5c65c;--p-brutal-paper:#302f2b}html[data-design=brutalism] .portfolio-shell .site-header{border-bottom:3px solid var(--p-border);background:var(--p-bg);-webkit-backdrop-filter:none;backdrop-filter:none}html[data-design=brutalism] .portfolio-shell .brand-monogram{border:2px solid var(--p-ink);color:var(--p-ink);box-shadow:3px 3px 0 var(--p-ink);background:#d8f657;border-radius:0}html[data-design=brutalism] .portfolio-shell .lang-toggle{background:0 0;border:0;border-radius:0;gap:10px}html[data-design=brutalism] .portfolio-shell :focus-visible{outline-color:var(--p-text)}html[data-design=brutalism] .portfolio-shell .hero-tagline{color:var(--p-text)}html[data-design=brutalism] .portfolio-shell :is(.home-title,.hero-name,.section-heading h2,.home-contact h2,.about-section-title,.cta-title){font-family:var(--p-display);letter-spacing:-.06em;font-weight:900}html[data-design=brutalism] .portfolio-shell .home-title{line-height:.94}html[data-design=brutalism] .portfolio-shell .home-title .title-accent{color:var(--p-text);text-underline-offset:.12em;-webkit-text-decoration:underline #d8f657;text-decoration:underline #d8f657;text-decoration-thickness:.08em}html[data-design=brutalism] .portfolio-shell .hero-eyebrow{color:var(--p-ink);border:2px solid var(--p-ink);background:#d8f657;border-radius:0;padding:8px 11px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-weight:700;display:inline-flex;transform:rotate(-2deg)}html[data-design=brutalism] .portfolio-shell .hero-portrait{box-shadow:none;background:0 0;border:0;padding:0;transform:none}html[data-design=brutalism] .portfolio-shell :is(.portrait-frame,.hero-photo-wrapper){border:3px solid var(--p-ink);box-shadow:12px 12px 0 var(--p-ink);background:#a8b2ff;border-radius:0;padding:9px;transform:rotate(3deg)}html[data-design=brutalism] .portfolio-shell :is(.home-photo,.hero-photo){border:2px solid var(--p-ink);filter:saturate(.8)contrast(1.04);border-radius:0}html[data-design=brutalism] .portfolio-shell .portrait-note{border:2px solid var(--p-ink);color:var(--p-ink);box-shadow:4px 4px 0 var(--p-ink);background:#ff94bf;border-radius:0;font-weight:700;transform:rotate(-5deg)}html[data-design=brutalism] .portfolio-shell .portrait-note *{color:inherit}html[data-design=brutalism] .portfolio-shell .project-list{gap:28px}html[data-design=brutalism] .portfolio-shell :is(.project-link,.project-card,.timeline-card,.education-card,.skill-category,.design-panel){border:3px solid var(--p-border);background:var(--p-surface);box-shadow:var(--p-shadow);-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:0}html[data-design=brutalism] .portfolio-shell .project-link{padding:0}html[data-design=brutalism] .portfolio-shell .project-info{padding:26px 24px}html[data-design=brutalism] .portfolio-shell .project-visual{border-bottom:3px solid var(--p-ink);color:var(--p-ink);background:#ff9a73;border-radius:0}html[data-design=brutalism] .portfolio-shell [data-project=quartierweb] .project-visual{background:#a7b5ff}html[data-design=brutalism] .portfolio-shell [data-project=valcoach] .project-visual{background:#f798cc}html[data-design=brutalism] .portfolio-shell [data-project=pfadiDunant] .project-visual{background:#d8f657}html[data-design=brutalism] .portfolio-shell .project-initials{z-index:1;font-family:var(--p-display);letter-spacing:-.09em;text-shadow:3px 3px #ffffff8c;font-size:clamp(3.7rem,6vw,5rem);font-weight:900;transform:rotate(-5deg)}html[data-design=brutalism] .portfolio-shell .project-index{color:var(--p-ink);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-weight:700}html[data-design=brutalism] .portfolio-shell .project-visual:after{content:"";aspect-ratio:1;background:var(--p-ink);clip-path:polygon(50% 0%,61% 31%,85% 15%,70% 40%,100% 50%,70% 60%,85% 85%,60% 70%,50% 100%,40% 70%,15% 85%,30% 60%,0% 50%,30% 40%,15% 15%,40% 30%);pointer-events:none;width:120px;position:absolute;bottom:-29px;right:-25px}html[data-design=brutalism] .portfolio-shell .project-name{letter-spacing:-.025em;font-weight:800}html[data-design=brutalism] .portfolio-shell :is(.primary-link,.secondary-link,.cta-button,.hero-social-link,.skill-tag,.design-trigger,.theme-toggle,.lang-toggle__segment){border:2px solid var(--p-border);box-shadow:3px 3px 0 var(--p-border);border-radius:0;font-weight:700}html[data-design=brutalism] .portfolio-shell :is(.primary-link,.cta-button){border-color:var(--p-ink);color:var(--p-ink);box-shadow:4px 4px 0 var(--p-ink);background:#d8f657}html[data-design=brutalism] .portfolio-shell :is(.project-badge,.project-preview){border:1px solid var(--p-ink);color:var(--p-ink);background:#d8f657;border-radius:0}html[data-design=brutalism] .portfolio-shell :is(.home-contact,.about-cta){border:3px solid var(--p-ink);color:var(--p-ink);box-shadow:9px 9px 0 var(--p-ink);background:#a7b5ff;border-radius:0}html[data-design=brutalism] .portfolio-shell :is(.home-contact,.about-cta) :is(h2,p,.cta-title,.cta-text,.cta-link,.section-eyebrow){color:var(--p-ink)}html[data-design=brutalism] .portfolio-shell :is(.home-contact,.about-cta) :focus-visible{outline-color:var(--p-ink)}html[data-design=brutalism] .portfolio-shell :is(.home-footer,.about-footer){border-top:3px solid var(--p-border)}html[data-design=flat] .portfolio-shell{--p-bg:#f3f5fb;--p-text:#172449;--p-muted:#52617e;--p-surface:#fff;--p-surface-hover:#e6ebfb;--p-border:#c9d3e9;--p-accent:#2845db;--p-on-accent:#fff;--p-radius:12px;--p-shadow:none;--p-font:"Avenir Next", Avenir, "Segoe UI", sans-serif;--p-display:var(--p-font);--p-flat-hero:#2845db;background:var(--p-bg)}html[data-design=flat][data-theme=dark] .portfolio-shell{--p-bg:#101831;--p-text:#f1f4ff;--p-muted:#b1bedb;--p-surface:#1a2848;--p-surface-hover:#23365e;--p-border:#3c5076;--p-accent:#a7f3ce;--p-on-accent:#142b25;--p-flat-hero:#233dbc}html[data-design=flat] .portfolio-shell .site-header{background:var(--p-bg);border-bottom:2px solid var(--p-border);-webkit-backdrop-filter:none;backdrop-filter:none}html[data-design=flat] .portfolio-shell .brand-monogram{color:var(--p-on-accent);background:var(--p-accent);border-radius:8px}html[data-design=flat] .portfolio-shell .lang-toggle{background:var(--p-surface);border-radius:10px}html[data-design=flat] .portfolio-shell .home-header{background:var(--p-flat-hero);color:#fff;border-radius:20px;margin-bottom:clamp(56px,7vw,80px);padding:clamp(1.5rem,4vw,3.75rem)}html[data-design=flat] .portfolio-shell .home-title{color:#fff;letter-spacing:-.065em;font-weight:800}html[data-design=flat] .portfolio-shell .hero-name{font-weight:800}html[data-design=flat] .portfolio-shell .home-title .title-accent{color:#a7f3ce}html[data-design=flat] .portfolio-shell .home-header :is(.home-subtitle,.hero-eyebrow,.portrait-coordinate){color:#e3e9ff}html[data-design=flat] .portfolio-shell .home-header .hero-eyebrow>span{background:#a7f3ce}html[data-design=flat] .portfolio-shell .home-header .primary-link{color:#172d32;background:#a7f3ce;border-color:#a7f3ce}html[data-design=flat] .portfolio-shell .home-header .secondary-link{color:#fff;background:0 0;border:1px solid #c4d0ff}html[data-design=flat] .portfolio-shell .hero-portrait{box-shadow:none;background:0 0;border:0;padding:0;transform:none}html[data-design=flat] .portfolio-shell .portrait-frame{box-shadow:none;background:#a7f3ce;border:0;border-radius:120px 120px 12px 12px;padding:14px}html[data-design=flat] .portfolio-shell .home-photo{filter:saturate(.75);border-radius:110px 110px 6px 6px}html[data-design=flat] .portfolio-shell .portrait-note{color:#172449;box-shadow:none;background:#ffcd78;border:0;border-radius:8px;transform:none}html[data-design=flat] .portfolio-shell .portrait-note *{color:inherit}html[data-design=flat] .portfolio-shell :is(.project-link,.project-card,.timeline-card,.education-card,.skill-category,.design-panel){border-radius:var(--p-radius);background:var(--p-surface);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;border:0}html[data-design=flat] .portfolio-shell .project-link{padding:0;overflow:hidden}html[data-design=flat] .portfolio-shell .project-info{padding:28px}html[data-design=flat] .portfolio-shell .design-panel{border:2px solid var(--p-border)}html[data-design=flat] .portfolio-shell .project-visual{color:#59351b;background:#ffcd78;border-radius:0}html[data-design=flat] .portfolio-shell [data-project=quartierweb] .project-visual{color:#fff;background:#5069e8}html[data-design=flat] .portfolio-shell [data-project=valcoach] .project-visual{color:#482038;background:#ed8aac}html[data-design=flat] .portfolio-shell [data-project=pfadiDunant] .project-visual{color:#1f523a;background:#a7e6bf}html[data-design=flat] .portfolio-shell .project-initials{letter-spacing:-.06em;font-size:4.5rem;font-weight:800;transform:none}html[data-design=flat] .portfolio-shell .project-art{opacity:.2}html[data-design=flat] .portfolio-shell :is(.primary-link,.secondary-link,.cta-button,.hero-social-link,.skill-tag,.design-trigger,.theme-toggle,.lang-toggle__segment){box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:8px}html[data-design=flat] .portfolio-shell .skill-tag{background:var(--p-surface-hover);border:0}html[data-design=flat] .portfolio-shell :is(.home-contact,.about-cta){color:#fff;background:var(--p-flat-hero);box-shadow:none;border-radius:20px}html[data-design=flat] .portfolio-shell :is(.home-contact,.about-cta) :is(h2,p,.cta-title,.cta-text,.cta-link,.section-eyebrow){color:#fff}html[data-design=flat] .portfolio-shell :is(.home-contact,.about-cta) .primary-link{color:#172d32;background:#a7f3ce}html[data-design=minimal] .portfolio-shell{--p-bg:#f7f5ef;--p-text:#222320;--p-muted:#62635b;--p-surface:#f7f5ef;--p-surface-hover:#edece5;--p-border:#cdcec5;--p-accent:#3d4c39;--p-on-accent:#fff;--p-radius:0px;--p-shadow:none;--p-font:"Helvetica Neue", Arial, sans-serif;--p-display:"Iowan Old Style", "Palatino Linotype", "Book Antiqua", Georgia, serif;background:var(--p-bg)}html[data-design=minimal][data-theme=dark] .portfolio-shell{--p-bg:#191b18;--p-text:#eeeee6;--p-muted:#b2b5aa;--p-surface:#191b18;--p-surface-hover:#262922;--p-border:#484c42;--p-accent:#c2ceb6;--p-on-accent:#20271b}html[data-design=minimal] .portfolio-shell .site-header{background:var(--p-bg);border-bottom:1px solid var(--p-border);-webkit-backdrop-filter:none;backdrop-filter:none}html[data-design=minimal] .portfolio-shell .brand-monogram{border:1px solid var(--p-border);color:var(--p-text);font-family:var(--p-display);background:0 0;border-radius:0;font-weight:400}html[data-design=minimal] .portfolio-shell .lang-toggle{background:0 0;border-radius:0}html[data-design=minimal] .portfolio-shell :is(.home-title,.hero-name){font-family:var(--p-display);letter-spacing:-.065em;font-weight:400;line-height:1.02}html[data-design=minimal] .portfolio-shell .home-title .title-accent{color:var(--p-text);font-style:italic}html[data-design=minimal] .portfolio-shell .hero-eyebrow{color:var(--p-muted);font-family:var(--p-font);letter-spacing:.02em;font-size:.8rem}html[data-design=minimal] .portfolio-shell .hero-eyebrow>span{display:none}html[data-design=minimal] .portfolio-shell .home-subtitle{max-width:32rem;font-size:1rem;line-height:1.8}html[data-design=minimal] .portfolio-shell .hero-portrait{box-shadow:none;background:0 0;border:0;border-radius:0;padding:0;transform:none}html[data-design=minimal] .portfolio-shell :is(.portrait-frame,.hero-photo-wrapper){box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}html[data-design=minimal] .portfolio-shell :is(.home-photo,.hero-photo){filter:grayscale();box-shadow:none;border:0;border-radius:0}html[data-design=minimal] .portfolio-shell .portrait-note{box-shadow:none;background:0 0;border:0;border-radius:0;margin:18px 0 0;padding:0;position:static;transform:none}html[data-design=minimal] .portfolio-shell :is(.portrait-spark,.about-photo-spark){display:none}html[data-design=minimal] .portfolio-shell .portrait-coordinate{border-top:1px solid var(--p-border);padding-top:13px}html[data-design=minimal] .portfolio-shell :is(.section-heading h2,.home-contact h2,.about-section-title,.cta-title){font-family:var(--p-display);letter-spacing:-.04em;font-size:clamp(2rem,3.3vw,3rem);font-weight:400}html[data-design=minimal] .portfolio-shell .project-list{border-top:1px solid var(--p-border);grid-template-columns:1fr;gap:0;display:grid}html[data-design=minimal] .portfolio-shell .project-link{border:0;border-bottom:1px solid var(--p-border);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-radius:0;grid-template-columns:92px minmax(0,1fr);align-items:center;gap:30px;padding:29px 0;display:grid}html[data-design=minimal] .portfolio-shell .project-visual{aspect-ratio:1;border:1px solid var(--p-border);width:92px;height:92px;min-height:0;color:var(--p-text);background:0 0;border-radius:0}html[data-design=minimal] .portfolio-shell .project-initials{font-family:var(--p-display);letter-spacing:-.05em;font-size:2rem;font-style:normal;font-weight:400;transform:none}html[data-design=minimal] .portfolio-shell :is(.project-index,.project-art,.project-visual-label,.project-category-icon){display:none}html[data-design=minimal] .portfolio-shell .project-info{padding:0}html[data-design=minimal] .portfolio-shell .project-name{font-size:1.6rem;font-weight:400;font-family:var(--p-display);letter-spacing:-.025em}html[data-design=minimal] .portfolio-shell .project-kicker{color:var(--p-muted);letter-spacing:.09em;font-size:.65rem}html[data-design=minimal] .portfolio-shell .project-description{max-width:44rem}html[data-design=minimal] .portfolio-shell .project-arrow{color:var(--p-text);font-family:var(--p-font);background:0 0;border:0;border-radius:0}html[data-design=minimal] .portfolio-shell :is(.primary-link,.secondary-link,.cta-button,.hero-social-link,.design-trigger,.theme-toggle,.lang-toggle__segment){box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:0}html[data-design=minimal] .portfolio-shell :is(.primary-link,.cta-button){color:var(--p-bg);background:var(--p-text);border:1px solid var(--p-text)}html[data-design=minimal] .portfolio-shell :is(.secondary-link,.hero-social-link){border-color:var(--p-border);background:0 0}html[data-design=minimal] .portfolio-shell :is(.project-badge,.project-preview,.skill-tag){border:1px solid var(--p-border);color:var(--p-muted);box-shadow:none;background:0 0;border-radius:0}html[data-design=minimal] .portfolio-shell :is(.project-card,.timeline-card,.education-card,.skill-category){border:0;border-top:1px solid var(--p-border);box-shadow:none;background:0 0;border-radius:0}html[data-design=minimal] .portfolio-shell :is(.project-card-emoji,.education-icon){border:1px solid var(--p-border);filter:grayscale();background:0 0;border-radius:0}html[data-design=minimal] .portfolio-shell :is(.home-contact,.about-cta){border-top:1px solid var(--p-border);border-bottom:1px solid var(--p-border);box-shadow:none;background:0 0;border-radius:0}html[data-design=minimal] .portfolio-shell .design-panel{background:var(--p-bg);border:1px solid var(--p-border);box-shadow:0 14px 35px color-mix(in srgb, var(--p-text) 9%, transparent);border-radius:0}html[data-design=brutalism] .portfolio-shell :is(.design-option,.lang-btn),html[data-design=minimal] .portfolio-shell :is(.design-option,.lang-btn){border-radius:0}@media (hover:hover) and (pointer:fine){html[data-design=glass] .portfolio-shell :is(.project-link,.project-card):hover{background:var(--p-surface-hover);border-color:color-mix(in srgb, var(--p-accent) 40%, transparent);box-shadow:0 22px 50px color-mix(in srgb, var(--p-accent) 14%, transparent), inset 0 1px 0 var(--p-border);transform:translateY(-5px)}html[data-design=neumorphism] .portfolio-shell :is(.project-link,.project-card):hover{background:var(--p-bg);box-shadow:16px 16px 33px var(--p-neu-dark), -16px -16px 33px var(--p-neu-light);transform:translateY(-3px)}html[data-design=neumorphism] .portfolio-shell :is(.secondary-link,.hero-social-link,.design-trigger,.theme-toggle):hover{background:var(--p-bg);color:var(--p-accent);box-shadow:var(--p-neu-inset);transform:none}html[data-design=brutalism] .portfolio-shell :is(.project-link,.project-card):hover{background:var(--p-surface);border-color:var(--p-border);box-shadow:11px 11px 0 color-mix(in srgb, var(--p-border) 70%, #b5c65c);transform:translate(-3px,-3px)}html[data-design=brutalism] .portfolio-shell :is(.primary-link,.secondary-link,.hero-social-link,.cta-button):hover{transform:translate(-2px,-2px)}html[data-design=flat] .portfolio-shell :is(.project-link,.project-card):hover{background:var(--p-surface-hover);box-shadow:none;transform:translateY(-4px)}html[data-design=flat] .portfolio-shell .home-header .primary-link:hover{color:#172d32;background:#c5ffdf}html[data-design=flat] .portfolio-shell .home-header .secondary-link:hover{color:#2845db;background:#fff}html[data-design=minimal] .portfolio-shell :is(.project-link,.project-card):hover{background:var(--p-surface-hover);border-color:var(--p-border);box-shadow:none;transform:none}html[data-design=minimal] .portfolio-shell .project-link:hover .project-arrow{transform:translate(3px,-3px)}html[data-design=minimal] .portfolio-shell :is(.hero-social-link,.secondary-link):hover{background:var(--p-surface-hover);color:var(--p-text);box-shadow:none;transform:none}}@media (max-width:700px){html[data-design=neumorphism] .portfolio-shell .project-list{gap:25px}html[data-design=brutalism] .portfolio-shell .portrait-frame{box-shadow:7px 7px 0 var(--p-ink);transform:rotate(2deg)}html[data-design=flat] .portfolio-shell .home-header{border-radius:14px;padding:26px 22px}html[data-design=minimal] .portfolio-shell .project-link{grid-template-columns:64px minmax(0,1fr);gap:18px;padding:24px 0}html[data-design=minimal] .portfolio-shell .project-visual{width:64px;height:76px}html[data-design=minimal] .portfolio-shell .project-initials{font-size:1.65rem}html[data-design=minimal] .portfolio-shell .project-name{font-size:1.35rem}html[data-design=minimal] .portfolio-shell .project-description{font-size:.8rem}}@media (prefers-reduced-motion:reduce){.portfolio-shell *,.portfolio-shell :before,.portfolio-shell :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}