.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;padding:var(--spacing-xl) 0}.hero__content{text-align:center;max-width:62.5rem;margin:0 auto}.hero__line{width:5rem;height:2px;background-color:var(--color-white);margin:0 auto var(--spacing-xl);opacity:0;animation:fadeIn .6s ease-out .2s forwards}.hero__title{font-family:var(--font-display);font-size:clamp(2rem,5vw,5rem);font-weight:300;text-transform:uppercase;letter-spacing:.08em;color:var(--color-white);margin-bottom:var(--spacing-lg);line-height:.95;opacity:0;max-width:100%;word-wrap:break-word;animation:fadeIn .8s ease-out .3s forwards;transition:transform var(--transition-base),opacity .3s ease;cursor:default;text-shadow:0 4px 20px rgba(0,0,0,.3)}.hero__title:hover{transform:none}.hero__subtitle{font-size:var(--font-size-lg);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--text-secondary);max-width:43.75rem;margin:0 auto var(--spacing-lg);opacity:0;animation-delay:.5s;transition:transform var(--transition-base),color var(--transition-base),opacity .5s ease;cursor:default}.hero__subtitle:hover{transform:translateY(-2px);color:var(--color-white)}.hero__location{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.1em;color:var(--color-gray);margin-bottom:var(--spacing-2xl);opacity:0;animation-delay:.7s}.hero__scroll-indicator{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);margin-top:calc(var(--spacing-3xl) + var(--spacing-md));opacity:0;animation-delay:.9s}.hero__scroll-indicator span{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.15em;color:var(--color-gray)}.scroll-arrow{font-size:var(--font-size-lg);color:var(--color-white);animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(10px)}}@media (max-width: 768px){.hero{min-height:100vh}.hero__line{width:3.75rem;margin-bottom:var(--spacing-lg)}.hero__title,.hero__subtitle{margin-bottom:var(--spacing-md)}.hero__scroll-indicator{margin-top:calc(var(--spacing-2xl) + var(--spacing-sm))}}.project-card{position:relative;background:#ffffff08;border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 8px 32px #0000004d;border-radius:var(--radius-md);overflow:hidden;cursor:pointer;display:flex;flex-direction:column;min-height:16.25rem;transform:scale(.88) translateZ(-40px);opacity:.9;transition:transform .6s cubic-bezier(.34,1.56,.64,1),box-shadow .6s cubic-bezier(.34,1.56,.64,1),border-color .3s ease,background-color .3s ease,opacity .6s cubic-bezier(.34,1.56,.64,1);will-change:transform,opacity}.project-card:hover{transform:translateY(-8px) scale(1) translateZ(0);opacity:1;background:#ffffff0f;border-color:#ffffff1f;box-shadow:0 12px 32px #ffffff0d,0 4px 12px #0000004d}.project-card__video-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden;background:#1a1a1a}.project-card__skeleton{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#ffffff08 25%,#ffffff14,#ffffff08 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;z-index:1}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.project-card__video{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.85);width:100%;height:100%;object-fit:contain;opacity:.85;filter:grayscale(.2) saturate(.8);transition:transform var(--transition-slow),opacity var(--transition-slow),filter var(--transition-slow)}.project-card:hover .project-card__video{transform:translate(-50%,-50%) scale(.9);opacity:.95;filter:grayscale(.1) saturate(.9)}.project-card__image-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.project-card__image{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.9);width:100%;height:100%;object-fit:cover;opacity:.85;filter:grayscale(.2) saturate(.8);transition:transform var(--transition-slow),opacity var(--transition-slow),filter var(--transition-slow)}.project-card:hover .project-card__image{transform:translate(-50%,-50%) scale(.95);opacity:.95;filter:grayscale(.1) saturate(.9)}.project-card__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#0000004d,#000000b3);transition:background var(--transition-base)}.project-card:hover .project-card__overlay,.project-card__video-container .project-card__overlay{background:linear-gradient(to bottom,#0006,#000000bf)}.project-card:hover .project-card__video-container .project-card__overlay{background:linear-gradient(to bottom,#00000080,#000c)}.project-card__content{position:relative;z-index:1;padding:var(--spacing-md);display:flex;flex-direction:column;justify-content:flex-end;flex:1;color:var(--text-primary)}.project-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.project-card__category{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.1em;color:var(--color-gray-light)}.project-card__year{font-size:var(--font-size-xs);color:var(--color-gray)}.project-card__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-sm);line-height:var(--line-height-tight)}.project-card__description{font-size:var(--font-size-sm);line-height:var(--line-height-normal);color:var(--text-secondary);margin-bottom:var(--spacing-md)}.project-card__tech{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.project-card__tech-tag{font-size:var(--font-size-xs);padding:4px 8px;background-color:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:4px;color:var(--color-white);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.project-card__cta{margin-top:auto}.project-card__arrow{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-white);transition:transform var(--transition-base);display:inline-block}.project-card:hover .project-card__arrow{transform:translate(8px)}.project-card--small{min-height:17.5rem}.project-card--medium{min-height:22.5rem}.project-card--large{min-height:28.125rem}.project-card--wide{min-height:20rem}.project-card:focus-visible{outline:2px solid rgba(255,255,255,.5);outline-offset:4px}@media (max-width: 768px){.project-card{min-height:21.875rem!important}.project-card__content{padding:var(--spacing-sm)}.project-card__title{font-size:var(--font-size-lg)}}.project-card--acl .project-card__video{transform:translate(-50%,-50%) scale(.85)!important}.project-card--acl:hover .project-card__video{transform:translate(-50%,-50%) scale(.9)!important}.project-card--transient .project-card__video{transform:translate(-50%,-50%) scale(.85)!important}.project-card--transient:hover .project-card__video{transform:translate(-50%,-50%) scale(.9)!important}.project-card--khebez .project-card__image{transform:translate(-50%,-50%) scale(.93)!important}.project-card--khebez:hover .project-card__image{transform:translate(-50%,-50%) scale(.98)!important}.project-card--artemon .project-card__image{transform:translate(-50%,-50%) scale(.75)!important;object-fit:contain!important;object-position:center!important}.project-card--artemon:hover .project-card__image{transform:translate(-50%,-50%) scale(.8)!important;object-fit:contain!important;object-position:center!important}.project-card--amphibious .project-card__image{transform:translate(-50%,-50%) scale(.75)!important;object-fit:contain!important;object-position:center!important}.project-card--amphibious:hover .project-card__image{transform:translate(-50%,-50%) scale(.8)!important;object-fit:contain!important;object-position:center!important}.music-player-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(#000000b3,#000000e6),url(/Background_3.jpg);background-size:cover;background-position:center;background-attachment:fixed;z-index:1000;overflow-y:auto;padding:80px 0 40px}.music-player-close{position:absolute;top:32px;right:32px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;width:40px;height:40px;border-radius:50%;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:1001}.music-player-close:hover{background:#fff3;transform:rotate(90deg)}.music-player-container{display:flex;gap:32px;padding:0 40px;overflow-x:auto;scroll-behavior:smooth;justify-content:center;align-items:center;min-height:calc(100vh - 120px)}.track-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:16px;padding:24px;width:360px;flex-shrink:0;box-shadow:0 8px 32px #0000004d;transition:all .3s ease;display:flex;flex-direction:column;gap:16px;position:relative;overflow:hidden}.track-card:hover{transform:scale(1.02) translateY(-4px);background:#ffffff0f;border-color:#ffffff1f;box-shadow:0 12px 32px #ffffff0d}.track-card.playing{border-color:#fff6;box-shadow:0 0 20px #ffffff1a;background:#ffffff14}.track-artwork{width:100%;aspect-ratio:1;background:#ffffff0d;border-radius:12px;overflow:hidden;position:relative;cursor:pointer}.track-artwork img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.track-card:hover .track-artwork img{transform:scale(1.05)}.track-artwork-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0000004d;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.track-card:hover .track-artwork-overlay,.track-card.playing .track-artwork-overlay{opacity:1}.play-icon{width:60px;height:60px;background:#fff3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff;border:1px solid rgba(255,255,255,.4);box-shadow:0 4px 15px #0000004d;transition:transform .2s ease,background .2s ease}.track-artwork-overlay:hover .play-icon{transform:scale(1.1);background:#ffffff4d}.track-info{display:flex;flex-direction:column;gap:4px}.track-title{font-size:20px;font-weight:700;color:var(--color-white);margin:0}.track-artist{font-size:16px;font-weight:500;color:var(--text-secondary);margin:0}.track-player{width:100%;margin-top:8px;height:42px;display:flex;align-items:center;justify-content:center}.play-track-button{width:100%;height:100%;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:4px;color:var(--color-white);font-family:var(--font-primary);font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:all .2s ease}.play-track-button:hover{background:#fff3;border-color:#fff6}.play-track-button.active{background:#ffffffe6;color:#000;border-color:#fff}.track-duration{font-size:14px;color:gray;text-align:right;margin-top:auto}.behind-scenes-section{max-width:900px;margin:60px auto 40px;padding:0 40px}.behind-scenes-content{background:#ffffff08;border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:16px;padding:40px}.behind-scenes-text{font-size:16px;line-height:2;color:var(--text-secondary);white-space:pre-wrap;margin:0}.behind-scenes-text strong{display:block;font-size:20px;font-weight:600;color:var(--color-white);margin-top:28px;margin-bottom:4px;letter-spacing:.02em}.behind-scenes-text strong:first-child{margin-top:0}.behind-scenes-image,.behind-scenes-video{width:100%;border-radius:12px;margin-top:24px}@media (max-width: 1024px){.music-player-container{padding:0 32px;justify-content:flex-start}.track-card{width:320px}.behind-scenes-section{padding:0 32px}.behind-scenes-content{padding:32px}}@media (max-width: 600px){.music-player-overlay{padding:60px 0 20px}.music-player-container{padding:0 24px;gap:20px}.track-card{width:300px;padding:20px}.music-player-close{top:20px;right:20px}.behind-scenes-section{padding:0 24px;margin:40px auto 20px}.behind-scenes-content{padding:24px}.behind-scenes-text{font-size:15px;line-height:1.9}.behind-scenes-text strong{font-size:18px;margin-top:24px;margin-bottom:8px}}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(#000000b3,#000000e6),url(/Background_3.jpg);background-size:cover;background-position:center;background-attachment:fixed;display:flex;align-items:flex-start;justify-content:center;z-index:var(--z-overlay);padding:var(--spacing-lg);overflow-y:auto}.modal-content{position:relative;background-color:transparent;border:none;border-radius:0;max-width:68.75rem;width:100%;margin:0 auto;padding:3.75rem 2.5rem 2.5rem}.modal-close{position:absolute;top:var(--spacing-lg);right:var(--spacing-lg);width:2.5rem;height:2.5rem;background-color:transparent;border:2px solid var(--color-white);border-radius:50%;color:var(--color-white);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-base);z-index:10}.modal-close:hover{background-color:var(--color-white);color:var(--color-black);transform:rotate(90deg)}.modal-header{margin-bottom:var(--spacing-xl);padding-right:3.75rem}.modal-meta{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-sm)}.modal-category{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.1em;color:var(--color-gray-light)}.modal-year{font-size:var(--font-size-xs);color:var(--color-gray)}.modal-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin-bottom:0}.modal-video{position:relative;width:100%;margin:0 auto var(--spacing-xl) auto;padding-bottom:56.25%;background-color:var(--color-black);border-radius:var(--radius-sm);overflow:hidden}.modal-video iframe{position:absolute;top:0;left:0;width:100%;height:100%}.modal-video-static{width:100%;height:520px;border-radius:8px;overflow:hidden}.modal-video-static iframe{width:100%;height:100%;border:none;pointer-events:auto}.scroll-hint{display:flex;align-items:center;justify-content:center;gap:6px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#ffffff40;padding:12px 0 4px;animation:hintBob 2s ease-in-out infinite}.scroll-hint span{font-size:14px}@keyframes hintBob{0%,to{transform:translateY(0);opacity:.25}50%{transform:translateY(4px);opacity:.5}}.modal-image{margin-bottom:var(--spacing-xl);border-radius:var(--radius-sm);overflow:hidden}.modal-image img{width:100%;height:auto;display:block}.modal-body{color:var(--text-primary)}.modal-description-container{background:#ffffff08;border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:16px;padding:20px;margin-bottom:var(--spacing-xl)}.modal-description{font-size:var(--font-size-base);line-height:2;color:var(--text-secondary);white-space:pre-line;max-width:100%;margin:0}.modal-description strong{display:block;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-white);margin-top:var(--spacing-lg);margin-bottom:4px}.modal-description strong:first-child{margin-top:0}.modal-tech{margin-bottom:var(--spacing-xl)}.modal-tech-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-md)}.modal-tech-list{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.modal-tech-tag{font-size:var(--font-size-sm);padding:8px 16px;background-color:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:var(--color-white);transition:all var(--transition-base)}.modal-tech-tag:hover{background-color:#ffffff26;border-color:#ffffff4d}.modal-links{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.modal-link{display:inline-flex;align-items:center;padding:12px 24px;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);border-radius:var(--radius-sm);transition:all var(--transition-base);text-decoration:none}.modal-link--primary{background-color:var(--color-white);color:var(--color-black);border:2px solid var(--color-white)}.modal-link--primary:hover{background-color:transparent;color:var(--color-white);transform:translateY(-2px)}.modal-link--secondary{background-color:transparent;color:var(--color-white);border:2px solid var(--color-white)}.modal-link--secondary:hover{background-color:var(--color-white);color:var(--color-black);transform:translateY(-2px)}@media (max-width: 1200px){.modal-content{max-width:59.375rem;padding:60px 40px 40px}}@media (max-width: 1024px){.modal-content{max-width:53.125rem;padding:50px 32px 40px}}@media (max-width: 768px){.modal-overlay{padding:0;align-items:flex-start}.modal-content{max-width:100%;border-radius:0;padding:var(--spacing-xl) var(--spacing-lg)}.modal-description-container{padding:24px;border-radius:12px}.modal-description{font-size:15px;line-height:1.8}.modal-close{top:var(--spacing-md);right:var(--spacing-md);width:2.25rem;height:2.25rem}.modal-header{padding-right:50px}.modal-title{font-size:var(--font-size-xl)}.modal-links{flex-direction:column}.modal-link{width:100%;justify-content:center}}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-track{background:var(--color-black)}.modal-content::-webkit-scrollbar-thumb{background:var(--color-gray);border-radius:4px}.modal-content::-webkit-scrollbar-thumb:hover{background:var(--color-gray-light)}.bento-grid-section{position:relative;padding:var(--spacing-3xl) 0;background:transparent;overflow:hidden}.bento-grid-background{position:absolute;top:-9.375rem;left:-3.125rem;width:calc(100% + 6.25rem);height:calc(100% + 18.75rem);opacity:.4;z-index:0;pointer-events:none;will-change:transform;animation:floatingBackground 40s ease-in-out infinite}@keyframes floatingBackground{0%,to{transform:translateY(calc(0px + var(--parallax-y, 0px))) scale(1.3)}25%{transform:translate(-70px,calc(-80px + var(--parallax-y, 0px))) scale(1.35)}50%{transform:translate(60px,calc(-60px + var(--parallax-y, 0px))) scale(1.3)}75%{transform:translate(-80px,calc(70px + var(--parallax-y, 0px))) scale(1.32)}}.bento-grid-background:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#00000080,#000000b3);z-index:1}.bento-grid__header{position:relative;text-align:center;margin-bottom:var(--spacing-3xl);z-index:2}.bento-grid__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-md)}.bento-grid__subtitle{font-size:var(--font-size-base);color:var(--text-secondary);max-width:600px;margin:0 auto}.paired-layout{position:relative;display:flex;flex-direction:column;gap:9rem;perspective:75rem;transform-style:preserve-3d;z-index:2}.paired-row{display:grid;grid-template-columns:2fr 1fr;gap:4rem;align-items:start}.paired-row:nth-child(2n){grid-template-columns:1fr 2fr}.paired-row:nth-child(2n) .paired-row__card{order:2}.paired-row:nth-child(2n) .paired-row__description{order:1}.paired-row__card{width:100%}.paired-row__description{display:flex;flex-direction:column;padding:20px;font-family:var(--font-secondary);height:36.25rem;background:#00000073;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:8px}.paired-description__category{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.1em;color:var(--color-gray-light)}.paired-description__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--color-white);margin-bottom:var(--spacing-sm);font-family:var(--font-display)}.paired-description__extended-title{font-size:1.1rem;color:#ffffffd9;font-style:italic;font-weight:300;letter-spacing:.04em;margin:0 0 var(--spacing-xs) 0;padding:0}.paired-description__text{font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:#fffc;margin:0}.paired-description__bottom{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-top:auto}.paired-description__tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.paired-description__tag{font-size:var(--font-size-xs);padding:6px 12px;background-color:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:4px;color:var(--color-white);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.paired-row__extended-title{font-size:1.1rem;color:#ffffffd9;font-style:italic;font-weight:300;letter-spacing:.04em;margin-bottom:auto;display:block}.paired-row__desc-text{margin-top:auto;font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.7}.paired-card{height:36.25rem!important;width:100%;min-height:36.25rem!important;max-height:36.25rem!important}.paired-card.project-card--small,.paired-card.project-card--medium,.paired-card.project-card--large,.paired-card.project-card--wide{height:36.25rem!important;min-height:36.25rem!important;max-height:36.25rem!important}.paired-card .project-card__content{height:100%;justify-content:space-between}@media (max-width: 1024px){.paired-row{gap:30px}.paired-layout{gap:50px}.paired-card{height:30rem!important;min-height:30rem!important;max-height:30rem!important}.paired-description__title{font-size:var(--font-size-lg)}.paired-description__text{font-size:var(--font-size-sm)}}@media (max-width: 768px){.bento-grid-section{padding:var(--spacing-2xl) 0}.bento-grid__header{margin-bottom:var(--spacing-2xl)}.paired-layout{gap:var(--spacing-3xl)}.paired-row,.paired-row:nth-child(2n){grid-template-columns:1fr!important;gap:var(--spacing-lg)}.paired-row__card,.paired-row:nth-child(2n) .paired-row__card{order:1!important}.paired-row__description,.paired-row:nth-child(2n) .paired-row__description{order:2!important}.paired-card{height:25rem!important;min-height:25rem!important;max-height:25rem!important}.paired-row__description{padding:0}.paired-description__title{font-size:var(--font-size-lg)}.paired-description__text{font-size:var(--font-size-sm)}}.process-section{padding:var(--spacing-3xl) 0;background:linear-gradient(to bottom,transparent 0%,var(--bg-primary) 15%,var(--bg-primary) 85%,transparent 100%)}.process-section__header{text-align:center;margin-bottom:var(--spacing-3xl)}.process-section__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-md)}.process-section__subtitle{font-size:var(--font-size-base);color:var(--text-secondary);max-width:600px;margin:0 auto}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.process-card{position:relative;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:var(--spacing-xl);text-align:center;box-shadow:0 8px 32px #0000004d;transition:transform .6s cubic-bezier(.34,1.56,.64,1),box-shadow .6s cubic-bezier(.34,1.56,.64,1),border-color .3s ease,background .3s ease;will-change:transform;overflow:hidden}.process-card:hover{transform:translateY(-8px) scale(1.02);background:#ffffff0d;border-color:#ffffff1f;box-shadow:0 8px 32px #ffffff0d}.process-card__icon{display:inline-flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-md);position:relative;z-index:2;color:var(--color-white);transition:transform .5s cubic-bezier(.34,1.56,.64,1),filter .3s ease}.process-card__icon svg{filter:drop-shadow(0 0 0px rgba(255,255,255,0));transition:filter .3s ease}.process-card:hover .process-card__icon{transform:rotate(5deg)}.process-card:hover .process-card__icon svg{filter:drop-shadow(0 0 12px rgba(255,255,255,.4))}.process-card__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-sm);position:relative;z-index:2}.process-card__description{font-size:var(--font-size-sm);line-height:var(--line-height-normal);color:var(--text-secondary);margin:0;position:relative;z-index:2}@media (max-width: 1024px){.process-grid{grid-template-columns:repeat(3,1fr);gap:24px}}@media (max-width: 768px){.process-section{padding:var(--spacing-2xl) 0}.process-section__header{margin-bottom:var(--spacing-2xl)}.process-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}.process-card{padding:var(--spacing-lg)}.process-card__icon svg{width:48px;height:48px}}.scroll-video-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden;pointer-events:none}.video-grid-container{display:grid;grid-template-columns:1fr 1fr 1fr;width:100%;height:100%;position:fixed;top:0;left:0;-webkit-mask-image:radial-gradient(circle 300px at var(--mouse-x, 50%) var(--mouse-y, 50%),black 0%,rgba(0,0,0,.4) 100%);mask-image:radial-gradient(circle 300px at var(--mouse-x, 50%) var(--mouse-y, 50%),black 0%,rgba(0,0,0,.4) 100%);will-change:mask-image}.scroll-video-background__video{width:100%;height:100%;object-fit:cover;--opacity-subtle: .08;--opacity-balanced: .12;--opacity-visible: 3.18;--opacity-base: 6.05;opacity:1;filter:blur(.5px) grayscale(100%) brightness(1.2);transition:opacity .3s ease;will-change:opacity;pointer-events:none}@media (max-width: 768px){.scroll-video-background__video{opacity:.6}}.scroll-video-background:before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:transparent}.scroll-image-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden;pointer-events:none}.scroll-image-background__video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transform:scale(.85);filter:grayscale(0) brightness(.7) contrast(1.15) saturate(1.1) blur(.8px) hue-rotate(0deg);transition:opacity .2s ease-out;will-change:opacity;pointer-events:none}.scroll-image-background:before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:transparent}@media (max-width: 768px){.scroll-image-background__video{filter:grayscale(0) brightness(.65) contrast(1.15) saturate(1.05) blur(.8px) hue-rotate(0deg)}}.ad-collage{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-2;pointer-events:none;overflow:hidden}.ad-slot{position:absolute;opacity:.1;filter:grayscale(100%) brightness(1.2);transition:opacity .05s ease;aspect-ratio:16/9;overflow:hidden}.ad-slot img{width:100%;height:100%;object-fit:cover;display:block}.ad-slot.glitching{opacity:0}.all-projects{min-height:100vh;padding:clamp(2rem,7vw,6rem) 0;background:radial-gradient(circle at 15% 10%,rgba(255,255,255,.045),transparent 30rem),var(--bg-primary)}.all-projects__container{max-width:78rem}.all-projects__back{display:inline-flex;align-items:center;gap:.45rem;margin-bottom:clamp(4rem,10vw,8rem);color:var(--color-gray-light);font-size:var(--font-size-xs);letter-spacing:.04em}.all-projects__back span{transition:transform var(--transition-base)}.all-projects__back:hover span{transform:translate(-3px)}.all-projects__header{margin-bottom:clamp(3rem,7vw,5rem)}.all-projects__eyebrow{margin-bottom:var(--spacing-xs);color:var(--color-gray);font-family:var(--font-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:.12em;text-transform:uppercase}.all-projects__title{margin:0;font-size:clamp(2.8rem,8vw,6.5rem);font-weight:var(--font-weight-bold);letter-spacing:-.045em}.all-projects__list{border-bottom:1px solid rgba(255,255,255,.12)}.all-projects__item{display:grid;grid-template-columns:minmax(9rem,.65fr) minmax(0,2.2fr) auto;gap:clamp(1.5rem,4vw,4rem);align-items:start;padding:clamp(2rem,5vw,3.5rem) 0;border-top:1px solid rgba(255,255,255,.12)}.all-projects__meta{display:flex;flex-direction:column;gap:.4rem;color:var(--color-gray);font-family:var(--font-primary);font-size:var(--font-size-xs);letter-spacing:.07em;text-transform:uppercase}.all-projects__details{max-width:52rem}.all-projects__name{margin-bottom:var(--spacing-xs);font-size:var(--font-size-xl)}.all-projects__tagline{margin-bottom:var(--spacing-sm);color:#ffffffd1;font-size:var(--font-size-base);font-style:italic;letter-spacing:.025em}.all-projects__description{max-width:48rem;margin:0;color:var(--text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}.all-projects__link{display:inline-flex;align-items:center;gap:.4rem;margin-top:.3rem;color:var(--color-gray-light);font-size:var(--font-size-xs);white-space:nowrap}.all-projects__link span{transition:transform var(--transition-base)}.all-projects__link:hover span{transform:translate(2px,-2px)}@media (max-width: 768px){.all-projects__item{grid-template-columns:1fr;gap:var(--spacing-md)}.all-projects__meta{flex-direction:row;justify-content:space-between}.all-projects__link{margin-top:0}}*{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.footer__link,.top-links__link,.selectable-text{user-select:text;-webkit-user-select:text}video{pointer-events:auto}video::-webkit-media-controls-enclosure{overflow:hidden}video::-webkit-media-controls-panel{width:calc(100% + 30px)}.app{min-height:100vh;display:flex;flex-direction:column}.top-links{position:fixed;top:35px;right:35px;z-index:1000;display:flex;gap:var(--spacing-lg)}.top-links__link{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);text-decoration:none;transition:color var(--transition-fast)}.top-links__link:hover{color:var(--color-gray-light)}@media (max-width: 768px){.top-links{top:20px;right:20px;flex-direction:column;align-items:flex-end;gap:var(--spacing-sm)}}.footer{background:linear-gradient(to bottom,transparent 0%,var(--bg-primary) 20%);border-top:none;padding:var(--spacing-2xl) 0;margin-top:auto}.footer__content{display:flex;justify-content:space-between;align-items:center}.footer__text{font-size:var(--font-size-sm);color:var(--color-gray);margin:0}.footer__links{display:flex;gap:var(--spacing-lg)}.footer__link{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);text-decoration:none;transition:color var(--transition-fast)}.footer__link:hover{color:var(--color-gray-light)}@media (max-width: 768px){.footer__content{flex-direction:column;gap:var(--spacing-md);text-align:center}.footer__links{flex-direction:column;gap:var(--spacing-sm)}}.section-spacer{height:var(--spacing-3xl)}.biography-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000d9;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);z-index:2000;display:flex;align-items:center;justify-content:center;overflow:hidden;animation:fadeIn .3s ease-out}.biography-modal{max-width:900px;max-height:85vh;width:90%;background:transparent;position:relative;display:flex;flex-direction:column;padding:0;border-radius:12px;overflow:hidden}.biography-header{display:flex;justify-content:space-between;align-items:center;padding:20px 32px;background:#ffffff0d;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-bottom:none;border-top-left-radius:12px;border-top-right-radius:12px;z-index:10;flex-shrink:0}.biography-header h2{font-family:var(--font-display, sans-serif);font-size:1.5rem;font-weight:700;color:#fff;margin:0}.biography-scroll-container{flex:1;overflow-y:auto;overflow-x:hidden;padding:32px;background:#14141499;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-top:none;border-bottom-left-radius:12px;border-bottom-right-radius:12px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent}.biography-scroll-container::-webkit-scrollbar{width:6px;display:block}.biography-scroll-container::-webkit-scrollbar-track{background:transparent}.biography-scroll-container::-webkit-scrollbar-thumb{background-color:#ffffff4d;border-radius:3px}.biography-content{display:flex;flex-direction:column;gap:32px}@media (min-width: 768px){.biography-content{flex-direction:row;align-items:flex-start}.bio-photo{position:sticky;top:0;z-index:5}}.bio-photo{width:200px;height:200px;min-width:200px;border-radius:12px;border:1px solid rgba(255,255,255,.1);filter:none;object-fit:cover;box-shadow:0 4px 20px #0000004d;margin:0}.bio-text{flex:1;background:transparent;border:none;-webkit-backdrop-filter:none;backdrop-filter:none;padding:0;box-shadow:none;color:#fff}.bio-text p{font-family:var(--font-primary, sans-serif);line-height:1.7;margin-bottom:1.5rem;color:#ffffffe6}.bio-text p:last-child{margin-bottom:0}.close-button{position:static;top:auto;right:auto;background:transparent;border:1px solid rgba(255,255,255,.2);color:#fff;width:32px;height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.2rem;line-height:1;transition:all .2s ease;-webkit-backdrop-filter:none;backdrop-filter:none;margin-left:16px}.close-button:hover{background:#ffffffe6;color:#000}.biography-content:after{display:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.biography-container{width:100%;height:100%;max-height:100vh;border-radius:0}.biography-overlay{background:#000000fa;align-items:flex-start;padding-top:60px}.biography-content{padding:20px;gap:24px}.bio-photo{width:160px;height:160px;min-width:0;margin:0 auto}.bio-text{background:transparent;border:none;-webkit-backdrop-filter:none;backdrop-filter:none;padding:0}.bio-text h2{text-align:center}}:root{--color-black: #000000;--color-white: #FFFFFF;--color-gray: #808080;--color-gray-dark: #333333;--color-gray-light: #CCCCCC;--font-primary: "Inter", "Helvetica Neue", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: "Inter", sans-serif;--font-secondary: "Google Sans", sans-serif;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-bold: 700;--font-size-xs: clamp(.7rem, .65rem + .25vw, .8rem);--font-size-sm: clamp(.8rem, .75rem + .35vw, .9rem);--font-size-base: clamp(.9rem, .85rem + .25vw, 1rem);--font-size-lg: clamp(.8rem, .72rem + .48vw, 1.08rem);--font-size-xl: clamp(1.35rem, 1.1rem + 1.1vw, 2rem);--font-size-2xl: clamp(1.05rem, .85rem + 1.35vw, 1.8rem);--font-size-3xl: clamp(1.7rem, 1.35rem + 1.7vw, 3rem);--line-height-tight: 1.2;--line-height-normal: 1.6;--line-height-relaxed: 1.8;--spacing-xs: .5rem;--spacing-sm: 1.05rem;--spacing-md: 1.5rem;--spacing-lg: 2.1rem;--spacing-xl: 3rem;--spacing-2xl: 4.2rem;--spacing-3xl: 6rem;--grid-gap: 1.5rem;--max-width: 90rem;--content-padding: clamp(1rem, 4vw, 3.5rem);--radius-sm: 6px;--radius-md: 10px;--transition-fast: .15s ease;--transition-base: .3s ease;--transition-slow: .5s ease;--shadow-sm: 0 2px 4px rgba(255, 255, 255, .1);--shadow-md: 0 4px 8px rgba(255, 255, 255, .15);--shadow-glow: 0 0 20px rgba(255, 255, 255, .3);--z-base: 1;--z-elevated: 10;--z-modal: 100;--z-overlay: 1000}body{--bg-primary: var(--color-black);--bg-secondary: var(--color-gray-dark);--text-primary: var(--color-white);--text-secondary: var(--color-gray-light);--border-color: var(--color-gray)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:90%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-padding-top:0;overscroll-behavior-y:none}body{--color-white: #E0E0E0;font-family:var(--font-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--text-primary);background-color:var(--bg-primary);margin:0;padding:0;min-height:100vh;overflow-x:hidden;overflow-y:auto;position:relative;-webkit-overflow-scrolling:touch}#root{position:relative;z-index:2;min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-primary);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin-bottom:var(--spacing-sm)}h1{font-size:var(--font-size-3xl);letter-spacing:-.02em}h2{font-size:var(--font-size-2xl);letter-spacing:-.01em}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-lg)}p{font-family:var(--font-secondary);margin-bottom:var(--spacing-md)}a{color:var(--text-primary);text-decoration:none;transition:opacity var(--transition-fast)}a:hover{opacity:.7}a:focus-visible{outline:2px solid var(--color-white);outline-offset:4px}button{font-family:inherit;font-size:inherit;font-weight:var(--font-weight-medium);background:none;border:none;cursor:pointer;transition:all var(--transition-base)}button:focus-visible{outline:2px solid var(--color-white);outline-offset:4px}img{max-width:100%;height:auto;display:block}ul,ol{list-style:none}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 var(--content-padding)}section{padding:var(--spacing-3xl) 0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.text-center{text-align:center}.text-bold{font-weight:var(--font-weight-bold)}@media (max-width: 768px){section{padding:var(--spacing-2xl) 0}}::selection{background-color:var(--color-white);color:var(--color-black)}::-moz-selection{background-color:var(--color-white);color:var(--color-black)}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.float-slow{animation:float 6s ease-in-out infinite}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .6s ease-out forwards}.fade-in:nth-child(1){animation-delay:.1s}.fade-in:nth-child(2){animation-delay:.2s}.fade-in:nth-child(3){animation-delay:.3s}.fade-in:nth-child(4){animation-delay:.4s}.fade-in:nth-child(5){animation-delay:.5s}.fade-in:nth-child(6){animation-delay:.6s}.hover-scale{transition:transform var(--transition-base),box-shadow var(--transition-base)}.hover-scale:hover{transform:scale(1.02);box-shadow:var(--shadow-glow)}.hover-brightness{transition:filter var(--transition-base)}.hover-brightness:hover{filter:brightness(1.1)}.border-glow{position:relative;transition:all var(--transition-base)}.border-glow:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border:2px solid transparent;border-radius:inherit;transition:border-color var(--transition-base);pointer-events:none}.border-glow:hover:before{border-color:var(--color-white)}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-overlay{animation:modalFadeIn .3s ease-out}.modal-content{animation:modalSlideUp .4s ease-out}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.pulse{animation:pulse 2s ease-in-out infinite}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.loading-shimmer{background:linear-gradient(90deg,var(--color-gray-dark) 0%,var(--color-gray) 50%,var(--color-gray-dark) 100%);background-size:1000px 100%;animation:shimmer 2s infinite linear}.fade-transition{transition:opacity var(--transition-base)}*:focus-visible{outline:2px solid var(--color-white);outline-offset:4px;border-radius:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@keyframes gentleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.float-continuous{animation:gentleFloat 3s ease-in-out infinite}@keyframes ambientShift{0%,to{background-position:0% 0%}50%{background-position:100% 100%}}