@import"https://fonts.loli.net/css2?family=Archivo:wght@400;500;600&display=swap";@import"https://fonts.loli.net/css2?family=Barlow+Condensed:ital,wght@0,100..900;1,100..900&display=swap";@import"https://fonts.loli.net/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";@import"https://fonts.loli.net/css2?family=Gasoek+One&family=Host+Grotesk:ital,wght@0,300..800;1,300..800&family=Nanum+Pen+Script&display=swap";@import"https://fonts.loli.net/css2?family=Instrument+Sans:ital,wght@0,400..700;1,400..700&family=Instrument+Serif:ital@0;1&display=swap";@import"https://fonts.loli.net/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=DM+Serif+Display:ital@0;1&family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=swap";@import"https://fonts.loli.net/css2?family=DM+Mono:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=DM+Serif+Display:ital@0;1&family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&family=Manrope:wght@200..800&display=swap";.page-intro a,.page-intro p{text-decoration:none;text-transform:uppercase;font-family:DM Mono,monospace;font-size:.9rem;font-weight:500;line-height:1.25;color:#000}.page-intro .page-one{position:fixed;top:0;left:0;width:100%;height:100svh;overflow:hidden;background-color:var(--light);z-index:1;will-change:transform}.page-intro .hero{position:relative;width:100%;height:100svh;overflow:hidden}.page-intro .hero-overlay{position:absolute;width:100%;height:100svh;background-color:var(--dark);clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%);will-change:clip-path;z-index:0}.page-intro .hero-overlay .counter{position:absolute;right:2rem;bottom:2rem;color:var(--light)}.page-intro .hero-overlay .counter h1{font-size:4rem;font-weight:500}.page-intro .overlay-text-container{position:absolute;top:2rem;left:2rem;height:2rem;overflow:hidden}.page-intro .overlay-text-container .overlay-text{display:flex;flex-direction:column;transform:translateY(2rem);will-change:transform}.page-intro .overlay-text-container .overlay-text p{color:var(--light);height:2rem;display:flex;align-items:center}.page-intro .hero-images{position:absolute;top:50%;transform:translateY(-50%);width:100%;padding:0 2rem;display:flex;justify-content:center;gap:10vw;will-change:gap}.page-intro .hero-header{position:absolute;bottom:2rem;width:100%;z-index:-1}.page-intro .hero-header h1{text-transform:uppercase;text-align:center;font-size:15vw;font-weight:500;line-height:.85}.page-intro .hero-header h1 .word{transform:translateY(100%);will-change:transform}.page-intro .hero-images .img{width:20vw;transform:translateY(100%);opacity:0;clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%);will-change:transform,opacity,clip-path}.page-intro .container{position:relative;width:100%;height:700vh}.page-intro .word-page{position:fixed;top:0;left:0;width:100%;height:100svh;overflow:hidden;background-color:var(--dark);z-index:2;will-change:transform}.page-intro .word-page p{text-transform:none;font-family:Manrope,sans-serif;color:var(--light)}.page-intro .about-copy{position:absolute;left:0;top:50%;transform:translateY(-50%);width:100%;padding:2rem;display:flex;gap:4rem}.page-intro .copy-block{flex:1}.page-intro .copy-block p{font-size:1.75rem;font-weight:450;letter-spacing:-.025rem;line-height:1.2}.page-intro .copy-block p .word{will-change:transform}.page-intro .scroll-indicator{position:absolute;width:10rem;height:.1rem;top:2.4rem;left:50%;transform:translate(-50%);background-color:#2f2f2f}.page-intro .scroll-indicator:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff;transform-origin:left;transform:scaleX(var(--progress, 0));will-change:transform}.page-intro .marquee{position:absolute;left:0;bottom:2rem;width:100%;height:7.5rem;overflow:hidden;display:flex;align-items:center}.page-intro .marquee-track{display:flex;gap:.75rem;will-change:transform}.page-intro .marquee-item{width:10rem;height:6rem;border-radius:.25rem;overflow:hidden}@media (max-width: 1000px){.page-intro .hero-overlay .counter{right:1rem;bottom:1rem}.page-intro .hero-images{padding:0 .5rem;gap:2.5vw}.page-intro .about-copy{top:20rem;flex-direction:column}.page-intro .copy-block p{font-size:1.25rem}}.page-cards h1{font-size:1.5rem;font-weight:500}.page-cards p{font-size:1.1rem;font-weight:500}.page-cards span{text-transform:uppercase;font-family:DM Mono;font-size:.75rem;font-weight:500}.page-cards section{position:relative;width:100vw;height:100svh;padding:2rem;overflow:hidden}.page-cards .hero{background-color:#fff;color:#000}.page-cards .about,.page-cards .outro{display:flex;justify-content:center;align-items:center;background-color:#000;color:#f9f4eb}.page-cards .about{height:auto;min-height:100svh;flex-direction:column;justify-content:flex-start;align-items:stretch;padding:40px 4rem}.page-cards .about-panel{flex:1;width:100%;display:flex;flex-direction:column;gap:2.5rem;margin-top:5rem}.page-cards .about-title{font-size:1.6rem;font-weight:500;color:#fff;text-align:left}.page-cards .about-columns{flex:1;width:100%;display:flex;align-items:stretch;gap:2.5rem}.page-cards .about-col{flex:1 1 0;min-width:0;padding-right:2.5rem;border-right:1px solid #fff}.page-cards .about-col:last-child{padding-right:0;border-right:none}.page-cards .col-title{font-size:1.05rem;font-weight:500;color:#fff;letter-spacing:.04em;margin-bottom:1rem}.page-cards .col-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.55rem}.page-cards .col-item{font-size:.95rem;font-weight:400;line-height:1.45;color:#fff}@media (max-width: 1000px){.page-cards .about{padding:4rem 2rem}.page-cards .about-columns{flex-direction:column;gap:2rem}.page-cards .about-col{padding-right:0;padding-bottom:2rem;border-right:none;position:relative}.page-cards .about-col:not(:last-child):after{content:"";position:absolute;left:0;bottom:0;width:50%;height:1px;background:#fff}.page-cards .about-col:last-child{padding-bottom:0}}.page-cards .outro{height:auto;min-height:100svh;flex-direction:column;justify-content:flex-start;align-items:stretch;padding:40px 4rem}.page-cards .outro-panel{flex:1;width:100%;display:flex;flex-direction:column;gap:3rem;margin-top:5rem}.page-cards .outro-title{font-size:2rem;font-weight:500;color:#fff;text-align:left}.page-cards .outro-sections{flex:1;width:100%;display:flex;align-items:stretch;gap:3rem}.page-cards .outro-item{flex:1 1 0;min-width:0}.page-cards .outro-item-title{font-size:1.3rem;font-weight:500;line-height:1.5;color:#fff;margin-bottom:1.25rem}.page-cards .outro-item-text{font-size:1.1rem;font-weight:400;line-height:1.9;color:#fff;margin:0 0 1rem}@media (max-width: 1000px){.page-cards .outro{padding:4rem 2rem}.page-cards .outro-sections{flex-direction:column;gap:2rem}}.page-cards .hero-cards{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:35%;display:flex;justify-content:center;gap:1rem}.page-cards .hero-cards .card{flex:1;position:relative;aspect-ratio:5/7;padding:.75rem;border-radius:.5rem;display:flex;flex-direction:column;justify-content:space-between}.page-cards .card-title{width:100%;display:flex;justify-content:space-between}.page-cards .hero-cards .card span{font-size:.7rem}.page-cards .hero-cards .card#hero-card-1{background-color:#6e44ff;transform-origin:top right;z-index:2}.page-cards .hero-cards .card#hero-card-2{background-color:#ffd2f3;z-index:1}.page-cards .hero-cards .card#hero-card-3{background-color:#fcdca6;transform-origin:top left;z-index:0}.page-cards .services{padding:8rem 2rem}.page-cards .services-header{position:relative;width:100%;text-align:center;transform:translateY(400%);will-change:transform}.page-cards .cards{position:fixed;top:0;left:0;width:100vw;height:100svh;display:flex;justify-content:center;z-index:-1;background-color:#f9f4eb}.page-cards .cards-container{position:relative;width:75%;height:100%;display:flex;justify-content:center;align-items:center;gap:4rem}.page-cards .cards-container .card{flex:1;position:relative;aspect-ratio:5/7;perspective:1000px}.page-cards .cards-container .card .card-wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;animation:floating 2s infinite ease-in-out}@keyframes floating{0%{transform:translate(-50%,-50%)}50%{transform:translate(-50%,-55%)}to{transform:translate(-50%,-50%)}}.page-cards #card-1 .card-wrapper{animation-delay:0}.page-cards #card-2 .card-wrapper{animation-delay:.25s}.page-cards #card-3 .card-wrapper{animation-delay:.5s}.page-cards .flip-card-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d}.page-cards .flip-card-front,.page-cards .flip-card-back{position:absolute;width:100%;height:100%;border-radius:1rem;backface-visibility:hidden;overflow:hidden}.page-cards .flip-card-front{padding:1rem;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.page-cards #card-1 .flip-card-front{background-color:#e5d9f6}.page-cards #card-2 .flip-card-front{background-color:#ffd2f3}.page-cards #card-3 .flip-card-front{background-color:#fcdca6}.page-cards .flip-card-back{padding:1rem;display:flex;flex-direction:column;justify-content:space-between;gap:2rem;background-color:#fff;transform:rotateY(180deg)}.page-cards .card-copy{width:100%;height:100%;display:flex;flex-direction:column;gap:.5rem}.page-cards .card-copy p{flex:1;display:flex;justify-content:center;align-items:center;font-size:1rem;background-color:#f0ece5;border-radius:.25rem}.page-cards #card-1{transform:translate(100%) translateY(-100%) rotate(-5deg) scale(.25);z-index:2}.page-cards #card-2{transform:translate(0) translateY(-100%) rotate(0) scale(.25);z-index:1}.page-cards #card-3{transform:translate(-100%) translateY(-100%) rotate(5deg) scale(.25);z-index:0}.page-cards .cards-container .card{opacity:0}.page-gallery{--text-color: #1a1a1a}.page-gallery .nav-show{background:none;border:none;padding:0;cursor:pointer;overflow:hidden;white-space:nowrap;text-decoration:none;text-transform:uppercase;font-family:DM Mono,monospace;font-size:.9rem;font-weight:500;line-height:1.25;color:#fff}.page-gallery .hero{position:relative;width:100%;height:100svh;display:flex;flex-direction:column;justify-content:center;align-items:center}.page-gallery .hero-img{width:64vw;height:64svh}.page-gallery .hero-img img{width:100%;height:100%;object-fit:cover;display:block}.page-gallery .hero-title{width:64vw;margin-top:.5rem;text-align:center}.page-gallery .hero-title h1{font-family:DM Sans,sans-serif;font-size:1.4rem;font-weight:700;line-height:1.4;color:#000}.page-gallery .menu{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:.25rem;padding:8rem 2rem;color:var(--text-color);z-index:10;pointer-events:none}.page-gallery .menu.is-menu-open{pointer-events:auto}.page-gallery .menu-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffffe6;z-index:-1;opacity:0;overflow:hidden}.page-gallery .menu-item{position:relative;padding-left:2.5rem;text-decoration:none;font-family:"DM Serif Display";font-size:5.5vw;letter-spacing:-1%;line-height:1.25;display:inline-flex;align-items:center;white-space:nowrap;color:inherit;cursor:pointer}.page-gallery .item-index{position:absolute;top:.5rem;left:0;font-family:JetBrains Mono,monospace;font-size:.75rem;font-weight:500;line-height:1}.page-gallery .menu-item.sans{font-family:DM Sans;font-weight:600}.page-gallery .item-divider{width:2px;height:100%;margin:0 1.25rem;background:var(--text-color);transform:rotate(20deg) scaleY(0);transform-origin:center center;will-change:transform}.page-gallery .item-body{display:inline-block;white-space:nowrap;will-change:clip-path}@media (max-width: 1000px){.page-gallery .menu-item{font-size:2.5rem}.page-gallery .item-divider{margin:0 1rem}}.page-parallax{--slider-moving: 0;position:relative;width:100%;height:100svh;overflow:hidden;background-color:#0f0f0f;color:#fff;font-family:DM Mono,monospace;-webkit-user-select:none;user-select:none}.page-parallax .slider{position:relative;width:100vw;height:100svh;overflow:hidden;-webkit-user-select:none;user-select:none}.page-parallax .slide-track{position:absolute;width:100%;height:100%;display:flex}.page-parallax .slide{flex-shrink:0;width:500px;height:700px;margin:0 20px;position:relative;top:50%;transform:translateY(-50%);overflow:visible;display:flex;flex-direction:column;cursor:pointer}.page-parallax .slide-image{width:100%;height:100%;overflow:hidden;flex:1}.page-parallax .slide-image img{width:100%;height:100%;object-fit:contain;will-change:object-position;-webkit-user-select:none;user-select:none}.page-parallax .slide-overlay{position:absolute;bottom:-1.75rem;left:0;right:0;display:flex;justify-content:space-between;align-items:center;pointer-events:none;z-index:10;transition:opacity .3s ease;opacity:0}.page-parallax .slide:hover .slide-overlay{opacity:calc(1 - var(--slider-moving, 1))}.page-parallax .project-title{font-weight:500;font-size:.8rem}.page-parallax .project-arrow{width:16px;height:16px}.page-parallax .project-arrow svg{stroke:#fff;stroke-width:2}.page-parallax .slide--intro .slide-image img{transition:transform .5s cubic-bezier(.22,1,.36,1)}.page-parallax .slide--intro:hover .slide-image img{transform:scale(1.5)}.page-parallax footer{position:absolute;bottom:0;width:100vw;padding:1.5rem;display:flex;justify-content:space-between;align-items:center;z-index:2}.page-parallax footer p{color:#fff;text-transform:uppercase;font-size:.8rem;font-weight:500}.page-introduction{--intro-light: #edf1e8;--intro-dark: #101010;position:relative;width:100%;min-height:100vh;background-color:var(--intro-light);font-family:Archivo,Helvetica Neue,Arial,sans-serif;color:var(--intro-dark)}.page-introduction img{width:100%;height:100%;object-fit:cover}.page-introduction .intro-container{position:relative;width:100%;height:100%;background-color:var(--intro-light)}.page-introduction .hero,.page-introduction .outro{position:relative;width:100%;height:100svh;padding:2rem;align-content:center;text-align:center}.page-introduction .hero h1,.page-introduction .outro h1{width:75%;margin:0 auto;font-size:4rem;font-weight:500;letter-spacing:-.075rem;line-height:1.125}.page-introduction .hero{height:auto;min-height:100svh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem}.page-introduction .hero-copy{display:flex;flex-direction:column;align-items:center;gap:1.5rem;width:75%;max-width:62ch}.page-introduction .hero h1{width:100%;font-size:2.75rem;letter-spacing:-.05rem;line-height:1.1}.page-introduction .hero p{font-size:1.125rem;line-height:1.75;letter-spacing:0;opacity:.85}.page-introduction .outro{background-color:var(--intro-dark);color:var(--intro-light);display:flex;justify-content:center;align-items:center}.page-introduction .outro h1{width:100%;font-size:clamp(4rem,13vw,11rem)}.page-introduction .marquee{position:relative;width:100%;height:50svh;overflow:hidden}.page-introduction .marquee-wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-5deg);width:150%;height:100%}.page-introduction .marquee-images{position:absolute;top:50%;left:50%;transform:translate(-75%,-50%);width:200%;height:100%;display:flex;justify-content:space-between;align-items:center;gap:1rem;will-change:transform}.page-introduction .marquee-img{flex:1;width:100%;aspect-ratio:5/3}.page-introduction .horizontal-scroll{position:relative;width:100%;height:100svh;overflow:hidden}.page-introduction .horizontal-scroll-wrapper{position:relative;width:1100%;height:100svh;display:flex;will-change:transform}.page-introduction .horizontal-slide{flex:1;height:100%;display:flex;gap:2rem;padding:2rem}.page-introduction .horizontal-slide:not(.horizontal-spacer){background-color:var(--intro-dark);color:var(--intro-light)}.page-introduction .horizontal-slide .col:nth-child(1){flex:3}.page-introduction .horizontal-slide .col:nth-child(2){flex:2}.page-introduction .horizontal-scroll .col{display:flex;justify-content:center;align-items:center}.page-introduction .horizontal-slide .col h3,.page-introduction .horizontal-slide .col img{width:75%}.page-introduction .horizontal-slide .col h3{font-size:2.25rem;font-weight:500;letter-spacing:-.025rem;line-height:1.125}.page-introduction .horizontal-slide .col img{height:75%;object-fit:contain}@media (max-width: 1000px){.page-introduction .hero h1,.page-introduction .outro h1{font-size:2.25rem;letter-spacing:-.05rem;width:100%}.page-introduction .outro h1{font-size:clamp(3rem,16vw,5rem)}.page-introduction .hero-copy{width:100%;gap:1.25rem}.page-introduction .hero p{font-size:1rem}.page-introduction .horizontal-slide .col h3{font-size:1.5rem}.page-introduction .marquee{width:300%}.page-introduction .horizontal-slide{padding:4rem;flex-direction:column-reverse;gap:2rem}.page-introduction .horizontal-slide .col:nth-child(1){align-items:flex-start}.page-introduction .horizontal-slide .col h3{width:100%}.page-introduction .horizontal-slide .col img{width:100%;height:100%}}.page-portfolio{--base-100: #edf1e8;--base-200: #d7dbd2;--base-300: #141414;font-family:Barlow Condensed,sans-serif;background-color:var(--base-100);color:var(--base-300)}.page-portfolio img{width:100%;height:100%;object-fit:cover}.page-portfolio section{position:relative;width:100%;height:100svh;padding:1.5rem;display:flex;justify-content:center;align-items:center;overflow:hidden}.page-portfolio .hero{flex-direction:column}.page-portfolio .hero-title{font-size:clamp(3rem,9vw,8rem);font-weight:800;color:#000;text-align:center;text-transform:uppercase;line-height:.9}.page-portfolio .scroll-hint{position:absolute;bottom:2.5rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.6rem;color:#000;font-size:.8rem;letter-spacing:.25em}.page-portfolio .scroll-arrow{width:1.5rem;height:1.5rem;animation:scroll-bounce 1.6s ease-in-out infinite}@keyframes scroll-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(.5rem)}}.page-portfolio .about{background-color:var(--base-200);color:var(--base-300)}.page-portfolio .about h1{width:50%;text-align:center;text-transform:uppercase;font-size:clamp(5rem,6vw,7rem);font-weight:800;line-height:.85;cursor:pointer}.page-portfolio .lottie-container{position:fixed;top:0;left:0;width:100%;height:100svh;padding:1.5rem;display:flex;justify-content:flex-end;align-items:flex-start;z-index:1;pointer-events:none}.page-portfolio .lottie-container .lottie{width:min(23vw,43vh);height:min(23vw,43vh)}.page-portfolio .lottie-container .hero-img{width:min(42%,78vh);aspect-ratio:7/3;border-radius:.75rem;transform-origin:top right;will-change:transform;overflow:hidden}.page-portfolio .lottie-container-left{position:fixed;top:0;left:0;width:100%;height:100svh;padding:1.5rem;display:flex;justify-content:flex-start;align-items:flex-start;z-index:1;pointer-events:none}.page-portfolio .lottie-container-left .lottie-left{width:min(23vw,43vh);height:min(23vw,43vh)}.page-portfolio .lottie-container-left .hero-img-left{width:min(42%,78vh);aspect-ratio:7/3;border-radius:.75rem;transform-origin:top left;will-change:transform;overflow:hidden}.page-portfolio .gallery-page{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;background:#000;display:flex;flex-direction:column;gap:1rem;padding:1.5rem;transform:translateY(100%);pointer-events:none}.page-portfolio .gallery-row{flex:1;display:flex;min-height:0}.page-portfolio .gallery-left{width:20%;display:flex;justify-content:center;align-items:center}.page-portfolio .gallery-right{width:80%;position:relative;display:flex;align-items:center}.page-portfolio .gallery-page .card{aspect-ratio:9/16;border:1px solid rgba(255,255,255,.9);border-radius:.5rem;background:#111;box-shadow:0 0 0 .5px #ffffff59;backface-visibility:hidden;overflow:hidden}.page-portfolio .gallery-page .card img{width:100%;height:100%;object-fit:cover;display:block}.page-portfolio .gallery-page .card-left{height:28.8vh;flex-shrink:0;position:relative;z-index:2;cursor:pointer}.page-portfolio .gallery-page .card-right{height:24vh;position:absolute;cursor:pointer;transition:filter .3s ease;will-change:transform}.page-portfolio .gallery-page .card-right.is-active{filter:brightness(1.6)}.page-portfolio .gallery-page .card-right.is-dim{filter:grayscale(1)}.page-portfolio .back-to-top{position:fixed;top:7rem;right:2rem;z-index:1000;display:flex;flex-direction:column;align-items:center;gap:.6rem;padding:.7rem .55rem;background:none;border:none;cursor:pointer;mix-blend-mode:difference;color:#fff;font-family:DM Mono,monospace;font-size:.75rem;letter-spacing:.1em;transform:translate(6rem);opacity:0;pointer-events:none;transition:transform .6s cubic-bezier(.22,1,.36,1),opacity .6s ease}.page-portfolio .back-to-top svg{width:1.1rem;height:1.1rem;display:block}.page-portfolio .back-to-top span{writing-mode:vertical-rl;letter-spacing:.2em}.page-portfolio .back-to-top.is-visible{transform:translate(0);opacity:1;pointer-events:auto}@media (max-width: 1000px){.page-portfolio .about h1{width:100%}.page-portfolio .lottie-container .lottie{width:4rem;height:4rem;transform:translate(1rem)}.page-portfolio .lottie-container .hero-img{width:100%}.page-portfolio .lottie-container-left .lottie-left{width:4rem;height:4rem;transform:translate(-1rem)}.page-portfolio .lottie-container-left .hero-img-left{width:100%}.page-portfolio .gallery-page .card-left{height:13.2vh}.page-portfolio .gallery-page .card-right{height:8.8vh}}.page-retrospective{position:relative;width:100%;height:100vh;font-family:Inter,sans-serif;background-color:#000}.page-retrospective img{width:100%;height:100%;object-fit:cover;display:block}.page-retrospective .slider{position:fixed;top:0;left:0;width:100%;height:100vh;display:flex;overflow:hidden;isolation:isolate}.page-retrospective .colum{flex:1;position:relative;height:100%;overflow:hidden}.page-retrospective .slide{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.page-retrospective .slider img{position:absolute;top:0;width:100vw;height:100%;will-change:transform}.page-retrospective .left .slide img{left:0}.page-retrospective .right .slide img{right:0}.page-retrospective .slider .overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;pointer-events:none}.page-retrospective .copy{position:absolute;top:0;width:100vw;height:100%;color:#fff;pointer-events:none;will-change:transform}.page-retrospective .left .copy{left:0}.page-retrospective .right .copy{right:0}.page-retrospective .slide-title{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-transform:uppercase;font-size:clamp(2.5rem,10vw,15rem);font-weight:700;letter-spacing:-2%;line-height:1}.page-retrospective .slide-tags{position:absolute;top:32.5%;left:50%;transform:translate(-50%);text-align:center;text-transform:uppercase;font-size:1.25rem;font-weight:500;letter-spacing:-1%;line-height:1}.page-retrospective .slide-link{position:absolute;top:62.5%;left:50%;transform:translate(-50%);text-decoration:none;text-transform:uppercase;font-size:1.25rem;font-weight:500;letter-spacing:-1%;line-height:1;color:inherit;pointer-events:auto;cursor:pointer}.page-landscape{color:#000}.page-landscape h1,.page-landscape h3{font-family:Gasoek One;font-weight:lighter;letter-spacing:-1%;line-height:1}.page-landscape h1{font-size:clamp(2rem,8vw,12rem)}.page-landscape h3{font-size:clamp(1.5rem,6vw,10rem)}.page-landscape p{font-family:Host Grotesk;font-size:1.25rem;font-weight:500}.page-landscape section{position:relative;width:100%;min-height:100svh;padding:2rem;overflow:hidden}.page-landscape .intro,.page-landscape .outro{display:flex;justify-content:center;align-items:center;padding:1rem}.page-landscape .spotlight-container{position:relative;width:100%;height:100%;padding:10rem 2rem;border-radius:4rem;background-color:#0f0f0f;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:2rem;overflow:hidden}.page-landscape .spotlight-stage{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2}.page-landscape .spotlight-list{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;align-items:center}.page-landscape .spotlight-item{position:relative;width:100%;display:flex;justify-content:center;align-items:center;will-change:height}.page-landscape .spotlight-item .label{position:relative;display:grid;place-items:center}.page-landscape .spotlight-item .label h3{grid-area:1 / 1;will-change:transform,opacity,filter}.page-landscape .spotlight-item .label .label-alt{font-family:Nanum Pen Script;font-size:clamp(2rem,8vw,12rem);line-height:.65;transform:translateY(15%);letter-spacing:-4%;opacity:0}.page-landscape .card{position:absolute;width:clamp(160px,32vw,438px);height:auto;aspect-ratio:16 / 9;border:.25rem solid #fff;border-radius:1rem;object-fit:cover;transform:scale(0);will-change:transform}.page-landscape .card-1{top:28%;left:24%}.page-landscape .card-2{top:24%;right:24%}.page-landscape .card-3{bottom:28%;left:26%}.page-landscape .card-4{bottom:24%;right:26%}.page-contact{--base-100: #ebf5df;--base-200: #fec81d;--base-300: #0f0f0f}.page-contact h1,.page-contact h2{text-transform:uppercase;font-family:"Instrument Serif",serif;font-weight:500;line-height:.9}.page-contact h1{font-size:clamp(4rem,7.5vw,10rem)}.page-contact h2{font-size:clamp(2.5rem,4.5vw,5rem)}.page-contact p{font-family:Instrument Sans,sans-serif;font-size:1.125rem;font-weight:400}.page-contact .hero{position:relative;width:100%;height:175svh;color:var(--base-200);overflow:hidden}.page-contact .hero-img{position:absolute;width:100%;height:100%}.page-contact .hero-img img{width:100%;height:100%;object-fit:cover}.page-contact .hero-header{position:absolute;width:100%;height:100svh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;text-align:center}.page-contact .hero-header p{width:75%}.page-contact .hero-canvas{position:absolute;bottom:0;width:100%;height:100%;pointer-events:none}.page-contact .hero-content{position:absolute;bottom:0;width:100%;height:125svh;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;text-align:center;gap:5rem;padding:0 6rem 10rem}.page-contact .hero-content h2{color:var(--base-300);font-weight:700;line-height:1.2}.page-contact .career-row{width:100%;display:flex;align-items:stretch;justify-content:center;gap:3rem}.page-contact .career-col{flex:1 1 0;max-width:38%;display:flex;flex-direction:column;align-items:center}.page-contact .career-title{font-family:"Instrument Serif",serif;font-size:clamp(1.75rem,2.5vw,2.25rem);font-weight:700;color:var(--base-300);margin:0 0 1.5rem}.page-contact .career-text{font-family:Instrument Sans,sans-serif;font-size:1.1rem;font-weight:700;line-height:1.9;text-align:left;color:var(--base-300);margin:0}.page-contact .career-or{align-self:center;font-family:"Instrument Serif",serif;font-size:clamp(1.25rem,2vw,1.75rem);font-weight:700;color:var(--base-300)}.page-contact .about{position:relative;width:100%;min-height:100svh;display:flex;justify-content:center;align-items:center;background-color:var(--base-300);color:var(--base-100);padding:6rem 4rem}.page-contact .about-panel{width:100%;max-width:900px;display:flex;flex-direction:column;gap:4rem}.page-contact .contact-block{display:flex;flex-direction:column;align-items:center}.page-contact .contact-title{font-size:2rem;line-height:1.2;text-transform:none;text-align:center;margin-bottom:1.5rem}.page-contact .contact-line{font-family:Instrument Sans,sans-serif;font-size:1.25rem;font-weight:400;line-height:2;text-align:center;margin:0}.page-contact .thanks-block{display:flex;flex-direction:column;align-items:center}.page-contact .thanks-title{font-size:2rem;line-height:1.2;text-transform:none;text-align:center;margin-bottom:2rem}.page-contact .thanks-grid{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;justify-items:center}.page-contact .thanks-box{width:100%;max-width:260px;display:flex;justify-content:center;align-items:center;padding:2.5rem 1.5rem;border:1px solid #fff;border-radius:1rem;color:var(--base-100)}.page-contact .thanks-name{font-family:Instrument Sans,sans-serif;font-size:1.25rem;font-weight:500;margin:0}.page-contact .outro{position:relative;width:100%;height:100svh;overflow:hidden;background-color:var(--base-300)}@media (max-width: 1000px){.page-contact .hero-content{padding:0 2rem 3rem}.page-contact .career-row{flex-direction:column;gap:2.5rem}.page-contact .career-col{max-width:100%}.page-contact .about{padding:4rem 1.5rem}.page-contact .thanks-grid{gap:1rem}}.page-dream{font-family:DM Sans,sans-serif;background:#f4f4f2 center / cover no-repeat fixed;color:#000;isolation:isolate}.page-dream .category-nav{position:relative}.page-dream h1{text-transform:uppercase;font-size:clamp(3rem,5vw,7rem);font-weight:400;line-height:1}.page-dream p{font-size:1.5rem;font-weight:500;line-height:1.25}.page-dream section{position:relative;width:100%;height:100svh;padding:2rem;overflow:hidden}.page-dream .intro,.page-dream .outro{display:flex;justify-content:center;align-items:center;text-align:center}.page-dream .outro-title{position:relative;cursor:pointer;transition:color .3s ease}.page-dream .outro-title:after{content:"";position:absolute;left:0;bottom:-.25rem;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.page-dream .outro-title:hover{color:#555}.page-dream .outro-title:hover:after{transform:scaleX(1)}.page-dream .project-images{position:absolute;top:0;left:50%;transform:translate(-50%);width:35%;padding:50svh 0;display:flex;flex-direction:column;gap:.5rem;z-index:-1}.page-dream .project-img{width:100%;aspect-ratio:16 / 9;opacity:.5;transition:all .3s ease;overflow:hidden}.page-dream .project-year,.page-dream .project-current-name{position:absolute;top:50%;z-index:2;pointer-events:none;height:1.875rem;overflow:hidden}.page-dream .project-year{left:calc(32.5% - 2rem);transform:translate(-100%,-50%);width:6rem}.page-dream .project-current-name{left:calc(67.5% + 2rem);transform:translateY(-50%);width:16rem}.page-dream .project-year p,.page-dream .project-current-name p{position:absolute;top:0;white-space:nowrap}.page-dream .project-year p{right:0}.page-dream .project-current-name p{left:0}.page-dream .project-names{position:absolute;right:2rem;bottom:2rem;text-align:right}.page-dream .project-names p{color:#4a4a4a;transition:color .3s ease}.page-dream .project-index h1,.page-dream .project-images,.page-dream .project-names p{will-change:transform}@media (max-width: 1000px){.page-dream .project-images{width:calc(100% - 4rem);gap:25svh}.page-dream .project-year{left:2rem;transform:translateY(-50%)}.page-dream .project-current-name{left:auto;right:2rem}.page-dream .project-names p{color:#000!important}}.page-placeholder{position:relative;width:100%;height:100vh;background:#000}:root{--light: #fff;--dark: #0f0f0f;--transition-stroke-1: #efd3e7;--transition-stroke-2:#6e44ff }*{margin:0;padding:0;box-sizing:border-box}::-webkit-scrollbar{display:none}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-stopped{overflow:hidden}body{font-family:DM Sans,sans-serif;background-color:var(--light)}img{width:100%;height:100%;object-fit:cover}.navbar{position:fixed;top:0;left:0;width:100%;padding:2rem;display:flex;justify-content:space-between;align-items:center;z-index:100;mix-blend-mode:difference;will-change:transform}.navbar a{text-decoration:none;text-transform:uppercase;font-family:DM Mono,monospace;font-size:.9rem;font-weight:500;line-height:1.25;color:#fff}.navbar .nav-items{display:flex;flex-direction:row;align-items:center;gap:3rem}.navbar .nav-items a.is-current{pointer-events:none;opacity:.4}@media (max-width: 1000px){.navbar{padding:1rem}.navbar .nav-items{gap:1.25rem}}.transition-svg{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(1.5);width:100%;height:100%;pointer-events:none;z-index:1000}.transition-svg svg{width:100%;height:100%}.transition-svg path{stroke-dashoffset:99999;stroke-dasharray:99999}.category-nav{position:fixed;top:0;left:0;width:100%;padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center;z-index:100;mix-blend-mode:difference;transition:transform .45s cubic-bezier(.22,1,.36,1);will-change:transform}.category-nav.is-hidden{transform:translateY(-100%)}.category-nav a{text-decoration:none;text-transform:uppercase;font-family:DM Mono,monospace;font-size:1.125rem;font-weight:500;color:#fff}.category-nav-links{display:flex;flex-direction:row;align-items:center;gap:2rem}.category-nav-links a.is-current{opacity:.4;pointer-events:none}.category-nav-brand{font-size:1.2rem;letter-spacing:.05em}@media (max-width: 1000px){.category-nav{padding:1rem}.category-nav-links{gap:1rem}}