@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";
:root{--paper:#f8f6f0;--ink:#262b29;--muted:#737870;--line:#dedfd5;--green:#354d3e;--orange:#d4794e;--serif:Georgia,"Times New Roman",serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:DM Sans,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--orange);outline-offset:6px}::selection{background:#edceb3}header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:25px;height:100px;margin:0 6%;display:flex}.logo{letter-spacing:-1.5px;white-space:nowrap;font-family:Manrope,sans-serif;font-size:25px;font-weight:800}.logo span{margin-left:4px;font-weight:400}.logo i{background:var(--orange);border-radius:50%;width:6px;height:6px;margin-left:4px;display:inline-block}nav{gap:35px;font-size:12px;display:flex}nav a:hover,.text-link:hover{color:var(--orange)}.button{background:var(--green);color:#fffdf5;border-radius:5px;justify-content:center;align-items:center;padding:17px 26px;font-size:13px;font-weight:500;transition:background .2s,transform .2s;display:inline-flex}.button:hover{background:#243b2d;transform:translateY(-2px)}.button.small{padding:12px 23px;font-size:12px}.menu-toggle{display:none}.hero{grid-template-columns:1.1fr 1fr;align-items:center;column-gap:25px;padding:65px 6% 0;display:grid;position:relative;overflow:hidden}.eyebrow{letter-spacing:1.8px;color:#6d7568;text-transform:uppercase;margin:0 0 25px;font-size:9px;font-weight:600;line-height:1.8}.status-dot,.note-dot{background:var(--orange);vertical-align:middle;border-radius:50%;width:6px;height:6px;margin-right:7px;display:inline-block}h1{letter-spacing:-4px;margin:0 0 25px;font-family:Manrope,sans-serif;font-size:clamp(48px,5.4vw,90px);font-weight:500;line-height:1.09}em{font-family:var(--serif);color:var(--green);font-weight:400}.hero-intro{color:var(--muted);margin-bottom:29px;font-size:15px;line-height:1.85}.hero-actions{align-items:center;gap:24px;display:flex}.text-link{border-bottom:1px solid #aaaf9f;padding:9px 0;font-size:12px}.experience{border-top:1px solid var(--line);align-items:center;gap:17px;max-width:440px;margin-top:40px;padding-top:26px;display:flex}.experience>strong{font-family:var(--serif);font-size:45px;font-weight:400;line-height:1}.experience>div{font-size:12px;font-weight:500}.experience span{color:var(--muted);max-width:260px;margin-top:5px;font-size:10px;font-weight:400;line-height:1.7;display:block}.character-stage{perspective:1000px;--rx:0deg;--ry:0deg;min-width:0;padding:15px 10px 30px;position:relative}.character-frame{transform:rotateX(var(--rx)) rotateY(var(--ry));background:#f4f0e7;border-radius:48% 48% 8px 8px;transition:transform .3s ease-out;position:relative;overflow:hidden;box-shadow:0 25px 60px #62523a08}.hero-character{aspect-ratio:4/5;object-fit:cover;width:100%;height:auto;display:block}.hello-note{text-align:center;font-family:var(--serif);color:#47563e;font-size:23px;font-style:italic;position:absolute;top:30px;left:30px;right:30px}.hello-note span{letter-spacing:.5px;color:#6c7566;margin-top:7px;font-family:DM Sans,sans-serif;font-size:9px;font-style:normal;display:block}.character-caption{text-align:center;letter-spacing:1.3px;color:#817c6f;font-size:7px;position:absolute;bottom:15px;left:0;right:0}.floating-note{background:#fffdf8;border:1px solid #e6e4da;padding:18px 22px;font-size:11px;line-height:1.9;animation:6s ease-in-out infinite float;position:absolute;bottom:90px;right:-20px;transform:rotate(4deg);box-shadow:0 10px 30px #4d49280a}.floating-note b{margin-left:13px;font-weight:500}.hero-foot{border-top:1px solid var(--line);letter-spacing:1.5px;color:var(--muted);grid-column:1/-1;justify-content:space-between;margin-top:35px;padding:26px 0;font-size:8px;display:flex}.chapter-nav{background:var(--paper);border-top:1px solid var(--line);border-bottom:1px solid var(--line);z-index:10;justify-content:center;gap:65px;padding:20px;display:flex;position:sticky;top:0;box-shadow:0 5px 15px #262b2903}.chapter-nav a{color:var(--muted);font-size:11px;transition:color .2s}.chapter-nav a span{color:#9da18f;margin-right:12px;font-size:9px}.chapter-nav a.active{color:var(--green);font-weight:700}.chapter-nav a.active span{color:var(--orange)}.section{padding:110px 8%}.about{grid-template-columns:.85fr 1.15fr;align-items:center;gap:11%;display:grid}.portrait{position:relative}.portrait img{aspect-ratio:4/5;object-fit:cover;object-position:center 50%;border-radius:4px;width:100%;height:auto}.photo-note{text-align:center;font-family:var(--serif);background:#f2e8d6;padding:18px 12px;font-size:15px;font-style:italic;position:absolute;bottom:-18px;left:20px;right:20px;transform:rotate(-3deg);box-shadow:0 5px 10px #60513308}h2{letter-spacing:-2.3px;margin:0 0 25px;font-family:Manrope,sans-serif;font-size:clamp(34px,3.6vw,58px);font-weight:500;line-height:1.15}.about p:not(.eyebrow){color:var(--muted);font-size:14px;line-height:1.9}.about p.lead{color:var(--ink);margin:28px 0 20px;font-size:17px;line-height:1.7}.personal-sign{flex-direction:column;gap:14px;margin-top:28px;display:flex}.personal-sign>span{font-family:var(--serif);color:var(--green);font-size:25px;font-style:italic}.personal-sign a{text-underline-offset:5px;color:var(--muted);font-size:10px;text-decoration:underline}.work{background:#eeeee5}.section-heading{justify-content:space-between;align-items:end;gap:35px;margin-bottom:48px;display:flex}.section-heading h2{margin-bottom:0}.section-heading>p{color:var(--muted);max-width:330px;margin:0;font-size:13px;line-height:1.9}.project-list{flex-direction:column;gap:22px;display:flex}.project{background:var(--paper);border:1px solid #dfe1d4;border-radius:6px;grid-template-columns:.8fr 1.2fr;display:grid;overflow:hidden}.project-cover{background:#dcd7ea;justify-content:center;align-items:center;min-height:285px;padding:25px;display:flex;position:relative;overflow:hidden}.project-cover:before,.project-cover:after{content:"";border:1px solid #fff6;border-radius:50%;width:220px;height:220px;position:absolute;top:-50px;right:-80px}.project-cover:after{width:280px;height:280px;top:auto;bottom:-150px;left:-70px}.project-number{letter-spacing:1px;opacity:.6;font-size:9px;position:absolute;top:23px;left:25px}.project-letter{letter-spacing:-10px;text-shadow:5px 8px #fff4;color:#514467;font-family:Manrope,sans-serif;font-size:110px;font-weight:600;transition:transform .5s;transform:rotate(-7deg)}.project:hover .project-letter{transform:rotate(0)translateY(-6px)}.cover-label{font-size:11px;font-weight:500;position:absolute;bottom:23px;left:25px}.green .project-cover{background:#d3dfcd}.green .project-letter{color:#3e5946}.sand .project-cover{background:#e6d9c3}.sand .project-letter{color:#7e694e;font-family:var(--serif);font-weight:400}.blue .project-cover{background:#d4dee3}.blue .project-letter{color:#426576}.orange .project-cover{background:#eac4a1}.orange .project-letter{color:#704c34}.project-copy{padding:35px 40px}.project-copy .eyebrow{margin-bottom:15px;font-size:8px}.project h3{letter-spacing:-.7px;max-width:490px;margin:0 0 16px;font-size:24px;font-weight:500;line-height:1.4}.project-copy>p:not(.eyebrow){color:var(--muted);max-width:480px;font-size:12px;line-height:1.9}.project details{border-top:1px solid var(--line);margin-top:20px;padding-top:14px;font-size:11px}.project summary{cursor:pointer;justify-content:space-between;gap:12px;list-style:none;display:flex}.project summary::-webkit-details-marker{display:none}.project summary:after{content:"+";font-size:15px}.project details[open] summary:after{content:"−"}.project-detail{color:var(--muted);padding-top:18px;line-height:1.8}.project-detail span{color:var(--green);font-weight:600}.work-note{text-align:center;color:var(--muted);margin:28px 0 0;font-size:9px;line-height:1.7}.services{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;gap:10%;display:grid}.services-list article{border-bottom:1px solid var(--line);gap:22px;margin:0 0 25px;padding:0 0 25px;display:flex}.services-list article:last-child{border:0;margin:0;padding:0}.services-list article>span{color:var(--orange);padding-top:5px;font-size:9px}.services h3{letter-spacing:-.5px;margin:0 0 12px;font-size:20px;font-weight:500}.services-list p{color:var(--muted);margin:0;font-size:13px;line-height:1.8}.process-layout{border:1px solid var(--line);border-radius:6px;grid-template-columns:.6fr 1.4fr;display:grid;overflow:hidden}.process-tabs{background:#efeee5;flex-direction:column;padding:20px;display:flex}.process-tabs button{text-align:left;cursor:pointer;color:var(--muted);background:0 0;border:0;border-radius:4px;align-items:center;padding:23px 18px;font-size:15px;display:flex}.process-tabs button[aria-selected=true]{background:var(--green);color:#fff}.process-tabs button>span{opacity:.6;margin-right:20px;font-size:9px}.process-tabs i{opacity:0;background:currentColor;border-radius:50%;width:5px;height:5px;margin-left:auto}.process-tabs button[aria-selected=true] i{opacity:1}.process-panel{min-height:345px;padding:50px;position:relative;overflow:hidden}.process-panel .eyebrow{font-size:8px;position:relative}.process-panel h3{font-family:var(--serif);letter-spacing:-1px;margin:0 0 20px;font-size:35px;font-weight:400;position:relative}.process-panel>p:not(.eyebrow){max-width:530px;color:var(--muted);font-size:13px;line-height:1.85;position:relative}.step-watermark{font-family:var(--serif);opacity:.035;font-size:180px;position:absolute;top:-20px;right:15px}.outcome{border-top:1px solid var(--line);margin-top:25px;padding-top:20px}.outcome span{letter-spacing:1.2px;color:var(--orange);font-size:8px}.outcome p{color:var(--green);margin:10px 0 0;font-size:12px}.trust-row{grid-template-columns:repeat(3,1fr);gap:40px;margin-top:50px;display:grid}.trust-row span{color:var(--orange);font-size:9px}.trust-row h3{margin:15px 0 10px;font-size:15px;font-weight:500;line-height:1.5}.trust-row p{color:var(--muted);font-size:12px;line-height:1.85}.toolkit{border-top:1px solid var(--line);align-items:center;gap:30px;margin-top:40px;padding-top:25px;display:flex}.toolkit span{letter-spacing:1px;color:var(--muted);font-size:8px}.toolkit p{color:var(--muted);font-size:11px}.contact{background:#e6eadf;grid-template-columns:.8fr 1.2fr;align-items:center;gap:10%;display:grid;overflow:hidden}.contact-portrait{border-radius:50% 50% 8px 8px;max-height:350px;overflow:hidden;transform:rotate(-4deg);box-shadow:0 15px 40px #354d3e08}.contact-portrait img{width:100%;height:auto;margin-top:-25px;display:block}.contact h2{font-size:clamp(45px,5.3vw,80px)}.contact-copy>p:not(.eyebrow){color:#697463;max-width:430px;margin-bottom:30px;font-size:14px;line-height:1.85}.contact-note{color:#737e6a;margin-top:18px;font-size:9px;line-height:1.8;display:block}footer{justify-content:space-between;align-items:center;gap:20px;padding:35px 6%;display:flex}footer p,footer>span,footer>a:last-child{color:var(--muted);font-size:9px}.reveal{opacity:0;transition:opacity .8s,transform .8s;transform:translateY(22px)}.reveal.visible{opacity:1;transform:none}@keyframes float{50%{transform:translateY(-8px)rotate(2deg)}}@media (min-width:1600px){main{max-width:1800px;margin:auto}}@media (max-width:1050px){header{margin:0 5%}.hero{padding:50px 5% 0}.hero-actions{gap:15px}.hero-actions .text-link{font-size:10px}h1{letter-spacing:-3px}.section{padding:80px 6%}.about{gap:7%}.floating-note{padding:13px;bottom:50px;right:-10px}.hello-note{font-size:19px;top:22px}.hero-intro{font-size:13px}.experience span{max-width:200px}.project-copy{padding:28px}.process-panel{padding:35px}.chapter-nav{gap:40px}}@media (max-width:760px){header{gap:15px;height:80px}.logo{font-size:23px}header>.button{margin-left:auto}.menu-toggle{color:var(--ink);background:0 0;border:0;padding:10px 0;font-size:11px;display:block}nav{background:var(--paper);z-index:20;border-bottom:1px solid var(--line);padding:25px 6%;display:none;position:absolute;top:80px;left:0;right:0}nav.open{justify-content:space-between;display:flex}.hero{grid-template-columns:1fr;padding-top:45px}.hero .eyebrow{letter-spacing:1.3px;font-size:8px}h1{font-size:clamp(48px,9vw,68px)}.hero-intro{font-size:14px}.hero-actions .text-link{font-size:11px}.experience{max-width:100%;margin-top:30px}.experience span{max-width:100%}.character-stage{width:min(440px,100%);margin:25px auto 0;padding:0 10px 15px}.hero-character{object-fit:cover;max-height:500px}.floating-note{bottom:65px;right:0}.hello-note{top:26px}.hero-foot{gap:20px;margin-top:20px;font-size:7px;line-height:1.8}.hero-foot>span:last-child{text-align:right;max-width:160px}.chapter-nav{justify-content:space-around;gap:0;padding:18px 8px}.chapter-nav a{font-size:9px}.chapter-nav a span{margin-right:5px;font-size:8px}.section{padding:65px 6%}.about{grid-template-columns:1fr;gap:50px}.portrait{width:85%;max-width:330px;margin:0 auto}.about-copy{max-width:530px;margin:auto}.about-copy h2{font-size:36px}.section-heading{margin-bottom:30px;display:block}.section-heading>p{margin-top:22px}.project{grid-template-columns:1fr}.project-cover{min-height:240px}.project-copy{padding:28px}.project h3{font-size:23px}.services{grid-template-columns:1fr;gap:35px}.process-layout{grid-template-columns:1fr}.process-tabs{flex-direction:row;gap:4px;padding:8px}.process-tabs button{flex:1;justify-content:center;padding:16px 4px;font-size:10px}.process-tabs button>span,.process-tabs i{display:none}.process-panel{min-height:360px;padding:30px 25px}.process-panel h3{font-size:29px}.trust-row{grid-template-columns:1fr;gap:15px;margin-top:35px}.trust-row>div{border-bottom:1px solid var(--line);padding-bottom:15px}.toolkit{display:block}.toolkit p{line-height:1.9}.contact{grid-template-columns:1fr;gap:40px}.contact-portrait{border-radius:50%;width:180px;height:180px;margin:0 auto}.contact-portrait img{margin-top:-6px}.contact-copy{text-align:center}.contact-copy>p:not(.eyebrow){margin-left:auto;margin-right:auto}.contact h2{font-size:54px}footer{flex-wrap:wrap;gap:20px;padding:30px 6%}footer .logo{width:45%}footer p{text-align:right;width:45%}footer>a:last-child{margin-left:auto}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.reveal{opacity:1;transform:none}.character-frame{transform:none}}.character-frame{padding-top:65px}.hello-note{top:18px}.hero-character{object-fit:contain}.character-caption{bottom:10px}.reading-progress{z-index:40;pointer-events:none;height:3px;position:fixed;top:0;left:0;right:0}.reading-progress>div{background:var(--orange);transform-origin:0;height:100%;transform:scaleX(0)}.button{cursor:pointer;border:0}.portrait-toggle{white-space:nowrap;color:var(--green);cursor:pointer;background:#fffdf3ef;border:1px solid #ded8c9;border-radius:30px;padding:10px 15px;font-size:10px;position:absolute;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 3px 15px #3331}.portrait-toggle:hover{background:#fff}.hero-character.real-portrait{object-fit:cover;object-position:50% 43%}.work-toolbar{justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px;display:flex}.filter-buttons{flex-wrap:wrap;gap:8px;display:flex}.filter-buttons button,.service-options button{font:inherit;color:var(--green);cursor:pointer;background:0 0;border:1px solid #cbd1c3;border-radius:30px;padding:11px 18px;font-size:11px;transition:background .2s,color .2s}.filter-buttons button[aria-pressed=true],.service-options button[aria-pressed=true]{background:var(--green);color:#fff;border-color:var(--green)}.work-toolbar>span{color:var(--muted);white-space:nowrap;font-size:10px}.project-cover{font:inherit;color:inherit;cursor:pointer;text-align:left;border:0;width:100%}.cover-invite{opacity:.6;border-bottom:1px solid;padding-bottom:3px;font-size:9px;position:absolute;bottom:22px;right:20px}.project-open{color:var(--green);font:inherit;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #b2bca6;margin-top:8px;padding:10px 0;font-size:11px}.project-enter{animation:.45s both project-in}.project-dialog{border:1px solid var(--line);background:var(--paper);width:min(640px,100vw - 36px);max-height:85dvh;color:var(--ink);overscroll-behavior:contain;border-radius:10px;padding:38px;box-shadow:0 30px 100px #172a1940}.project-dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#17251de0}.project-dialog[open]{animation:.25s project-in}.dialog-top{justify-content:space-between;align-items:center;gap:20px;margin-bottom:35px;display:flex}.dialog-top .eyebrow{margin:0;font-size:8px}.dialog-top button{cursor:pointer;color:var(--green);background:0 0;border:1px solid #cbd1c3;border-radius:25px;padding:9px 17px;font-size:11px}.dialog-category{color:var(--muted);margin-bottom:12px;font-size:10px}.project-dialog h2{margin:0 0 25px;font-size:40px}.project-dialog h3{letter-spacing:-.5px;font-size:21px;font-weight:500;line-height:1.4}.project-dialog>p:not(.dialog-category){color:var(--muted);font-size:13px;line-height:1.85}.design-focus{background:#e9eddf;border-radius:5px;margin:25px 0 18px;padding:22px}.design-focus>span{letter-spacing:1.5px;font-size:8px}.design-focus p{margin-bottom:0;font-size:14px;line-height:1.7}.focus-chips{flex-wrap:wrap;gap:8px;margin-bottom:28px;display:flex}.focus-chips span{border:1px solid #d4d8ca;border-radius:20px;padding:7px 12px;font-size:10px}.project-starter{text-align:left;background:#f8f9f2;border:1px solid #d0d8c6;border-radius:8px;grid-column:1/-1;width:100%;max-width:750px;margin:30px auto 0;padding:35px}.starter-top{letter-spacing:1.3px;color:var(--muted);justify-content:space-between;font-size:8px;display:flex}.starter-progress{background:#e1e6d9;border-radius:3px;height:3px;margin:18px 0 28px;overflow:hidden}.starter-progress span{background:var(--green);height:100%;transition:width .35s;display:block}.project-starter h3{letter-spacing:-.7px;margin:0 0 15px;font-size:25px;font-weight:500}.project-starter h3:focus{outline:none}.project-starter>p{color:var(--muted);font-size:12px;line-height:1.8}.service-options{flex-wrap:wrap;gap:10px;margin:25px 0 30px;display:flex}.service-options button{border-radius:5px;padding:15px 20px}.project-starter label{margin:24px 0 10px;font-size:12px;display:block}.project-starter label span{color:var(--muted)}.project-starter textarea,.project-starter select{width:100%;font:inherit;color:var(--ink);resize:vertical;background:#fffef9;border:1px solid #cbd3c2;border-radius:5px;padding:13px;font-size:13px;line-height:1.7}.project-starter textarea:focus,.project-starter select:focus{outline:2px solid var(--green);outline-offset:2px}.starter-actions{justify-content:space-between;align-items:center;gap:20px;margin-top:25px;display:flex}.plain-button{font:inherit;color:var(--green);cursor:pointer;background:0 0;border:0;border-bottom:1px solid #b2bca6;padding:8px 0;font-size:12px}.project-starter p.starter-privacy{color:#79816f;margin:25px 0 0;font-size:9px}.linkedin-link{color:var(--green);text-underline-offset:4px;margin-top:24px;font-size:12px;text-decoration:underline;display:inline-block}.copy-status{min-height:20px;margin-bottom:0}.message-preview{margin-top:12px}.process-panel{animation:.35s project-in}.project-cover:focus-visible{outline-offset:-5px;outline:2px solid var(--green)}@keyframes project-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:760px){.work-toolbar{align-items:flex-start;gap:10px}.filter-buttons{gap:5px}.filter-buttons button{padding:10px 12px;font-size:10px}.work-toolbar>span{padding-top:10px;font-size:9px}.project-dialog{padding:25px}.project-dialog h2{font-size:33px}.project-starter{margin-top:0;padding:25px 20px}.service-options{grid-template-columns:1fr 1fr;display:grid}.service-options button{padding:14px 8px}.starter-actions{gap:12px}.starter-actions .button{padding:14px 18px;font-size:11px}}@media (prefers-reduced-motion:reduce){.project-enter,.project-dialog[open],.process-panel{animation:none}.starter-progress span{transition:none}}@media (min-width:761px){header{height:80px}.hero{grid-template-rows:minmax(0,1fr) 44px;row-gap:12px;height:calc(100svh - 140px);min-height:460px;padding:24px 6% 0}.hero-copy{min-width:0}.hero h1{letter-spacing:-3px;margin-bottom:18px;font-size:clamp(42px,min(5.1vw,8svh),78px);line-height:1.06}.hero .eyebrow{margin-bottom:18px}.hero-intro{margin-top:0;margin-bottom:20px;font-size:14px;line-height:1.7}.hero .experience{margin-top:24px;padding-top:18px}.hero .experience>strong{font-size:38px}.character-stage{justify-self:center;width:min(100%,80svh - 196px);height:100%;max-height:680px;padding:0 10px 10px}.character-frame{flex-direction:column;height:100%;padding-top:55px;display:flex}.hero-character{aspect-ratio:auto;object-fit:contain;flex:1;width:100%;height:calc(100% - 55px);min-height:0}.hero-character.real-portrait{object-fit:cover}.hello-note{font-size:20px;top:13px}.hello-note span{font-size:8px}.floating-note{padding:12px 16px;font-size:10px;bottom:65px;right:-20px}.hero-foot{align-self:stretch;align-items:center;margin:0;padding:12px 0}.chapter-nav{height:60px;padding:20px}}@media (min-width:761px) and (max-height:700px){.hero .eyebrow{letter-spacing:1.2px;margin-bottom:12px;font-size:8px}.hero h1{margin-bottom:12px;font-size:clamp(38px,min(4.8vw,7.4svh),52px)}.hero-intro{margin-bottom:15px;font-size:12px}.hero .experience{margin-top:17px;padding-top:13px}.hero .button{padding:13px 21px;font-size:12px}.hero .text-link{font-size:10px}.hero .experience span{font-size:9px}.floating-note{padding:10px 12px;font-size:9px}}