@import "https://fonts.googleapis.com/css2?family=Google+Sans+Flex:wght@100..900&display=swap";@keyframes astroFadeInOut{0%{opacity:1}to{opacity:0}}@keyframes astroFadeIn{0%{opacity:0;mix-blend-mode:plus-lighter}to{opacity:1;mix-blend-mode:plus-lighter}}@keyframes astroFadeOut{0%{opacity:1;mix-blend-mode:plus-lighter}to{opacity:0;mix-blend-mode:plus-lighter}}@keyframes astroSlideFromRight{0%{transform:translate(100%)}}@keyframes astroSlideFromLeft{0%{transform:translate(-100%)}}@keyframes astroSlideToRight{to{transform:translate(100%)}}@keyframes astroSlideToLeft{to{transform:translate(-100%)}}@media (prefers-reduced-motion){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*),[data-astro-transition-scope]{animation:none!important}}.astro-route-announcer{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;top:0;left:0;overflow:hidden}:root{--bg:#060c17;--text:#f4ecde;--accent:#d4a574;--border:#f4ecde1f;--nav-bg:#060c1700;--font:"Google Sans Flex", sans-serif;--nav-h:72px;--ease-out:cubic-bezier(.16, 1, .3, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:auto}ul,ol{list-style:none}img{max-width:100%;height:auto;display:block}body{background-color:var(--bg);color:var(--text);font-family:var(--font);font-optical-sizing:auto;min-height:100vh;font-size:19px;font-weight:400;line-height:1.65;position:relative;overflow-x:hidden}body:before{content:"";opacity:.06;z-index:-1;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='250' height='250'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.72' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='250' height='250' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:250px 250px;position:fixed;inset:0}a{color:var(--text);text-decoration:none;transition:opacity .2s}a:hover{opacity:.7}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:1px}::selection{background:var(--accent);color:var(--bg)}.site-nav{width:100%;height:var(--nav-h);z-index:200;background:var(--nav-bg);transition:transform .3s var(--ease-out), opacity .3s;justify-content:space-between;align-items:center;padding:0 4%;display:flex;position:fixed;top:0;left:0}.nav-logo{flex-shrink:0;align-items:center;display:flex}.nav-logo img{filter:invert();width:auto;height:36px}.nav-items{align-items:center;gap:36px;display:flex;position:absolute;top:50%;right:130px;transform:translateY(-50%)}.nav-item{font-family:var(--font);letter-spacing:.02em;color:var(--text);opacity:.65;font-size:18px;font-weight:300;position:relative;overflow:hidden}.nav-item:after{content:"";background:var(--text);width:0;height:1px;transition:width .25s var(--ease-out);position:absolute;bottom:-1px;left:0}.nav-item:hover{opacity:1}.nav-item:hover:after{width:100%}.nav-item:hover{transition:transform .2s var(--ease-out), opacity .2s;transform:translateY(-2px)}.switches-panel{z-index:201;transition:transform .3s var(--ease-out), opacity .3s;flex-direction:column;align-items:flex-end;gap:6px;display:flex;position:fixed;top:12px;right:16px}.switch-track{border:1px solid var(--border);background:0 0;border-radius:100px;padding:3px;display:flex;position:relative}.switch-track.horizontal{flex-direction:row}.switch-track.vertical{flex-direction:column}.switch-thumb{background:var(--text);opacity:.12;transition:left .3s var(--ease-out), top .3s var(--ease-out), width .3s var(--ease-out), height .3s var(--ease-out);pointer-events:none;border-radius:100px;position:absolute}.switch-opt{font-family:var(--font);letter-spacing:.08em;text-transform:uppercase;color:var(--text);opacity:.38;cursor:pointer;white-space:nowrap;background:0 0;border:none;justify-content:center;align-items:center;padding:5px 8px;font-size:11px;font-weight:400;line-height:1;transition:opacity .2s;display:flex}.switch-opt.active{opacity:1}.switch-opt:hover{opacity:.75}.switch-opt svg{stroke:currentColor;fill:none;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px;display:block}::view-transition-old(root){animation:.5s cubic-bezier(.16,1,.3,1) both vt-slide-out}::view-transition-new(root){animation:.5s cubic-bezier(.16,1,.3,1) both vt-slide-in}@keyframes vt-slide-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-60vw)}}@keyframes vt-slide-in{0%{opacity:0;transform:translate(60vw)}to{opacity:1;transform:translate(0)}}@media (prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none}}.main-home{width:100%}.home-section{width:100%;min-height:100vh;padding:calc(var(--nav-h) + 60px) 5% 80px;flex-direction:column;justify-content:center;display:flex;position:relative;overflow:hidden}.home-section--hero{cursor:default;justify-content:flex-end;padding-bottom:10vh;overflow:visible}.hero-grid{flex-direction:column;justify-content:flex-end;width:100%;display:flex}.hero-img-row{width:100%;overflow:hidden}.hero-handcraft-img{width:106.93%;max-width:none;height:auto;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;filter:invert();margin-left:-6.93%;display:block}.hero-bottom-row{align-items:flex-end;gap:48px;width:100%;margin-top:12px;display:flex;overflow:visible}.hero-in-times{font-family:var(--font);color:var(--text);letter-spacing:.03em;opacity:.75;white-space:nowrap;flex-shrink:0;padding-right:.5em;font-size:clamp(28px,4vw,54px);font-style:italic;font-weight:300}.hero-copy{opacity:0;flex:1}.hero-copy p{opacity:.72;font-size:clamp(14px,1.45vw,19px);line-height:1.55}.hero-copy p+p{margin-top:.6em}.section-heading-cta{font-family:var(--font);color:var(--text);cursor:pointer;letter-spacing:.04em;opacity:.65;align-items:baseline;gap:.3em;margin-bottom:20px;font-size:clamp(18px,2vw,30px);font-weight:250;line-height:1.2;text-decoration:none;display:inline-flex}.section-heading-cta:hover{opacity:.9}.cta-arrow{transition:gap .25s var(--ease-out);gap:0;display:inline-flex}.section-heading-cta:hover .cta-arrow{gap:5px}.section-heading-cta:after{display:none}.section-heading-inner{position:relative;overflow:hidden}.section-heading-inner:after{content:"";background:var(--text);width:0;height:2px;transition:width .4s var(--ease-out);position:absolute;bottom:0;left:0}.section-heading-cta:hover .section-heading-inner:after{width:100%}.section-body{max-width:78%}.section-body p{max-width:48ch;font-size:clamp(18px,2vw,24px);line-height:1.55}.section-body .about-copy{white-space:pre-line;font-size:clamp(42px,6vw,88px);font-weight:550;line-height:1.15}.home-section .do-list{flex-direction:column;gap:32px;display:flex}.home-section .do-list p{font-size:clamp(22px,3.2vw,50px);font-weight:500;line-height:1.2}.track-record-note{opacity:.6;max-width:55ch;margin-top:16px;font-size:clamp(18px,2.2vw,32px);font-weight:400;line-height:1.55}.home-section .trusted-list{opacity:.9;max-width:60ch;font-size:clamp(24px,3.5vw,56px);font-weight:400;line-height:1.6}.home-section .contact-text{font-size:clamp(18px,2vw,26px);line-height:1.7}.home-section .contact-email{color:var(--text);text-underline-offset:4px;font-weight:500;text-decoration:underline}.home-section .contact-email:hover{opacity:.65}.home-section--personas{flex-direction:column;min-height:100vh;padding:0;display:flex;overflow:hidden}.personas-section-header{padding:calc(var(--nav-h) + 40px) 5% 24px;flex-shrink:0}.personas-track{height:calc(100vh - var(--nav-h) - 130px);flex-direction:row;min-height:420px;display:flex}.persona-card{border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;justify-content:space-between;width:38vw;min-width:360px;padding:40px;display:flex;position:relative;overflow:hidden}.persona-card:first-child{padding-left:5%}.persona-card:hover{background:#f4ecde05}.persona-card-body{flex:1}.persona-card-open-mark{color:var(--accent);opacity:.35;margin-bottom:16px;font-family:Georgia,Times New Roman,serif;font-size:96px;line-height:.7;display:block}.persona-card-quote{font-family:var(--font);color:var(--text);font-size:clamp(17px,1.9vw,24px);font-style:italic;font-weight:350;line-height:1.6}.persona-card-sig{border-top:1px solid var(--border);margin-top:36px;padding-top:20px}.persona-card-name{color:var(--text);margin-bottom:3px;font-size:15px;font-weight:500;display:block}.persona-card-role{opacity:.5;font-size:13px;font-style:italic;line-height:1.4;display:block}.home-section--work{flex-direction:column;min-height:100vh;padding:0;display:flex;overflow:hidden}.work-section-header{padding:calc(var(--nav-h) + 40px) 5% 24px;flex-shrink:0}.work-track{height:calc(100vh - var(--nav-h) - 130px);flex-direction:row;min-height:420px;display:flex}.work-card-h{border-top:1px solid var(--border);border-bottom:1px solid var(--border);border-right:1px solid var(--border);width:33vw;min-width:300px;color:var(--text);border-left:none;flex-direction:column;flex-shrink:0;justify-content:flex-end;padding:28px;text-decoration:none;transition:background .3s;display:flex;position:relative}.work-card-h:first-child{border-left:1px solid var(--border);width:calc(33vw + 5% - 28px);padding-left:5%}.work-card-h:hover{background:#f4ecde08}.work-card-h-logo-wrap{flex-shrink:0;align-items:flex-start;margin-bottom:12px;display:flex}.work-card-h-logo{object-fit:contain;filter:invert()brightness(1.1);opacity:.72;width:auto;max-width:220px;height:85px;display:block}.work-card-h-title{font-family:var(--font);margin-bottom:6px;font-size:clamp(17px,2vw,26px);font-weight:520;line-height:1.2}.work-card-h-foot{flex-shrink:0}.work-card-h-caption{opacity:.45;margin-bottom:8px;font-size:13px;font-style:italic;font-weight:300}.work-card-h-cta{color:var(--accent);opacity:0;transition:opacity .3s, transform .3s var(--ease-out), gap .25s var(--ease-out);align-items:center;gap:0;font-size:13px;display:inline-flex;transform:translateY(4px)}.work-card-h:hover .work-card-h-cta{opacity:1;gap:3px;transform:translateY(0)}.main-full{width:100%}.main-inner{max-width:720px;padding:calc(var(--nav-h) + 56px) 28px 100px;margin:0 auto}.site-footer{border-top:1px solid var(--border);max-width:720px;margin:0 auto;padding:32px 28px 48px}.site-footer--home,.site-footer--wide{max-width:none;margin:0;padding:32px 5%}.footer-credit{opacity:.35;color:var(--text);font-size:14px;font-weight:300}.footer-credit:hover{opacity:.7}.sparring-hero{min-height:100vh;padding:calc(var(--nav-h) + 48px) 5% 8vh;flex-direction:column;justify-content:flex-end;width:100%;display:flex}.sparring-hero-title{font-family:var(--font);letter-spacing:-.03em;margin-bottom:40px;font-size:clamp(72px,10vw,140px);font-weight:600;line-height:.9;display:block}.sparring-hero-desc{max-width:58vw;margin-bottom:40px}.sparring-hero-desc p{opacity:.82;font-size:clamp(20px,2.5vw,32px);line-height:1.45}.sparring-hero-desc p+p{margin-top:16px}.sparring-cta{opacity:.65;font-size:clamp(15px,1.5vw,18px)}.sparring-cta a{color:var(--accent);text-underline-offset:3px;text-decoration:underline}.sparring-cta a:hover{opacity:.75}.methods-section{width:100%;padding:80px 5% 120px}.methods-section-intro{opacity:.7;max-width:60ch;margin-bottom:64px;font-size:clamp(16px,1.8vw,20px)}.methods-grid{border-top:1px solid var(--border);grid-template-columns:repeat(3,1fr);gap:0;display:grid}.method-col{border-right:1px solid var(--border);padding:40px 32px 48px 0}.method-col:last-child{border-right:none}.method-col:not(:first-child){padding-left:32px}.method-col-title{font-family:var(--font);margin-bottom:32px;font-size:clamp(28px,3vw,40px);font-weight:550;line-height:1.1;display:block}.method{border-bottom:1px solid var(--border);margin-bottom:24px;padding-bottom:24px}.method:last-child{border-bottom:none;padding-bottom:0}.method-title{font-family:var(--font);margin-bottom:6px;font-size:18px;font-weight:500}.method p{opacity:.7;font-size:14px;line-height:1.55}.work-page{width:100%;padding:calc(var(--nav-h) + 56px) 5% 120px}.work-page-title{font-family:var(--font);letter-spacing:-.02em;margin-bottom:48px;font-size:clamp(48px,7vw,96px);font-weight:600;line-height:1;display:block}.projects-grid{grid-template-columns:repeat(3,1fr);gap:32px;width:100%;display:grid}.project-card{color:var(--text);border:1px solid var(--border);padding:24px 20px 22px;transition:opacity .15s,background .2s;display:block}.project-card:hover{opacity:1;background:#f4ecde0a}.project-card:first-child{transform:rotate(-.8deg)}.project-card:nth-child(2){transform:rotate(1.2deg)translateY(4px)}.project-card:nth-child(3){transform:rotate(-1.5deg)translateY(-6px)}.project-card:nth-child(4){transform:rotate(.6deg)translateY(8px)}.project-card:nth-child(5){transform:rotate(-.4deg)translateY(-2px)}.project-card:nth-child(6){transform:rotate(1.8deg)translateY(6px)}.project-card:nth-child(7){transform:rotate(-1.2deg)translateY(-4px)}.project-card:nth-child(8){transform:rotate(.9deg)translateY(10px)}.project-card:nth-child(9){transform:rotate(-.7deg)translateY(2px)}.project-card-logo{object-fit:contain;opacity:.72;filter:grayscale(.2);width:auto;max-width:160px;height:90px;margin-bottom:10px;display:block}.project-card-title{font-family:var(--font);margin-bottom:4px;font-size:clamp(17px,1.8vw,22px);font-weight:520;line-height:1.25}.project-card-caption{opacity:.5;font-size:13px;font-style:italic;font-weight:300;line-height:1.4}.page-title{font-family:var(--font);margin-bottom:18px;font-size:clamp(34px,6vw,54px);font-weight:550;line-height:1.12}.page-intro{opacity:.85;max-width:60ch;font-size:19px}.about-body{max-width:62ch}.about-body p{font-size:19px;line-height:1.65}.about-body p+p{margin-top:22px}.about-portrait{float:right;filter:sepia(.08)contrast(.96);border:4px solid #f4ecde1f;width:180px;height:auto;margin:0 0 24px 32px;transform:rotate(1.8deg);box-shadow:3px 4px 24px #00000080}.contact-text{font-size:19px}.contact-email{font-family:var(--font);color:var(--text);text-underline-offset:4px;font-size:24px;font-weight:500;text-decoration:underline}.contact-email:hover{opacity:.65}.section-label{opacity:.5;margin-bottom:20px;font-size:14px;font-style:italic;font-weight:300;display:block}.back-to-home-link{color:var(--text);opacity:.45;margin-top:56px;font-size:15px;font-weight:300;display:inline-block}.back-to-home-link:hover{opacity:1;text-underline-offset:3px;text-decoration:underline}.case-header{border-bottom:1px solid var(--border);margin-bottom:40px;padding:24px 0 40px;position:relative}.case-title{font-family:var(--font);margin-bottom:12px;font-size:clamp(34px,6vw,54px);font-weight:550;line-height:1.12}.case-caption{opacity:.5;font-size:15px;font-style:italic;font-weight:300}.case-section{margin-bottom:36px}.case-section-label{font-family:var(--font);margin-bottom:10px;font-size:24px;font-weight:520;display:block}.case-section p{font-size:19px}.case-section p+p{margin-top:16px}.case-role{opacity:.55;border-top:1px solid var(--border);margin-top:40px;padding-top:20px;font-size:15px;font-style:italic;font-weight:300}.case-logo{object-fit:contain;opacity:.72;filter:grayscale(.15);width:auto;max-width:300px;height:78px;margin-top:18px;display:block}.case-nav{grid-template-columns:1fr auto 1fr;align-items:baseline;gap:16px;padding:28px 0;display:grid}.case-nav-prev{text-align:left}.case-nav-center{text-align:center}.case-nav-next{text-align:right}.case-nav a{color:var(--text);opacity:.55;font-size:14px;font-weight:300}.case-nav a:hover{opacity:1}.case-back-link{color:var(--text);opacity:.5;font-size:14px;font-weight:300}.case-back-link:hover{opacity:1;text-underline-offset:3px;text-decoration:underline}.case-back-link--top{margin-bottom:20px;display:inline-block}.case-back-link--bottom{margin-top:24px;display:block}.films-section{border-top:1px solid var(--border);margin-top:40px;padding-top:28px}.films-label{opacity:.55;margin-bottom:20px;font-size:15px;font-style:italic;font-weight:300;display:block}.film-item{margin-bottom:28px}.film-title-label{opacity:.5;margin-bottom:8px;font-size:14px;font-style:italic;font-weight:300;display:block}.film-embed{height:0;padding-bottom:56.25%;position:relative;overflow:hidden}.film-embed iframe{border:none;width:100%;height:100%;position:absolute;top:0;left:0}.case-image-block{width:100%;margin-top:48px}.ci-img{cursor:zoom-in;border:1px solid var(--border);width:100%;height:auto;display:block}.ci-caption{opacity:.5;margin-top:10px;font-size:14px;font-style:italic;font-weight:300}.ci-lightbox{box-sizing:border-box;background:#060c17f5;border:none;width:100%;max-width:100vw;height:100%;max-height:100vh;margin:0;padding:48px 24px 24px;position:fixed;inset:0}.ci-lightbox[open]{justify-content:center;align-items:center;display:flex}.ci-lightbox::backdrop{background:0 0}.ci-lightbox-img{object-fit:contain;width:auto;max-width:min(1280px,92vw);height:auto;max-height:88vh;display:block}.ci-close{color:var(--text);font-family:var(--font);cursor:pointer;opacity:.7;background:0 0;border:none;padding:6px 10px;font-size:20px;line-height:1;transition:opacity .15s;position:absolute;top:14px;right:18px}.ci-close:hover{opacity:1}.scroll-hint{pointer-events:none;z-index:999;gap:1px;transition:opacity .5s;display:inline-flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%)}.scroll-hint .arr-ch{font-family:var(--font);opacity:.35;font-size:22px;line-height:1;animation:2s ease-in-out infinite scroll-bounce;display:inline-block;transform:rotate(90deg)}.scroll-hint .arr-ch:nth-child(2){animation-delay:.14s}@keyframes scroll-bounce{0%,to{transform:rotate(90deg)translate(0)}50%{transform:rotate(90deg)translate(5px)}}.track-record-page{padding:calc(var(--nav-h) + 64px) 5% 80px;width:100%}.track-record-title{font-family:var(--font);letter-spacing:-.02em;margin-bottom:48px;font-size:clamp(48px,7vw,96px);font-weight:600;line-height:1;display:block}.track-brands-list{opacity:.85;max-width:70ch;font-size:clamp(19px,2.2vw,28px);font-weight:350;line-height:1.85}.track-record-subpage-note{opacity:.5;max-width:55ch;margin-top:24px;font-size:clamp(14px,1.4vw,17px);font-weight:350;line-height:1.7}.doodle-slot{pointer-events:none;user-select:none;height:0;position:relative;overflow:visible}.doodle-slot img{object-fit:contain;height:auto;display:block;position:absolute;top:0;transform:translateY(-50%)}.doodle-slot[data-align-resolved=right] img{left:calc(100% + 48px)}.doodle-slot[data-align-resolved=left] img{right:calc(100% + 48px)}.doodle-slot[data-group=personita] img{width:auto;max-height:80px}@media (width<=960px){.doodle-slot{display:none}}.section-divider{text-align:center;pointer-events:none;user-select:none;padding:4px 0}.voices-intro{opacity:.6;margin-bottom:48px;font-size:17px;font-style:italic;font-weight:300}.voices-list{flex-direction:column;gap:48px;display:flex}.voice-block{max-width:66ch}.voice-quote{font-size:19px;font-style:italic;line-height:1.65}.voice-attribution{opacity:.55;margin-top:10px;font-size:14px;font-weight:300}.nav-logo img,.hero-handcraft-img,.doodle-slot img{filter:invert()}.section-divider img{filter:invert();opacity:.4}.case-logo,.project-card-logo{filter:invert()brightness(1.1);opacity:.82}.work-card-h-logo{filter:invert()brightness(1.1);opacity:.7}[data-theme=light]{--bg:#f4ecde;--text:#4a4544;--accent:#6b3410;--border:#6b341033;--nav-bg:#f4ecde00}[data-theme=light] body:before{opacity:.38;background-image:url(/assets/paper-texture.jpg);background-size:600px 600px;position:absolute}[data-theme=light] .nav-logo img,[data-theme=light] .hero-handcraft-img,[data-theme=light] .doodle-slot img{filter:none}[data-theme=light] .section-divider img{filter:none;opacity:.55}[data-theme=light] .case-logo{filter:grayscale(.15);opacity:.72}[data-theme=light] .project-card-logo,[data-theme=light] .work-card-h-logo{filter:grayscale(.2);opacity:.72}[data-theme=light] .about-portrait{border:1px solid #6b341026;box-shadow:2px 3px 16px #6b34101a}[data-theme=light] .ci-lightbox{background:#f4ecdef7}[data-theme=light] .persona-card-open-mark{opacity:.45}@media (width<=1024px){.hero-bottom-row{flex-direction:column;gap:8px}.hero-copy{display:none}.section-body{max-width:80%}.methods-grid{grid-template-columns:repeat(2,1fr)}.method-col:nth-child(3){border-right:none;border-top:1px solid var(--border);grid-column:span 2}.projects-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=900px){.nav-items{display:none}.home-section{padding-left:6%;padding-right:6%}}@media (width<=768px){.home-section{min-height:auto;padding-bottom:80px}.home-section--personas .personas-track,.home-section--work .work-track{flex-direction:column;height:auto}.persona-card,.work-card-h{border-right:none;border-bottom:1px solid var(--border);width:100%;min-width:0}.persona-card:first-child{width:100%;padding-left:24px}.work-card-h:first-child{border-left:none;width:100%;padding-left:24px}.section-body{max-width:100%}.methods-grid{grid-template-columns:1fr}.method-col{border-right:none;border-bottom:1px solid var(--border);padding-left:0!important}.method-col:last-child{border-bottom:none}.sparring-hero{min-height:auto;padding-top:calc(var(--nav-h) + 40px)}.projects-grid{grid-template-columns:1fr 1fr}.main-inner{padding-left:20px;padding-right:20px}.sparring-hero-title{font-size:clamp(48px,12vw,90px)}}@media (width<=560px){.site-nav{padding:0 5%}.switches-panel{right:5%}.case-nav{grid-template-columns:1fr;gap:8px}.case-nav-center,.case-nav-next{text-align:left}.about-portrait{float:none;width:150px;margin:0 auto 24px;display:block}.projects-grid{grid-template-columns:1fr}}