@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,Arial,sans-serif;color:#efefeb;background:#242429;--bg:#242429;--text:#efefeb;--muted:#96969d;--accent:#c4c9fa;scroll-behavior:smooth;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}button,a{touch-action:manipulation}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400;letter-spacing:-.055em}::selection{background:#c4c9fa;color:#242429}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:6px}.skip{position:fixed;top:-80px;left:15px;z-index:100;background:#fff;color:#222;padding:15px}.skip:focus{top:10px}.page-progress{height:2px;position:fixed;top:0;left:0;width:100%;transform:scaleX(0);transform-origin:left;background:var(--accent);z-index:80}header{position:absolute;top:0;left:0;width:100%;z-index:30;padding:28px 4.5%;display:flex;align-items:center;justify-content:space-between}.logo{font-size:27px;letter-spacing:-1.8px;font-weight:600}.logo>span{font-size:9px;vertical-align:top;letter-spacing:0;margin-left:4px}header nav{display:flex;gap:30px;font-size:11px;color:#c8c8cc}header nav a:hover{color:#fff}.particle-layer{position:fixed;inset:0;pointer-events:none;z-index:0;transition:opacity .3s;background:radial-gradient(ellipse at center,#30303700,#24242977)}.particle-layer canvas{width:100%;height:100%;position:absolute;inset:0}.particle-fallback{font-size:clamp(160px,40vw,700px);font-weight:600;color:#ffffff10;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);letter-spacing:-.1em}.particle-layer[data-state=ready] .particle-fallback{display:none}main{position:relative;z-index:1}.hero{min-height:800px;height:100svh;position:relative;padding:140px 4.5% 35px}.edition{font-size:8px;letter-spacing:2px;color:#aaaab2}.hero-name{display:flex;justify-content:space-between;align-items:center;position:absolute;left:4.5%;right:4.5%;top:44%;gap:30px}.hero-name h1{font-size:clamp(32px,3.5vw,57px);line-height:1.08;font-weight:400}.hero-name h1>span{color:var(--accent);font-size:30px;margin-left:6px}.hero-name>p{font-size:15px;line-height:1.55;color:#c8c8cf}.hero-bottom{position:absolute;bottom:65px;left:4.5%;right:4.5%;display:flex;justify-content:space-between;align-items:flex-end;gap:30px;font-size:8px;letter-spacing:1.2px;line-height:1.8;color:#aaaab1}.hero-bottom i{display:inline-block;width:4px;height:4px;background:#c4c9fa;border-radius:50%;margin-right:7px}.hero-bottom a{font-size:10px;letter-spacing:0;color:#eee}.hero-bottom a span{margin-left:30px}.scene-caption{position:absolute;bottom:26px;left:50%;transform:translate(-50%);font-size:7px;letter-spacing:1.5px;color:#71717a;white-space:nowrap}.manifesto{padding:130px 7%;min-height:900px;background:linear-gradient(#24242900,#242429aa 35%,#24242900)}.section-label{font-size:8px;letter-spacing:1.7px;color:#94949d;display:block}.manifesto h2,.statement h2{font-size:clamp(35px,4.7vw,74px);line-height:1.18;max-width:1150px;margin:70px 0}.word-reveal span{transition:opacity .25s}.manifesto-bottom{display:grid;grid-template-columns:1fr 1fr;gap:12%;margin-left:35%;margin-top:80px}.manifesto-bottom p{font-size:12px;color:#b1b1ba;line-height:1.9}.globe-chapter{height:115svh;min-height:700px;position:relative}.globe-label{position:absolute;font-size:17px;letter-spacing:-.5px;left:50%;text-align:center;transform:translate(-50%);white-space:nowrap}.globe-top{top:8%}.globe-bottom{bottom:12%;color:#b9b9c5}.globe-meta{position:absolute;bottom:40px;left:4.5%;right:4.5%;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.5px;color:#92929d}.statement{padding:120px 7%;min-height:900px;background:linear-gradient(#24242900,#24242988 50%,#24242900)}.statement h2{margin-left:14%;max-width:950px}.statement-note{margin-left:40%;margin-top:90px;display:flex;flex-direction:column;gap:25px;font-size:8px;letter-spacing:1px;color:#a0a0aa}.statement-note a{font-size:11px;letter-spacing:0;color:#e5e5ea;border-bottom:1px solid #ffffff35;padding-bottom:15px;width:max-content}.selected{padding:110px 4.5%;background:var(--bg);position:relative}.work-head{margin-bottom:100px;display:grid;grid-template-columns:1fr 1fr;gap:40px}.work-head>.section-label{grid-column:1/-1}.work-head h2{font-size:clamp(42px,5.5vw,86px);line-height:1.1}.work-head h2 span{color:#9999a6}.work-head p{font-size:12px;line-height:1.8;align-self:end;justify-self:end;color:#a8a8b2}.project{display:grid;grid-template-columns:.65fr 1.35fr;gap:7%;padding:90px 0;border-top:1px solid #ffffff20;align-items:center}.project-num{font-size:8px;text-transform:uppercase;letter-spacing:1.2px;color:#9999a6}.project h3{font-size:clamp(34px,4.1vw,63px);margin:24px 0}.project-info p{font-size:12px;line-height:1.9;color:#aaaab3;max-width:300px}.project-link{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff25;padding:15px 0;margin-top:35px;font-size:11px;max-width:300px}.project-link span{font-size:23px;color:#c4c9fa}.project-frame{position:relative;display:block;overflow:hidden;background:#333339;border:1px solid #ffffff15;border-radius:3px;transform:translateY(var(--shift,0px));box-shadow:0 25px 45px #0002}.browser-line{display:flex;justify-content:space-between;padding:13px 17px;font-size:8px;color:#9797a0;letter-spacing:.5px}.browser-line>span:first-child{font-size:5px;letter-spacing:3px}.project-frame img{width:100%;height:auto;aspect-ratio:1265/712;object-fit:cover;display:block;filter:saturate(.7);transition:filter .5s,transform .8s}.project-frame:hover img{filter:saturate(1);transform:scale(1.035)}.image-cta{position:absolute;right:20px;bottom:20px;background:#efefeb;color:#242429;padding:13px 18px;border-radius:30px;font-size:10px;transform:translateY(70px);transition:transform .3s}.project-frame:hover .image-cta,.project-frame:focus-visible .image-cta{transform:none}.work-end{border-top:1px solid #ffffff20;padding-top:30px;display:flex;justify-content:space-between;color:#aaaab2;font-size:10px}.experience{background:var(--bg);padding:90px 7% 130px;display:grid;grid-template-columns:1fr 1fr;gap:12%}.experience h2{font-size:43px;line-height:1.14;margin-top:35px}.experience h2 span{color:#92929f}.experience details{border-top:1px solid #ffffff25}.experience details:last-child{border-bottom:1px solid #ffffff25}summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;padding:24px 0;font-size:17px}summary::-webkit-details-marker{display:none}summary b{font-weight:400;color:#a7a7b4}details[open] summary b{transform:rotate(45deg)}details p{font-size:12px;line-height:1.8;color:#9c9ca7;margin-bottom:25px}details strong{font-weight:400;color:#d3d3db;display:block;margin-bottom:8px}.contact{min-height:900px;padding:100px 4.5% 30px;position:relative;background:linear-gradient(#24242988,#24242922)}.contact h2{font-size:clamp(60px,10vw,160px);line-height:1.02;margin:70px 0 50px;position:relative;max-width:1100px}.contact h2 span{color:#aaaab8}.contact h2 sup{font-size:55px;margin-left:25px;color:#c4c9fa}.copy-email{padding:0 0 15px;border-bottom:1px solid #ffffff40;font-size:clamp(18px,2.6vw,40px);letter-spacing:-.7px}.copy-email span{font-size:20px;margin-left:30px;color:#aaaab5}.copy-status{font-size:10px;color:#9494a1;margin-top:20px}.copy-status a{text-decoration:underline;text-underline-offset:4px}.socials{display:flex;gap:30px;font-size:11px;margin-top:65px}footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #ffffff20;padding-top:25px;margin-top:120px;font-size:8px;color:#91919d}.motion-button{position:fixed;bottom:17px;right:20px;z-index:40;background:#303036e8;border:1px solid #ffffff25;border-radius:30px;padding:11px 15px;font-size:10px;color:#c5c5cc;display:flex;align-items:center;gap:8px}.cursor-dot{position:fixed;top:-3px;left:-3px;width:6px;height:6px;background:#eee;border-radius:50%;box-shadow:0 0 15px #fffa;pointer-events:none;z-index:70}.motion-paused *{animation-play-state:paused!important}.motion-paused .project-frame{transform:none}.motion-paused .word-reveal span{opacity:1!important}@media(max-width:760px){header{padding:25px 6%}.logo{font-size:24px}header nav{gap:18px;font-size:10px}.hero{min-height:760px;padding:115px 6% 30px}.edition{font-size:7px}.hero-name{left:6%;right:6%;top:23%;display:block}.hero-name h1{font-size:39px;line-height:1.1}.hero-name>p{font-size:12px;margin-top:23px;line-height:1.6}.hero-bottom{left:6%;right:6%;bottom:65px;font-size:6px;gap:20px}.hero-bottom a{font-size:9px;max-width:110px}.hero-bottom a span{margin-left:6px}.scene-caption{font-size:5px;letter-spacing:1px;bottom:30px}.manifesto{padding:75px 6%;min-height:0}.section-label{font-size:7px}.manifesto h2,.statement h2{font-size:34px;line-height:1.2;margin:40px 0}.manifesto-bottom{grid-template-columns:1fr;margin:45px 0 0;gap:25px}.manifesto-bottom p{font-size:12px}.globe-chapter{height:90svh;min-height:600px}.globe-label{font-size:13px}.globe-top{top:14%}.globe-bottom{bottom:18%;max-width:280px;white-space:normal;line-height:1.6}.globe-meta{font-size:6px;left:6%;right:6%;letter-spacing:.7px}.statement{padding:70px 6%;min-height:650px}.statement h2{margin-left:0}.statement-note{margin:55px 0 0;font-size:7px}.selected{padding:75px 6%}.work-head{grid-template-columns:1fr;gap:28px;margin-bottom:45px}.work-head h2{font-size:45px}.work-head p{justify-self:start;font-size:11px}.project{grid-template-columns:1fr;gap:35px;padding:45px 0}.project h3{font-size:37px;margin:20px 0}.project-info p{max-width:none}.project-link{margin-top:20px;max-width:none;font-size:10px}.project-num{font-size:7px}.browser-line{padding:10px;font-size:7px}.image-cta{display:none}.work-end{flex-direction:column;gap:20px;font-size:10px}.experience{padding:30px 6% 75px;grid-template-columns:1fr;gap:40px}.experience h2{font-size:37px}.experience summary{font-size:17px}.contact{padding:75px 6% 35px;min-height:750px}.contact h2{font-size:57px;margin:55px 0 40px}.contact h2 sup{font-size:30px;margin-left:10px}.copy-email{font-size:clamp(15px,4.6vw,23px)}.copy-email span{margin-left:10px;font-size:16px}.socials{font-size:10px;gap:25px;margin-top:55px}footer{margin-top:100px;flex-wrap:wrap;font-size:7px;line-height:1.7}footer a{width:100%}.motion-button{font-size:9px;right:12px;bottom:12px}.cursor-dot{display:none}}@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.word-reveal span{opacity:1!important}.project-frame{transform:none!important}}@media(max-width:760px){.hero{min-height:900px}.hero-name{top:18%}.hero-name h1{font-size:34px}.hero-name>p{font-size:11px;line-height:1.5;margin-top:17px}.hero .hero-bottom{bottom:70px}}.globe-chapter{height:120svh}.globe-top{top:10%;transform:translate(-50%) rotate(-18deg)}.globe-bottom{bottom:12%;transform:translate(-50%) rotate(18deg)}.map-chapter{height:115svh;min-height:650px;position:relative}.map-label{position:absolute;top:22%;left:58%;font-size:16px}.map-caption{position:absolute;bottom:14%;left:7%;font-size:8px;letter-spacing:1.6px;color:#9999a8}.statement{min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding-top:70px;padding-bottom:70px;background:transparent}.statement h2{font-size:clamp(24px,3vw,43px);max-width:590px;margin-left:auto;margin-top:40px;margin-bottom:30px}.statement-note{margin:25px 0 0 auto;width:45%;font-size:7px}.selected{height:440svh;padding:0;background:transparent;overflow:clip}.gallery-sticky{height:100svh;min-height:620px;position:sticky;top:0;overflow:hidden;padding:50px 0 25px;display:flex;flex-direction:column;justify-content:center}.work-head{display:block;margin:0 4.5% 35px}.work-head h2{font-size:14px;letter-spacing:0;margin-top:12px}.work-head h2 br,.work-head p{display:none}.work-head h2 span{color:#ccc}.gallery-track{display:flex;gap:7vw;padding-left:10vw;width:max-content;will-change:transform}.gallery-track .project{display:flex;flex-direction:column-reverse;align-items:stretch;padding:0;border:0;width:65vw;max-width:1080px;gap:20px}.gallery-track .project-frame{transform:none!important;border:1px solid #ffffff35;box-shadow:0 30px 50px #0003}.gallery-track .project-frame img{height:48svh;min-height:260px;max-height:540px;object-fit:cover;object-position:top}.gallery-track .project-info{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px}.gallery-track .project-num{grid-column:1/-1;font-size:7px}.gallery-track .project h3{font-size:20px;margin:0;letter-spacing:-.5px}.gallery-track .project-info p{display:none}.gallery-track .project-link{margin:0;padding:5px 0;border:0;font-size:9px;gap:30px}.gallery-track .browser-line{padding:9px 15px}.gallery-sticky .work-end{margin:35px 4.5% 0;padding:0;border:0;font-size:9px}.vortex-chapter{height:115svh;min-height:650px;display:flex;align-items:center;padding:7%;position:relative}.vortex-chapter p{font-size:15px;line-height:1.6;max-width:220px}.experience{background:#242429d9}.contact{min-height:110svh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding-top:50px;background:transparent}.contact>.section-label{margin-bottom:20px}.contact h2{font-size:28px;letter-spacing:-.7px;margin:0 0 35px;text-align:center}.contact h2 br{display:none}.contact h2 sup{font-size:20px;margin-left:10px}.contact .copy-email{font-size:clamp(18px,3vw,45px);border:0;letter-spacing:-1px}.contact .copy-status{margin-top:12px}.contact .socials{margin-top:25px}.contact footer{position:absolute;bottom:30px;left:4.5%;right:4.5%;margin:0}.contact>.section-label,.contact h2,.contact .copy-email,.contact .copy-status,.contact .socials{position:relative;z-index:2}.motion-paused .gallery-track{will-change:auto}@media(max-width:760px){.map-label{left:40%;top:27%;font-size:12px}.map-caption{font-size:7px}.statement h2{font-size:29px;margin-left:0}.statement-note{width:100%}.gallery-sticky{min-height:580px;padding-top:30px}.gallery-track .project{width:85vw;gap:20px}.gallery-track{padding-left:7.5vw;gap:9vw}.gallery-track .project-frame img{height:auto;min-height:0;aspect-ratio:1.4;object-fit:cover}.gallery-track .project-info{display:block}.gallery-track .project-num{display:block;margin-bottom:10px}.gallery-track .project h3{font-size:23px}.gallery-track .project-link{margin-top:6px;font-size:10px;max-width:none}.gallery-sticky .work-head{margin-bottom:40px}.gallery-sticky .work-end{font-size:8px;gap:10px}.vortex-chapter p{font-size:12px;max-width:140px;align-self:flex-start;margin-top:90px}.contact h2{font-size:23px}.contact>.section-label{font-size:6px}.contact .copy-email{font-size:clamp(14px,4.5vw,24px)}.contact footer{font-size:6px}.contact .socials{font-size:9px}.globe-label{font-size:12px}}@media(prefers-reduced-motion:reduce){.gallery-track{will-change:auto}}
