@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@1,600&display=swap";:root{font-family:DM Sans,Arial,sans-serif;color:#f1eddf;background:#171824;color-scheme:dark;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100svh;background:radial-gradient(ellipse at 77% 0%,#30314780,transparent 60%),#171824;overflow-x:hidden}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit}.grain{position:fixed;inset:0;pointer-events:none;opacity:.035;z-index:5;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.8' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}header{height:116px;padding:0 5.5%;display:flex;align-items:center;border-bottom:1px solid #ffffff12;gap:32px}.wordmark{font-size:44px;font-weight:700;letter-spacing:-4px;line-height:1}.wordmark span{font-size:12px;letter-spacing:0;vertical-align:top;margin:7px 0 0 8px;display:inline-block;color:#b9b9b0}.header-note{font-size:12px;letter-spacing:.035em;color:#b9b9bc;margin-left:auto;display:flex;align-items:center;gap:9px}.header-note i{width:6px;height:6px;background:#c9f185;border-radius:50%;box-shadow:0 0 12px #c9f15777}#motion{height:34px;width:34px;border:1px solid #ffffff26;background:transparent;border-radius:50%;color:#ddd9cf;cursor:pointer;font-size:13px}#motion:hover{background:#ffffff12}main{max-width:1680px;margin:auto;padding:54px 5.5% 45px;display:grid;grid-template-columns:.85fr 1.25fr;gap:5%;align-items:center;min-height:calc(100svh - 188px)}.intro{position:relative;padding:10px 0 70px}.eyebrow,.section-label{font-size:10px;letter-spacing:.16em;font-weight:600}.eyebrow{color:#c9f185;margin:0 0 25px}h1{position:relative;font-size:clamp(58px,6.5vw,116px);line-height:.99;letter-spacing:-.065em;font-weight:500;margin:0;max-width:620px}h1 em{font-family:Playfair Display,Georgia,serif;font-weight:600;letter-spacing:-.065em;color:#f1bba6}h1>svg{width:68%;height:24px;position:absolute;bottom:-28px;left:0;fill:none;stroke:#f1bba6;stroke-width:2;stroke-linecap:round}.subline{color:#a7a6b1;font-size:12px;letter-spacing:.005em;margin-top:55px}.orbit{position:absolute;width:135px;height:95px;bottom:-12px;left:8px;transform:rotate(-12deg)}.orbit>span{position:absolute;color:#c9f185;font-size:66px;left:42px;top:0;animation:spin 28s linear infinite;line-height:1.2}.orbit svg{position:absolute;width:100%;height:100%;stroke:#b3acc2;stroke-width:.8;fill:none}.orbit svg circle{fill:#f1bba6;stroke:none}.projects{min-width:0;transform:rotate(-2deg);padding:14px 0}.section-label{color:#b7b5c3;display:flex;justify-content:space-between;margin:0 4px 17px}.project-card{display:block;position:relative;border-radius:25px;background:#c6ded0;color:#193e35;overflow:hidden;isolation:isolate;box-shadow:0 35px 75px #05061155,0 0 0 1px #fff2;transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s}.project-card:hover,.project-card:focus-visible{transform:translateY(-9px) rotate(2deg);box-shadow:0 45px 85px #05061188,0 0 0 2px #c9f185}.project-art{position:relative;height:clamp(330px,35vw,535px);background:radial-gradient(ellipse at 50% 30%,#e4ecd2,#accabb);overflow:hidden}.project-art canvas{position:absolute;inset:0;display:block;width:100%;height:100%;transition:opacity .5s}.project-art.loading canvas{opacity:0}.art-fallback{position:absolute;inset:15%;display:grid;place-items:center;font-size:130px;color:#244d3e;transform:rotate(-20deg)}.project-art.ready .art-fallback{opacity:0}.project-badge{position:absolute;top:23px;left:23px;background:#f5f0dfc9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #fff9;border-radius:30px;padding:8px 12px;font-size:9px;letter-spacing:.1em;font-weight:700;z-index:2;display:flex;gap:7px;align-items:center}.project-badge i{width:5px;height:5px;background:#58865b;border-radius:50%}.art-stamp{position:absolute;right:23px;top:22px;width:42px;height:42px;border:1px solid #254f3b44;border-radius:50%;display:grid;place-items:center;font-size:24px;transform:rotate(15deg)}.project-meta{position:relative;padding:27px 27px 30px;background:#e8ebd9;display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid #3455381a}.project-meta small{font-size:8px;letter-spacing:.14em;font-weight:700;display:block;opacity:.67;margin-bottom:8px}.project-meta h2{font-size:clamp(24px,2.5vw,42px);font-weight:600;letter-spacing:-.055em;line-height:1;margin:0}.project-arrow{width:49px;height:49px;flex:none;border-radius:50%;background:#244d3f;color:#f4f0dc;display:grid;place-items:center;font-size:25px;transition:transform .3s,background .3s}.project-card:hover .project-arrow{transform:rotate(45deg);background:#3e6655}.project-art:after{content:"";position:absolute;inset:0;border-radius:25px 25px 0 0;box-shadow:inset 0 0 80px #8b98701c;pointer-events:none}footer{height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 5.5%;color:#7e7d8e;font-size:10px;border-top:1px solid #ffffff12}.footer-mark{display:flex;gap:20px}.footer-mark>span{color:#f1bba6;font-size:18px}a:focus-visible,button:focus-visible{outline:2px solid #c9f185;outline-offset:7px}.paused .orbit>span{animation-play-state:paused}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:1500px){main{padding-top:65px;padding-bottom:65px}}@media(max-width:760px){header{height:85px;padding:0 7%;gap:18px}.wordmark{font-size:36px}.header-note{font-size:10px}main{display:block;padding:35px 7% 32px;min-height:0}.intro{padding-bottom:0;margin-bottom:42px}h1{font-size:clamp(54px,12vw,86px);line-height:.98}h1 br:first-of-type{display:initial}h1>svg{width:240px;height:20px;bottom:-25px}.eyebrow{font-size:8px;margin-bottom:18px}.subline{margin-top:40px;font-size:11px}.orbit{width:95px;height:70px;bottom:9px;right:2px;left:auto}.orbit>span{font-size:46px;left:30px}.projects{transform:rotate(-1deg)}.project-art{height:340px}.project-meta{padding:23px}.project-meta h2{font-size:30px}.project-meta small{font-size:7px}.section-label{font-size:8px;margin-bottom:13px}footer{padding:20px 7%;height:auto;min-height:70px;font-size:9px}.footer-mark{max-width:130px}.project-badge{left:18px;top:18px;font-size:8px}.art-stamp{right:18px;top:18px}}@media(max-width:380px){.orbit{display:none}.project-art{height:300px}.project-meta h2{font-size:25px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(min-width:761px){header{height:96px}main{padding-top:28px;padding-bottom:28px;min-height:calc(100svh - 152px)}.projects{padding:0}.project-art{height:clamp(300px,calc(100svh - 340px),535px)}footer{height:56px}.project-meta{padding-top:23px;padding-bottom:25px}}