@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800&display=swap";:root{--ink:#0b0b0d;--paper:#fff;--muted:#77757d;--gradient:linear-gradient(110deg,#9b5cff 0%,#f6579d 52%,#ff9a45 100%);color:var(--ink);background:var(--paper);font-synthesis:none;font-family:Montserrat,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:#fff;min-width:320px;margin:0}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font:inherit}.wrap{width:min(1180px,100% - 48px);margin-inline:auto}.site-header{z-index:50;background:#fff;justify-content:space-between;align-items:center;height:118px;padding:0 max(36px,50vw - 650px);display:flex;position:relative}.brand img{object-fit:contain;width:72px;height:48px}.site-header nav{letter-spacing:.15em;align-items:center;gap:42px;font-size:.76rem;font-weight:600;display:flex}.site-header nav a{padding:14px 0;position:relative}.site-header nav a:after{content:"";background:var(--gradient);height:2px;transition:all .25s;position:absolute;bottom:6px;left:0;right:100%}.site-header nav a:hover:after,.site-header nav a.active:after{right:0}.menu-button{background:0 0;border:0;width:42px;height:42px;padding:10px;display:none}.menu-button span{background:#111;width:24px;height:2px;margin:6px 0;transition:all .25s;display:block}.hero{background:var(--ink);color:#fff;text-align:center;place-items:center;min-height:725px;padding:78px 24px 125px;display:grid}.hero-inner{width:min(1040px,100%)}.hero h1{letter-spacing:-.055em;margin:0 auto 32px;font-size:clamp(3rem,6.1vw,5.45rem);font-weight:700;line-height:1.02}.hero h1 span{background:var(--gradient);color:#0000;-webkit-background-clip:text;background-clip:text}.hero p{max-width:850px;margin:0 auto 42px;font-size:clamp(1rem,1.6vw,1.28rem);line-height:1.7}.button{letter-spacing:.03em;border-radius:0;justify-content:center;align-items:center;min-height:58px;padding:0 34px;font-size:.9rem;font-weight:600;transition:transform .25s,box-shadow .25s;display:inline-flex}.button:hover{transform:translateY(-3px)}.button-gradient{background:var(--gradient);color:#fff;border-radius:14px;box-shadow:0 14px 36px #d950ad33}.button-dark{color:#fff;letter-spacing:.18em;background:#151518;font-size:.72rem}.hero-photo{margin-top:-65px}.hero-photo img{aspect-ratio:1.8;object-fit:cover;border-radius:24px;width:100%}.projects-section{padding:145px 0}.section-title{text-align:center;max-width:820px;margin:0 auto 85px}.section-title>span,.eyebrow,.page-hero>span,.case-title>span,.case-meta span,.media-section>span,.media-section .wrap>span,.impact-section>div>span{letter-spacing:.2em;color:#85828b;font-size:.7rem;font-weight:500}.section-title h2{letter-spacing:-.035em;margin:22px 0;font-size:clamp(2rem,4vw,3.45rem);font-weight:300;line-height:1.22}.project-stack{gap:155px;display:grid}.project-card{grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);align-items:center;gap:74px;display:grid}.project-card.reverse{grid-template-columns:minmax(320px,.65fr) minmax(0,1.35fr)}.project-card.reverse .project-art{order:2}.project-card.reverse .project-copy{order:1}.project-art{background:var(--gradient);padding:7%}.project-art img{aspect-ratio:1.57;object-fit:cover;width:100%;box-shadow:0 20px 45px #00000021}.project-copy h3{letter-spacing:-.04em;margin:18px 0;font-size:clamp(2rem,3.5vw,3.35rem);font-weight:400}.project-copy p{color:#737179;margin:0 0 32px;line-height:1.8}.about-section{color:#fff;background:#050506;padding:120px 0}.about-grid{grid-template-columns:1fr 1fr;align-items:center;gap:78px;display:grid}.about-collage{grid-template-columns:1.55fr 1fr;align-items:end;gap:42px;display:grid}.about-collage img{object-fit:cover;border-radius:18px;width:100%;height:310px}.about-collage .about-small{height:245px}.gradient-label{background:var(--gradient);letter-spacing:.08em;border-radius:6px;padding:14px 18px;font-size:.78rem;font-weight:700;display:inline-block}.about-copy h2{margin:26px 0 35px;font-size:clamp(2rem,3.2vw,3rem);line-height:1.22}.scribble{border-bottom:2px solid #fff;border-radius:50%;height:28px;margin-bottom:35px;transform:rotate(-1deg)}.about-columns{grid-template-columns:1fr 1fr;gap:44px;display:grid}.about-columns p{margin:0;font-size:1.05rem;line-height:1.6}.about-wide{object-fit:cover;border-radius:20px;grid-column:1/-1;width:100%;max-height:620px;margin-top:30px}.skills-section{padding:135px 0}.skills-grid{grid-template-columns:repeat(5,1fr);gap:22px;display:grid}.skill-tile{aspect-ratio:1;background:#f4f3f5;border-radius:18px;place-items:center;padding:24px;transition:all .25s;display:grid}.skill-tile:hover{transform:translateY(-7px);box-shadow:0 20px 40px #0000001a}.skill-tile img{object-fit:contain;width:78%;height:78%}.page-hero{flex-direction:column;justify-content:center;min-height:490px;padding:110px max(24px,50vw - 590px);display:flex}.page-hero h1,.case-title h1{letter-spacing:-.06em;margin:22px 0;font-size:clamp(3.5rem,8vw,7.7rem);font-weight:700;line-height:.98}.dark-hero,.photo-hero{color:#fff;background:#08080a}.photo-hero{background:linear-gradient(110deg,#0d0d11f0,#0d0d119e),url(/assets/photo-01.jpg) 50%/cover;min-height:590px}.photo-hero a{text-underline-offset:6px;width:max-content;margin-top:18px;text-decoration:underline}.project-list{padding:120px 0}.project-row{border-bottom:1px solid #ddd;grid-template-columns:1.1fr .9fr;align-items:center;gap:70px;padding:50px 0;display:grid}.project-row:nth-child(2n) .project-row-image{order:2}.project-row-image{overflow:hidden}.project-row-image img{aspect-ratio:1.45;object-fit:cover;width:100%;transition:all .5s}.project-row:hover img{transform:scale(1.025)}.project-row-copy>span{color:#888;letter-spacing:.16em;font-size:.68rem}.project-row-copy h2{letter-spacing:-.045em;margin:18px 0;font-size:clamp(2.1rem,4vw,4rem);line-height:1.05}.project-row-copy p{color:#737179;line-height:1.7}.project-row-copy b{letter-spacing:.16em;border-bottom:1px solid;margin-top:22px;font-size:.7rem;display:inline-block}.photo-grid{columns:3 280px;column-gap:20px;padding:100px 0 140px}.photo{cursor:zoom-in;background:#eee;border:0;width:100%;margin:0 0 20px;padding:0;display:block;overflow:hidden}.photo img{width:100%;transition:all .45s}.photo:hover img{transform:scale(1.025)}.lightbox{z-index:100;background:#000000f0;place-items:center;padding:50px;display:grid;position:fixed;inset:0}.lightbox img{object-fit:contain;max-width:min(1100px,94vw);max-height:88vh}.lightbox button{color:#fff;cursor:pointer;background:0 0;border:0;font-size:3rem;position:absolute;top:20px;right:30px}.resume-hero{min-height:360px;padding-bottom:60px}.resume-hero h1{max-width:1050px;font-size:clamp(3rem,6.5vw,6.5rem)}.resume-section{text-align:center;padding:30px 0 120px}.resume-section img{width:min(1000px,100%);margin:0 auto 45px;box-shadow:0 25px 70px #0000001f}.case-title{padding:100px 0 55px}.case-title h1{max-width:1060px}.case-cover img{object-fit:cover;width:100%;max-height:820px}.case-meta{border-bottom:1px solid #ddd;grid-template-columns:1fr 220px;gap:90px;padding-top:70px;padding-bottom:100px;display:grid}.case-meta p{margin:15px 0 0;font-size:1.05rem;line-height:1.75}.case-section{padding:110px 0}.case-section.dark-section{color:#fff;background:#08080a}.case-section-inner{gap:65px;display:grid}.case-text{grid-template-columns:.7fr 1.3fr;gap:70px;display:grid}.case-text h2,.impact-section h2,.media-section h2{letter-spacing:-.05em;margin:0;font-size:clamp(2.4rem,5vw,5rem);line-height:1.02}.case-text p,.impact-section p,.media-section p{color:#666;margin:0 0 22px;font-size:1rem;line-height:1.8}.dark-section .case-text p,.dark-section p{color:#c8c6cc}.case-section img{object-fit:contain;width:100%;max-height:1000px}.impact-section{background:var(--gradient);color:#fff;padding:110px 0}.impact-section>div>span{color:#fff}.impact-section h2{max-width:880px;margin:22px 0 70px}.impact-grid{border-top:1px solid #ffffff73;border-bottom:1px solid #ffffff73;grid-template-columns:repeat(3,1fr);margin-bottom:38px;display:grid}.impact-grid div{padding:35px}.impact-grid div+div{border-left:1px solid #ffffff73}.impact-grid b{font-size:.75rem}.impact-grid h3{font-size:1.5rem}.impact-section p{color:#fff;max-width:850px}.media-section{padding:110px 0}.media-section>p,.media-section .wrap>p{max-width:760px}.media-section h2{margin:20px 0 35px}.rabbit{width:min(650px,100%);margin:50px auto}.video-frame{background:#111;margin-top:50px;padding-top:56.25%;position:relative}.video-frame iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.video-grid{grid-template-columns:1fr 1fr;gap:28px;display:grid}.video-grid .video-frame{margin-top:35px}footer{color:#fff;text-align:center;background:#0b0b0d;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:200px;padding:45px 20px;display:flex}footer img{filter:invert();width:52px}footer p{letter-spacing:.08em;color:#aaa;font-size:.78rem}footer a{color:#fff}@media (width<=900px){.site-header{height:96px;padding:0 24px}.menu-button{z-index:2;display:block;position:relative}.site-header nav{background:#fff;flex-direction:column;align-items:flex-start;gap:10px;padding:110px 32px 35px;transition:all .35s;display:flex;position:absolute;top:0;left:0;right:0;transform:translateY(-110%);box-shadow:0 18px 40px #0000001f}.site-header nav.is-open{transform:translateY(0)}.menu-button.is-open span:first-child{transform:translateY(4px)rotate(45deg)}.menu-button.is-open span:last-child{transform:translateY(-4px)rotate(-45deg)}.hero{min-height:650px;padding-top:70px}.project-card,.project-card.reverse{grid-template-columns:1fr;gap:42px}.project-card.reverse .project-art,.project-card.reverse .project-copy{order:initial}.about-grid,.about-columns{grid-template-columns:1fr}.skills-grid{grid-template-columns:repeat(3,1fr)}.project-row{grid-template-columns:1fr;gap:35px}.project-row:nth-child(2n) .project-row-image{order:initial}.case-meta{grid-template-columns:1fr;gap:32px}.case-text{grid-template-columns:1fr;gap:28px}.video-grid,.impact-grid{grid-template-columns:1fr}.impact-grid div+div{border-top:1px solid #ffffff73;border-left:0}}@media (width<=560px){.wrap{width:min(100% - 28px,1180px)}.brand img{width:58px}.hero{min-height:630px;padding:60px 18px 105px}.hero h1{font-size:2.85rem}.hero p{font-size:.96rem}.hero-photo{margin-top:-50px}.hero-photo img{aspect-ratio:1.15;border-radius:14px}.projects-section{padding:95px 0}.section-title{margin-bottom:55px}.section-title h2{font-size:2.1rem}.project-stack{gap:95px}.project-art{padding:4%}.project-copy h3{font-size:2.25rem}.about-section{padding:85px 0}.about-grid{gap:45px}.about-collage{gap:14px}.about-collage img{border-radius:12px;height:210px}.about-collage .about-small{height:170px}.skills-section{padding:90px 0}.skills-grid{grid-template-columns:repeat(2,1fr);gap:12px}.page-hero{min-height:410px}.page-hero h1,.case-title h1{font-size:3.3rem}.project-list{padding:65px 0}.project-row{padding:38px 0}.photo-grid{columns:2 140px;column-gap:10px;padding-top:60px}.photo{margin-bottom:10px}.case-title{padding:65px 0 35px}.case-meta{padding:45px 0 65px}.case-section,.media-section{padding:75px 0}.lightbox{padding:22px}.impact-section{padding:80px 0}.about-wide{border-radius:12px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
