.hero{background-color:#000;flex-direction:column;min-height:100dvh;padding:0;display:flex;position:relative;overflow:hidden}.hero__ambient{z-index:1;pointer-events:none;transition:background .3s;position:absolute;inset:0}.hero__container{z-index:5;pointer-events:none;max-width:1440px;margin:0 auto;position:absolute;inset:0 3rem}.hero__container>*{pointer-events:auto}.hero__title{letter-spacing:-.03em;color:#fff;margin:0;font-size:clamp(2rem,4.5vw,3.5rem);font-weight:900;line-height:1;animation:1.2s ease-out .2s both heroFadeIn;position:absolute;top:18%;left:0}.hero__figure-wrap{z-index:2;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.hero__figure{object-fit:contain;z-index:2;filter:drop-shadow(0 0 20px #fff9)drop-shadow(0 0 60px #ffffff40);width:auto;max-width:50vw;max-height:75vh;animation:6s ease-in-out infinite figureFloat,1.5s ease-out .4s both heroFadeIn;display:block;position:relative}.hero__figure-glow{object-fit:contain;z-index:1;pointer-events:none;filter:blur(35px)brightness(1.3);opacity:.55;width:auto;max-width:50vw;max-height:75vh;animation:6s ease-in-out infinite figureFloat,1.5s ease-out .4s both heroFadeIn,4s ease-in-out infinite pulseGlowSoft;position:absolute}.hero__figure-container{pointer-events:auto;cursor:crosshair;justify-content:center;align-items:center;display:flex;position:relative}.hero__reveal{z-index:3;pointer-events:none;opacity:0;-webkit-mask-image:radial-gradient(circle 0px at var(--reveal-x,50%) var(--reveal-y,50%), #000 0%, transparent 100%);-webkit-mask-image:radial-gradient(circle 0px at var(--reveal-x,50%) var(--reveal-y,50%), #000 0%, transparent 100%);mask-image:radial-gradient(circle 0px at var(--reveal-x,50%) var(--reveal-y,50%), #000 0%, transparent 100%);transition:opacity .35s;position:absolute;inset:0;overflow:hidden}.hero__reveal--active{opacity:1;filter:drop-shadow(0 0 15px #ffffff80)drop-shadow(0 0 40px #fff3);-webkit-mask-image:radial-gradient(circle 120px at var(--reveal-x) var(--reveal-y), #000 40%, transparent 100%);-webkit-mask-image:radial-gradient(circle 120px at var(--reveal-x) var(--reveal-y), #000 40%, transparent 100%);mask-image:radial-gradient(circle 120px at var(--reveal-x) var(--reveal-y), #000 40%, transparent 100%)}.hero__reveal-img{object-fit:cover;object-position:center 20%;width:100%;height:100%}.hero__text-right{font-family:var(--font-body);color:#ffffffe0;text-align:left;max-width:220px;font-size:clamp(.9rem,1.6vw,1.25rem);font-weight:400;line-height:1.55;animation:1.2s ease-out .7s both heroFadeIn;position:absolute;top:18%;right:0}.hero__text-left{font-family:var(--font-body);color:#ffffffe0;text-align:left;max-width:240px;font-size:clamp(.9rem,1.6vw,1.25rem);font-weight:400;line-height:1.55;animation:1.2s ease-out .9s both heroFadeIn;position:absolute;bottom:12%;left:0}.hero__tagline{font-family:var(--font-body);color:#ffffffe6;text-align:left;font-size:clamp(.9rem,1.5vw,1.2rem);font-weight:400;line-height:1.5;animation:1.2s ease-out 1.1s both heroFadeIn;position:absolute;bottom:10%;right:0}.hero__scroll{flex-direction:column;align-items:center;gap:.5rem;animation:1.2s ease-out 1.5s both heroFadeIn;display:flex;position:absolute;bottom:2.5rem;left:0;right:0}.hero__scroll-line{background:linear-gradient(#ffffff80,#0000);width:1px;height:32px;animation:2s ease-in-out infinite scrollPulse}.hero__scroll-text{text-transform:uppercase;letter-spacing:.3em;color:#ffffff59;font-size:.6rem}@keyframes heroFadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes figureFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes pulseGlowSoft{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes scrollPulse{0%,to{opacity:.3;transform:scaleY(1)}50%{opacity:.8;transform:scaleY(1.2)}}.stats{padding:6rem 3rem}.stats__inner{grid-template-columns:repeat(3,1fr);gap:3rem;max-width:1440px;margin:0 auto;display:grid}.stats__item{flex-direction:column;gap:.5rem;display:flex}.stats__label{color:var(--color-on-surface-variant);text-transform:uppercase;letter-spacing:.2em;font-size:.75rem}.stats__value{color:#fff;font-size:3.75rem;font-weight:800;line-height:1}.stats__desc{color:var(--color-on-surface-variant);max-width:320px;line-height:1.6}.stats__item:nth-child(2){text-align:center;align-items:center}.stats__item:last-child{text-align:right;align-items:flex-end}.stats__item:last-child .stats__desc{max-width:320px}.stack{padding:8rem 3rem}.stack__inner{max-width:1440px;margin:0 auto}.stack__heading{text-transform:uppercase;letter-spacing:.4em;color:var(--color-on-surface-variant);margin-bottom:4rem;font-size:.875rem}.stack__grid{opacity:.6;grid-template-columns:repeat(6,1fr);place-items:center;gap:2rem;display:grid}.stack__item{cursor:default;flex-direction:column;align-items:center;gap:1rem;transition:opacity .3s;display:flex}.stack__item:hover{opacity:1.67}.stack__icon{color:#fff;font-size:2.5rem}.stack__name{text-transform:uppercase;letter-spacing:.15em;color:var(--color-on-surface-variant);font-size:.75rem}.projects{padding:8rem 3rem}.projects__inner{max-width:1440px;margin:0 auto}.projects__header{flex-direction:column;gap:2rem;margin-bottom:6rem;display:flex}@media (min-width:768px){.projects__header{flex-direction:row;justify-content:space-between;align-items:flex-end}}.projects__title{letter-spacing:-.04em;color:#fff;font-size:clamp(2.5rem,5vw,4.5rem);font-weight:800}.projects__subtitle{color:var(--color-on-surface-variant);max-width:380px;font-size:1.125rem;line-height:1.6}.projects__grid{grid-template-columns:repeat(12,1fr);gap:1.5rem;display:grid}.project-card{background:var(--color-surface-container-low);border-radius:var(--radius-md);transition:transform .3s;overflow:hidden}.project-card:hover{transform:translateY(-4px)}.project-card--large{grid-column:span 8}.project-card--small{grid-column:span 4}.project-card:nth-child(3){order:4}.project-card:nth-child(4){order:3}.project-card__link{text-decoration:none;display:block}.project-card__image-wrap{width:100%;overflow:hidden}.project-card--large .project-card__image-wrap{aspect-ratio:16/9}.project-card--small .project-card__image-wrap{aspect-ratio:4/5}.project-card__image{object-fit:cover;filter:grayscale();opacity:.4;width:100%;height:100%;transition:all .7s}.project-card:hover .project-card__image{opacity:.8;transform:scale(1.05)}.project-card__content{flex-direction:column;gap:1rem;padding:2rem 2.5rem;display:flex}.project-card--large .project-card__content{padding:2.5rem}.project-card__tags{flex-wrap:wrap;gap:.5rem;display:flex}.project-card__tag{background:var(--color-surface-container-highest);text-transform:uppercase;letter-spacing:.1em;color:var(--color-on-surface);border-radius:var(--radius-default);padding:.25rem .75rem;font-size:.625rem;font-weight:700}.project-card__title{color:#fff;letter-spacing:-.02em;font-size:1.5rem;font-weight:700}.project-card--large .project-card__title{font-size:2.5rem}.project-card__desc{color:var(--color-on-surface-variant);font-size:.875rem;line-height:1.6}.project-card--large .project-card__desc{max-width:540px}.projects__cta-wrapper{justify-content:center;margin-top:5rem;display:flex}.projects__cta{color:#fff;letter-spacing:.02em;border:1px solid #ffffff26;border-radius:100px;align-items:center;gap:.75rem;margin-top:3rem;padding:.875rem 1.75rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.projects__cta:hover{background:#ffffff0f;border-color:#ffffff4d}.projects__cta .material-symbols-outlined{font-size:1.1rem;transition:transform .3s}.projects__cta:hover .material-symbols-outlined{transform:translate(4px)}.timeline-preview{padding:8rem 3rem}.timeline-preview__inner{grid-template-columns:1fr 1fr;gap:5rem;max-width:1440px;margin:0 auto;display:grid}.timeline-preview__left{height:fit-content;position:sticky;top:8rem}.timeline-preview__title{letter-spacing:-.04em;color:#fff;font-size:clamp(2rem,4vw,3.5rem);font-weight:800;line-height:1.1}.timeline-preview__right{border-left:1px solid #47474733;flex-direction:column;gap:6rem;margin-left:1rem;padding-left:3rem;display:flex;position:relative}.timeline-preview__item{position:relative}.timeline-preview__node{background:var(--color-primary);width:8px;height:8px;box-shadow:0 0 0 8px var(--color-background);border-radius:50%;position:absolute;top:.5rem;left:calc(-4rem - 4px)}.timeline-preview__period{color:var(--color-on-surface-variant);letter-spacing:.2em;text-transform:uppercase;font-size:.75rem}.timeline-preview__role{color:#fff;letter-spacing:-.01em;margin-top:.5rem;font-size:1.5rem;font-weight:700}.timeline-preview__desc{color:var(--color-on-surface-variant);margin-top:1rem;line-height:1.6}.timeline-preview__cta{color:#fff;letter-spacing:.02em;border:1px solid #ffffff26;border-radius:100px;align-items:center;gap:.75rem;margin-top:1rem;padding:.875rem 1.75rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.timeline-preview__cta:hover{background:#ffffff0f;border-color:#ffffff4d}.timeline-preview__cta .material-symbols-outlined{font-size:1.1rem;transition:transform .3s}.timeline-preview__cta:hover .material-symbols-outlined{transform:translate(4px)}.contact{padding:10rem 3rem}.contact__inner{text-align:center;flex-direction:column;align-items:center;max-width:1440px;margin:0 auto;display:flex}.contact__inner>*{flex-direction:column;align-items:center;width:100%;display:flex}.contact__title{color:#fff;letter-spacing:-.04em;margin-bottom:2rem;font-size:clamp(2.5rem,5vw,5rem);font-weight:800;line-height:1}.contact__desc{color:var(--color-on-surface-variant);max-width:480px;margin-bottom:3rem;margin-left:auto;margin-right:auto;font-size:1.125rem;line-height:1.6}.contact__btn{color:var(--color-on-primary);text-transform:uppercase;letter-spacing:-.02em;border-radius:var(--radius-default);padding:1.25rem 3rem;font-size:1.125rem;font-weight:700;text-decoration:none;transition:opacity .2s;display:inline-block}.contact__btn:hover{opacity:.9}.opacity-0{opacity:0}@media (max-width:1024px){.hero__text-right{max-width:180px;font-size:1rem;right:0}.hero__text-left{max-width:200px;font-size:.95rem;left:0}.hero__tagline{font-size:1rem;right:0}.hero__figure{max-width:55vw}.stats__inner{grid-template-columns:repeat(2,1fr)}.stack__grid{grid-template-columns:repeat(3,1fr)}.project-card--large,.project-card--small{grid-column:span 6}.timeline-preview__inner{grid-template-columns:1fr;gap:3rem}.timeline-preview__left{position:static}}@media (max-width:768px){.hero__container{left:1.5rem;right:1.5rem}.hero__top{padding:5.5rem 0 0}.hero__title{font-size:1.75rem;top:15%}.hero__date{gap:2rem;font-size:.85rem}.hero__figure{max-width:70vw;max-height:55vh}.hero__text-right{max-width:160px;font-size:.85rem;top:15%;right:0}.hero__text-left{max-width:170px;font-size:.8rem;bottom:14%;left:0}.hero__tagline{font-size:.85rem;bottom:12%;right:0}.hero__scroll{bottom:1.5rem}.stats{padding:3rem 1.5rem}.stats__inner{grid-template-columns:1fr}.stats__value{font-size:2.5rem}.stack{padding:4rem 1.5rem}.stack__grid{grid-template-columns:repeat(3,1fr);gap:1.5rem}.projects{padding:4rem 1.5rem}.projects__grid{grid-template-columns:1fr}.project-card--large,.project-card--small{grid-column:span 1}.project-card--small .project-card__image-wrap{aspect-ratio:16/9}.timeline-preview{padding:4rem 1.5rem}.contact{padding:5rem 1.5rem}}@media (max-width:480px){.hero__container{left:1.25rem;right:1.25rem}.hero__top{flex-direction:column;gap:.75rem;padding:5rem 0 0}.hero__title{font-size:1.5rem;top:15%}.hero__date{gap:1.5rem;font-size:.75rem}.hero__figure{max-width:80vw;max-height:50vh}.hero__text-right{max-width:130px;font-size:.75rem;top:15%;right:0}.hero__text-left{max-width:140px;font-size:.7rem;bottom:16%;left:0}.hero__tagline{font-size:.75rem;bottom:14%;right:0}}