:root{--yellow:#ffffb0;--sand:#d3d1a6;--green-deep:#1d2e21;--green-black:#162419;--rule:4px solid var(--yellow);--border:2px solid var(--yellow);--max-width:1280px;--tap:44px;--gutter:clamp(20px, 5vw, 64px);--space-3xs:4px;--space-2xs:8px;--space-xs:12px;--space-s:16px;--space-m:clamp(20px, 2vw, 24px);--space-l:clamp(24px, 2.5vw, 32px);--space-xl:clamp(32px, 4vw, 56px);--space-2xl:clamp(48px, 6vw, 88px);--space-section:clamp(64px, 9vw, 128px);--text-xs:12px;--text-sm:14px;--text-base:clamp(15px, 1.15vw, 17px);--text-lg:clamp(20px, 1.9vw, 27px);--text-xl:clamp(26px, 3vw, 42px);--text-2xl:clamp(28px, 4.2vw, 54px);--text-3xl:clamp(40px, 5.4vw, 64px);--text-display:clamp(44px, 8.5vw, 108px)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--green-deep);color:var(--yellow);font-family:var(--font-rubik);font-size:var(--text-base);text-wrap:pretty;margin:0}h1,h2,h3,p,figure,blockquote{margin:0}h1,h2{font-family:var(--font-hedvig);text-wrap:balance;font-weight:400}a{color:inherit;text-underline-offset:.18em;text-decoration:none}p a,.prose a{text-decoration:underline}p a:hover,.prose a:hover{text-decoration:none}.container{width:100%;max-width:var(--max-width);padding:0 var(--gutter);margin:0 auto}.pain-points,.results-list,.brand-logos,.case-study-list{padding:0;list-style:none}.hero-photo,.split-photo img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.button{align-items:center;gap:var(--space-2xs);min-height:52px;padding:0 var(--space-l);border:var(--border);background:var(--yellow);color:var(--green-deep);font-size:var(--text-sm);letter-spacing:.12em;text-transform:uppercase;font-weight:600;display:inline-flex}.button:hover{color:var(--yellow);background:0 0}.button-small{min-height:var(--tap);padding:0 var(--space-m);font-size:var(--text-xs)}.button-dark{border-color:var(--green-deep);background:var(--green-deep);color:var(--yellow)}.button-dark:hover{color:var(--green-deep)}.button .arrow{font-family:system-ui,sans-serif;font-size:var(--text-sm)}.nav{align-items:center;gap:var(--space-l);padding-block:var(--space-l);flex-wrap:wrap;display:flex}.logo img{display:block}.nav-links{gap:var(--space-l);display:flex}.nav-link{min-height:var(--tap);font-size:var(--text-xs);letter-spacing:.14em;text-transform:uppercase;align-items:center;font-weight:500;display:flex}.nav-link:hover{text-decoration:underline}.menu-button,.menu-close{width:var(--tap);height:var(--tap);color:inherit;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:none}.nav-menu{border:0;margin:0;padding:0}@media (width<768px){.menu-button,.menu-close{display:flex}.menu-button{margin-left:auto}.menu-close{top:calc(var(--space-l) + 1.5px);right:var(--gutter);position:absolute}.nav-menu{background:var(--green-deep);width:100%;height:100%;color:var(--yellow);inset:0}.nav-menu:popover-open{justify-content:center;align-items:center;gap:var(--space-xl);flex-direction:column;display:flex}.nav-menu .nav-links{align-items:center;gap:var(--space-2xs);flex-direction:column}.nav-menu .nav-link{font-size:var(--text-lg)}}@media (width>=768px){.nav-menu{align-items:center;gap:var(--space-l);width:auto;height:auto;color:inherit;background:0 0;flex:1;display:flex;position:static;overflow:visible}.nav-menu .button{margin-left:auto}}.about,.help,.results,.testimonials,.brands,.process,.work-with-me,.site-footer{border-top:var(--rule)}.about,.results,.testimonials,.brands,.work-with-me{padding-block:var(--space-section)}.testimonials,.coming-soon,.brands,.work-with-me{text-align:center}.testimonials .container,.brands .container,.work-with-me .container{align-items:center;gap:var(--space-xl);flex-direction:column;display:flex}.dotted-dark,.dotted-fade:before{--dot:color-mix(in srgb, var(--sand) 14%, transparent);--dot-shadow:color-mix(in srgb, var(--green-black) 10%, transparent);background:radial-gradient(var(--dot) 15%, transparent 16%) 0 0, radial-gradient(var(--dot) 15%, transparent 16%) 5px 5px, radial-gradient(var(--dot-shadow) 15%, transparent 20%) 0 1px, radial-gradient(var(--dot-shadow) 15%, transparent 20%) 5px 6px, var(--green-deep);background-size:10px 10px}.dotted-fade{isolation:isolate;position:relative}.dotted-fade:before{content:"";z-index:-1;position:absolute;inset:0;mask-image:radial-gradient(circle at 100% 0,#000,#0000 70%)}.about h2,.help h2,.results h2,.testimonials h2,.brands h2,.process h2,.work-with-me h2{font-size:var(--text-2xl);letter-spacing:-.01em;line-height:1.14}.results h2,.testimonials h2,.work-with-me h2{max-width:22ch}h2 u{text-underline-offset:.12em;text-decoration-thickness:.035em}.hero{background:var(--green-deep);flex-direction:column;justify-content:space-between;min-height:100svh;display:flex;position:relative}@media (width<768px){.hero{min-height:100vw}}.nav,.hero-content{position:relative}.hero-content{padding-bottom:var(--space-2xl)}.hero h1{max-width:15ch;font-size:var(--text-display);letter-spacing:-.02em;line-height:1.05}.hero h1 u{text-underline-offset:.1em;text-decoration-thickness:.04em}.hero p{margin-top:var(--space-l);font-size:var(--text-lg);text-wrap:balance}.about{--points-indent:var(--space-section);--points-width:40rem}.about h2{max-width:30ch}.about h2+.lead{margin-top:var(--space-xl)}.pain-points{max-width:var(--points-width);margin:var(--space-2xl) 0 var(--space-section) var(--points-indent)}.pain-points li{font-size:var(--text-lg);grid-template-columns:2.5em 1fr;align-items:baseline;display:grid}.pain-points li+li{margin-top:var(--space-l);padding-top:var(--space-l);border-top:var(--border)}.pain-number{font-weight:500}.pain-points p{font-family:var(--font-hedvig);line-height:1.3}.split{gap:var(--space-3xs);background:var(--yellow);display:grid}.split-photo{position:relative}.split-photo img{object-position:top}@media (width<820px){.split-photo{aspect-ratio:4/5}.help-body,.process-body{padding:var(--space-section) var(--gutter)}}@media (width>=820px){.split{grid-template-columns:1fr 1fr;container-type:inline-size}.help-body,.process-body{--edge:max(var(--gutter), calc((100cqw - var(--max-width)) / 2 + var(--gutter)));--pad:min(var(--edge), var(--space-section))}.help-body{padding:var(--pad) var(--edge) var(--pad) var(--pad)}.process-body{padding:var(--pad) var(--pad) var(--pad) var(--edge)}}.help-body{background:var(--green-black)}.help-content{gap:var(--space-m);flex-direction:column;display:flex}.help p{line-height:1.6}.help .button{margin-top:var(--space-2xs);align-self:flex-start}.results .container{align-items:start;gap:var(--space-xl);display:grid}@media (width>=820px){.results .container{grid-template-columns:1fr 2fr}}.results-list{gap:var(--space-m);margin:0;display:grid}.results-list li{gap:var(--space-m);padding:var(--space-l);border:var(--border);background:var(--green-deep);display:grid}.result-figure{font-family:var(--font-hedvig);font-size:var(--text-xl);line-height:1.06}.result-unit{font-family:var(--font-rubik);font-size:var(--text-lg)}.testimonial-list{--per-row:1;justify-content:center;gap:var(--space-m);flex-wrap:wrap;width:100%;display:flex}@media (width>=600px){.testimonial-list{--per-row:2}}@media (width>=920px){.testimonial-list{--per-row:3}}.testimonial{gap:var(--space-m);width:calc((100% - (var(--per-row) - 1) * var(--space-m)) / var(--per-row));padding:var(--space-l);background:var(--sand);color:var(--green-deep);flex-direction:column;line-height:1.6;display:flex}.testimonial .stars{margin-block:var(--space-xs);color:var(--green-black);align-self:center}.testimonial blockquote{font-size:var(--text-base)}.testimonial figcaption{margin-top:auto;font-style:italic}.brands{background:var(--sand)}.brands h2{color:var(--green-deep)}.brand-logos{--per-row:2;justify-content:center;align-items:center;gap:var(--space-l) var(--space-xl);flex-wrap:wrap;width:100%;margin:0;display:flex}@media (width>=600px){.brand-logos{--per-row:3}}@media (width>=1024px){.brand-logos{--per-row:5}}.brand-logos li{width:calc((100% - (var(--per-row) - 1) * var(--space-xl)) / var(--per-row))}.brand-logos img{aspect-ratio:3;object-fit:contain;width:100%;max-width:192px;height:auto;margin-inline:auto;display:block}.process-body{gap:var(--space-xl);flex-direction:column;display:flex}@media (820px<=width<1180px){.process .split-photo{overflow:hidden}.process .split-photo img{aspect-ratio:3/4;height:auto;min-height:100%;bottom:auto}}.steps{gap:var(--space-s);flex-direction:column;display:flex}.step{--step-pad:var(--space-l);--step-gap:var(--space-m);background:var(--sand);color:var(--green-deep)}.step summary{align-items:center;gap:var(--step-gap);min-height:64px;padding:var(--space-s) var(--step-pad);cursor:pointer;display:flex}.step summary:hover h3{text-decoration:underline}.dark{background:var(--green-black)}.step summary::-webkit-details-marker{display:none}.step-number{font-size:var(--text-base)}.step h3{font-size:var(--text-base);flex:1;font-weight:600;line-height:1.15}.step-sign{font-size:var(--text-lg);font-weight:300;line-height:1}.step-sign:before{content:"+"}.step[open] .step-sign:before{content:"−"}.step p{padding:0 var(--step-pad) var(--space-m) calc(var(--step-pad) + var(--step-gap) + 1.4em);line-height:1.55}.site-footer .container{align-items:center;gap:var(--space-m);padding-block:var(--space-l);display:grid}@media (width<768px){.site-footer .container{text-align:center}}@media (width>=768px){.site-footer .container{grid-template-columns:repeat(3,1fr)}.footer-credit{text-align:right}}.footer-text{font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;font-weight:500}.footer-text a{padding-block:calc((var(--tap) - 1lh) / 2)}.social{justify-content:center;gap:var(--space-xs);display:flex}.social a{width:var(--tap);height:var(--tap);border:var(--border);background:var(--yellow);color:var(--green-deep);border-radius:50%;justify-content:center;align-items:center;display:flex}.social a:hover{color:var(--yellow);background:0 0}.social svg{width:18px;height:18px}.case-studies,.case-study{padding-block:var(--space-section);min-height:70svh}.case-studies h1,.case-study h1{font-size:var(--text-3xl);letter-spacing:-.01em;line-height:.97}.case-study-list{gap:var(--space-m);margin:var(--space-2xl) 0 0;display:grid}.case-study-card{align-items:flex-start;gap:var(--space-xs);padding:var(--space-l);background:var(--sand);color:var(--green-deep);flex-direction:column;display:flex}.case-study-card h2{font-size:var(--text-lg);line-height:1.33}.case-study-date{font-size:var(--text-sm)}.case-study-excerpt{-webkit-line-clamp:3;margin-block:var(--space-m);-webkit-box-orient:vertical;line-height:1.5;display:-webkit-box;overflow:hidden}.case-study .case-study-date{margin-top:var(--space-s)}.case-study-image{width:100%;height:auto;margin-top:var(--space-xl);display:block}@media (width<768px){.case-study-image{aspect-ratio:4/5;object-fit:cover}}.prose{max-width:70ch;margin-top:var(--space-xl);line-height:1.6}.prose>*{margin-block:0}.prose>*+*{margin-top:1.25em}.prose>*+:is(h2,h3,h4,h5,h6){margin-top:2em}.prose :is(h2,h3,h4,h5,h6){line-height:1.2}.prose h2{font-size:var(--text-lg)}.prose img{max-width:100%;height:auto}.prose blockquote{border-left:var(--border);padding-left:1em}.prose pre{padding:var(--space-s);overflow-x:auto}.prose table{border-collapse:collapse}.prose :is(th,td){padding:var(--space-2xs) var(--space-xs);border:1px solid}.prose hr{border:0;border-top:var(--border)}
