*,:after,:before{box-sizing:border-box;margin:0;padding:0}@font-face{font-display:swap;font-family:Handflair;src:url(../fonts/Handflair.ttf) format("truetype")}:root{--color-background:#efe9dc;--color-paper:#efe9dc;--color-black:#1a1a17;--color-muted:#7a7566;--color-border:#d3ccbc;--color-accent:#c9391a;--font-sans:"Inter","Arial","Helvetica Neue",sans-serif;--font-display:"Inter","Arial","Helvetica Neue",sans-serif;--font-mono:"IBM Plex Mono","Courier New",ui-monospace,monospace;--font-handflair:"Handflair","Marker Felt",cursive;--space-xs:.5rem;--space-sm:1rem;--space-md:2rem;--space-lg:4rem;--space-xl:6rem;--space-2xl:8rem;--container-max:1200px;--container-padding:6vw}html{scroll-behavior:smooth}body,html{background-color:var(--color-background)}body{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.10  0 0 0 0 0.09  0 0 0 0 0.07  0 0 0 0.12 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");background-repeat:repeat;background-size:240px 240px;font-family:var(--font-sans);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,h1,h2,h3,h4,h5,h6{color:var(--color-black)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:800;letter-spacing:-.02em;line-height:1}p{line-height:1.7}a,p{color:var(--color-black)}a{text-decoration:underline;text-underline-offset:3px;transition:opacity .2s ease}a:hover{opacity:.55}.container{margin:0 auto;max-width:var(--container-max);padding:0 var(--container-padding)}.text-label{font-family:var(--font-sans);font-size:.72rem;letter-spacing:.08em;text-transform:lowercase}.case-study{background:var(--color-background);margin:0 auto;max-width:1366px;padding:0 6vw 6rem}.case-study .top-nav{display:flex;justify-content:space-between;padding:3rem 0 2rem}.case-study .nav-link{color:var(--color-black);font-family:var(--font-display);font-size:1.05rem;font-weight:800;text-decoration:none;transition:opacity .2s ease}.case-study .nav-link:hover{opacity:.6}.case-study .cs-header{display:grid;gap:10rem;grid-template-columns:1fr 1fr;padding:6rem 0 4rem}.case-study .cs-title{color:var(--color-black);font-family:var(--font-display);font-size:clamp(2.5rem,5vw,4.5rem);font-weight:900;letter-spacing:-.03em;line-height:.92;margin:0 0 3rem}.case-study .cs-meta p{color:var(--color-black);font-family:var(--font-sans);font-size:.85rem;line-height:1.5;margin:0 0 .6rem}.case-study .meta-label{font-weight:400}.case-study .cs-right{align-items:flex-start;display:flex;padding-top:4.5rem}.case-study .cs-tagline{color:var(--color-black);font-family:var(--font-display);font-size:clamp(1.5rem,2.6vw,2.2rem);font-weight:800;letter-spacing:-.02em;line-height:1.1;margin:0;max-width:460px}.case-study .cs-body{padding-top:6rem}.case-study .cs-section{-moz-column-gap:4rem;column-gap:4rem;display:grid;grid-template-columns:1fr 2fr;padding:3rem 0;row-gap:0}.case-study .cs-heading{font-size:clamp(1.1rem,1.6vw,1.4rem);font-weight:800;letter-spacing:-.01em;margin:0}.case-study .cs-heading,.case-study .cs-subheading{color:var(--color-black);font-family:var(--font-display);text-transform:lowercase}.case-study .cs-subheading{font-size:1rem;font-weight:700;margin:2.5rem 0 .75rem}.case-study .cs-section blockquote,.case-study .cs-section p,.case-study .cs-section ul{color:var(--color-black);font-family:var(--font-sans);font-size:.9rem;line-height:1.7;margin:0 0 1.35rem}.case-study .cs-section ul{padding-left:1.25rem}.case-study .cs-section li{margin-bottom:.5rem}.case-study .cs-section>.before-after,.case-study .cs-section>.cs-subheading,.case-study .cs-section>.full-img,.case-study .cs-section>.ig-embed-wrap,.case-study .cs-section>.image-grid-2,.case-study .cs-section>.image-grid-3,.case-study .cs-section>.img-figure,.case-study .cs-section>.photo-strip,.case-study .cs-section>.photo-strip-caption,.case-study .cs-section>.results-grid,.case-study .cs-section>.single-image,.case-study .cs-section>.video-link,.case-study .cs-section>blockquote,.case-study .cs-section>p,.case-study .cs-section>ul{grid-column:2}.case-study .cs-section>.cs-heading{grid-column:1}.case-study .img-figure{margin:1.5rem 0 2rem}.case-study .img-figure .full-img{margin:0}.case-study .img-caption{color:var(--color-muted);font-family:var(--font-mono);font-size:.62rem;letter-spacing:.08em;line-height:1.7;margin-top:.75rem}.case-study .photo-strip{display:flex;gap:.75rem;margin:1.5rem 0 .75rem;overflow-x:auto;padding-bottom:.75rem;scroll-snap-type:x mandatory;scrollbar-width:thin}.case-study .photo-strip-item{aspect-ratio:3/2;background:#00000006;flex:0 0 auto;margin:0;overflow:hidden;scroll-snap-align:start;width:clamp(200px,30%,300px)}.case-study .photo-strip-item img{display:block;filter:grayscale(100%) contrast(1.02);height:100%;-o-object-fit:cover;object-fit:cover;transition:filter .35s ease;width:100%}.case-study .photo-strip-item:hover img{filter:grayscale(0) contrast(1.02)}.case-study .photo-strip-caption{color:var(--color-muted)!important;font-family:var(--font-mono)!important;font-size:.62rem!important;letter-spacing:.15em;text-transform:uppercase}.case-study .inline-url{color:var(--color-black);text-decoration:underline;text-underline-offset:3px}.case-study .before-after{display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;margin:1.5rem 0 2rem}.case-study .before-after-label{color:var(--color-muted);display:block;font-family:var(--font-sans);font-size:.65rem;letter-spacing:.18em;margin-bottom:.5rem;text-transform:uppercase}.case-study .before-after-img-wrap{border:1px solid var(--color-border);height:380px;overflow:hidden}.case-study .before-after-img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center 15%;object-position:center 15%;width:100%}.case-study .image-grid-2{display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin:1.5rem 0}.case-study .image-grid-3{display:grid;gap:1rem;grid-template-columns:1fr 1fr 1fr;margin:1.5rem 0}.case-study .image-grid-2 img,.case-study .image-grid-3 img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.case-study .single-image{margin:1.5rem 0}.case-study .full-img,.case-study .single-image img{display:block;width:100%}.case-study .full-img{border:1px solid var(--color-border);margin:1rem 0}.case-study .ig-embed-wrap{display:flex;justify-content:center;margin:1.5rem 0}.case-study .results-grid{background:var(--color-border);display:grid;gap:1px;grid-template-columns:repeat(3,1fr);margin:1rem 0 2rem}.case-study .result-item{background:var(--color-background);padding:2rem 1.5rem}.case-study .result-number{color:var(--color-black);font-family:var(--font-display);font-size:clamp(1.6rem,3vw,2.4rem);font-weight:900;line-height:1;margin-bottom:.4rem}.case-study .result-label{color:var(--color-muted);font-family:var(--font-sans);font-size:.7rem;letter-spacing:.05em;line-height:1.5}.case-study .video-link{display:block;margin:1rem 0;text-decoration:none}.case-study .video-thumb{align-items:center;border:1px solid var(--color-border);display:flex;gap:1.5rem;padding:1.5rem;transition:border-color .2s ease}.case-study .video-thumb:hover{border-color:var(--color-black)}.case-study .play-icon{color:var(--color-black);flex-shrink:0;font-size:1.1rem}.case-study .video-label{color:var(--color-black);font-family:var(--font-sans);font-size:.9rem}.case-study .testimonial-quote{border-left:2px solid var(--color-black);margin:0 0 1rem;padding-left:1.5rem}.case-study .testimonial-cite{color:var(--color-muted);display:block;font-family:var(--font-sans);font-size:.8rem;font-style:normal;margin-top:.3rem}@media(max-width:800px){.case-study .cs-header{gap:2rem;grid-template-columns:1fr;padding:3rem 0 2rem}.case-study .cs-right{padding-top:0}.case-study .cs-section{gap:1rem;grid-template-columns:1fr;padding:2rem 0}.case-study .cs-section>.before-after,.case-study .cs-section>.cs-subheading,.case-study .cs-section>.full-img,.case-study .cs-section>.ig-embed-wrap,.case-study .cs-section>.image-grid-2,.case-study .cs-section>.image-grid-3,.case-study .cs-section>.results-grid,.case-study .cs-section>.single-image,.case-study .cs-section>.video-link,.case-study .cs-section>blockquote,.case-study .cs-section>p,.case-study .cs-section>ul{grid-column:1}.case-study .before-after{grid-template-columns:1fr}.case-study .before-after-img-wrap{height:280px}.case-study .image-grid-2,.case-study .image-grid-3{grid-template-columns:1fr}.case-study .results-grid{grid-template-columns:repeat(2,1fr)}}