@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";:root{color:#f4f4f2;font-synthesis:none;text-rendering:optimizelegibility;background:#0a0a0a;font-family:DM Sans,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background:radial-gradient(circle at 88% 12%,#ffffff14,#0000 27rem),linear-gradient(135deg,#0a0a0a 0%,#151515 52%,#242424 100%);min-width:320px;min-height:100vh}header{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0a0a0ad1;border-bottom:1px solid #f4f4f224}.navbar-inner{justify-content:space-between;align-items:center;gap:32px;width:min(1120px,100% - 48px);min-height:82px;margin:0 auto;display:flex}.navbar_logo{color:#f4f4f2;letter-spacing:.02em;white-space:nowrap;font-family:Space Grotesk,sans-serif;font-size:1.35rem;font-weight:700;text-decoration:none}.navbar_tirer{color:#a8a8a8;margin:0 .25rem;display:inline-block;transform:translateY(-1px)}.navbar-liens{align-items:center;gap:8px;display:flex}.nav-link{color:#f4f4f2ad;padding:10px 14px;font-size:.9rem;font-weight:600;text-decoration:none;transition:color .18s,background-color .18s;position:relative}.nav-link:after{content:"";transform-origin:0;background:#f4f4f2;height:2px;transition:transform .18s;position:absolute;bottom:3px;left:14px;right:14px;transform:scaleX(0)}.nav-link:hover,.nav-link:focus-visible,.nav-link.active{color:#f4f4f2}.nav-link.active:after,.nav-link:hover:after,.nav-link:focus-visible:after{transform:scaleX(1)}.nav-link:focus-visible,.navbar_logo:focus-visible{outline-offset:4px;outline:2px solid #f4f4f2}.hero-page{min-height:calc(100vh - 83px);overflow:hidden}.hero-section{grid-template-columns:minmax(0,.95fr) minmax(360px,1.05fr);align-items:center;gap:clamp(40px,8vw,120px);width:min(1120px,100% - 48px);min-height:calc(100vh - 83px);margin:0 auto;padding:72px 0 88px;display:grid}.hero-copy{z-index:1;animation:.7s both rise-in;position:relative}.hero-eyebrow{color:#bcbcb9;letter-spacing:.16em;text-transform:uppercase;margin-bottom:22px;font-size:.72rem;font-weight:700}.hero-copy h1,.content-page h1{color:#f4f4f2;letter-spacing:-.04em;max-width:680px;font-family:Space Grotesk,sans-serif;font-size:clamp(3.2rem,6vw,5.9rem);font-weight:600;line-height:.98}.hero-copy h1 span{color:#a8a8a8}.hero-description{color:#f4f4f2a3;max-width:430px;margin-top:28px;font-size:1.05rem;line-height:1.7}.hero-actions{flex-wrap:wrap;align-items:center;gap:14px;margin-top:38px;display:flex}.button{border:1px solid #0000;justify-content:center;align-items:center;min-height:48px;padding:0 20px;font-size:.88rem;font-weight:700;text-decoration:none;transition:transform .18s,background-color .18s,border-color .18s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button:focus-visible{outline-offset:4px;outline:2px solid #f4f4f2}.button-primary{color:#0a0a0a;background:#f4f4f2}.button-secondary span{color:#a8a8a8;margin-left:9px;font-size:1.1rem}.hero-visual{place-items:center;min-height:480px;animation:.9s .1s both fade-in;display:grid;position:relative}.hero-visual:before{aspect-ratio:1;content:"";border:1px solid #f4f4f247;border-radius:50%;width:min(88%,430px);position:absolute}.hero-visual img{z-index:1;filter:drop-shadow(0 24px 28px #0000004d);width:min(78%,370px);animation:5s ease-in-out infinite float;position:relative}.visual-glow{aspect-ratio:1;filter:blur(52px);background:#ffffff14;border-radius:50%;width:270px;position:absolute}.visual-caption{z-index:2;color:#f4f4f2;letter-spacing:.01em;text-align:right;font-family:Space Grotesk,sans-serif;font-size:.92rem;font-weight:600;line-height:1.2;position:absolute;bottom:2px;right:12px}.visual-caption span{color:#f4f4f280;letter-spacing:.02em;margin-top:8px;font-size:.82rem;font-weight:500;display:block}.content-page{width:min(760px,100% - 48px);min-height:calc(100vh - 83px);margin:0 auto;padding:120px 0}.content-page h1{font-size:clamp(2.8rem,6vw,5rem)}.content-page>p:not(.hero-eyebrow){color:#f4f4f2a8;max-width:560px;margin:28px 0 36px;font-size:1.1rem;line-height:1.7}.portfolio-page{overflow:hidden}.profile-visual img{aspect-ratio:1;object-fit:cover;object-position:center 20%;filter:none;border:7px solid #f4f4f2;border-radius:50%;width:min(72%,380px);transition:filter .24s,transform .24s;box-shadow:0 0 0 10px #f4f4f2e6,0 24px 48px #0000007a}.profile-visual img:hover{filter:contrast(1.05)brightness(1.04);transform:scale(1.02)}.portfolio-section{border-top:1px solid #f4f4f21f;width:min(1120px,100% - 48px);margin:0 auto;padding:110px 0}.section-heading{grid-template-columns:minmax(240px,.85fr) minmax(0,1fr);align-items:start;gap:48px;display:grid}.section-heading>.hero-eyebrow{grid-column:1/-1;margin-bottom:-28px}.projects-heading>div .hero-eyebrow{margin-bottom:22px}.section-heading h2,.site-footer h2{color:#f4f4f2;letter-spacing:-.04em;font-family:Space Grotesk,sans-serif;font-size:clamp(2.2rem,4vw,4.2rem);font-weight:600;line-height:1.02}.intro-content{max-width:530px;margin:40px 0 0 auto}.intro-content p,.projects-heading>p{color:#f4f4f2a8;margin-bottom:22px;font-size:1.05rem;line-height:1.75}.text-link{color:#d0d0ce;gap:10px;font-weight:700;text-decoration:none;display:inline-flex}.text-link:hover{color:#fff}.skills-grid{border-top:1px solid #f4f4f226;border-left:1px solid #f4f4f226;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin-top:64px;display:grid}.skill-item{border-bottom:1px solid #f4f4f226;border-right:1px solid #f4f4f226;min-height:180px;padding:26px}.skill-item>span,.project-number{color:#a8a8a8;letter-spacing:.12em;font-size:.75rem;font-weight:700}.skill-item h3,.project-card h3{color:#f4f4f2;margin:28px 0 9px;font-family:Space Grotesk,sans-serif;font-size:1.35rem}.skill-item p,.project-card p{color:#f4f4f29e;font-size:.9rem;line-height:1.55}.skill-item b,.project-role{color:#c8c8c6;margin-top:15px;font-size:.74rem;font-weight:600;display:inline-block}.projects-heading{margin-bottom:60px}.projects-heading>p{align-self:end;max-width:340px;margin-bottom:0}.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.project-card{background:#0a0a0a6b;border:1px solid #f4f4f226;flex-direction:column;justify-content:space-between;min-height:310px;padding:28px;transition:transform .18s,border-color .18s;display:flex;position:relative}.project-media{background:#e7e7e5;border-bottom:1px solid #f4f4f226;height:150px;margin:-28px -28px 26px;overflow:hidden}.project-media img{object-fit:scale-down;object-position:center;width:100%;height:100%;transition:transform .3s;display:block}.project-media-link{cursor:pointer;display:block;position:relative}.project-media-label{color:#f4f4f2;opacity:0;background:#0a0a0ad1;border:1px solid #f4f4f24d;padding:8px 11px;font-size:.72rem;font-weight:700;transition:opacity .18s,transform .18s;position:absolute;bottom:12px;right:14px;transform:translateY(6px)}.project-media-label span{color:#c7a66b;margin-left:5px}.project-media-link:hover .project-media-label,.project-media-link:focus-visible .project-media-label{opacity:1;transform:translateY(0)}.project-media-link:focus-visible,.project-arrow:focus-visible,.back-link:focus-visible{outline-offset:4px;outline:2px solid #c7a66b}.project-card:hover .project-media img{transform:scale(1.04)}.project-card:hover{border-color:#f4f4f2;transform:translateY(-5px)}.project-type{letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:#bcbcb9!important;font-size:.75rem!important}.project-card h3{font-size:2rem}.project-arrow{color:#d0d0ce;font-size:1.5rem;position:absolute;bottom:28px;right:28px}.site-footer{border-top:1px solid #f4f4f21f;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);gap:64px;width:min(1120px,100% - 48px);margin:0 auto;padding:110px 0 80px;display:grid}.site-footer h2{max-width:540px}.footer-contact{color:#f4f4f294;flex-direction:column;align-self:end;gap:9px;font-size:.85rem;line-height:1.5;display:flex}.footer-contact a{color:#d0d0ce;font-size:1.1rem;font-weight:700;text-decoration:none}.footer-contact a:hover{color:#fff}.social-links{gap:18px;margin-top:8px;display:flex}.social-links a{font-size:.88rem}.project-details-page{width:min(1120px,100% - 48px);margin:0 auto;padding:54px 0 110px}.back-link{color:#c7a66b;margin-bottom:72px;font-size:.9rem;font-weight:700;text-decoration:none;display:inline-block}.project-details-hero{grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);align-items:center;gap:clamp(40px,8vw,110px);display:grid}.project-details-hero h1{color:#eee9e0;letter-spacing:-.05em;font-family:Space Grotesk,sans-serif;font-size:clamp(3.5rem,8vw,7rem);font-weight:600;line-height:.95}.project-details-lede{color:#eee9e0ad;max-width:470px;margin-top:28px;font-size:1.1rem;line-height:1.7}.project-meta{flex-wrap:wrap;gap:32px;margin-top:42px;display:flex}.project-meta div{flex-direction:column;gap:8px;display:flex}.project-meta span{color:#a98c5d;letter-spacing:.12em;text-transform:uppercase;font-size:.72rem;font-weight:700}.project-meta strong{color:#eee9e0;font-size:.95rem}.project-details-image{background:#c7a66b14;border:1px solid #eee9e026;place-items:center;min-height:400px;padding:28px;display:grid}.project-details-image img{object-fit:contain;width:100%;max-height:440px}.project-details-content{border-top:1px solid #eee9e01f;grid-template-columns:1.1fr .9fr .7fr;gap:48px;margin-top:110px;padding-top:38px;display:grid}.project-details-content section>p:not(.hero-eyebrow),.project-details-content li{color:#eee9e0ad;font-size:1rem;line-height:1.75}.project-details-content ul{gap:14px;padding-left:18px;display:grid}.project-tools{flex-wrap:wrap;gap:9px;display:flex}.project-tools span{color:#c7a66b;border:1px solid #c7a66b73;padding:9px 12px;font-size:.78rem;font-weight:700}@keyframes rise-in{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@media (width<=560px){.navbar-inner{flex-direction:column;justify-content:center;align-items:flex-start;gap:6px;width:min(100% - 32px,420px);min-height:72px}.navbar-liens{justify-content:space-between;width:100%}.nav-link{padding:6px 4px;font-size:.82rem}.nav-link:after{bottom:0;left:4px;right:4px}.hero-section{grid-template-columns:1fr;gap:24px;width:min(100% - 32px,420px);min-height:auto;padding:64px 0 72px}.hero-copy h1{font-size:clamp(3rem,15vw,4.4rem)}.hero-description{font-size:.98rem}.hero-visual{min-height:360px}.hero-visual img,.profile-visual img{width:min(70%,270px)}.visual-caption{bottom:2px;right:8px}.content-page{width:min(100% - 32px,420px);padding:80px 0}.portfolio-section{width:min(100% - 32px,420px);padding:78px 0}.section-heading,.site-footer{grid-template-columns:1fr;gap:28px}.section-heading>.hero-eyebrow{margin-bottom:-14px}.projects-heading>div .hero-eyebrow{margin-bottom:14px}.intro-content{margin-top:14px}.skills-grid,.projects-grid{grid-template-columns:1fr;margin-top:40px}.projects-heading{margin-bottom:40px}.site-footer{width:min(100% - 32px,420px);padding:78px 0 60px}.project-details-page{width:min(100% - 32px,420px);padding:38px 0 72px}.back-link{margin-bottom:48px}.project-details-hero,.project-details-content{grid-template-columns:1fr}.project-details-hero h1{font-size:clamp(3.5rem,17vw,5.5rem)}.project-details-image{min-height:240px}.project-details-content{gap:38px;margin-top:72px}}:root{color:#eee9e0;background:#0c0c0d}body{background:radial-gradient(circle at 82% 8%,#b1915b21,#0000 25rem),linear-gradient(135deg,#0c0c0d 0%,#151518 55%,#201e1b 100%)}header{background:#0c0c0de0;border-bottom-color:#eee9e021}.navbar_logo,.hero-copy h1,.content-page h1,.section-heading h2,.site-footer h2,.visual-caption,.nav-link:hover,.nav-link:focus-visible,.nav-link.active{color:#eee9e0}.navbar_tirer,.hero-copy h1 span,.button-secondary span,.project-arrow{color:#c7a66b}.hero-eyebrow,.text-link,.project-type,.skill-item b,.project-role,.footer-contact a{color:#c7a66b!important}.nav-link:after{background:#c7a66b}.nav-link:focus-visible,.navbar_logo:focus-visible{outline-color:#c7a66b}.hero-copy h1,.content-page h1,.section-heading h2,.site-footer h2{text-shadow:0 2px 24px #0000003d}.hero-description,.intro-content p,.projects-heading>p,.content-page>p:not(.hero-eyebrow){color:#eee9e0ad}.button-primary{color:#17130e;background:#c7a66b;box-shadow:0 8px 22px #c7a66b24}.button-primary:hover{background:#ddc18b}.button-secondary{color:#eee9e0;border-color:#eee9e040}.button-secondary:hover{border-color:#c7a66b}.hero-visual:before{border-color:#c7a66b6b}.visual-glow{background:#c7a66b14}.visual-caption span{color:#eee9e085}.profile-visual img{border-color:#eee9e0;box-shadow:0 0 0 10px #c7a66bdb,0 24px 48px #00000085}.portfolio-section,.site-footer{border-top-color:#eee9e01f}.skills-section{background:#c7a66b09}.skills-grid{border-top-color:#eee9e026;border-left-color:#eee9e026}.skill-item{border-bottom-color:#eee9e026;border-right-color:#eee9e026}.skill-item>span,.project-number{color:#a98c5d}.skill-item h3,.project-card h3{color:#eee9e0}.skill-item p,.project-card p,.footer-contact{color:#eee9e09e}.project-card{background:linear-gradient(145deg,#ffffff0e,#0a0a0b5c);border-color:#eee9e026;box-shadow:0 18px 40px #0000001f}.project-card:hover{border-color:#c7a66bcc}.project-card-featured{background:linear-gradient(145deg,#c7a66b1c,#0a0a0b6b)}.project-media{border-bottom-color:#eee9e026}.footer-contact a:hover,.text-link:hover{color:#ddc18b!important}
