@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&display=swap');
:root{--ink:#171817;--muted:#71736e;--paper:#fafaf8;--line:#e4e5de;--accent:#dcf47e}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans','Helvetica Neue',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:3px solid #7770d8;outline-offset:6px}::selection{background:var(--accent)}.wrap{width:min(1180px,calc(100% - 96px));margin-inline:auto}.skip{position:fixed;left:20px;top:-80px;background:var(--ink);color:white;padding:15px;z-index:10}.skip:focus{top:10px}.nav{display:flex;align-items:center;justify-content:space-between;height:106px;gap:32px}.brand{font-size:24px;font-weight:700;letter-spacing:-1.1px;display:inline-flex;align-items:center;gap:10px;white-space:nowrap}.brand-dot{font-size:10px;align-self:flex-start;margin:5px 0 0 -6px}.mark{position:relative;display:inline-block;width:28px;height:28px;transform:rotate(-25deg)}.mark i{position:absolute;display:block;background:var(--ink);height:12px;width:25px;border-radius:3px;left:0;top:1px}.mark i+ i{top:15px;left:5px}.nav nav{display:flex;gap:30px;font-size:14px;font-weight:550}.nav nav a:hover{color:var(--muted)}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;border-radius:99px;background:var(--ink);color:#fff;font-size:15px;font-weight:550;padding:17px 25px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px);background:#353630}.button span{font-size:21px;line-height:1}.button.small{padding:12px 20px;font-size:13px;gap:18px}.button.light{background:#edeee9;color:var(--ink)}.button.light:hover{background:#e2e5d9}.hero{text-align:center;padding-top:75px}.eyebrow{font-size:12px;font-weight:550;letter-spacing:1.1px;text-transform:uppercase;margin:0 0 28px}.hero .eyebrow{display:flex;align-items:center;justify-content:center;gap:9px;font-size:11px;letter-spacing:1.2px}.status{display:inline-block;width:7px;height:7px;background:#738a3b;border-radius:50%}h1{font-size:clamp(56px,6.6vw,91px);line-height:1.07;letter-spacing:-5px;font-weight:550;margin:0 auto 29px}.inline-icon{display:inline-flex;align-items:center;justify-content:center;vertical-align:8%;width:.8em;height:.8em;border-radius:21%;transform:rotate(-9deg);margin:0 .03em}.chat{background:#d9e7fc;box-shadow:inset 0 -4px 8px #b7cbed}.chat svg{width:82%;fill:none;stroke:#26377c;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.spark{background:var(--accent);font-size:.94em;color:#374a21;transform:rotate(8deg);box-shadow:inset 0 -4px 8px #bdd06b}.intro{font-size:19px;line-height:1.5;color:var(--muted);margin:0 auto 30px}.mobile-break{display:none}.actions{display:flex;gap:10px;justify-content:center}.hero-bottom{display:flex;justify-content:center;gap:30px;margin-top:77px;padding:26px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:12px;color:var(--muted)}.hero-bottom span+span:before{content:'✳';margin-right:30px;color:#8e9b72}.section{padding-block:108px}h2{font-size:clamp(36px,4vw,54px);line-height:1.08;letter-spacing:-2px;font-weight:500;margin:0}.section-top{text-align:center}.section-top .eyebrow{margin-bottom:20px}.section-intro{max-width:430px;margin:24px auto 42px;color:var(--muted);line-height:1.6;font-size:16px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.service-art{height:270px;border-radius:14px;overflow:hidden;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.outreach-art{background:#eaece7}.message{background:#fff;border-radius:11px;padding:18px 15px;display:flex;align-items:center;gap:12px;width:87%;z-index:1;box-shadow:0 8px 25px #22222208}.message strong{font-size:11px;display:block;margin-bottom:7px}.message span:not(.avatar){display:block;font-size:9px;color:#878983}.message.first{transform:translate(-10px,-10px) rotate(-5deg)}.message.second{transform:translate(13px,10px) rotate(4deg)}.avatar{width:35px;height:35px;background:#e3edc9;border-radius:50%;display:grid;place-items:center;font-size:22px}.avatar.violet{background:#e8e2f4}.youtube-art{background:#e9e6f0;padding:28px}.video{width:100%;background:#27252e;color:#fff;padding:23px;border-radius:10px;position:relative;transform:rotate(-4deg);box-shadow:0 15px 25px #30253f15}.video-label{font-size:7px;letter-spacing:1.3px;color:#c2b7d3}.video strong{font-size:27px;line-height:1.1;font-weight:500;display:block;margin-top:22px;letter-spacing:-1px}.play{position:absolute;right:15px;top:75px;background:#d9c7f2;border-radius:50%;color:#24222a;width:35px;height:35px;display:grid;place-items:center;font-size:11px;padding-left:2px}.video-progress{height:3px;background:#625b6b;margin-top:26px}.video-progress i{display:block;width:40%;height:100%;background:#e8dcfb}.video-caption{font-size:10px;margin-top:25px;color:#655c75}.social-art{background:#e8efd6}.social-post{background:#fff;transform:rotate(5deg);width:72%;border-radius:10px;padding:15px;box-shadow:0 10px 28px #35421d12}.social-top{display:flex;align-items:center;font-size:9px;gap:7px}.social-top>span:last-child{margin-left:auto}.tiny-mark{display:grid;place-items:center;width:20px;height:20px;background:#1f2821;color:#fff;border-radius:50%;font-size:10px}.social-quote{background:#e1ecb8;padding:18px 12px;font-size:26px;line-height:1.05;letter-spacing:-1px;margin-block:12px}.social-quote em{font-family:Georgia,serif;font-weight:400}.social-bottom{font-size:17px}.social-bottom span{float:right}.service-text{padding:24px 3px 0}.number{float:right;font-size:11px;color:#9a9c95;margin-top:6px}h3{font-size:21px;letter-spacing:-.6px;font-weight:550;margin:0 0 15px}.service-text p{font-size:14px;line-height:1.65;color:var(--muted);margin:0 0 24px}.service-tag{font-size:11px;padding-top:14px;display:block;border-top:1px solid var(--line)}.visual-note{font-size:10px;color:#8b8d85;line-height:1.6;margin:24px 0 0}.services>.visual-note{text-align:right}.work{background:#f0f1eb}.work-head{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:42px}.work-head .eyebrow{margin-bottom:20px}.work-head>p{font-size:15px;line-height:1.7;color:var(--muted);margin:0 0 4px}.project-visual{display:block;border-radius:12px;overflow:hidden;background:#111;box-shadow:0 10px 40px #25281c13;transition:transform .25s}.project-visual:hover{transform:translateY(-4px)}.browser-bar{display:flex;justify-content:space-between;align-items:center;color:#7d8078;background:#fff;padding:15px 20px;font-size:10px}.browser-bar>div{display:flex;gap:5px}.browser-bar i{width:6px;height:6px;background:#d9dbd4;border-radius:50%}.project-visual img{display:block;width:100%;height:auto}.project-details{display:grid;grid-template-columns:1fr 1.2fr;gap:50px;margin-top:36px}.project-details h3{font-size:30px;margin-bottom:10px}.project-details h3 span{font-size:22px;margin-left:10px}.project-details p{font-size:14px;line-height:1.65;color:#70736b;margin:0}.project-details .detail-label{text-transform:uppercase;font-size:10px;letter-spacing:1.3px;color:#222;margin-bottom:10px}.tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:20px}.tags span{border:1px solid #d8dbd0;padding:7px 12px;border-radius:30px;font-size:10px}.about{display:grid;grid-template-columns:1fr 1.1fr;gap:85px;align-items:center}.about-art{background:#e7eadf;border-radius:14px;padding:34px;min-height:450px;display:flex;flex-direction:column;justify-content:space-between}.about-kicker{font-size:9px;letter-spacing:1.6px}.monogram{font-family:Georgia,serif;font-size:150px;letter-spacing:-15px;font-style:italic;position:relative;line-height:1.1;align-self:center}.monogram span{display:inline-block;color:#73916a;font-style:normal;font-size:68px;position:absolute;right:-35px;top:1px;letter-spacing:0}.about-art-bottom{font-size:16px;line-height:1.35;letter-spacing:-.5px;position:relative}.about-art-bottom>span{position:absolute;right:0;bottom:0;font-size:30px}.about-copy h2{font-size:39px;margin-bottom:28px}.about-copy>p:not(.eyebrow){font-size:14px;color:var(--muted);line-height:1.75;margin:0 0 16px}.about-copy strong{font-weight:500;color:var(--ink)}.signature{margin-top:25px;border-top:1px solid var(--line);padding-top:22px;display:flex;flex-direction:column;gap:6px;font-size:13px}.signature span+span{font-size:11px;color:var(--muted)}.contact{text-align:center;padding:75px 30px 80px;border-radius:18px;background:#edf1e3;margin-bottom:78px}.contact h2{font-size:clamp(46px,6vw,76px);letter-spacing:-3px}.contact h2>span{color:#72875c}.contact>p:not(.eyebrow){font-size:15px;color:var(--muted);margin:25px auto 27px}.email{display:block;width:fit-content;margin:19px auto 0;font-size:12px;color:#666e5c}.email:hover{text-decoration:underline}footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:25px;padding-bottom:30px}footer>.brand{font-size:20px}footer>span{font-size:11px;color:var(--muted)}footer>a:last-of-type{font-size:12px}.footer-bottom{display:flex;justify-content:space-between;width:100%;border-top:1px solid var(--line);padding-top:24px;margin-top:15px;font-size:10px;color:#878a80}@media(max-width:1000px){.wrap{width:calc(100% - 48px)}h1{letter-spacing:-3px}.service-grid{gap:14px}.message{padding:14px 9px;gap:8px}.avatar{flex-shrink:0;width:27px;height:27px}.service-art{height:240px}.youtube-art{padding:20px}.video{padding:17px}.video strong{font-size:23px}.social-quote{font-size:22px}.about{gap:40px}.about-copy h2{font-size:34px}.about-art{min-height:430px}}@media(max-width:700px){.wrap{width:calc(100% - 36px)}.nav{height:82px;gap:12px}.brand{font-size:19px;gap:7px}.mark{transform:rotate(-25deg) scale(.8);margin-right:-3px}.nav nav{display:none}.button.small{font-size:11px;padding:11px 15px;gap:8px}.hero{padding-top:50px}.hero .eyebrow{font-size:9px;letter-spacing:.7px}.hero h1{font-size:clamp(43px,9.5vw,65px);letter-spacing:-2.5px;line-height:1.12}.intro{font-size:16px;margin-bottom:26px}.mobile-break{display:block}.button{padding:15px 20px;font-size:13px;gap:15px}.hero-bottom{margin-top:51px;padding-block:20px;gap:10px;flex-direction:column;font-size:10px}.hero-bottom span+span:before{content:none}.section{padding-block:65px}h2{font-size:40px}.section-intro{font-size:15px;margin:20px auto 30px}.service-grid{grid-template-columns:1fr;gap:35px}.service-art{height:280px}.message{max-width:290px;padding:18px}.message strong{font-size:12px}.message span:not(.avatar){font-size:10px}.avatar{width:38px;height:38px}.video{max-width:275px;padding:24px}.video strong{font-size:30px}.social-post{max-width:235px}.social-quote{font-size:28px}.service-text{padding-top:20px}.service-text p{margin-bottom:15px}.services>.visual-note{text-align:left}.work-head{display:block;margin-bottom:28px}.work-head>p{margin-top:22px;font-size:13px}.project-details{grid-template-columns:1fr;gap:26px}.project-visual{border-radius:8px}.browser-bar{padding:10px 12px}.project-details h3{font-size:26px}.about{grid-template-columns:1fr;gap:35px}.about-art{min-height:330px;padding:27px}.monogram{font-size:120px}.about-copy h2{font-size:36px}.contact{padding:55px 20px;margin-bottom:48px}.contact h2{font-size:47px;letter-spacing:-2px}.contact .eyebrow{font-size:9px}.contact>p:not(.eyebrow){font-size:14px;line-height:1.6}footer{gap:20px}footer>span{width:100%;order:2}footer>a:last-of-type{margin-left:auto}.footer-bottom{order:3;gap:20px;line-height:1.5}.footer-bottom span:last-child{text-align:right}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}@media(min-width:701px){.hero h1,.hero .intro,.hero .actions{animation:arrive .65s both}.hero .intro{animation-delay:.1s}.hero .actions{animation-delay:.2s}}@keyframes arrive{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}