:root{--paper: #FDFBF6;--mint: #EAF6F2;--ink: #0E2E2B;--ink-soft: #45615D;--teal: #0E9B94;--teal-deep:#0B6862;--aqua: #BFE9E1;--coral: #FF5D73;--coral-soft:#FFE3E7;--marigold: #FFB52E;--marigold-soft:#FFF0D4;--lilac: #9D8DF1;--purple: #8B5CF6;--purple-soft: #EFE9FE;--lavender: #F4F0FC;--pink: #EC5FAF;--pink-soft:#FCE9F4;--card: #FFFFFF;--radius: 26px;--shadow-sm: 0 2px 10px rgba(14, 46, 43, .06);--shadow-md: 0 14px 40px -12px rgba(14, 46, 43, .16);--display: "DM Sans", "Avenir Next", "Trebuchet MS", sans-serif;--body: "Inter", "Helvetica Neue", Arial, sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--body);background:var(--paper);color:var(--ink);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}::selection{background:var(--marigold);color:var(--ink)}img,svg{display:block}a{color:inherit}.wrap{width:min(1180px,92vw);margin-inline:auto}.eyebrow{display:inline-flex;align-items:center;gap:.5rem;font-size:.78rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--purple)}.eyebrow:before{content:"";width:26px;height:3px;border-radius:2px;background:linear-gradient(90deg,var(--purple),var(--pink))}h1,h2,h3{font-family:var(--display);line-height:1.05;letter-spacing:-.025em}h2.section-title{font-size:clamp(2rem,4.4vw,3.2rem);font-weight:700;margin:.7rem 0 1rem;max-width:18ch}.section-head{margin-bottom:clamp(2rem,5vw,3.5rem)}.section-head p.lede{color:var(--ink-soft);max-width:52ch;font-size:1.05rem}section{padding:clamp(4rem,9vw,7.5rem) 0;position:relative}.btn{display:inline-flex;align-items:center;gap:.6rem;font-family:var(--body);font-weight:600;font-size:.95rem;padding:.95rem 1.7rem;border-radius:999px;text-decoration:none;cursor:pointer;border:2px solid transparent;transition:transform .25s ease,box-shadow .25s ease,background .25s ease,color .25s ease}.btn-primary{background:var(--teal);color:#fff;box-shadow:0 10px 26px -8px #0e9b948c}.btn-primary:hover{transform:translateY(-3px);background:var(--teal-deep)}.btn-ghost{border-color:var(--ink);color:var(--ink);background:transparent}.btn-ghost:hover{background:var(--ink);color:var(--paper);transform:translateY(-3px)}.btn .arr{transition:transform .25s ease}.btn:hover .arr{transform:translate(4px)}header{position:fixed;inset:0 0 auto;z-index:50;transition:background .3s ease,box-shadow .3s ease}header.scrolled{background:#fdfbf6db;backdrop-filter:blur(12px);box-shadow:var(--shadow-sm)}.nav{display:flex;align-items:center;justify-content:space-between;padding:1.1rem 0}.logo{text-decoration:none;display:flex;align-items:center}.logo img{height:72px;width:auto;display:block}footer .logo img{height:48px}@media(max-width:640px){.logo img{height:60px}}.nav-links{display:flex;gap:2.1rem;list-style:none;align-items:center}.nav-links a:not(.btn){text-decoration:none;font-weight:500;font-size:.94rem;color:var(--ink-soft);position:relative;padding-bottom:3px}.nav-links a:not(.btn):after{content:"";position:absolute;left:0;bottom:0;height:2.5px;width:0;border-radius:2px;background:var(--coral);transition:width .3s ease}.nav-links a:not(.btn):hover{color:var(--ink)}.nav-links a:not(.btn):hover:after{width:100%}.nav .btn{padding:.65rem 1.3rem;font-size:.88rem}.burger{display:none;background:none;border:0;cursor:pointer;padding:.4rem}.burger span{display:block;width:24px;height:2.5px;background:var(--ink);margin:5px 0;border-radius:2px;transition:.3s}.hero{min-height:100svh;display:flex;align-items:center;padding:7.5rem 0 4rem;position:relative;background:radial-gradient(circle at 82% 12%,rgba(191,233,225,.55),transparent 36%),radial-gradient(circle at 8% 88%,rgba(255,227,231,.5),transparent 30%),var(--paper)}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:3rem;align-items:center}.hero-eyebrow{display:inline-flex;align-items:center;gap:.55rem;background:var(--pink-soft);color:var(--pink);font-weight:600;font-size:.92rem;padding:.45rem 1.1rem;border-radius:999px}.hero h1{font-size:clamp(2.7rem,6vw,4.7rem);font-weight:700;margin:1.3rem 0 1.4rem}.hero h1 .felt{font-style:italic;font-weight:800;position:relative;white-space:nowrap;display:inline-block;line-height:1;padding:.02em .12em .16em 0;background:linear-gradient(100deg,var(--pink),var(--purple));-webkit-background-clip:text;background-clip:text;color:transparent}.hero h1 .felt svg{position:absolute;left:0;bottom:-.02em;width:100%;height:.32em;overflow:visible}.hero h1 .felt path{fill:none;stroke:var(--marigold);stroke-width:7;stroke-linecap:round;stroke-dasharray:320;stroke-dashoffset:320;animation:draw 1s ease forwards 1s}@keyframes draw{to{stroke-dashoffset:0}}.hero .sub{color:var(--ink-soft);font-size:1.12rem;max-width:46ch;margin-bottom:2.2rem}.hero-ctas{display:flex;gap:1rem;flex-wrap:wrap;align-items:center}.hero-meta{display:flex;gap:2.6rem;margin-top:3rem}.hero-meta .m b{font-family:var(--display);font-size:1.6rem;font-weight:700;display:block}.hero-meta .m span{font-size:.85rem;color:var(--ink-soft)}.rise{opacity:0;transform:translateY(26px);animation:rise .8s cubic-bezier(.2,.7,.2,1) forwards}@keyframes rise{to{opacity:1;transform:none}}.hero-visual{position:relative;aspect-ratio:.92;max-width:520px;justify-self:end;width:100%}.hero-visual:before{content:"";position:absolute;inset:11% 6% 9% 7%;border-radius:28px;background:linear-gradient(140deg,var(--teal-deep),var(--teal) 60%,var(--aqua));transform:rotate(3.5deg);z-index:0}.hero-visual:after{content:"";position:absolute;width:76px;height:76px;border-radius:50%;background:var(--marigold);opacity:.9;bottom:5%;left:1%;z-index:0}.canvas-card{position:absolute;inset:9% 6% 7% 8%;display:flex;align-items:center;justify-content:center;background:transparent;overflow:visible;z-index:1}.canvas-card:after{content:"";position:absolute;inset:-8%;background:radial-gradient(ellipse 62% 64% at 50% 44%,#fdfbf6b8 26%,#fdfbf600 64%);z-index:0}.canvas-card img{position:relative;z-index:1;width:100%;height:100%;object-fit:cover;object-position:center 16%;-webkit-mask-image:radial-gradient(ellipse 78% 80% at 50% 42%,#000 36%,rgba(0,0,0,.55) 58%,rgba(0,0,0,.1) 78%,transparent 93%);mask-image:radial-gradient(ellipse 78% 80% at 50% 42%,#000 36%,rgba(0,0,0,.55) 58%,rgba(0,0,0,.1) 78%,transparent 93%)}.float-chip{position:absolute;background:#fff;border-radius:16px;box-shadow:var(--shadow-md);padding:.7rem 1rem;display:flex;align-items:center;gap:.6rem;font-size:.82rem;font-weight:600;animation:floaty 5.5s ease-in-out infinite;z-index:10}.float-chip .dot{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;flex:none}.chip-a{top:7%;left:-4%;animation-delay:.4s}.chip-a .dot{background:var(--coral-soft)}.chip-b{bottom:12%;right:-5%;animation-delay:1.4s}.chip-b .dot{background:var(--marigold-soft)}.chip-c{bottom:-2%;left:10%;animation-delay:2.3s;flex-direction:column;align-items:flex-start;gap:.45rem;min-width:168px}.chip-c .bar-mini{width:100%;height:7px;border-radius:4px;background:var(--mint);overflow:hidden}.chip-c .bar-mini i{display:block;height:100%;width:86%;border-radius:4px;background:linear-gradient(90deg,var(--teal),var(--purple),var(--pink))}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-13px)}}.confetti{position:absolute;pointer-events:none;animation:floaty 7s ease-in-out infinite}.spin{animation:spinny 16s linear infinite}@keyframes spinny{to{transform:rotate(360deg)}}.scroll-cue{position:absolute;right:3vw;bottom:7rem;writing-mode:vertical-rl;font-size:.75rem;letter-spacing:.3em;text-transform:uppercase;color:var(--ink-soft);display:flex;align-items:center;gap:.8rem}.scroll-cue:after{content:"";width:1px;height:48px;background:var(--ink-soft);animation:cue 2s ease-in-out infinite}@keyframes cue{50%{transform:scaleY(.4);transform-origin:top}}#services{background:var(--mint)}.svc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.4rem;position:relative}.svc{background:var(--card);border-radius:var(--radius);padding:2.1rem 1.7rem;box-shadow:var(--shadow-sm);transition:transform .35s ease,box-shadow .35s ease;position:relative;overflow:hidden}.svc:hover{transform:translateY(-8px) rotate(-.5deg);box-shadow:var(--shadow-md)}.svc .icon{width:60px;height:60px;border-radius:50%;display:grid;place-items:center;margin-bottom:1.4rem;transition:transform .35s ease}.svc:hover .icon{transform:rotate(-8deg) scale(1.08)}.svc h3{font-size:1.18rem;font-weight:600;margin-bottom:.6rem}.svc p{font-size:.92rem;color:var(--ink-soft)}.svc:after{content:"";position:absolute;right:-22px;top:-22px;width:70px;height:70px;border-radius:50%;opacity:.14;background:var(--accent, var(--teal))}.svc-1{--accent: var(--teal)}.svc-1 .icon{background:#0e9b9424;color:var(--teal)}.svc-2{--accent: var(--coral)}.svc-2 .icon{background:var(--coral-soft);color:var(--coral)}.svc-3{--accent: var(--marigold)}.svc-3 .icon{background:var(--marigold-soft);color:#c77f00}.svc-4{--accent: var(--lilac)}.svc-4 .icon{background:#9d8df129;color:var(--lilac)}.filters{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:2.4rem}.filters button{font-family:var(--body);font-weight:600;font-size:.85rem;padding:.55rem 1.25rem;border-radius:999px;cursor:pointer;border:1.5px solid rgba(14,46,43,.18);background:transparent;color:var(--ink-soft);transition:all .25s ease}.filters button:hover{border-color:var(--ink);color:var(--ink)}.filters button.active{background:var(--ink);border-color:var(--ink);color:var(--paper)}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.6rem}.proj{text-decoration:none;border-radius:var(--radius);overflow:hidden;background:var(--card);box-shadow:var(--shadow-sm);transition:transform .35s ease,box-shadow .35s ease,opacity .4s ease;display:flex;flex-direction:column}.proj.hide{display:none}.proj:hover{transform:translateY(-8px);box-shadow:var(--shadow-md)}.cover{aspect-ratio:4 / 2.9;position:relative;overflow:hidden;display:flex;align-items:flex-end;padding:1.4rem}.cover .word{font-family:var(--display);font-weight:700;line-height:.95;font-size:clamp(1.7rem,2.6vw,2.2rem);position:relative;z-index:2}.cover .deco{position:absolute;inset:0;transition:transform .6s ease}.proj:hover .cover .deco{transform:scale(1.07) rotate(1deg)}.cover .go{position:absolute;top:1.1rem;right:1.1rem;z-index:3;width:42px;height:42px;border-radius:50%;background:#ffffffeb;display:grid;place-items:center;color:var(--ink);opacity:0;transform:translateY(8px) rotate(-20deg);transition:all .35s ease}.proj:hover .go{opacity:1;transform:none}.proj-body{padding:1.25rem 1.4rem 1.5rem}.proj-body .tags{display:flex;gap:.45rem;margin-bottom:.55rem;flex-wrap:wrap}.proj-body .tag{font-size:.68rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:.28rem .7rem;border-radius:999px;background:var(--mint);color:var(--teal-deep)}.proj-body h3{font-size:1.22rem;font-weight:600}.proj-body p{font-size:.9rem;color:var(--ink-soft);margin-top:.35rem}.cv-peakcade{background:linear-gradient(150deg,#0e2e2b,#134e4a)}.cv-peakcade .word{color:#fff}.cv-peakaboo{background:linear-gradient(140deg,#bfe9e1,#0e9b94)}.cv-peakaboo .word{color:var(--ink)}.cv-poketopia{background:linear-gradient(145deg,#ffb52e,#ff8c42)}.cv-poketopia .word{color:var(--ink)}.cv-wetree{background:linear-gradient(150deg,#1e7d6b,#6cc9a6)}.cv-wetree .word{color:#fff}.cv-mastercard{background:linear-gradient(150deg,#fff4e4,#ffe0c2)}.cv-mastercard .word{color:var(--ink)}.cv-cookin{background:linear-gradient(145deg,#ff5d73,#ff9770)}.cv-cookin .word{color:#fff}.cv-daikin{background:linear-gradient(155deg,#d6f1ef,#8fd7d2)}.cv-daikin .word{color:var(--ink)}.cv-nationwide{background:linear-gradient(150deg,#ffe3e7,#ffb3c0)}.cv-nationwide .word{color:var(--ink)}.cv-dayton{background:linear-gradient(150deg,#c9c2f5,#9d8df1)}.cv-dayton .word{color:#fff}#archive{background:var(--lavender)}.arch-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.6rem;position:relative}#archive .tag{background:var(--purple-soft);color:var(--purple)}.cv-aa{background:linear-gradient(150deg,#c4dcf5,#5b8fd9)}.cv-aa .word{color:var(--ink)}.cv-zipcar{background:linear-gradient(150deg,#5fa84e,#2e6b33)}.cv-zipcar .word{color:#fff}.cv-nch{background:linear-gradient(150deg,#ffe8d9,#ffbe92)}.cv-nch .word{color:var(--ink)}.cv-lennox{background:linear-gradient(150deg,#2e5e5a,#11302e)}.cv-lennox .word{color:#fff}.cv-lennoxres{background:linear-gradient(150deg,#fff3da,#ffd78f)}.cv-lennoxres .word{color:var(--ink)}.cv-xpresso{background:linear-gradient(150deg,#6f4e37,#38271d)}.cv-xpresso .word{color:#fff}.cv-hackley{background:linear-gradient(150deg,#2e7d5b,#173f2e)}.cv-hackley .word{color:#fff}.cv-utd{background:linear-gradient(150deg,#1e6b4f,#154734)}.cv-utd .word{color:#fff}.cv-chaperone{background:linear-gradient(150deg,#f7f1e2,#e8dcc2)}.cv-chaperone .word{color:var(--ink)}.cv-coloring{background:linear-gradient(150deg,#fff,#f0ebfa)}.cv-coloring .word{color:var(--ink)}.cv-canvas{background:linear-gradient(140deg,var(--purple),var(--pink) 55%,var(--marigold))}.cv-canvas .word{color:#fff}.quote-band{background:radial-gradient(circle at 12% 20%,rgba(139,92,246,.35),transparent 42%),radial-gradient(circle at 88% 85%,rgba(236,95,175,.28),transparent 40%),var(--ink);color:var(--paper);text-align:center;overflow:hidden}.quote-band .wrap{position:relative}.quote-band blockquote{font-family:var(--display);font-weight:500;font-size:clamp(1.7rem,4vw,3rem);line-height:1.25;max-width:22ch;margin:0 auto}.quote-band blockquote .hl{color:var(--marigold);font-style:italic}.quote-band cite{display:block;margin-top:1.6rem;font-size:.9rem;color:#fdfbf699;font-style:normal;letter-spacing:.15em;text-transform:uppercase}.about-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(2.5rem,6vw,5rem);align-items:start}.about-copy p{color:var(--ink-soft);margin-bottom:1.1rem;font-size:1.02rem}.about-copy p b{color:var(--ink)}.facts{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.6rem}.fact{font-size:.85rem;font-weight:500;padding:.5rem 1rem;border-radius:999px;background:#fff;border:1.5px solid rgba(14,46,43,.12);transition:transform .25s ease,border-color .25s ease}.fact:hover{transform:rotate(-2deg) scale(1.04);border-color:var(--coral)}.skills{background:#fff;border-radius:var(--radius);padding:2.2rem;box-shadow:var(--shadow-sm)}.skills h3{font-size:1.1rem;font-weight:600;margin-bottom:1.6rem;display:flex;align-items:center;gap:.6rem}.skills h3:after{content:"";flex:1;height:1.5px;background:#0e2e2b1a}.skill{margin-bottom:1.45rem}.skill .row{display:flex;justify-content:space-between;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.skill .row span:last-child{color:var(--teal-deep)}.bar{height:9px;border-radius:6px;background:var(--mint);overflow:hidden}.bar i{display:block;height:100%;width:0;border-radius:6px;background:linear-gradient(90deg,var(--teal),var(--purple),var(--pink));transition:width 1.3s cubic-bezier(.2,.7,.2,1)}.skills.inview .bar i{width:var(--w)}.cta-band{background:linear-gradient(130deg,var(--teal-deep) 0%,var(--teal) 48%,var(--purple) 130%);color:#fff;overflow:hidden}.cta-inner{position:relative;text-align:center;padding:1rem 0}.cta-inner h2{font-size:clamp(2rem,4.6vw,3.4rem);font-weight:600;max-width:20ch;margin:0 auto 1rem}.cta-inner p{color:#ffffffd1;margin-bottom:2.2rem}.cta-inner .btn-primary{background:var(--paper);color:var(--ink);box-shadow:0 14px 34px -10px #00000059}.cta-inner .btn-primary:hover{background:var(--marigold)}.cta-inner .btn-ghost{border-color:#fff9;color:#fff}.cta-inner .btn-ghost:hover{background:#ffffff24;color:#fff}.cta-band .squig{position:absolute;opacity:.35}footer{padding:2.6rem 0}.foot{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap}.foot .links{display:flex;gap:1.6rem;list-style:none}.foot .links a{text-decoration:none;font-size:.9rem;color:var(--ink-soft)}.foot .links a:hover{color:var(--coral)}.foot small{color:var(--ink-soft);font-size:.82rem}.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}.reveal.in{opacity:1;transform:none}.stagger>*{opacity:0;transform:translateY(28px);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.7,.2,1)}.stagger.in>*{opacity:1;transform:none}.stagger.in>*:nth-child(2){transition-delay:.1s}.stagger.in>*:nth-child(3){transition-delay:.2s}.stagger.in>*:nth-child(4){transition-delay:.3s}.stagger.in>*:nth-child(5){transition-delay:.4s}.stagger.in>*:nth-child(6){transition-delay:.5s}@media(max-width:980px){.hero-grid{grid-template-columns:1fr;gap:4rem}.hero-visual{justify-self:center;max-width:430px}.svc-grid,.work-grid,.arch-grid{grid-template-columns:repeat(2,1fr)}.about-grid{grid-template-columns:1fr}.scroll-cue{display:none}}@media(max-width:640px){.nav-links{position:fixed;inset:0;background:var(--paper);flex-direction:column;justify-content:center;gap:2rem;font-size:1.25rem;transform:translate(100%);transition:transform .35s ease}.nav-links.open{transform:none}.burger{display:block;position:relative;z-index:60}.burger.open span:nth-child(1){transform:translateY(7.5px) rotate(45deg)}.burger.open span:nth-child(2){opacity:0}.burger.open span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}.svc-grid,.work-grid,.arch-grid{grid-template-columns:1fr}.hide-sm{display:none}.hero-meta{gap:1.6rem}.float-chip{display:none}.chip-c{display:flex;left:4%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}.reveal,.stagger>*{opacity:1;transform:none}.skills .bar i{width:var(--w)}}