:root{--ink: #131414;--paper: #f2f1ed;--lime: #c8ff37;--line: rgba(19, 20, 20, .18);--muted: #626560;--dark: #19201b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:DM Sans,sans-serif}a{color:inherit;text-decoration:none}.wrap{max-width:1320px;margin:auto;padding:0 32px}nav{height:78px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.logo{font-weight:700;letter-spacing:-.07em;font-size:1.42rem}.navlinks{display:flex;align-items:center;gap:27px;font-size:.83rem;font-weight:600}.navlinks a:not(.contact):hover{opacity:.55}.contact{border:1px solid var(--ink);border-radius:100px;padding:9px 16px;transition:.2s}.contact:hover{background:var(--ink);color:var(--paper)}.eyebrow{font:500 .69rem DM Mono,monospace;text-transform:uppercase;letter-spacing:.08em}.hero{padding:96px 0 94px;border-bottom:1px solid var(--line)}.hero-top{display:flex;justify-content:space-between;align-items:flex-start}.availability{display:flex;align-items:center;gap:8px;color:var(--muted)}.dot{width:8px;height:8px;border-radius:50%;background:#69a832;box-shadow:0 0 0 4px #69a83221}h1{max-width:1040px;margin:38px 0 48px;font-weight:400;font-size:clamp(4.15rem,9.3vw,8.9rem);line-height:.86;letter-spacing:-.078em}.serif{font-family:"Instrument Serif",serif;font-style:italic;font-weight:400;letter-spacing:-.05em}.hero-bottom{display:grid;grid-template-columns:2fr 1fr;gap:30px;align-items:end}.intro{font-size:1.15rem;line-height:1.45;max-width:500px;letter-spacing:-.025em}.scroll{justify-self:end;color:var(--muted);display:flex;gap:11px;align-items:center}.arrow{font-size:1.5rem}.marquee{overflow:hidden;border-bottom:1px solid var(--line);background:var(--lime);white-space:nowrap}.marquee-track{display:flex;width:max-content;animation:marquee 25s linear infinite}.marquee-group{display:flex;align-items:center;gap:26px;padding:15px 13px;font:500 .74rem DM Mono,monospace;letter-spacing:.045em;text-transform:uppercase}.marquee-group b{font-family:DM Sans,sans-serif;font-size:1rem;line-height:1}.marquee-group i{width:5px;height:5px;border-radius:50%;background:var(--ink);display:inline-block}@keyframes marquee{to{transform:translate(-50%)}}.marquee:hover .marquee-track{animation-play-state:paused}section{padding:108px 0;border-bottom:1px solid var(--line)}.section-label{display:grid;grid-template-columns:1fr 3fr;margin-bottom:48px}.section-label h2{margin:0;font-size:1rem;font-weight:600;letter-spacing:-.035em}.section-label span{color:var(--muted);max-width:350px;font-size:.9rem;line-height:1.45}.work{background:var(--dark);color:#eff3eb}.work .section-label span,.work .project-meta p,.work .project-meta time{color:#b4bbb2}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.project{display:block}.cover{height:390px;padding:27px;display:flex;position:relative;overflow:hidden;cursor:pointer;border:1px solid rgba(222,239,215,.06);transition:transform .35s cubic-bezier(.2,.75,.3,1),box-shadow .3s ease}.project:hover .cover{transform:translateY(-5px);box-shadow:0 16px 32px #00000059}.cover-project-title{position:relative;z-index:2;font-size:.96rem;font-weight:600;letter-spacing:-.02em}.tags{position:absolute;bottom:24px;left:24px;display:flex;gap:7px;z-index:2}.tag{padding:6px 10px;border-radius:99px;background:#ffffffd1;color:var(--ink);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font:500 .64rem DM Mono,monospace}.cover-image-card{background:#1e2620}.cover-img-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.cover-bg-image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.project:hover .cover-bg-image{transform:scale(1.06)}.cover-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#131a1499,#131a14d9);display:flex;align-items:center;justify-content:center;transition:background .3s}.project:hover .cover-img-overlay{background:linear-gradient(180deg,#131a1466,#131a14bf)}.preview-cta-pill{padding:8px 16px;border-radius:100px;background:var(--lime);color:var(--ink);font:600 .72rem DM Mono,monospace;text-transform:uppercase;letter-spacing:.05em;opacity:0;transform:translateY(8px);transition:all .3s cubic-bezier(.2,.75,.3,1);box-shadow:0 4px 12px #0000004d}.project:hover .preview-cta-pill{opacity:1;transform:translateY(0)}.graphic-cover-content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:2}.project-meta{display:flex;justify-content:space-between;padding-top:14px}.project-meta h3{margin:0 0 4px;font-size:1.05rem;letter-spacing:-.04em;transition:color .2s}.project-meta h3:hover{color:var(--lime)}.project-meta p,.project-meta time{margin:0;font-size:.78rem;color:var(--muted)}.project-live-btn{display:flex;align-items:center;transition:color .2s}.project-live-btn:hover time{color:var(--lime)}.project-meta time{font-family:DM Mono;font-weight:500}.c1{background:#d8ff46;color:var(--ink)}.c1:after{content:"";position:absolute;width:250px;height:250px;border:22px solid #1b1b19;border-radius:50%;right:-63px;bottom:-76px}.c1:before{content:"{ }";font:700 8.7rem DM Mono;letter-spacing:-.2em;position:absolute;right:75px;bottom:49px;line-height:1}.c2{background:#c9c7ff;color:#29284a}.c2:after{content:"";position:absolute;width:78%;height:68%;background:#29284a;right:-9%;bottom:-18%;border-radius:99% 0 0;transform:rotate(-13deg)}.c2:before{content:"01";font:italic 13rem "Instrument Serif";position:absolute;bottom:-35px;right:24%;z-index:1;color:#f5f4ec}.c3{background:#fa6945;color:#19274e}.c3:before{content:"NOTE";white-space:pre;line-height:.7;font-weight:700;font-size:7rem;letter-spacing:-.11em;position:absolute;bottom:45px;left:25px;color:#19274e}.c3:after{content:"";height:20px;width:130%;background:#ffe34f;position:absolute;top:55%;left:-15%;transform:rotate(-8deg)}.c4{background:#202820;color:#e8f6df}.c4:before{content:"< />";font:700 6.5rem DM Mono;letter-spacing:-.25em;position:absolute;right:42px;bottom:80px;color:#d9ff46;line-height:1}.c4:after{content:"TEST • EVALUATE • SCORE";font:.76rem DM Mono;letter-spacing:.16em;position:absolute;right:26px;bottom:30px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0e0ce0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px;animation:modalFadeIn .25s ease-out}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--dark);color:#eff3eb;border:1px solid rgba(222,239,215,.16);border-radius:4px;max-width:920px;width:100%;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 60px #0009;animation:modalSlideUp .3s cubic-bezier(.2,.75,.3,1)}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:24px 32px;border-bottom:1px solid rgba(222,239,215,.1)}.modal-header-info h2{margin:6px 0 0;font-size:1.6rem;letter-spacing:-.04em}.modal-close-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#eff3eb;width:38px;height:38px;border-radius:50%;font-size:1.1rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.modal-close-btn:hover{background:var(--lime);color:var(--ink);border-color:var(--lime)}.modal-body{padding:28px 32px;overflow-y:auto;flex:1}.gallery-container{margin-bottom:28px}.gallery-main-view{position:relative;height:380px;background:#111512;border-radius:2px;overflow:hidden;border:1px solid rgba(222,239,215,.1)}.gallery-active-img{width:100%;height:100%;object-fit:cover;transition:opacity .3s}.gallery-caption{position:absolute;bottom:0;inset-inline:0;padding:12px 18px;background:linear-gradient(180deg,transparent 0%,rgba(10,14,12,.85) 100%);display:flex;justify-content:space-between;font:500 .78rem DM Mono,monospace;color:#eff3eb}.gallery-counter{color:var(--lime)}.gallery-thumbnails{display:flex;gap:10px;margin-top:12px;overflow-x:auto;padding-bottom:4px}.thumbnail-btn{width:90px;height:60px;padding:0;background:transparent;border:2px solid rgba(222,239,215,.2);border-radius:2px;cursor:pointer;overflow:hidden;flex-shrink:0;transition:border-color .2s}.thumbnail-btn img{width:100%;height:100%;object-fit:cover}.thumbnail-btn.active{border-color:var(--lime)}.graphic-preview-banner{padding:40px 30px;background:#252d27;border:1px solid rgba(222,239,215,.12);margin-bottom:28px}.graphic-preview-inner h3{margin:10px 0 6px;font-size:1.5rem;letter-spacing:-.03em}.graphic-preview-inner p{color:#b4bbb2;margin:0 0 16px;font-size:.95rem}.graphic-preview-tags{display:flex;gap:8px;flex-wrap:wrap}.modal-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding-top:10px;border-top:1px solid rgba(222,239,215,.1)}.modal-overview h3,.modal-features h3{font-size:1.05rem;letter-spacing:-.03em;margin:0 0 12px}.modal-overview p{line-height:1.6;font-size:.9rem;color:#b4bbb2;margin:0 0 18px}.modal-tags-list{display:flex;flex-wrap:wrap;gap:8px}.tech-badge{padding:5px 12px;border-radius:99px;background:#c8ff371f;color:var(--lime);font:500 .68rem DM Mono,monospace;border:1px solid rgba(200,255,55,.3)}.modal-features ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.modal-features li{display:flex;align-items:flex-start;gap:10px;font-size:.88rem;color:#eff3eb;line-height:1.45}.feature-check{color:var(--lime);font-style:normal;font-weight:700;font-family:DM Mono,monospace}.modal-footer{display:flex;justify-content:flex-end;gap:14px;padding:20px 32px;border-top:1px solid rgba(222,239,215,.1);background:#131a1480}.modal-action-btn{padding:11px 22px;border-radius:100px;font:600 .78rem DM Mono,monospace;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:all .2s}.modal-action-btn.primary{background:var(--lime);color:var(--ink);border:1px solid var(--lime)}.modal-action-btn.primary:hover{background:#d8ff46;box-shadow:0 4px 14px #c8ff374d}.modal-action-btn.secondary{background:transparent;color:#eff3eb;border:1px solid rgba(255,255,255,.2)}.modal-action-btn.secondary:hover{background:#ffffff1a}.about{display:grid;grid-template-columns:1fr 3fr}.about-copy{max-width:765px}.about h2{font-size:clamp(2.65rem,4.8vw,4.7rem);line-height:.97;font-weight:400;letter-spacing:-.065em;margin:0 0 44px}.facts{border-top:1px solid var(--line)}.fact{display:grid;grid-template-columns:1fr 2fr;padding:17px 0;border-bottom:1px solid var(--line);font-size:.9rem}.fact span:first-child{color:var(--muted)}.fact a{text-decoration:underline;text-underline-offset:3px}.stack{display:grid;grid-template-columns:1fr 1fr;gap:18px}.stack-card{padding:25px;background:var(--dark);color:#edf2e9;min-height:200px}.stack-card:nth-child(2){background:#d8ff46;color:var(--ink)}.stack-card h3{font-size:1.25rem;letter-spacing:-.04em;margin:0 0 46px}.stack-card p{margin:0;line-height:1.55;font-size:.9rem;max-width:310px}.stack-card .eyebrow{opacity:.65}.contact-section{background:var(--paper)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:28px}.contact-card{padding:26px;background:var(--dark);color:#edf2e9;min-height:210px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid rgba(222,239,215,.08);transition:transform .35s cubic-bezier(.2,.75,.3,1),box-shadow .2s}.contact-card:hover{transform:translateY(-4px)}.contact-card.highlight{background:var(--lime);color:var(--ink);border:none}.contact-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.contact-card-top .eyebrow{opacity:.75}.copy-btn{background:#ffffff1f;color:inherit;border:1px solid rgba(255,255,255,.2);border-radius:99px;padding:4px 10px;font:500 .65rem DM Mono,monospace;cursor:pointer;transition:.2s}.contact-card.highlight .copy-btn{background:#13141414;border-color:#13141433}.copy-btn:hover{background:#ffffff3d}.contact-card.highlight .copy-btn:hover{background:#13141429}.contact-card h3{font-size:1.35rem;letter-spacing:-.04em;margin:0 0 8px;word-break:break-word}.contact-card p{margin:0;line-height:1.5;font-size:.88rem;max-width:380px;color:#b4bbb2}.contact-card.highlight p{color:var(--ink);opacity:.85}.contact-card-footer{margin-top:24px;padding-top:14px;border-top:1px solid rgba(255,255,255,.1)}.contact-card.highlight .contact-card-footer{border-top-color:#1314141f}.contact-action-link{font:600 .76rem DM Mono,monospace;letter-spacing:.04em;text-transform:uppercase;display:inline-flex;align-items:center;transition:opacity .2s}.contact-action-link:hover{opacity:.65}.contact-status-bar{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;padding:18px 24px;background:#13141408;border:1px solid var(--line);font:500 .8rem DM Mono,monospace;color:var(--muted)}.status-item{display:flex;align-items:center;gap:10px}.status-item strong{color:var(--ink)}.packages-section{background-color:var(--dark);color:#eff3eb}.packages-section .section-label span{color:#b4bbb2}.packages-intro{margin-bottom:42px}.packages-headline h2{font-weight:400;font-size:clamp(2.3rem,4.4vw,3.8rem);line-height:.98;letter-spacing:-.065em;margin:0 0 16px}.packages-subtitle{color:#b4bbb2;font-size:1rem;line-height:1.5;max-width:580px;margin:0}.packages-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:24px}.package-card{position:relative;background:#ffffff05;border:1px solid rgba(222,239,215,.1);border-radius:2px;padding:32px 28px 28px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .35s cubic-bezier(.2,.75,.3,1),border-color .25s,box-shadow .25s}.package-card:hover{transform:translateY(-5px);border-color:#c8ff3759;box-shadow:0 18px 36px #00000073}.package-card.package-featured{background:linear-gradient(180deg,#c8ff370f,#141a16fa);border:1px solid rgba(200,255,55,.45);box-shadow:0 12px 32px #00000059}.package-card.package-featured:hover{border-color:#c8ff37b3;box-shadow:0 20px 42px #00000080,0 0 20px #c8ff371f}.package-badge{position:absolute;top:-12px;right:24px;background:var(--lime);color:var(--ink);font:700 .66rem DM Mono,monospace;letter-spacing:.07em;text-transform:uppercase;padding:4px 12px;border-radius:99px;box-shadow:0 3px 10px #c8ff374d}.package-card-header{margin-bottom:20px}.package-eyebrow-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.package-card .eyebrow{opacity:.75}.package-tier{font:500 .74rem DM Mono,monospace;color:var(--lime);opacity:.9}.package-title{font-size:1.55rem;font-weight:600;letter-spacing:-.04em;margin:0 0 8px;color:#fff}.package-tagline{color:#b4bbb2;font-size:.86rem;line-height:1.45;margin:0 0 18px;min-height:38px}.package-meta-row{display:flex;align-items:center}.package-timeline{display:inline-flex;align-items:center;gap:7px;font:500 .73rem DM Mono,monospace;color:#c9d2c6;background:#ffffff0d;border:1px solid rgba(255,255,255,.09);padding:5px 10px;border-radius:2px}.package-timeline svg{color:var(--lime)}.package-divider{height:1px;background:#deefd714;margin-bottom:20px}.package-features-block{flex-grow:1}.package-features-title{display:block;font:600 .7rem DM Mono,monospace;letter-spacing:.06em;text-transform:uppercase;color:#8c938a;margin-bottom:14px}.package-features-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.package-feature-item{display:flex;align-items:flex-start;gap:10px;font-size:.86rem;line-height:1.42;color:#cfd8cc}.check-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px;color:var(--lime)}.package-card-footer{margin-top:30px;padding-top:18px;border-top:1px solid rgba(255,255,255,.08)}.package-cta{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 18px;font:600 .78rem DM Mono,monospace;letter-spacing:.05em;text-transform:uppercase;border-radius:2px;transition:all .25s cubic-bezier(.2,.75,.3,1);box-sizing:border-box}.cta-secondary{background:#ffffff0a;color:#edf2e9;border:1px solid rgba(255,255,255,.18)}.cta-secondary:hover{background:#fff;color:var(--ink);border-color:#fff}.cta-primary{background:var(--lime);color:var(--ink);border:1px solid var(--lime)}.cta-primary:hover{background:#dbff60;box-shadow:0 4px 16px #c8ff3759}.cta-arrow{font-size:1rem;line-height:1;transition:transform .2s}.package-cta:hover .cta-arrow{transform:translate(2px,-2px)}.packages-note-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;padding:18px 24px;background:#ffffff06;border:1px solid rgba(222,239,215,.08);border-radius:2px;margin-top:8px}.note-eyebrow{font:700 .7rem DM Mono,monospace;color:var(--lime);letter-spacing:.06em;margin-right:10px}.note-content p{margin:0;font-size:.86rem;color:#b4bbb2;display:inline}.note-link{font:600 .76rem DM Mono,monospace;color:#fff;text-transform:uppercase;letter-spacing:.05em;display:inline-flex;align-items:center;gap:4px;transition:color .2s}.note-link:hover{color:var(--lime)}.footer{padding:65px 0 26px}.footer h2{font-size:clamp(3.3rem,7vw,7rem);line-height:.86;letter-spacing:-.075em;font-weight:400;margin:35px 0 65px}.footer h2 a{text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:9px}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:19px;color:var(--muted);font:.68rem DM Mono}.socials{display:flex;gap:18px}.socials a:hover{color:var(--ink)}@media (max-width: 700px){.wrap{padding:0 20px}.navlinks a:not(.contact){display:none}.hero{padding:67px 0}.hero-top{font-size:.58rem}.hero h1{margin:34px 0 42px;font-size:4.1rem}.hero-bottom,.section-label,.about{grid-template-columns:1fr}.scroll{display:none}.section-label{gap:18px;margin-bottom:31px}section{padding:68px 0}.packages-grid,.work-grid,.stack,.contact-grid{grid-template-columns:1fr;gap:24px}.packages-note-bar{flex-direction:column;align-items:flex-start}.modal-details-grid{grid-template-columns:1fr;gap:20px}.modal-header{padding:18px 20px}.modal-body{padding:20px}.modal-footer{padding:16px 20px}.gallery-main-view{height:240px}.contact-status-bar{flex-direction:column;align-items:flex-start;gap:10px}.cover{height:330px}.footer{padding-top:49px}.footer h2{margin:30px 0 55px;font-size:3.65rem}.footer-bottom{gap:22px;align-items:flex-start;flex-direction:column}.fact{grid-template-columns:.8fr 1.2fr}.navlinks{gap:0}.marquee-group{gap:18px;padding:13px 9px}}
