*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:1rem;line-height:1.5;color:#858792;background:#000;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2;color:#fff}p{margin-top:0;margin-bottom:1rem}ul{margin:0;padding:0;list-style:none}a{color:inherit;text-decoration:none}img,svg{vertical-align:middle}img{max-width:100%}button,input,textarea,select{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button{border-radius:0;text-transform:none;cursor:pointer}::selection{background:#ff003c;color:#000}:focus{outline:none}:focus-visible{outline:2px solid #f3e600;outline-offset:3px}.d-none{display:none!important}.d-flex{display:flex!important}@media(min-width:992px){.d-lg-none{display:none!important}.d-lg-flex{display:flex!important}.d-lg-block{display:block!important}}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sd-icon{width:1em;height:1em;display:inline-block;flex-shrink:0;fill:currentColor}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}body,html{margin:0;padding:0;overflow-x:hidden;width:100%;background-color:#000;overscroll-behavior:none}.portfolio-master-container{width:100%;height:100%;background:#000}.intro-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;z-index:9000;display:flex;justify-content:center;align-items:center;flex-direction:column;cursor:pointer;transition:background-color 1.5s ease-in-out,opacity .5s}.intro-overlay.bg-fade-out{background-color:transparent;pointer-events:none}.intro-text{position:absolute;display:flex;flex-direction:column;align-items:center;opacity:0;transform:translateY(20px);transition:all .8s cubic-bezier(.2,.8,.2,1);width:100%;text-align:center;padding:0 1rem;box-sizing:border-box}.intro-text.visible{opacity:1;transform:translateY(0)}.intro-text.hidden{opacity:0;transform:translateY(-20px);transition-duration:.5s}.intro-line{font-family:Inter,sans-serif;font-size:1rem;letter-spacing:.4em;color:#888;margin-bottom:.5rem;text-transform:uppercase}.intro-name{font-family:Playfair Display,serif;font-size:4rem;color:#fff;margin:0;letter-spacing:-.02em;text-align:center}.intro-cta-title{color:#fff;margin:0;letter-spacing:-.02em}.intro-skip{position:absolute;bottom:2rem;font-family:Inter,sans-serif;font-size:.7rem;color:#a0a0a0;text-transform:uppercase;letter-spacing:.2em;animation:skip-pulse 2s infinite;transition:opacity .5s}.intro-skip.hidden{opacity:0}@keyframes pulse{0%{opacity:.3}50%{opacity:.7}to{opacity:.3}}.portfolio-selector-container{opacity:1;transition:opacity 2s ease}.transition-curtain{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;pointer-events:none;z-index:9999;opacity:0;transition:opacity .8s ease-in}.transition-curtain.active{opacity:1}.portfolio-selector-container{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#050505;z-index:5000;display:flex;flex-direction:row;overflow:hidden;font-family:Inter,sans-serif;margin:0;padding:0}.selector-cta{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none;z-index:4000;transition:opacity .5s ease;mix-blend-mode:exclusion;width:100%}.selector-cta.fade-out{opacity:0!important}.cta-title{font-family:Playfair Display,serif;font-size:4vw;font-style:italic;color:#fff;margin:0;letter-spacing:-.02em;text-transform:uppercase}.cta-subtitle{font-family:Inter,sans-serif;font-size:1rem;color:#ffffffb3;letter-spacing:.2em;margin-top:1rem;text-transform:uppercase}.portfolio-panel{position:relative;flex:1;height:100%;cursor:pointer;overflow:hidden;transition:flex .8s cubic-bezier(.6,.05,.01,1);border-right:1px solid rgba(255,255,255,.1)}.portfolio-panel:last-child{border-right:none}.panel-bg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .8s ease,filter .5s ease;filter:brightness(.5) grayscale(100%);transform:scale(1.05);z-index:0}.portfolio-panel:hover{flex:2.5;z-index:10}.portfolio-panel:hover .panel-bg{filter:brightness(1) grayscale(0%);transform:scale(1)}.portfolio-selector-container:hover .portfolio-panel:not(:hover) .panel-bg{filter:brightness(.3) grayscale(100%);transition:all .8s ease}.panel-content{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;display:flex;flex-direction:column;justify-content:flex-end;padding:3rem;box-sizing:border-box;background:linear-gradient(to top,rgba(0,0,0,.9),transparent 50%);opacity:.8;transition:opacity .4s ease}.portfolio-panel:hover .panel-content{opacity:1}.panel-vertical-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-90deg);white-space:nowrap;font-family:Inter,sans-serif;font-weight:300;font-size:.9rem;letter-spacing:.4em;color:#ffffffb3;text-transform:uppercase;pointer-events:none;transition:opacity .3s ease;z-index:5}.portfolio-panel:hover .panel-vertical-text{opacity:0}.panel-number,.panel-info{transition:all .5s ease}.panel-number{position:absolute;top:2rem;left:2rem;font-family:Playfair Display,serif;font-size:4rem;font-style:italic;opacity:.2;color:#fff}.portfolio-panel:hover .panel-number{opacity:1;transform:translate(10px)}.panel-info{transform:translateY(20px);opacity:0;max-width:450px}.portfolio-panel:hover .panel-info{transform:translateY(0);opacity:1}.panel-subtitle{display:block;font-size:.75rem;letter-spacing:.25em;color:gold;margin-bottom:.5rem;text-transform:uppercase}.panel-title{font-family:Playfair Display,serif;font-size:3rem;line-height:1;margin:0 0 1rem;color:#fff}.panel-desc{font-size:.9rem;line-height:1.6;color:#fffc;margin-bottom:1.5rem}.panel-btn{padding:.6rem 2rem;border:1px solid white;border-radius:50px;font-size:.75rem;text-transform:uppercase;letter-spacing:.2em;color:#fff;background:transparent;transition:background .3s,color .3s}.panel-btn:hover{background:#fff;color:#000}.panel-zooming{flex:100!important;cursor:default;z-index:100!important}.panel-zooming .panel-bg{filter:brightness(1.2) grayscale(0%)!important;transform:scale(1.3)!important;transition:transform 1.5s cubic-bezier(.2,0,.2,1)!important}.panel-zooming .panel-content,.panel-zooming .panel-vertical-text{opacity:0!important;transition:opacity .3s ease!important}.panel-exiting{flex:.0001!important;opacity:0;transition:flex 1s ease,opacity .5s ease}.container-zooming{pointer-events:none}.overlay-ui{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:6000;padding:2rem;display:flex;flex-direction:column;justify-content:space-between;transition:opacity .5s ease}.overlay-ui.fade-out{opacity:0}.global-header{width:100%;text-align:center}.global-brand{font-family:Playfair Display,serif;font-size:1.5rem;font-weight:700;color:#fff;mix-blend-mode:exclusion}.global-footer{width:100%;display:flex;justify-content:space-between;color:#fff;opacity:.7;font-size:.75rem;mix-blend-mode:exclusion}@media(max-width:768px){.portfolio-selector-container{flex-direction:column}.portfolio-panel{width:100%;border-right:none;border-bottom:1px solid rgba(255,255,255,.1);flex:1!important}.panel-bg{filter:brightness(.6) grayscale(20%)}.portfolio-panel:active .panel-bg{filter:brightness(1) grayscale(0%)}.selector-cta{width:85%}.cta-title{font-size:2rem;line-height:1.2}.cta-subtitle{font-size:.8rem}.panel-vertical-text{opacity:0!important}.panel-content{padding:1.5rem;justify-content:center;align-items:center;text-align:center;opacity:1;background:#0000004d}.panel-info{opacity:1;transform:translateY(0);margin:0}.panel-subtitle{font-size:.65rem;margin-bottom:.25rem}.panel-title{font-size:1.8rem;margin-bottom:.5rem}.panel-desc{display:none}.panel-btn{padding:.5rem 1.2rem;font-size:.7rem;margin-top:.5rem;background:#ffffff1a}.panel-number{font-size:2.5rem;top:1rem;left:1rem;opacity:.5}.intro-name{font-size:2rem}.intro-line{font-size:.8rem}.intro-cta-title{font-size:1.8rem!important}.panel-zooming .panel-bg{transform:scale(1.1)!important}}.portfolio-panel:focus-visible{outline:2px solid #00f0ff;outline-offset:-6px;flex:2.5;z-index:10}.portfolio-panel:focus-visible .panel-bg{filter:brightness(1) grayscale(0%);transform:scale(1)}.portfolio-panel:focus-visible .panel-info{transform:translateY(0);opacity:1}.portfolio-panel:focus-visible .panel-vertical-text{opacity:0}.global-contact{display:flex;align-items:center;gap:.6rem;pointer-events:auto;letter-spacing:.08em}.global-contact a{color:inherit;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.35);padding-bottom:1px;transition:border-color .2s,opacity .2s}.global-contact a:hover,.global-contact a:focus-visible{border-color:#fff;opacity:1}@media(max-width:768px){.global-footer{flex-wrap:wrap;gap:.4rem 1rem;justify-content:center;font-size:.68rem}.global-contact{order:3;width:100%;justify-content:center;flex-wrap:wrap}}@keyframes skip-pulse{0%,to{opacity:.75}50%{opacity:1}}
