@font-face{font-family:Inter;src:url('./inter-latin-400-normal-C38fXH4l.woff2')}@font-face{font-family:Inter;src:url('./inter-latin-500-normal-Cerq10X2.woff2');font-weight:500 900}@font-face{font-family:Instrument;src:url('./instrument-serif-latin-400-italic-DKMiL14s.woff2');font-style:italic}@font-face{font-family:Mono;src:url('./ibm-plex-mono-latin-400-normal-DMJ8VG8y.woff2')}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#111310;color:#f1f0e9;font-family:Inter,Arial,sans-serif;font-size:15px;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,video:focus-visible{outline:2px solid #d8ef87;outline-offset:6px}::selection{background:#d8ef87;color:#111310}p{color:#abafa5}h1,h2,h3,h4,p{margin-top:0}em,.serif{font-family:Instrument,Georgia,serif;font-weight:400}header,.section,.hero,footer{padding-left:5%;padding-right:5%}header{display:flex;justify-content:space-between;align-items:center;height:108px;border-bottom:1px solid #30332c}.logo{display:flex;gap:20px;align-items:center;font-size:40px;letter-spacing:-5px;line-height:1}.logo span{font:9px/1.5 Mono,monospace;letter-spacing:1px}nav{display:flex;gap:38px;align-items:center;font-size:12px}nav sup{color:#d8ef87;margin-left:3px}.nav-contact{border:1px solid #5d6452;padding:11px 20px;border-radius:30px}.menu{display:none}.skip{position:fixed;top:-100px;left:20px;z-index:20;background:#d8ef87;color:#111;padding:10px}.skip:focus{top:10px}.progress{position:fixed;left:0;top:0;width:100%;height:3px;background:#d8ef87;z-index:30;transform:scaleX(0);transform-origin:left}.hero{position:relative;overflow:hidden;padding-top:37px;padding-bottom:0}.hero-eyebrow,.section-label{display:flex;justify-content:space-between;font:10px/1.5 Mono,monospace;letter-spacing:.7px}.status{display:inline-block;width:7px;height:7px;background:#d8ef87;border-radius:50%;margin-right:8px;box-shadow:0 0 15px #d8ef8755}h1{position:relative;z-index:1;font-size:clamp(60px,8.8vw,145px);line-height:.99;letter-spacing:-.065em;font-weight:500;margin:66px 0 38px}h1 .serif{letter-spacing:-.045em;color:#d8ef87}.hero-star{position:absolute;font-size:100px;right:1%;top:-14px;color:#d8ef87;animation:spin 28s linear infinite}.hero-bottom{display:grid;grid-template-columns:1fr 1.2fr .5fr;gap:8%;align-items:center;position:relative;z-index:2}.mini-index{font:10px/1.7 Mono,monospace;color:#8d9586}.hero-bottom p{max-width:395px;font-size:15px}.round-link{height:83px;width:83px;border:1px solid #5b6253;border-radius:50%;display:grid;place-content:center;font-size:28px;justify-self:end;position:relative;transition:background .25s,color .25s}.round-link span{position:absolute;right:100px;top:32px;white-space:nowrap;font:9px Mono,monospace}.round-link:hover{background:#d8ef87;color:#111}.hero-art{height:200px;position:relative;margin-top:30px;overflow:hidden;border-top:1px solid #30332c;background:radial-gradient(ellipse at 50% 160%,#b5ce6530,transparent 70%)}.orbit{position:absolute;border:1px solid #626e49;left:50%;top:35px;width:540px;height:350px;border-radius:50%;transform:translateX(-50%) rotate(-15deg)}.o2{width:270px;transform:translateX(-50%) rotate(55deg);animation:orbit 15s ease-in-out infinite alternate}.o3{width:380px;transform:translateX(-50%) rotate(-55deg)}.art-cross{position:absolute;top:85px;left:50%;font-size:45px;color:#d8ef87}.art-text,.art-tag{position:absolute;bottom:28px;font:9px Mono,monospace;letter-spacing:1px}.art-tag{right:0;color:#a7ad9c}.ticker{overflow:hidden;background:#d8ef87;color:#182015;padding:16px 0;font:12px Mono,monospace;letter-spacing:2px}.ticker div{white-space:nowrap;width:max-content;animation:marquee 35s linear infinite}.section{padding-top:90px;padding-bottom:90px;border-bottom:1px solid #30332c}.section-label{color:#a0a795}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:35px;margin:45px 0}h2{font-size:clamp(42px,5.5vw,85px);line-height:1.04;letter-spacing:-.05em;font-weight:500;margin-bottom:0}h2 em{color:#c4c9bb}.section-heading p{font-size:13px;margin-bottom:5px}.filters{display:flex;gap:10px;margin-bottom:30px}.filters button{border:1px solid #454b3d;border-radius:25px;background:transparent;padding:10px 18px;font-size:12px}.filters span{font:9px Mono;margin-left:12px}.filters .active{background:#d8ef87;color:#111310;border-color:#d8ef87}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px 30px}.project-card[hidden]{display:none}.project-open{background:none;border:0;text-align:left;width:100%;padding:0;display:block}.project-visual{height:380px;overflow:hidden;position:relative;display:flex;justify-content:center;align-items:center;transition:filter .4s}.project-open:hover .project-visual{filter:brightness(1.08)}.project-open:hover .open-arrow{background:#d8ef87;color:#111;transform:rotate(45deg)}.open-arrow{position:absolute;right:20px;top:20px;display:grid;place-content:center;border:1px solid #ffffff40;width:40px;height:40px;border-radius:50%;transition:.3s;z-index:2}.preview-label{position:absolute;left:18px;top:18px;font:8px Mono;opacity:.7;letter-spacing:1px}.card-meta{display:flex;justify-content:space-between;font:9px Mono;color:#a0a795;margin:20px 0 10px}.project-card h3{display:flex;justify-content:space-between;font-size:27px;letter-spacing:-1px;font-weight:500;margin-bottom:8px}.project-card h3 span{font-size:22px;color:#9ba590}.project-card p{font-size:13px;line-height:1.8;max-width:510px;margin-bottom:15px}.stack{font:10px/1.7 Mono;color:#88927c;border-top:1px solid #333a2d;padding-top:13px}.pay{background:#344236}.phone{width:213px;background:#f2f1e9;color:#263626;border:6px solid #1d251f;border-radius:30px;padding:12px 15px 20px;transform:rotate(-7deg) translateY(32px);box-shadow:20px 30px 35px #0004;transition:transform .5s;min-height:355px}.project-open:hover .phone{transform:rotate(-3deg) translateY(22px)}.phone-top{font:8px Mono;margin-bottom:23px;display:flex;justify-content:space-between}.phone b{font-size:18px;letter-spacing:-1px;display:block}.phone b small{float:right}.phone p{font:6px Mono;color:#788472;margin:12px 0}.app-total{font-size:25px;line-height:1.1;letter-spacing:-1px;margin:15px 0 18px}.app-pills{display:flex;gap:8px;margin-bottom:18px}.app-pills span{padding:7px 18px;background:#dfe6d6;border-radius:10px;font-size:9px}.app-row{font-size:9px;border-bottom:1px solid #c6cebf;padding:10px 0}.app-row span{float:right}.app-add{background:#304b35;color:white;font-size:9px;padding:12px;text-align:center;border-radius:9px;margin-top:15px}.visual-note{position:absolute;bottom:22px;left:20px;font:9px Mono;max-width:100px}.cloud{background:#24232e}.browser{background:#12151d;width:88%;border:1px solid #666575;border-radius:8px;transform:perspective(900px) rotateY(-8deg) rotateX(4deg);box-shadow:15px 20px 25px #0004;overflow:hidden}.browser-bar{padding:9px 13px;background:#282b34;font-size:7px;color:#8b8c9b}.browser-bar span{margin-left:18%;font:7px Mono}.cloud-inner{padding:24px;position:relative;height:245px;overflow:hidden}.cloud-inner small{font:7px Mono;display:block;position:relative;z-index:1}.cloud-inner small span{float:right}.cloud-inner h4{font-size:36px;line-height:1.05;letter-spacing:-1.5px;position:relative;z-index:1;margin:32px 0 12px}.cloud-inner h4 em{color:#c5bdfb}.cloud-inner p{font-size:8px}.mock-btn{font-size:7px;padding:8px;background:#9a8dcb;color:#101018}.pillars{position:absolute;right:15px;bottom:-60px;display:flex;gap:7px;transform:rotate(25deg)}.pillars i{width:27px;height:200px;background:linear-gradient(90deg,#393454,#8b7cc0,#272737)}.pillars i:nth-child(2){margin-top:30px}.pillars i:nth-child(3){margin-top:60px}.mini{background:#d4d9c0;color:#273726}.mini .phone{transform:rotate(7deg) translateY(35px);background:#1a211b;color:#e1ead8;border-color:#46503e}.mini .app-total{color:#e0efb8}.mini .app-row{border-color:#434d3c}.mini .app-add{background:#d7ed9c;color:#192017}.bars{height:62px;display:flex;gap:8px;align-items:flex-end;margin:20px 0}.bars i{flex:1;height:60%;background:#b3cc7b;border-radius:3px 3px 0 0}.bars i:nth-child(2n){height:90%}.bars i:nth-child(3n){height:40%}.fabric{background:#c4ad8f;color:#352a21}.fabric-word{font-family:Georgia,serif;font-size:100px;line-height:.8;z-index:1;text-align:center;margin-top:-65px}.fabric-word span{display:block;font:10px Mono;letter-spacing:8px;margin-top:17px;margin-left:8px}.swatches{display:flex;position:absolute;bottom:-70px;left:25%;transform:rotate(-20deg)}.swatches i{width:110px;height:230px;background:linear-gradient(100deg,#343929,#8a8b6c,#4d513f);box-shadow:0 0 25px #0002}.swatches i:nth-child(2){background:linear-gradient(100deg,#cfb99a,#f0dfc0,#ae997f);transform:rotate(12deg)}.swatches i:nth-child(3){background:linear-gradient(100deg,#593e31,#9c7460,#463028);transform:rotate(22deg)}.habit{background:#29343c}.habit-ring{width:240px;height:240px;border:16px solid #9dc0ac;border-right-color:#ffffff0f;border-radius:50%;transform:rotate(-30deg);display:grid;place-content:center;box-shadow:0 0 0 20px #ffffff03,0 0 0 40px #ffffff03}.habit-ring span{transform:rotate(30deg);font-size:25px;line-height:1.2;text-align:center}.plastic{background:#a7bb94;color:#192b21}.plastic-word{font-size:60px;font-weight:500;letter-spacing:-3px;line-height:1.03;transform:rotate(-8deg)}.plastic-word em{color:#466347}.motion{background:#191c16}.film-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:25px}.film video{width:100%;height:290px;object-fit:cover;background:#000;border:1px solid #3a4132}.film h3{font-weight:500;font-size:16px;margin:15px 0 5px}.film p{font:9px Mono}.about-grid{display:grid;grid-template-columns:.8fr 1.3fr;gap:12%;margin-top:65px;align-items:center}.portrait{position:relative;max-width:390px}.portrait img{width:100%;aspect-ratio:4/5;object-fit:cover;filter:grayscale(1);border:1px solid #394131;image-rendering:auto}.portrait>span{font:9px Mono;display:block;margin-top:12px;color:#9ba68d}.portrait-star{position:absolute;font-size:110px;color:#d8ef87;right:-35px;bottom:-25px;animation:spin 30s linear infinite}.about h2{font-size:clamp(36px,4vw,62px)}.about-lead{font-size:20px;color:#e8e9e3;margin-top:30px}.about p:not(.about-lead){font-size:13px}.skill-list{display:flex;flex-wrap:wrap;gap:8px;margin:25px 0}.skill-list span{border:1px solid #3f4836;border-radius:20px;padding:6px 12px;font-size:10px;color:#b6c0ac}.text-link{font-size:11px;border-bottom:1px solid #6e7a5d;padding-bottom:5px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;margin-top:60px}.steps article>span{font:9px Mono;color:#b7c0aa}.step-orbit{height:150px;width:150px;border:1px solid #5c6850;border-radius:50%;margin:25px auto;position:relative;overflow:hidden}.step-orbit:before{content:'';position:absolute;height:1px;width:100%;background:#879974;top:50%;transform:rotate(-45deg)}.steps article:nth-child(2) .step-orbit:before{transform:rotate(-30deg)}.steps article:nth-child(3) .step-orbit:before{transform:rotate(-15deg)}.steps article:nth-child(4) .step-orbit:before{transform:rotate(0)}.steps h3{font-size:15px;font-weight:500;border-top:1px solid #414a36;padding-top:20px}.steps p{font-size:12px}.contact{background:#d8ef87;color:#182011}.contact .section-label{color:#465337}.contact .status{background:#3b5323;box-shadow:none}.contact h2{margin:60px 0;font-size:clamp(48px,7.9vw,125px);position:relative}.contact h2 em{color:#182011}.contact h2>a{position:absolute;right:0;top:10px;font-family:Inter;font-size:100px;font-weight:400}.contact-bottom{display:flex;justify-content:space-between;gap:30px;border-top:1px solid #a5bc70;padding-top:30px}.contact p{color:#475737;font-size:12px}.email{font-size:clamp(15px,2vw,27px);border-bottom:1px solid #8b9d65}#copy-email{display:block;background:none;border:0;font:9px Mono;padding:14px 0}#copy-status{font-size:11px}.social{display:flex;gap:25px;align-items:center;font-size:12px}footer{display:flex;justify-content:space-between;padding-top:27px;padding-bottom:27px;font:8px Mono;letter-spacing:.5px;color:#9ca58f}.modal-open{overflow:hidden}dialog{background:#191e16;color:#eef1e7;border:1px solid #59684a;width:min(720px,calc(100% - 30px));max-height:85vh;padding:45px;border-radius:6px}dialog::backdrop{background:#000b;backdrop-filter:blur(8px)}.close-dialog{display:block;margin-left:auto;background:none;border:1px solid #68775a;border-radius:30px;font-size:11px;padding:7px 14px;margin-bottom:25px}.eyebrow{font:10px Mono;color:#b4c59d}dialog h2{font-size:55px}.dialog-lead{font:italic 30px Instrument;color:#d8ef87;margin:20px 0}dialog dt{font:11px Mono;color:#d8ef87;margin:22px 0 8px}dialog dd{margin:0;font-size:14px;color:#b8c0af}.visit{display:inline-block;background:#d8ef87;color:#182011;padding:12px 20px;margin-top:15px;font-size:12px}.dialog-note{font-size:10px;margin-top:25px}.dialog-screens{display:flex;gap:14px;overflow-x:auto;margin:22px 0;padding-bottom:6px}.dialog-screens img{width:150px;flex:0 0 auto;border-radius:14px;border:1px solid #59684a;box-shadow:0 12px 20px #0006}.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s,transform .7s}.reveal.in-view{opacity:1;transform:none}@keyframes spin{to{transform:rotate(360deg)}}@keyframes orbit{to{transform:translateX(-50%) rotate(120deg)}}@keyframes marquee{to{transform:translateX(-50%)}}@media(min-width:1600px){body{max-width:1800px;margin:auto}}@media(max-width:900px){.hero-star{font-size:70px;top:-35px}.hero-bottom{gap:4%;grid-template-columns:.7fr 1.3fr .4fr}.round-link span{display:none}.project-visual{height:330px}.visual-note{max-width:80px;font-size:8px}.film-grid{grid-template-columns:1fr 1fr}.film:first-child{grid-column:1/-1}.film:first-child video{height:360px}.about-grid{gap:7%}.steps{gap:18px}.step-orbit{width:115px;height:115px}.contact h2>a{font-size:65px}.social{gap:15px}.hero-eyebrow{font-size:8px}.logo span{display:none}}@media(max-width:600px){header{height:80px}.logo{font-size:35px}.menu{display:block;background:none;border:1px solid #5b654f;border-radius:20px;padding:7px 15px;font-size:11px}nav{display:none;position:absolute;top:80px;left:0;right:0;background:#191e16;z-index:10;padding:25px 5%;border-bottom:1px solid #525e44}nav.open{display:flex;flex-wrap:wrap;gap:20px}.hero{padding-top:25px}.hero-eyebrow>span:last-child{display:none}h1{font-size:clamp(40px,11vw,66px);margin-top:60px;line-height:1.08;letter-spacing:-.055em}.hero-star{font-size:43px;top:-40px;right:0}.hero-bottom{grid-template-columns:1fr 65px;gap:20px}.mini-index{display:none}.hero-bottom p{font-size:12px}.round-link{width:60px;height:60px}.hero-art{height:155px;margin-top:23px}.orbit{width:330px;height:230px}.o2{width:150px}.o3{width:240px}.art-cross{top:65px;font-size:30px}.art-text{font-size:7px;bottom:18px}.art-tag{display:none}.ticker{padding:12px 0;font-size:9px}.section{padding-top:55px;padding-bottom:55px}.section-label{font-size:8px;gap:20px}.section-label>span:last-child{text-align:right;max-width:140px}.section-heading{display:block;margin:30px 0}.section-heading p{margin-top:22px;font-size:12px}h2{font-size:49px}.filters{gap:7px}.filters button{padding:8px 12px;font-size:10px}.filters span{margin-left:5px;font-size:8px}.project-grid{grid-template-columns:1fr;gap:35px}.project-visual{height:350px}.project-card p{font-size:12px}.project-card h3{font-size:25px}.film-grid{grid-template-columns:1fr;gap:30px}.film:first-child{grid-column:auto}.film video,.film:first-child video{height:auto;aspect-ratio:16/10;object-fit:contain}.film:nth-child(2) video{aspect-ratio:4/5}.about-grid{grid-template-columns:1fr;gap:45px;margin-top:35px}.portrait{width:65%;margin:auto}.portrait-star{font-size:80px}.about h2{font-size:39px}.steps{grid-template-columns:1fr 1fr;gap:30px 20px;margin-top:35px}.steps h3{font-size:13px}.steps p{font-size:11px}.step-orbit{width:120px;height:120px}.contact h2{font-size:51px;margin:40px 0}.contact h2>a{font-size:35px;top:0}.contact-bottom{display:block}.social{margin-top:20px;justify-content:space-between}.email{font-size:17px}footer{font-size:7px;gap:20px}footer>span:nth-child(2){display:none}dialog{padding:25px}dialog h2{font-size:42px}.dialog-lead{font-size:25px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}