@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&display=swap";html{background:#171714}body{margin:0}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:3px;outline:2px solid #d8f17c}::selection{color:#171714;background:#f16e52}:root{--ink:#171714;--cream:#f2efe7;--muted:#9a988e;--line:#35352f;--coral:#f16e52;--lime:#d8f17c;--violet:#b5a8e9;--ease:cubic-bezier(.23,1,.32,1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--ink);color:var(--cream);margin:0;font-family:DM Sans,sans-serif}button,a{font:inherit;color:inherit}button{cursor:pointer}a{text-decoration:none}.site{min-height:100vh;overflow:hidden}.grain{pointer-events:none;opacity:.035;z-index:10;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%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.4'/%3E%3C/svg%3E");position:fixed;inset:0}.topbar{border-bottom:1px solid var(--line);z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#171714e8;justify-content:space-between;align-items:center;height:82px;padding:0 5vw;display:flex;position:relative}.brand{letter-spacing:.03em;align-items:center;gap:10px;font-size:12px;line-height:1.05;display:flex}.brand b{font-size:15px;font-weight:700}.brand-mark{border:1px solid var(--cream);border-radius:50%;place-items:center;width:38px;height:38px;font:500 12px DM Mono;display:grid;transform:rotate(-9deg)}.nav{gap:30px;margin-left:90px;display:flex}.nav button,.menu-btn{color:var(--muted);background:0 0;border:0;font-size:12px;transition:all .2s}.nav button:hover{color:var(--cream)}.top-actions{align-items:center;gap:18px;display:flex}.availability{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font:10px DM Mono}.availability i{background:var(--lime);border-radius:50%;width:6px;height:6px;margin-right:7px;display:inline-block}.menu-btn{display:none}.section-wrap{width:min(1180px,90vw);margin:auto}.hero{grid-template-columns:1fr 1fr;align-items:center;gap:5vw;min-height:675px;padding:75px 0 100px;display:grid}.kicker,.eyebrow{letter-spacing:.13em;text-transform:uppercase;color:var(--muted);align-items:center;gap:8px;font:10px DM Mono;display:flex}.kicker svg{color:var(--coral)}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.075em;margin:22px 0 30px;font-size:clamp(58px,8vw,112px);font-weight:600;line-height:.9}h1 em,h2 em{color:var(--coral);letter-spacing:-.045em;font-family:Playfair Display,serif;font-weight:500}.hero-lede{max-width:390px;color:var(--muted);font-size:15px;line-height:1.7}.hero-cta{align-items:center;gap:26px;margin-top:38px;display:flex}.primary{background:var(--lime);color:var(--ink);transition:transform .2s var(--ease),background .2s;border:0;justify-content:center;align-items:center;gap:10px;padding:14px 18px;font-size:12px;font-weight:700;display:inline-flex}.primary:hover{background:#e6ff98;transform:translateY(-3px)}.text-btn{color:var(--cream);background:0 0;border:0;font-size:12px}.text-btn span{color:var(--coral);margin-left:6px;font-size:18px}.hero-art{height:430px;position:relative}.art-card{position:absolute}.art-back{background:var(--coral);color:var(--ink);flex-direction:column;justify-content:space-between;width:210px;height:275px;padding:20px;display:flex;top:24px;right:55px;transform:rotate(8deg)}.art-back span{font:11px DM Mono}.art-back b{font:500 25px/1 Playfair Display}.art-front{background:var(--lime);width:315px;height:315px;color:var(--ink);align-items:flex-end;padding:24px;display:flex;bottom:6px;left:0;overflow:hidden;transform:rotate(-9deg)}.art-front>span{letter-spacing:.1em;font:10px DM Mono}.art-orbit{border:1px solid #17171477;border-radius:50%;width:220px;height:220px;position:absolute;top:45px;left:50px}.art-orbit.two{width:130px;height:280px;top:14px;left:95px;transform:rotate(45deg)}.art-star{font-size:105px;line-height:1;position:absolute;top:92px;left:97px}.hero-photo{background:var(--cream);z-index:3;width:128px;height:166px;padding:7px 7px 24px;position:absolute;bottom:24px;right:34px;transform:rotate(7deg);box-shadow:10px 12px #17171433}.hero-photo img{object-fit:cover;object-position:center 20%;filter:saturate(.78);width:100%;height:100%;display:block}.hero-photo span{color:var(--ink);letter-spacing:.05em;font:7px/1.05 DM Mono;position:absolute;bottom:6px;left:8px}.hero-stamp{border:1px solid var(--line);text-align:center;border-radius:50%;place-items:center;width:82px;height:82px;font:24px DM Mono;display:grid;position:absolute;bottom:0;right:0;transform:rotate(15deg)}.hero-stamp small{color:var(--muted);font-size:7px}.marquee{border-top:1px solid var(--line);border-bottom:1px solid var(--line);white-space:nowrap;color:var(--muted);letter-spacing:.16em;padding:15px 0;font:11px DM Mono;overflow:hidden}.marquee div{animation:24s linear infinite marquee}.marquee i{color:var(--coral);margin:0 35px;font-style:normal}@keyframes marquee{to{transform:translate(-30%)}}.work-section{padding:125px 0}.section-head{justify-content:space-between;align-items:flex-end;gap:30px;display:flex}.eyebrow{margin-bottom:15px}.section-head h2,.about-copy h2,.contact-section h2{letter-spacing:-.065em;margin-bottom:0;font-size:clamp(38px,5vw,68px);line-height:.98}.section-note{max-width:260px;color:var(--muted);font-size:13px;line-height:1.6}.filters{flex-wrap:wrap;gap:8px;margin:55px 0 24px;display:flex}.filters button{border:1px solid var(--line);color:var(--muted);background:0 0;padding:10px 14px;font:10px DM Mono;transition:all .2s}.filters button:hover,.filters button.active{background:var(--cream);color:var(--ink);border-color:var(--cream)}.project-grid{grid-template-columns:repeat(2,1fr);gap:34px 24px;display:grid}.project-card{text-align:left;color:var(--cream);background:0 0;border:0;padding:0}.project-visual{height:355px;transition:transform .35s var(--ease);padding:18px;position:relative;overflow:hidden}.project-card:hover .project-visual{transform:scale(.98)}.project-card.lime .project-visual{background:var(--lime);color:var(--ink)}.project-card.coral .project-visual{background:var(--coral);color:var(--ink)}.project-card.violet .project-visual{background:var(--violet);color:var(--ink)}.project-card.yellow .project-visual{color:var(--ink);background:#e9bf60}.project-number{font:11px DM Mono}.visual-label{float:right;text-transform:uppercase;font:10px DM Mono}.visual-symbol{font-family:Playfair Display;font-size:210px;font-style:italic;position:absolute;top:50%;left:50%;transform:translate(-50%,-45%)}.project-meta{justify-content:space-between;align-items:flex-start;margin-top:15px;display:flex}.project-meta p{color:var(--muted);margin-bottom:7px;font:10px DM Mono}.project-meta h3{letter-spacing:-.04em;margin:0;font-size:23px}.round-arrow{border:1px solid var(--line);border-radius:50%;place-items:center;width:35px;height:35px;transition:all .2s;display:grid}.project-card:hover .round-arrow{background:var(--cream);color:var(--ink)}.project-desc{color:var(--muted);max-width:450px;margin:12px 0;font-size:13px;line-height:1.5}.tag-row{flex-wrap:wrap;gap:6px;display:flex}.tag-row span{border:1px solid var(--line);color:var(--muted);padding:6px 8px;font:9px DM Mono}.about-section{border-top:1px solid var(--line);grid-template-columns:.9fr 1fr;align-items:center;gap:11vw;padding:125px 0;display:grid}.about-image{background:#25251f;height:450px;position:relative;overflow:hidden}.portrait-shape{background:var(--violet);width:270px;height:370px;color:var(--ink);border-radius:48% 52% 42% 58%;place-items:center;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-45%)rotate(8deg)}.portrait-shape img{object-fit:cover;object-position:center 22%;filter:saturate(.82)contrast(1.03);width:100%;height:100%;display:block}.image-caption{color:var(--muted);font:9px DM Mono;position:absolute;bottom:18px;left:18px}.about-copy>p:not(.eyebrow){color:var(--muted);max-width:480px;font-size:14px;line-height:1.7}.stat-row{gap:45px;margin:40px 0 28px;display:flex}.stat-row b{color:var(--coral);font:30px Playfair Display;display:block}.stat-row span{color:var(--muted);margin-top:5px;font:9px DM Mono;display:block}.skill-list{flex-wrap:wrap;gap:7px;display:flex}.skill-list span{border:1px solid var(--line);color:var(--muted);align-items:center;gap:5px;padding:7px 9px;font:9px DM Mono;display:flex}.skill-list svg{color:var(--lime)}.services-section{border-top:1px solid var(--line);padding:125px 0}.service-grid{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin-top:60px;display:grid}.service-grid article{border-right:1px solid var(--line);min-height:260px;padding:25px 22px 20px 0}.service-grid article+article{padding-left:22px}.service-grid article:last-child{border-right:0}.service-icon{color:var(--coral);margin-bottom:38px}.service-grid article>span{color:var(--muted);font:10px DM Mono}.service-grid h3{margin:12px 0;font-size:22px}.service-grid p{color:var(--muted);max-width:250px;font-size:13px;line-height:1.6}.service-grid a{align-items:center;gap:6px;margin-top:10px;font:10px DM Mono;display:inline-flex}.contact-section{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:12vw;padding:125px 0;display:grid}.contact-copy{max-width:370px;color:var(--muted);margin-top:30px;font-size:14px;line-height:1.7}.contact-links{color:var(--muted);flex-direction:column;gap:13px;margin-top:35px;font:11px DM Mono;display:flex}.contact-links a,.contact-links span{align-items:center;gap:9px;display:flex}.contact-links svg{color:var(--coral)}form{flex-direction:column;gap:18px;display:flex}form label{color:var(--muted);flex-direction:column;gap:8px;font:10px DM Mono;display:flex}input,textarea{border:1px solid var(--line);color:var(--cream);background:#20201c;outline:0;padding:13px;font:13px DM Sans}textarea{resize:vertical;min-height:105px}input:focus,textarea:focus{border-color:var(--coral)}form .primary{align-self:flex-start}.form-success{color:var(--lime);font:10px DM Mono}.site>footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;padding:25px 5vw;font:10px DM Mono;display:flex}.site>footer>div{align-items:center;gap:18px;display:flex}.site>footer b{color:var(--coral)}.modal-backdrop{z-index:30;background:#000b;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:var(--cream);color:var(--ink);width:100%;max-width:500px;padding:20px 26px 30px;position:relative}.modal-close{color:var(--ink);background:0 0;border:0;position:absolute;top:15px;right:15px}.modal-visual{height:180px;color:var(--ink);flex-direction:column;justify-content:space-between;margin-bottom:28px;padding:16px;display:flex}.modal-visual.lime{background:var(--lime)}.modal-visual.coral{background:var(--coral)}.modal-visual.violet{background:var(--violet)}.modal-visual.yellow{background:#e9bf60}.modal-visual b{font:32px Playfair Display}.modal-visual i{font:10px DM Mono}.modal h2{margin:0 0 12px;font:38px Playfair Display}.modal>p:not(.eyebrow){color:#57574f;font-size:14px;line-height:1.6}.modal .primary{margin-top:25px}@media (width<=760px){.topbar{height:68px;padding:0 5vw}.nav{background:var(--ink);border-bottom:1px solid var(--line);flex-direction:column;gap:20px;padding:18px 5vw;display:none;position:absolute;top:68px;left:0;right:0}.nav.open{display:flex}.availability{display:none}.menu-btn{display:block}.hero{grid-template-columns:1fr;min-height:610px;padding:65px 0 90px}.hero-art{height:290px;margin-top:15px}.art-back{width:145px;height:190px;right:15px}.art-back b{font-size:18px}.art-front{width:215px;height:215px}.art-star{font-size:75px;top:67px;left:67px}.art-orbit{width:150px;height:150px;top:28px;left:32px}.art-orbit.two{width:95px;height:190px;top:6px;left:60px}.hero-photo{width:92px;height:122px;bottom:10px;right:8px}.hero-stamp{width:63px;height:63px;font-size:18px}.section-head{display:block}.section-note{margin-top:20px}.work-section,.about-section,.services-section,.contact-section{padding:85px 0}.project-grid{grid-template-columns:1fr;gap:45px}.project-visual{height:300px}.about-section{grid-template-columns:1fr;gap:45px}.about-image{height:330px}.service-grid{grid-template-columns:1fr;margin-top:40px}.service-grid article,.service-grid article+article{border-right:0;border-bottom:1px solid var(--line);min-height:0;padding:25px 0}.service-grid article:last-child{border-bottom:0}.contact-section{grid-template-columns:1fr;gap:50px}.site>footer{flex-wrap:wrap;gap:18px}.site>footer>div{width:100%}h1{font-size:63px}.filters{margin-top:35px}}@media (prefers-reduced-motion:no-preference){.hero-copy{animation:rise .8s var(--ease)}.hero-art{animation:rise .9s .1s var(--ease) both}}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}:root{--muted:#b3b1a6}.project-shot{object-fit:cover;object-position:top;width:100%;height:100%;position:absolute;inset:0}.project-number,.visual-label{z-index:2;color:var(--cream);background:#171714cc;border-radius:4px;padding:4px 8px;position:relative}.modal-shot{object-fit:cover;object-position:top;width:100%;height:240px;margin-bottom:24px;display:block}.modal-actions{flex-wrap:wrap;gap:10px;margin-top:25px;display:flex}.modal .modal-actions .primary{margin-top:0}.modal .primary.alt{background:var(--ink);color:var(--cream)}.repo-soon{color:#57574f;align-self:center;font:11px DM Mono}.hero-stamp,.image-caption{display:none}.about-copy h2{margin-bottom:24px}.primary.wa{margin-top:26px}.nav button,.menu-btn{font-size:13px}.kicker,.eyebrow,.availability,.project-meta p,.filters button,.tag-row span,.skill-list span,.contact-links,.service-grid a{font-size:11px}form label{font-size:12px}.site>footer{font-size:11px}.art-card.art-back,.art-card.art-front{background:var(--ink);border:1px solid #fff2;padding:0;display:block;box-shadow:0 18px 40px #0007}.art-card img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.art-card.art-back{width:230px;height:290px;top:10px;right:40px}@media (width<=760px){.art-card.art-back{width:150px;height:200px;top:0;right:12px}}.lang-btn{color:inherit;cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:999px;margin-right:8px;padding:6px 11px;font:11px DM Mono,monospace}.lang-btn:hover{background:var(--cream,#f2efe7);color:#171714}