.skills{background:var(--color-background);width:100%;color:var(--color-foreground);padding:0;position:relative}.skills-inner{align-items:flex-start;width:100%;display:flex}.skills-left{flex-direction:column;flex:0 0 60%;align-items:flex-start;max-width:60%;min-height:100vh;padding:15vh 4rem 8vh 8rem;display:flex;position:sticky;top:0}.skills-subtitle{font-family:var(--font-sans);letter-spacing:.22em;text-transform:uppercase;color:var(--color-accent);margin:0 0 1.8rem;font-size:.8rem;font-weight:500}.skills-text{font-family:var(--font-condensed-face), var(--font-sans), sans-serif;text-transform:uppercase;letter-spacing:.005em;color:var(--color-foreground);max-width:22ch;margin:0;font-size:clamp(1.8rem,3vw,2.5rem);font-weight:700;line-height:1.05}.skills-separator{background:var(--color-rule,#ffffff26);transform-origin:0;will-change:transform;border:0;width:100%;max-width:36rem;height:1px;margin:2.6rem 0 1.8rem;transform:scaleX(0)}.skills-contact{font-size:1.1rem}.skills-arrow{font-family:var(--font-display-face), var(--font-sans), sans-serif;color:var(--color-accent);will-change:transform;transform-origin:50% 60%;-webkit-user-select:none;user-select:none;margin-top:auto;font-size:clamp(8rem,14vw,12rem);line-height:.8;display:inline-block}.skills-right{flex:0 0 40%;max-width:40%;padding:18vh 8rem 18vh 0}.skill-group{border-top:1px solid var(--color-rule,#ffffff26)}.skill-group:last-child{border-bottom:1px solid var(--color-rule,#ffffff26)}.skill-header{cursor:pointer;width:100%;color:var(--color-foreground);text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:1.5rem;margin:0;padding:1.6rem 0;transition:color .4s;display:flex}.skill-header:hover{color:var(--color-accent)}.skill-header-title{font-family:var(--font-display-face), var(--font-sans), sans-serif;letter-spacing:-.01em;font-size:clamp(2rem,2.8vw,2.6rem);font-weight:300;line-height:1}.skill-icon{width:1.4rem;height:1.4rem;color:var(--color-accent);flex:none;transition:transform .5s cubic-bezier(.87,0,.13,1),color .4s;position:relative}.skill-icon:before,.skill-icon:after{content:"";background:currentColor;width:1.4rem;height:2px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.skill-icon:after{transition:opacity .4s;transform:translate(-50%,-50%)rotate(90deg)}.skill-group--open .skill-icon{transform:rotate(135deg)}.skill-body{height:0;overflow:hidden}.skill-body-inner{padding:0 0 1.8rem}.skill-desc{font-family:var(--font-sans);color:var(--color-muted,#ffffff73);max-width:36ch;margin:0 0 1.2rem;font-size:.95rem;line-height:1.5}.howl-trigger{appearance:none;font:inherit;color:var(--color-accent);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-bottom:1px solid #ff1e0059;margin:0;padding:0;transition:border-color .25s,color .25s}.howl-trigger:hover,.howl-trigger:focus-visible{border-bottom-color:var(--color-accent);outline:none}.howl-trigger:active{border-bottom-color:var(--color-accent)}.howl-trigger-icon{vertical-align:middle;margin-left:.35em;font-size:.7em;display:inline-block;transform:translateY(-.05em)}.howl-trigger--playing{border-bottom-color:var(--color-accent)}.howl-trigger--playing .howl-trigger-icon{animation:1.4s ease-in-out infinite howl-pulse}@keyframes howl-pulse{0%,to{opacity:.4}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.howl-trigger--playing .howl-trigger-icon{opacity:1;animation:none}}.skill-keywords{flex-direction:column;gap:.55rem;margin:0;padding:0;list-style:none;display:flex}.skill-keywords li{font-family:var(--font-sans);letter-spacing:.01em;color:var(--color-foreground);align-items:baseline;gap:.75rem;font-size:1rem;font-weight:400;display:flex}.skill-keywords li:before{content:"";background:var(--color-accent);border-radius:50%;flex:none;width:.4rem;height:.4rem;transform:translateY(-.15em)}@media (max-width:900px){.skills-inner{flex-direction:column}.skills-left,.skills-right{flex:0 0 100%;max-width:100%}.skills-left{min-height:auto;padding:12vh 1.5rem 4vh;position:relative}.skills-arrow{margin-top:3rem}.skills-right{padding:2vh 1.5rem 12vh}}@media (prefers-reduced-motion:reduce){.skill-body{height:auto!important}.skill-icon,.skills-arrow{transition:none}.skills-separator{transform:none!important}}
.awards{background-color:var(--color-background);padding:0 4rem 15vh}.awards-title{font-family:var(--font-condensed-face);text-transform:uppercase;letter-spacing:-.02em;color:var(--color-foreground);margin-bottom:2.5rem;font-size:clamp(2rem,3vw,2.4rem);font-weight:700;line-height:1}.awards-list{margin:0;padding:0;list-style:none}.award-item{color:#ffffff4d;isolation:isolate;align-items:baseline;gap:1.5rem;padding:1.25rem 1.5rem;transition:color .5s cubic-bezier(.65,0,.35,1);display:flex;position:relative;overflow:hidden}.award-rule{background:var(--color-rule);transform-origin:0;will-change:transform;pointer-events:none;z-index:0;width:100%;height:1px;position:absolute;bottom:0;left:0;transform:scaleX(0)}.award-rule--top{top:0;bottom:auto}.award-item:before{content:"";z-index:-1;clip-path:polygon(0 0,0 0,0 100%,0 100%);pointer-events:none;background-color:#fff;transition:clip-path .6s cubic-bezier(.76,0,.24,1);position:absolute;inset:0}.award-item.active-award:before,.award-item:hover:before{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.award-item.active-award,.award-item:hover{color:#000}.award-org{font-family:var(--font-condensed-face);text-transform:uppercase;letter-spacing:-.01em;flex:none;font-size:clamp(1.1rem,2vw,1.6rem);font-weight:700;line-height:1}.award-site{font-family:var(--font-sans);flex:auto;font-size:.95rem}.award-prize{font-family:var(--font-sans);text-align:right;flex:none;font-size:.95rem}.award-date{font-family:var(--font-sans);letter-spacing:.04em;text-transform:uppercase;text-align:right;opacity:.85;flex:0 0 5rem;font-size:.8125rem}@media (max-width:640px){.awards{padding:0 1.5rem 15vh}.award-item{flex-wrap:wrap;gap:.35rem 1rem;padding:1rem .75rem}.award-site{flex:60%}.award-prize,.award-date{text-align:left}}@media (prefers-reduced-motion:reduce){.award-rule{transform:none!important}}
.contact{z-index:30;background:0 0;min-height:260vh;position:relative}.contact-pin{z-index:32;will-change:transform;background:0 0;width:100%;height:100vh;position:sticky;top:0;overflow:hidden}.contact-blob-wrap{z-index:11;pointer-events:none;visibility:hidden;will-change:transform, border-radius, height;justify-content:center;align-items:flex-end;height:0;display:flex;position:fixed;bottom:0;left:0;right:0;overflow:visible}.contact-blob{transform-origin:50%;will-change:transform;background:#f0f0f0;border-radius:50%;width:300vmax;height:300vmax;position:absolute;bottom:0;left:50%;transform:translate(-50%,50%)scale(0)}.contact-title{z-index:3;font-family:var(--font-serif), Georgia, serif;letter-spacing:-.01em;color:#0a0a0a;white-space:nowrap;pointer-events:none;will-change:transform;margin:0;font-size:clamp(5rem,15vw,14rem);font-weight:400;line-height:.92;position:absolute;top:26%;left:6%}.contact-dispo{width:min(22ch,18vw);font-family:var(--font-sans);color:#0a0a0a;z-index:4;will-change:transform, opacity;margin:0;font-size:clamp(.8rem,1vw,1.02rem);line-height:1.5;position:absolute}#contact-dispo-1{top:30%;left:68%}#contact-dispo-2{top:60%;left:46%}.contact-bottom{z-index:4;flex-direction:column;align-items:flex-start;gap:1.4rem;display:flex;position:absolute;bottom:9vh;left:6%}.contact-socials{flex-direction:column;align-items:flex-start;gap:.4rem;display:flex}.contact-socials .char-hover{font-size:clamp(1.1rem,2vw,1.7rem)}.contact-mail{font-family:var(--font-sans);letter-spacing:-.01em;color:#0a0a0a;font-size:clamp(.95rem,1.4vw,1.3rem);font-weight:600;text-decoration:none;display:inline-block;position:relative}.contact-mail:after{content:"";transform-origin:0;background:#0a0a0a;width:100%;height:1px;transition:transform .5s cubic-bezier(.87,0,.13,1);position:absolute;bottom:-2px;left:0;transform:scaleX(0)}.contact-mail:hover:after,.contact-mail:focus-visible:after{transform:scaleX(1)}.char-hover--black{color:#0a0a0a}@media (max-width:768px){.contact{min-height:150vh}.contact-title{white-space:normal;font-size:clamp(3.5rem,18vw,6rem);top:22%;left:6%;right:6%}#contact-dispo-1{width:auto;max-width:34ch;top:46%;left:6%;right:6%}#contact-dispo-2{width:auto;max-width:34ch;top:58%;left:6%;right:6%}.contact-bottom{align-items:flex-start;left:6%}.contact-socials{align-items:flex-start}}@media (prefers-reduced-motion:reduce){.contact-blob-wrap{height:100vh;visibility:visible!important}.contact-blob{transform:translate(-50%,50%)scale(1.4)}.contact-title{transform:none!important}.contact-socials,.contact-mail{clip-path:none!important}.contact-dispo{opacity:1!important;transform:none!important}}@media (max-width:900px),(prefers-reduced-motion:reduce){.contact-blob-wrap{display:none!important}.contact{background:#f0f0f0;min-height:0;pointer-events:auto!important}.contact-pin{flex-direction:column;gap:1.5rem;height:auto;min-height:0;padding:4rem 6vw;display:flex;position:relative;overflow:visible;transform:none!important}.contact-title,.contact-dispo,.contact-bottom{width:auto;max-width:42ch;margin:0;position:static}.contact-title,.contact-dispo,.contact-socials,.contact-mail{opacity:1!important;clip-path:none!important;transform:none!important}.contact-title{margin-bottom:.5rem;font-size:clamp(3.5rem,12vw,7rem)}.contact-bottom{gap:1.5rem}.contact-socials{flex-flow:wrap;gap:.5rem 1.4rem}.contact-socials a,.contact-mail{align-items:center;min-height:44px;display:inline-flex}.contact-mail{order:-1;font-size:clamp(1rem,4.5vw,1.5rem)}}
.footer-transition{z-index:1;pointer-events:none;background:var(--color-background,#0a0a0a);width:100%;height:80vh;position:relative}.footer{z-index:10;background:var(--color-background,#0a0a0a);width:100%;height:100vh;color:var(--color-foreground,#f0f0f0);visibility:hidden;flex-direction:column;justify-content:space-between;padding:clamp(1.5rem,4vw,3.5rem);display:flex;position:fixed;inset:0;overflow:hidden}.footer.is-visible{visibility:visible}.footer-top{z-index:2;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:clamp(1.5rem,4vw,4rem);display:grid;position:relative}.footer-col{flex-direction:column;gap:.85rem;display:flex}.footer-col-label{font-family:var(--font-sans);letter-spacing:.14em;text-transform:uppercase;color:#ffffff73;margin-bottom:.35rem;font-size:.7rem;font-weight:600}.footer-col-copy{font-family:var(--font-sans);letter-spacing:.04em;color:#ffffff73;margin-top:.35rem;font-size:.8rem}.footer-col .char-hover{font-size:clamp(.9rem,1.1vw,1.1rem)}.footer-col--socials{text-align:right;align-items:flex-end}.footer-piano{z-index:3;will-change:opacity;flex-direction:column;align-items:center;gap:1rem;width:100vw;margin-bottom:calc(-1*clamp(1.5rem,4vw,3.5rem));margin-left:50%;display:flex;position:relative;transform:translate(-50%)}.piano-invite{text-align:center;max-width:42ch;font-family:var(--font-cormorant), Georgia, serif;letter-spacing:.005em;color:#f0f0f08c;margin:0;padding:0 1.5rem;font-size:clamp(.85rem,1.2vw,1.1rem);font-style:italic;font-weight:500;line-height:1.45}.footer-piano>.relative{--top-draw:0;--right-draw:0;overflow:hidden}.footer-piano>.relative:before{content:"";width:100%;height:1px;transform:scaleX(var(--top-draw));transform-origin:0;z-index:6;background:#f0f0f08c;position:absolute;top:0;left:0}.footer-piano>.relative:after{content:"";width:1px;height:100%;transform:scaleY(var(--right-draw));transform-origin:top;z-index:6;background:#f0f0f08c;position:absolute;top:0;right:0}.footer-piano [aria-label^=Play]{will-change:transform}@media (max-width:720px){.footer-top{grid-template-columns:1fr 1fr}.footer-col--socials{text-align:left;grid-column:1/-1;align-items:flex-start;margin-top:.5rem}}@media (prefers-reduced-motion:reduce){.footer-transition{height:0}.footer{visibility:visible;height:auto;min-height:80vh;position:relative}.footer-top .char-hover .ch-top{clip-path:none!important}.footer-piano [aria-label^=Play]{transform:none!important}.footer-piano{opacity:1!important}.footer-piano>.relative{--top-draw:1!important;--right-draw:1!important}}@media (max-width:900px),(prefers-reduced-motion:reduce){.footer-transition{display:none}.footer{visibility:visible;gap:3rem;height:auto;min-height:0;padding:3rem 6vw;position:relative;overflow:visible}.footer-piano{opacity:1!important;visibility:visible!important}.footer .ch-top{clip-path:none!important}.footer button{opacity:1!important;transform:none!important}}
.scroll-timeline{z-index:60;opacity:0;pointer-events:none;align-items:center;transition:opacity .6s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:50%;right:1.75rem;transform:translateY(-50%)}.scroll-timeline.visible{opacity:1;pointer-events:auto}.st-bar{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.st-seg{cursor:pointer;transform-origin:100%;appearance:none;background:#ffffff38;border:0;border-radius:2px;width:3px;height:28px;padding:0;transition:transform .35s cubic-bezier(.16,1,.3,1),background-color .4s;display:block;position:relative;overflow:hidden;transform:scaleX(1)}.st-seg:hover,.st-seg:focus-visible{outline:none;transform:scaleX(2.6)}.st-seg-fill{background:var(--color-accent,#ff1e00);transform-origin:top;will-change:transform;height:100%;position:absolute;inset:0;transform:scaleY(0)}.st-seg-label{font-family:var(--font-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--color-foreground,#f0f0f0);white-space:nowrap;opacity:0;pointer-events:none;font-size:.6rem;font-weight:600;transition:opacity .3s;position:absolute;top:50%;right:calc(100% + .7rem);transform:translateY(-50%)}.st-seg:hover .st-seg-label,.st-seg:focus-visible .st-seg-label{opacity:.65}@media (max-width:900px){.scroll-timeline{display:none}}@media (prefers-reduced-motion:reduce){.scroll-timeline{transition:none}.st-seg{transition:background-color .2s}.st-seg:hover,.st-seg:focus-visible{transform:scaleX(1)}.st-seg-fill{transition:none}}