:root{--blue:#1765ed;--ink:#18212e;--muted:#707986;--line:#e5e9ef;--pale:#f3f7fc}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:white;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}header{height:88px;max-width:1440px;padding:0 5.6%;margin:auto;display:flex;align-items:center;justify-content:space-between;background:#ffffffed;position:sticky;top:0;z-index:5;backdrop-filter:blur(20px);border-bottom:1px solid #edf0f4}.brand{display:flex;align-items:center;gap:8px;font-size:23px;font-weight:650;letter-spacing:-1px}.brand b{color:var(--blue);font-weight:650}.brand img{margin-right:4px}nav{display:flex;gap:36px;font-size:13px}nav a:hover,.text-link:hover{color:var(--blue)}.nav-end{font-size:12px}.nav-end span{margin-left:18px;color:var(--blue)}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:690px;max-width:1440px;margin:auto}.hero-copy{padding:75px 9% 25px 11.2%;display:flex;flex-direction:column;align-items:flex-start}.eyebrow{font-size:10px;font-weight:650;letter-spacing:2px;display:block}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--blue);margin-right:9px}h1{font-size:clamp(64px,6.9vw,104px);line-height:1.02;letter-spacing:-6px;margin:31px 0 22px;font-weight:650}em{font-style:normal;color:var(--blue)}.hero p{font-size:18px;line-height:1.6;color:var(--muted);margin:0 0 30px}.primary{display:inline-flex;gap:30px;align-items:center;background:var(--blue);color:white;border-radius:30px;padding:16px 22px;font-size:12px;transition:background .2s,transform .2s}.primary:hover{background:#064cc5;transform:translateY(-2px)}.hero-foot{margin-top:auto;padding-top:55px;display:flex;justify-content:space-between;width:100%;font-size:8px;letter-spacing:1px;color:#7d8794;gap:15px}.hero-art{position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 40%,#f8fcff,#e4effd);display:flex;align-items:center;justify-content:center}.hero-art>img{width:110%;position:relative;margin-top:-12px;transform:rotate(-9deg);filter:drop-shadow(18px 22px 15px #3a70a61c)}.art-grid{position:absolute;inset:0;background-image:linear-gradient(#8aafd314 1px,transparent 1px),linear-gradient(90deg,#8aafd314 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(transparent,#000)}.art-index{position:absolute;top:34px;left:34px;font-size:9px;letter-spacing:1.7px;color:#617e9e}.vertical{position:absolute;right:25px;top:45%;writing-mode:vertical-rl;font-size:8px;letter-spacing:2px;color:#6886a6}.object-label{position:absolute;bottom:31px;left:34px;right:34px;border-top:1px solid #a1bbd544;padding-top:20px;display:flex;justify-content:space-between;align-items:center}.object-label strong{font-size:13px;font-weight:500;display:block}.object-label div>span{font-size:10px;display:block;margin-top:7px;color:#68809c}.circle-arrow{width:32px;height:32px;border:1px solid #a9c3df;border-radius:50%;display:grid;place-items:center;color:#4c719d}.intro{text-align:center;padding:110px 20px 100px}.intro .eyebrow{color:#7c8795}h2{font-size:clamp(32px,3.6vw,49px);line-height:1.15;letter-spacing:-2px;font-weight:600;margin:20px 0}h2 span{color:#8e9bab}.intro p{font-size:15px;line-height:1.8;color:var(--muted)}.projects{max-width:1280px;margin:auto;padding:0 35px 100px}.section-heading{display:flex;align-items:end;justify-content:space-between}.section-heading h2{font-size:36px;margin:15px 0 30px}.count{font-size:9px;letter-spacing:1.5px;color:var(--muted);margin-bottom:35px}.filters{display:flex;gap:9px;border-bottom:1px solid var(--line);padding-bottom:20px}.filters button{border:0;background:#f2f4f7;padding:10px 18px;border-radius:25px;font-size:12px;color:#657080}.filters button.active{background:var(--ink);color:white}.filters small{margin-left:9px;opacity:.6}.sample-note{font-size:11px;color:#788392;margin:19px 0 24px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:42px 26px}.project{border:0;padding:0;background:none;text-align:left;color:inherit}.project-art{background:#f0f5fb;border-radius:15px;overflow:hidden;position:relative;height:350px}.project:nth-child(2) .project-art{background:#f1f3f5}.project:nth-child(3) .project-art{background:#eaf1fa}.project:nth-child(4) .project-art{background:#f1f4f1}.project-art img{width:100%;height:100%;object-fit:contain;transition:transform .6s}.project:hover img{transform:scale(1.06) rotate(-3deg)}.project-index{position:absolute;top:20px;left:22px;font-size:9px;color:#8191a5;letter-spacing:1px}.project-open{position:absolute;bottom:18px;right:18px;background:#fff;width:35px;height:35px;border-radius:50%;display:grid;place-items:center;color:var(--blue)}.project-meta{display:flex;justify-content:space-between;margin-top:20px;font-size:9px;letter-spacing:1.4px;color:#778492}.project h3{font-size:24px;letter-spacing:-.7px;font-weight:550;margin:10px 0 6px}.project p{color:var(--muted);font-size:13px;line-height:1.7;margin:0}.notebook{background:#f5f7fa;padding:85px max(6%,calc((100% - 1210px)/2));display:grid;grid-template-columns:1fr 1fr;gap:80px}.notebook h2{font-size:40px}.notebook-intro p{color:var(--muted);font-size:14px;line-height:1.8;max-width:360px}.small-label{display:block;font-size:8px;letter-spacing:1.7px;color:#8d99a8;margin-top:43px}.notes-list button{display:block;width:100%;text-align:left;background:none;border:0;border-bottom:1px solid #dbe1e9;padding:20px 0}.notes-list button:first-child{padding-top:0}.notes-list button>span:first-child{font-size:8px;letter-spacing:1.5px;color:#8190a1}.notes-list h3{font-size:21px;font-weight:500;letter-spacing:-.6px;margin:13px 0}.note-bottom{display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}.note-bottom b{color:var(--blue);font-size:18px}.about{max-width:1130px;margin:auto;padding:110px 30px;display:grid;grid-template-columns:1fr 1fr;gap:95px;align-items:center}.about-symbol{background:#f2f7fe;min-height:350px;border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:40px}.about-symbol img{width:140px;height:140px}.about-symbol span{font-size:8px;letter-spacing:2px;color:#7c94b0}.about h2{font-size:40px}.about p{font-size:14px;line-height:1.8;color:var(--muted)}.text-link{font-size:13px;color:var(--blue);display:inline-block;margin-top:15px}.text-link span{margin-left:20px}.closing{background:#edf4ff;text-align:center;padding:80px 20px}.closing h2{font-size:52px}.closing>a{font-size:12px;color:var(--blue);display:inline-block;margin-top:15px}footer{max-width:1440px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:35px 5.6%;gap:20px}footer>span{font-size:10px;color:#8190a0}footer .brand{font-size:19px}dialog{border:0;border-radius:22px;padding:0;max-width:760px;width:calc(100% - 32px);max-height:90vh;color:var(--ink);box-shadow:0 25px 100px #152c4933}dialog::backdrop{background:#10243c88;backdrop-filter:blur(8px)}.close{position:sticky;top:15px;float:right;margin:15px 15px -50px 0;z-index:2;border:0;background:#fff;border-radius:50%;width:36px;height:36px;font-size:25px}.detail-art{background:#edf4fc;width:100%;height:300px}.detail-copy{padding:35px 45px 45px}.detail-copy h2{font-size:35px}.detail-copy p{font-size:15px;line-height:1.8;color:var(--muted)}.detail-tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}.detail-tags span{background:#eef4fe;padding:8px 12px;border-radius:15px;font-size:11px;color:var(--blue)}.skip{position:fixed;left:10px;top:-60px;background:var(--blue);color:white;padding:10px;z-index:20}.skip:focus{top:10px}:focus-visible{outline:3px solid #2a81ff;outline-offset:5px}button:hover h3{color:var(--blue)}@media(min-width:1500px){.hero{min-height:750px}}@media(max-width:800px){header{height:72px;padding:0 6%}nav{gap:20px;font-size:12px}.nav-end{display:none}.hero{grid-template-columns:1fr}.hero-copy{padding:55px 7% 25px}h1{font-size:76px;letter-spacing:-4px}.hero p{font-size:17px}.hero-foot{padding-top:40px}.hero-art{height:470px}.hero-art>img{height:100%;width:100%}.intro{padding:70px 25px}.projects{padding:0 6% 65px}.section-heading h2{font-size:30px}.count{display:none}.project-art{height:270px}.notebook{padding:60px 6%;gap:40px;grid-template-columns:1fr}.about{padding:65px 6%;gap:35px;grid-template-columns:1fr}.about-symbol{min-height:260px}.closing h2{font-size:40px}footer{flex-wrap:wrap}footer>span:nth-child(2){display:none}}@media(max-width:500px){.project-grid{grid-template-columns:1fr;gap:30px}.project-art{height:310px}.filters{gap:6px;overflow:auto}.filters button{padding:9px 12px;white-space:nowrap;font-size:11px}h2{letter-spacing:-1.5px}.hero-art{height:400px}.hero h1{font-size:69px}.hero-foot{font-size:6px}.art-index{left:25px}.object-label{left:25px;right:25px}.desktop{display:none}.section-heading h2{font-size:29px}.detail-copy{padding:25px}.notebook h2,.about h2{font-size:35px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
.timelapses{max-width:1280px;margin:auto;padding:0 35px 100px;scroll-margin-top:10px}.timelapse-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;padding-bottom:22px;border-bottom:1px solid var(--line)}.timelapse-toolbar p{font-size:14px;line-height:1.7;color:var(--muted);margin:0}.timelapse-toolbar label{display:flex;align-items:center;gap:10px;white-space:nowrap;color:var(--muted);font-size:11px}.timelapse-toolbar select{font:inherit;color:var(--ink);padding:10px 30px 10px 12px;background:#f3f6fa;border:1px solid var(--line);border-radius:20px}.timelapse-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 22px}.timelapse-card{border:0;background:none;padding:0;color:inherit;text-align:left;min-width:0}.timelapse-image{aspect-ratio:16/10;background:#eef3f9;border-radius:14px;position:relative;overflow:hidden}.timelapse-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}.timelapse-card:hover img{transform:scale(1.045)}.play-icon{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;padding-left:3px;width:48px;height:48px;border-radius:50%;background:#ffffffed;color:var(--blue);box-shadow:0 4px 25px #0002;font-size:15px;transition:background .2s}.timelapse-card:hover .play-icon{color:white;background:var(--blue)}.video-duration{position:absolute;right:12px;bottom:12px;padding:5px 8px;background:#10213ed9;color:white;font-size:10px;border-radius:6px;font-variant-numeric:tabular-nums}.timelapse-meta{display:flex;justify-content:space-between;margin-top:15px;font-size:10px;letter-spacing:.5px;color:var(--muted)}.timelapse-card h3{font-size:19px;font-weight:550;letter-spacing:-.5px;margin:8px 0 0}.video-dialog{max-width:1000px}.video-header{padding:32px 40px 20px}.video-header h2{font-size:32px;margin:12px 0}.video-header p,.video-caption,.video-error{font-size:12px;line-height:1.6;color:var(--muted)}.timelapse-player{width:100%;max-height:60vh;display:block;background:#10151d}.video-caption,.video-error{padding:0 40px;margin:20px 0 25px}.video-error a{color:var(--blue)}@media(max-width:1000px){.timelapse-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:800px){.timelapses{padding:0 6% 65px}.timelapse-toolbar{align-items:flex-start;flex-direction:column;gap:14px}header nav{gap:14px}}@media(max-width:500px){.timelapse-grid{grid-template-columns:1fr}.timelapses .section-heading h2{font-size:30px}.video-header{padding:30px 24px 15px}.video-caption,.video-error{padding:0 24px}header nav{gap:12px;font-size:11px}header .brand{font-size:19px;gap:4px}header .brand img{width:26px;height:26px}header{padding:0 5%}}