@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;0,700;1,500;1,600&display=swap";:root{color:#262a25;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-optical-sizing:auto;--ink:#262a25;--muted:#7c7e74;--line:#deddd5;--green:#475a48;--paper:#f7f5f0;background:#f7f5f0;font-family:DM Sans,sans-serif;font-weight:400}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit;text-decoration:none}.wrap,.section-wrap{width:min(1120px,100% - 80px);margin:0 auto}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:83px;display:flex}.wordmark{letter-spacing:-2px;font-family:Playfair Display,serif;font-size:25px;font-weight:700}.wordmark span{vertical-align:top;letter-spacing:0;margin-left:3px;font:9px DM Sans,sans-serif}nav{color:#595c54;align-items:center;gap:38px;font-size:12px;display:flex}nav a{transition:color .2s}.nav-contact{color:var(--ink);align-items:center;gap:7px;display:flex}.hero{grid-template-columns:1.05fr .95fr;align-items:center;min-height:570px;padding:65px 0 78px;display:grid;position:relative}.hero-copy{padding:0 0 15px 6.5%}.eyebrow,.section-kicker{letter-spacing:1.65px;color:#797d71;font-size:9px;font-weight:700}.eyebrow{align-items:center;gap:10px;margin-bottom:29px;display:flex}.status-dot{background:#849573;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #e7e9df}h1,h2,p{margin-top:0}h1,h2{letter-spacing:-1.7px;font-family:Playfair Display,serif;font-weight:500}h1{margin:0 0 23px;font-size:clamp(48px,6vw,76px);line-height:1.05}h1 em,h2 em,.note-band em{color:#a96f5b;font-weight:500}.intro{color:#6f7169;max-width:380px;margin-bottom:25px;font-size:14px;line-height:1.9}.intro strong{color:var(--ink);font-weight:600}.text-link{border-bottom:1px solid #b8b8ae;align-items:center;gap:9px;padding-bottom:7px;font-size:11px;font-weight:600;transition:color .2s;display:inline-flex}.hero-art{background:#e9e6dc;justify-self:center;width:100%;max-width:420px;height:420px;position:relative;overflow:hidden}.sun{background:#e5c9a7;border-radius:50%;width:177px;height:177px;position:absolute;top:36px;right:67px}.portrait{width:260px;height:340px;position:absolute;bottom:-7px;left:50%;transform:translate(-50%)}.face{z-index:2;background:#b87959;border-radius:48%/39% 39% 55% 55%;width:111px;height:144px;position:absolute;top:92px;left:76px}.hair{z-index:3;background:#3c302a;border-radius:60% 48% 32% 34%;width:129px;height:116px;position:absolute;top:68px;left:68px;transform:rotate(-5deg)}.hair:after{content:"";background:#3c302a;border-radius:20px;width:31px;height:104px;position:absolute;top:62px;left:97px;transform:rotate(-6deg)}.face:before{content:"";background:#3c302a;border-radius:70% 45% 20% 10%;width:91px;height:38px;position:absolute;top:-7px;left:9px;transform:rotate(-8deg)}.eye{z-index:4;background:#392b25;border-radius:50%;width:5px;height:3px;position:absolute;top:72px}.left-eye{left:29px}.right-eye{right:27px}.nose{border-right:1px solid #965e47;width:9px;height:20px;position:absolute;top:75px;left:55px;transform:rotate(13deg)}.smile{border-bottom:1px solid #6e4138;border-radius:50%;width:22px;height:8px;position:absolute;top:105px;left:45px}.neck{z-index:1;background:#a9684d;width:48px;height:48px;position:absolute;top:215px;left:108px}.shirt{z-index:4;background:#718072;border-radius:45% 45% 0 0;width:207px;height:135px;position:absolute;top:244px;left:31px}.art-note{z-index:5;letter-spacing:.5px;color:#50574b;font-size:9px;line-height:1.6;position:absolute}.note-top{top:27px;left:27px}.note-top svg{vertical-align:middle;margin-left:2px}.note-bottom{letter-spacing:1.2px;font-size:8px;bottom:18px;left:20px}.vertical-label{writing-mode:vertical-rl;letter-spacing:1.6px;color:#6f7068;font-size:8px;position:absolute;top:50%;right:16px}.hero-index{letter-spacing:1.4px;color:#888a80;font-size:8px;position:absolute;bottom:25px;left:0}.hero-index span{color:#b07a67;margin:0 8px}.about{border-top:1px solid var(--line);padding:81px 0 91px}.about-content{grid-template-columns:1.15fr .85fr;align-items:center;gap:10%;margin-top:35px;display:grid}.about h2,.work h2,.footer h2{margin:0;font-size:clamp(39px,5vw,59px);line-height:1.15}.about-text{color:#6d7067;max-width:390px;font-size:13px;line-height:1.85}.about-text p{margin-bottom:14px}.location{letter-spacing:1px;color:#71776a;align-items:center;gap:8px;margin-top:23px;font-size:9px;font-weight:700;display:flex}.work{border-top:1px solid var(--line);padding:79px 0 98px}.work-heading{justify-content:space-between;align-items:end;margin-bottom:35px;display:flex}.work h2{margin-top:21px}.work-heading>.text-link{margin-bottom:9px}.project-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.project-art{justify-content:center;align-items:center;height:255px;display:flex;position:relative;overflow:hidden}.peach{background:#edddd0}.sage{background:#dce2d5}.blue{background:#d8e1e2}.project-number{letter-spacing:1px;color:#666a60;font-size:8px;position:absolute;top:16px;left:17px}.project-mark{color:#b27a60;font-family:Playfair Display,serif;font-size:116px;line-height:1}.sage .project-mark{color:#798a72;font-size:150px;font-weight:500}.blue .project-mark{color:#71898a;font-family:DM Sans,sans-serif;font-size:95px}.project-arrow{color:#4f594b;background:#f7f5f0b8;border-radius:50%;place-items:center;width:34px;height:34px;display:grid;position:absolute;bottom:14px;right:14px}.project-meta{justify-content:space-between;align-items:center;padding:15px 1px;display:flex}.project-meta h3{margin:0 0 5px;font-size:13px;font-weight:600}.project-meta p{color:#888a80;margin:0;font-size:10px}.note-band{background:#e9e7dc;padding:62px 0}.note-inner{width:min(1120px,100% - 80px);margin:auto;position:relative}.note-band p{letter-spacing:-.5px;margin:20px 0 0;font:500 clamp(27px,4vw,42px)/1.35 Playfair Display,serif}.note-star{color:#a1a58e;font-size:48px;position:absolute;top:12px;right:14%}.footer{padding:77px 0 24px}.footer-main{justify-content:space-between;align-items:end;padding:27px 0 75px;display:flex}.footer h2{font-size:clamp(42px,6vw,68px)}.email-link{border-bottom:1px solid #b8b8ae;align-items:center;gap:10px;padding:0 0 10px;font-size:12px;font-weight:600;display:flex}.footer-bottom{border-top:1px solid var(--line);grid-template-columns:1fr 2fr 1fr 1fr;align-items:center;padding-top:20px;display:grid}.footer-bottom>span,.back-top{letter-spacing:1px;color:#85877d;font-size:8px}.socials{justify-content:center;gap:15px;display:flex}.back-top{text-align:right}@media (width<=760px){.wrap,.section-wrap,.note-inner{width:calc(100% - 42px)}.topbar{height:69px}nav{gap:16px;font-size:10px}nav a:nth-child(2){display:none}.hero{grid-template-columns:1fr;gap:38px;padding:48px 0 60px}.hero-copy{padding:0}.hero-art{justify-self:center;max-width:390px;height:360px}.portrait{transform-origin:bottom;transform:translate(-50%)scale(.88)}.hero-index{bottom:17px}.about{padding:61px 0}.about-content{grid-template-columns:1fr;gap:24px;margin-top:27px}.work{padding:61px 0 69px}.work-heading{flex-direction:column;align-items:start;gap:15px}.work-heading>.text-link{margin:0}.project-grid{grid-template-columns:1fr;gap:12px}.project-art{height:260px}.project{width:100%;max-width:500px;margin:auto}.note-band{padding:49px 0}.note-star{top:0;right:4%}.footer{padding-top:61px}.footer-main{flex-direction:column;align-items:start;gap:28px;padding:24px 0 52px}.footer-bottom{grid-template-columns:1fr 1fr;gap:19px}.footer-bottom>span{text-align:right;grid-column:2}.socials{justify-content:start}.back-top{grid-area:2/2}.email-link{font-size:11px}}@media (width<=380px){.nav-contact{gap:3px}.hero-art{height:320px}.project-art{height:220px}}:root{color:#f4f7ff;--ink:#f4f7ff;--muted:#9aa7c4;--line:#1c2747;--green:#287bff;--paper:#050817;background:#050817}body{color:var(--ink);background:radial-gradient(at 50% -18%,#111d43 0%,#070b1a 45%,#050817 80%)}.topbar{border-color:var(--line)}.wordmark{letter-spacing:-1.8px;color:#f8faff;font-family:DM Sans,sans-serif}.wordmark span{color:#27baff}nav{color:#aab5d0}nav a:hover,.text-link:hover{color:#8c68ff}.nav-contact{color:#f4f7ff}.eyebrow,.section-kicker{color:#aab6d1}.status-dot{background:#20c5ff;box-shadow:0 0 0 4px #102548,0 0 14px #168bff}h1 em,h2 em,.note-band em{color:#0000;background:linear-gradient(100deg,#24bfff 5%,#426dff 52%,#9451ff 100%);-webkit-background-clip:text;background-clip:text}.intro{color:#a4aec6}.intro strong{color:#f4f7ff}.text-link{border-color:#35466e}.hero-art{background:radial-gradient(circle at 50% 35%,#111c43,#080d20 72%);border:1px solid #263865;box-shadow:inset 0 0 50px #050817}.sun{background:linear-gradient(135deg,#16baff,#245dff 52%,#673cff);box-shadow:0 0 55px #174fff55}.face{background:#a7b8dd}.hair,.face:before{background:#11172b}.eye{background:#081022}.nose{border-color:#7186bd}.smile{border-color:#53689c}.neck{background:#899fcf}.shirt{background:linear-gradient(120deg,#169cf4,#315dff 55%,#743fff)}.art-note{color:#aebde0}.note-bottom span{color:#26baff}.vertical-label,.hero-index{color:#8191b5}.hero-index span{color:#8b62ff}.about,.work{border-color:var(--line)}.about-text{color:#a4aec6}.location{color:#9caed2}.project-art{background:linear-gradient(145deg,#101c3a,#0a1025);border:1px solid #1c2c50}.project-number{color:#97a8cc}.project-mark{color:#28bfff}.sage .project-mark{color:#477dff}.blue .project-mark{color:#945cff}.project-arrow{color:#8dbdff;background:#111b36}.project-meta p{color:#91a0bf}.project-meta>svg{color:#8395ba}.footer-bottom{border-color:var(--line)}.footer-bottom>span,.back-top{color:#8392b0}.socials a{color:#a3b2d2}.email-link{border-color:#35466e}.email-link svg:first-child{color:#27baff}::selection{color:#fff;background:#345dff}.hero-art{place-items:center;display:grid}.landscape-mark{filter:drop-shadow(0 14px 34px #235bff55);width:min(88%,360px);height:auto;overflow:visible}.sun{display:none}@media (width<=760px){.landscape-mark{width:min(88%,330px)}}.tech-stack{border-top:1px solid var(--line);padding:78px 0 88px}.stack-heading{justify-content:space-between;align-items:end;gap:30px;margin:28px 0 34px;display:flex}.stack-heading h2{margin:0;font-size:clamp(39px,5vw,59px);line-height:1.15}.stack-heading p{color:#a4aec6;max-width:330px;margin:0 0 5px;font-size:13px;line-height:1.9}.stack-list{border-top:1px solid #26375f;border-bottom:1px solid #26375f;grid-template-columns:repeat(3,1fr);display:grid}.stack-item{background:linear-gradient(130deg,#0c142d,#080d20);border-right:1px solid #26375f;align-items:center;gap:17px;min-height:100px;padding:18px 22px;display:flex}.stack-item:last-child{border-right:0}.stack-number,.stack-type{letter-spacing:1.4px;color:#8191b5;font-size:8px}.stack-icon{color:#35baff;flex:none;width:25px;height:25px}.apple-icon{color:#d7e4ff}.react-icon{color:#55d8ff}.stack-item strong{color:#f4f7ff;font-size:18px;font-weight:600}.stack-type{color:#35baff;margin-left:auto}@media (width<=760px){.tech-stack{padding:61px 0 69px}.stack-heading{flex-direction:column;align-items:start;gap:16px;margin:27px 0}.stack-list{grid-template-columns:1fr}.stack-item{border-bottom:1px solid #26375f;border-right:0;min-height:76px;padding:14px 17px}.stack-item:last-child{border-bottom:0}}.project.is-current .project-art{border-color:#387eff;box-shadow:inset 0 0 45px #245bff26,0 0 24px #246bff20}.project-status{z-index:1;color:#82d8ff;letter-spacing:1.2px;background:#0c1833;border:1px solid #3d70cb;padding:8px 10px;font-size:8px;font-weight:700;position:absolute;top:14px;right:14px}.project.is-current .project-mark{color:#37c5ff;text-shadow:0 0 35px #347cff9c}.project.is-current .project-meta h3{color:#8bd9ff}.current-label{color:#58baff;letter-spacing:.7px;font-size:8px;font-weight:700}@media (width<=760px){nav a:nth-child(2){display:block}}