@import "https://api.fontshare.com/v2/css?f[]=satoshi@300,400,500,700&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}:root{--bg:#f5f2ed;--surface:#edeae4;--text:#1a1a18;--text-muted:#6b6860;--accent:#7a9068;--surface-green:#d2d3c0;--accent-warm:#7a9068;--white:#fafaf8;--border:#1a1a181f;--font-sans:"Satoshi", sans-serif;--font-serif:Austin, serif;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.45, 0, .55, 1)}html{font-size:16px}body{font-family:var(--font-sans);background-color:var(--bg);color:var(--text);overflow-x:hidden}h2{font-family:Austin,serif;font-weight:400}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{cursor:pointer;background:0 0;border:none;font-family:inherit}@keyframes page-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.page-enter{animation:page-enter .7s var(--ease-out) both}.reveal{opacity:0;transition:opacity .4s var(--ease-out), transform .4s var(--ease-out);transform:translateY(12px)}.reveal.in-view{opacity:1;transform:translateY(0)}.reveal-d1{transition-delay:.1s}.reveal-d2{transition-delay:.2s}.reveal-d3{transition-delay:.3s}.reveal-d4{transition-delay:.4s}.loader{background:var(--text);z-index:10000;flex-direction:column;justify-content:center;align-items:center;gap:24px;display:flex;position:fixed;inset:0}.loader-logo{object-fit:contain;filter:invert();width:64px;height:64px}.loader-bar{background:#ffffff1a;border-radius:1px;width:200px;height:1px;overflow:hidden}.loader-fill{background:var(--white);height:100%;transition:width 50ms linear}.loader-num{color:#ffffff4d;letter-spacing:.1em;font-variant-numeric:tabular-nums;font-size:.8125rem}.loader--exit{animation:loaderExit .7s var(--ease-in-out) forwards}@keyframes loaderExit{to{transform:translateY(-100%)}}.nav{z-index:100;justify-content:space-between;align-items:center;padding:24px 48px;display:flex;position:fixed;top:0;left:0;right:0}.nav:before{content:"";background:var(--bg);opacity:0;z-index:-1;transition:opacity .4s;position:absolute;inset:0}.nav.scrolled:before{opacity:.94;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.nav.scrolled{box-shadow:0 1px 0 var(--border)}.nav-logo{color:var(--text);align-items:center;display:flex}.nav-links{align-items:center;gap:36px;list-style:none;display:flex}.nav-links a{color:var(--text-muted);letter-spacing:.02em;font-size:.875rem;transition:color .2s;position:relative}.nav-links a:after{content:"";background:var(--text);width:0;height:1px;transition:width .3s var(--ease-out);position:absolute;bottom:-2px;left:0}.nav-links a:hover{color:var(--text)}.nav-links a:hover:after{width:100%}.nav-resume{border:1px solid var(--border);border-radius:100px;align-items:center;gap:6px;padding:9px 18px;color:var(--text)!important;font-size:.875rem!important;transition:border-color .2s,color .2s!important;display:inline-flex!important}.nav-resume:after{display:none!important}.nav-resume:hover{border-color:var(--text)!important;color:var(--text)!important}.nav-cta{background:var(--text);cursor:pointer;font-family:var(--font-sans);border:none;border-radius:100px;padding:10px 22px;color:var(--white)!important;transition:background .2s, transform .2s var(--ease-out)!important;font-size:.875rem!important;font-weight:500!important}.nav-cta:after{display:none!important}.nav-cta:hover{transform:scale(1.03);background:var(--accent)!important}.nav-burger{background:0 0;border:none;flex-direction:column;gap:5px;padding:4px;display:none}.nav-burger span{background:var(--text);width:22px;height:1.5px;transition:transform .3s,opacity .3s;display:block}.nav-burger.open span:first-child{transform:translateY(6.5px)rotate(45deg)}.nav-burger.open span:nth-child(2){opacity:0}.nav-burger.open span:nth-child(3){transform:translateY(-6.5px)rotate(-45deg)}@media (width<=768px){.nav{padding:16px 24px}.nav-burger{display:flex}.nav-links{background:var(--bg);opacity:0;pointer-events:none;flex-direction:column;justify-content:center;gap:28px;font-size:1.25rem;transition:opacity .3s;position:fixed;inset:60px 0 0}.nav-links.open{opacity:1;pointer-events:auto}}.hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100svh;padding:120px 48px 80px;display:flex;position:relative;overflow:hidden}.hero-roles{opacity:0;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-bottom:28px;display:flex;transform:translateY(14px)}.hero--ready .hero-roles{animation:fadeUp .7s var(--ease-out) .1s forwards}.hero-roles-item{letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);align-items:center;gap:12px;font-size:.8125rem;display:inline-flex}.hero-roles-sep{background:var(--accent-warm);border-radius:50%;flex-shrink:0;width:4px;height:4px}.hero-name{letter-spacing:-.04em;opacity:0;margin-bottom:36px;font-family:Austin,serif;font-size:clamp(3rem,8.5vw,7rem);font-weight:400;line-height:.96;transform:translateY(14px)}.hero--ready .hero-name{animation:fadeUp 1s var(--ease-out) .25s forwards}.hero-name em{color:var(--accent);font-style:italic}.hero-tagline{letter-spacing:-.015em;color:var(--text);opacity:0;max-width:680px;margin:0 auto 48px;font-family:Austin,serif;font-size:clamp(1.125rem,2.4vw,1.75rem);font-weight:400;line-height:1.5;transform:translateY(14px)}.hero--ready .hero-tagline{animation:fadeUp .85s var(--ease-out) .45s forwards}.underline-wrap{white-space:nowrap;display:inline-block;position:relative}.underline-wrap svg{pointer-events:none;width:calc(100% + 8px);height:auto;position:absolute;bottom:-9px;left:-4px;overflow:visible}.brush-path{stroke:var(--accent-warm);stroke-width:3px;fill:none;stroke-linecap:round;stroke-dasharray:400;stroke-dashoffset:400px}.hero--ready .brush-path{animation:drawStroke 1s var(--ease-out) .95s forwards}@keyframes drawStroke{to{stroke-dashoffset:0}}.hero-bio{color:var(--text-muted);opacity:0;max-width:520px;margin:0 auto 40px;font-size:1rem;line-height:1.75;transform:translateY(14px)}.hero--ready .hero-bio{animation:fadeUp .8s var(--ease-out) .6s forwards}.hero-actions{opacity:0;justify-content:center;align-items:center;gap:16px;display:flex;transform:translateY(14px)}.hero--ready .hero-actions{animation:fadeUp .8s var(--ease-out) .75s forwards}.btn-primary{color:var(--white);background:var(--text);transition:background .2s, transform .2s var(--ease-out), gap .2s;border-radius:100px;align-items:center;gap:10px;padding:14px 28px;font-size:.9375rem;font-weight:500;display:inline-flex}.btn-primary:hover{background:#333330;gap:16px;transform:scale(1.02)}.btn-secondary{color:var(--text-muted);border:none;border-bottom:1px solid var(--border);cursor:pointer;font-size:.9375rem;font-family:var(--font-sans);background:0 0;padding-bottom:2px;transition:color .2s,border-color .2s}.btn-secondary:hover{color:var(--text);border-color:var(--text)}.hero-intro-img{opacity:0;border-radius:20px;width:min(480px,80vw);margin-top:72px;overflow:hidden;transform:translateY(14px)}.hero--ready .hero-intro-img{animation:fadeUp 1s var(--ease-out) .9s forwards}.hero-intro-img-inner{aspect-ratio:16/9;width:100%;font-family:var(--font-serif);color:#1a1a1866;background:linear-gradient(135deg,#e4dfd6 0%,#ddd8cf 50%,#e0dbd2 100%);justify-content:center;align-items:center;font-size:1rem;font-style:italic;display:flex}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}@media (width<=768px){.hero{padding:96px 24px 56px}.hero-name{font-size:clamp(3.5rem,18vw,6rem)}.hero-tagline{font-size:1.125rem}.hero-actions{flex-direction:column;gap:12px}}.marquee-section{background:var(--text);margin:0;padding:20px 0;overflow:hidden}.marquee-track{white-space:nowrap;gap:0;animation:28s linear infinite marquee;display:flex}.marquee-track:hover{animation-play-state:paused}.marquee-item{font-family:var(--font-serif);color:var(--white);letter-spacing:-.01em;align-items:center;gap:28px;padding-right:28px;font-size:clamp(1.125rem,2.2vw,1.75rem);font-style:italic;display:inline-flex}.marquee-dot{background:var(--accent-warm);border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.portfolio-section{background:var(--bg);padding:100px 80px}.portfolio-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:64px;display:flex}.portfolio-filter{flex-wrap:wrap;gap:8px;display:flex}.filter-btn{border:1px solid var(--border);color:var(--text-muted);font-size:.8125rem;font-family:var(--font-sans);background:0 0;border-radius:100px;padding:8px 18px;transition:all .2s}.filter-btn:hover,.filter-btn.active{background:var(--text);color:var(--white);border-color:var(--text)}.portfolio-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.project-card{background:var(--card-color,var(--surface));aspect-ratio:4/3;border-radius:16px;text-decoration:none;display:block;position:relative;overflow:hidden}.project-bg{background:var(--card-color,var(--surface));transition:transform .7s var(--ease-out), filter .4s;position:absolute;inset:0}.project-card:hover .project-bg{filter:brightness(.72);transform:scale(1.06)}.project-overlay{opacity:0;background:linear-gradient(#0000 40%,#1a1a18d9 100%);transition:opacity .4s;position:absolute;inset:0}.project-card:hover .project-overlay{opacity:1}.project-case-study-badge,.project-group-badge{letter-spacing:.1em;text-transform:uppercase;color:var(--text);background:var(--surface-green);z-index:1;border-radius:100px;padding:5px 12px;font-size:.6875rem;position:absolute;top:20px;left:20px}.project-group-badge{background:var(--white)}.project-info{opacity:0;transition:transform .4s var(--ease-out), opacity .4s;padding:28px;position:absolute;bottom:0;left:0;right:0;transform:translateY(12px)}.project-card:hover .project-info{opacity:1;transform:translateY(0)}.project-tag{letter-spacing:.1em;text-transform:uppercase;color:var(--accent-warm);margin-bottom:6px;font-size:.6875rem}.project-title{font-family:var(--font-serif);color:var(--white);margin-bottom:8px;font-size:1.375rem;line-height:1.2}.project-role{color:#fff9;font-size:.8125rem}.project-arrow{background:var(--white);opacity:0;width:40px;height:40px;transition:opacity .3s, transform .4s var(--ease-out);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:20px;right:20px;transform:scale(.7)rotate(-45deg)}.project-card:hover .project-arrow{opacity:1;transform:scale(1)rotate(0)}@media (width<=1024px){.portfolio-section{padding:80px 32px}.portfolio-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.portfolio-section{padding:64px 24px}.portfolio-grid{grid-template-columns:1fr}}.about-section{background:var(--surface-green);color:var(--text);z-index:0;flex-direction:column;justify-content:center;min-height:100vh;padding:120px 80px;display:flex;position:sticky;top:0;overflow:hidden}.about-section~*{z-index:1;position:relative}.about-content{z-index:1;width:100%;position:relative}.about-intro{grid-template-columns:1fr 1fr;align-items:center;gap:80px;display:grid}.about-intro-heading{letter-spacing:-.02em;color:var(--text);font-family:Austin,serif;font-size:clamp(2.25rem,4.5vw,4rem);font-style:normal;font-weight:400;line-height:1.1}.about-intro-heading em{color:var(--accent);font-style:italic}.about-intro-right{flex-direction:column;gap:24px;padding-bottom:8px;display:flex}.about-intro-bio{color:var(--text-muted);font-size:clamp(1rem,1.4vw,1.1875rem);line-height:1.75}.about-timeline{grid-template-columns:repeat(7,1fr);gap:0;margin:96px 0 0;padding:0;list-style:none;display:grid;position:relative}.about-timeline:before,.about-timeline:after{content:"";transform-origin:0;height:1px;position:absolute;top:calc(.9rem + 20px);transform:scaleX(0)}.about-timeline:before{background:#1a1a1840;width:71.4286%;transition:transform 1.6s cubic-bezier(.22,1,.36,1);left:6px}.about-timeline:after{border-top:1px dashed #1a1a1859;width:14.2857%;height:0;transition:transform .7s cubic-bezier(.22,1,.36,1) 1.3s;left:calc(71.4286% + 6px)}.about-timeline.in-view:before,.about-timeline.in-view:after{transform:scaleX(1)}.timeline-step{opacity:0;filter:blur(6px);flex-direction:column;align-items:flex-start;padding-right:16px;transition:opacity .9s cubic-bezier(.22,1,.36,1),filter .9s cubic-bezier(.22,1,.36,1),transform .9s cubic-bezier(.22,1,.36,1);display:flex;position:relative;transform:translateY(6px)}.timeline-year{color:var(--text-muted);margin-bottom:14px;font-family:Austin,serif;font-size:.9rem;font-style:italic;line-height:1}.timeline-dot{border:1.5px solid var(--text);background:var(--surface-green);z-index:1;border-radius:50%;width:12px;height:12px;margin-bottom:22px;transition:transform .7s cubic-bezier(.34,1.2,.64,1);position:relative;transform:scale(0)}.timeline-title{color:var(--text);font-size:1.0625rem;font-weight:600;line-height:1.3}.timeline-role{color:var(--text-muted);margin-top:4px;font-size:.95rem;line-height:1.4}.timeline-step.is-current .timeline-year{color:var(--text-muted)}.about-timeline.in-view .timeline-step{opacity:1;filter:blur();transform:translateY(0)}.about-timeline.in-view .timeline-dot{transform:scale(1)}.timeline-step:first-child,.timeline-step:first-child .timeline-dot{transition-delay:.1s}.timeline-step:nth-child(2),.timeline-step:nth-child(2) .timeline-dot{transition-delay:.28s}.timeline-step:nth-child(3),.timeline-step:nth-child(3) .timeline-dot{transition-delay:.46s}.timeline-step:nth-child(4),.timeline-step:nth-child(4) .timeline-dot{transition-delay:.64s}.timeline-step:nth-child(5),.timeline-step:nth-child(5) .timeline-dot{transition-delay:.82s}.timeline-step:nth-child(6),.timeline-step:nth-child(6) .timeline-dot{transition-delay:1s}.timeline-step:nth-child(7),.timeline-step:nth-child(7) .timeline-dot{transition-delay:1.55s}@media (prefers-reduced-motion:reduce){.timeline-step,.timeline-dot,.about-timeline:before,.about-timeline:after{transition:none}.timeline-step{opacity:1;filter:none}.timeline-dot{transform:scale(1)}.about-timeline:before,.about-timeline:after{transform:scaleX(1)}}@media (width<=768px){.about-section{justify-content:flex-start;min-height:0;position:relative;top:auto}}@media (width<=1024px){.about-section{padding:80px 32px}.about-intro{grid-template-columns:1fr;gap:32px}.about-timeline{grid-template-columns:1fr;gap:0;margin-top:64px;padding-left:24px;position:relative}.about-timeline:before{content:"";background:#1a1a1840;width:1px;height:auto;transition:none;position:absolute;top:6px;bottom:6px;left:5px;transform:none}.about-timeline:after{display:none}.timeline-step{flex-flow:wrap;align-items:baseline;gap:8px 12px;padding:14px 0}.timeline-step:after{display:none}.timeline-year{min-width:56px;margin-bottom:0}.timeline-dot{margin-bottom:0;position:absolute;top:50%;left:-24px;transform:translateY(-50%)}.timeline-title{flex:auto}.timeline-role{flex:100%;margin-top:0;margin-left:68px}}@media (width<=768px){.about-section{padding:64px 24px}}.services-section{background:var(--bg);padding:100px 48px}.services-intro{grid-template-columns:1fr 1fr;align-items:end;gap:80px;margin-bottom:72px;display:grid}.services-desc{color:var(--text-muted);font-size:1.0625rem;line-height:1.75}.section-label{letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);align-items:center;gap:12px;margin-bottom:16px;font-size:.75rem;display:flex}.section-label:before{content:"";background:var(--text-muted);width:32px;height:1px}.section-title{font-family:var(--font-serif);letter-spacing:-.03em;font-size:clamp(2.5rem,5vw,4.5rem);line-height:1.08}.section-title em{color:var(--accent);font-style:italic}.services-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.service-card{background:var(--surface);transition:border-color .3s, background .3s, transform .4s var(--ease-out);border:1px solid #0000;border-radius:18px;flex-direction:column;padding:28px 24px;display:flex}.service-card:hover{border-color:var(--border);transform:translateY(-2px)}.service-icon{background:var(--text);border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:20px;display:flex}.service-name{font-family:var(--font-serif);letter-spacing:-.02em;margin:0 0 10px;font-size:1.25rem;line-height:1.2}.service-desc{color:var(--text-muted);margin:0;font-size:.9rem;line-height:1.6}@media (width<=1024px){.services-section{padding:80px 32px}.services-intro{grid-template-columns:1fr;gap:24px}.services-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.services-section{padding:64px 24px}.services-grid{grid-template-columns:1fr}}.contact-overlay{z-index:500;-webkit-backdrop-filter:blur(6px);opacity:0;pointer-events:none;transition:opacity .3s var(--ease-out);background:#0a0a0999;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.contact-overlay.open{opacity:1;pointer-events:auto}.contact-modal{background:var(--text);color:var(--white);width:min(520px,100vw - 32px);max-height:calc(100dvh - 48px);transition:transform .35s var(--ease-out);border-radius:20px;padding:40px 36px 32px;position:relative;overflow-y:auto;transform:translateY(16px)scale(.98)}.contact-overlay.open .contact-modal{transform:translateY(0)scale(1)}.contact-close{color:#fff9;cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:background .2s,color .2s;display:flex;position:absolute;top:20px;right:20px}.contact-close:hover{color:var(--white);background:#ffffff26}.contact-modal .section-label{color:#ffffff59;justify-content:flex-start;margin-bottom:16px}.contact-modal .section-label:before{background:#fff3}.contact-title{font-family:var(--font-serif);letter-spacing:-.02em;margin-bottom:28px;font-size:clamp(1.5rem,2.6vw,2.125rem);line-height:1.1}.contact-title em{color:var(--accent-warm);font-style:italic}.contact-form{flex-direction:column;gap:18px;margin-bottom:8px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-label{letter-spacing:.12em;text-transform:uppercase;color:#ffffff80;font-size:.75rem;font-weight:500}.form-label-meta{text-transform:uppercase;color:#ffffff59;margin-left:4px;font-weight:400}.topic-chips{flex-wrap:wrap;gap:10px;display:flex}.topic-chip{font-family:var(--font-sans);color:var(--white);cursor:pointer;transition:background .2s var(--ease-out), color .2s var(--ease-out), border-color .2s var(--ease-out), transform .2s var(--ease-out);background:0 0;border:1px solid #ffffff38;border-radius:999px;padding:8px 16px;font-size:.875rem;font-weight:500}.topic-chip:hover:not(.is-active){background:#ffffff0f;border-color:#fff6}.topic-chip.is-active{background:var(--white);color:var(--text);border-color:var(--white)}.form-group input,.form-group textarea{width:100%;font-family:var(--font-sans);color:var(--white);resize:none;appearance:none;background:#ffffff0a;border:1px solid #ffffff24;border-radius:12px;outline:none;padding:12px 16px;font-size:.9375rem;transition:border-color .2s,background .2s}.form-group textarea{min-height:100px;line-height:1.5}.form-group input::placeholder,.form-group textarea::placeholder{color:#ffffff52}.form-group input:focus,.form-group textarea:focus{background:#ffffff12;border-color:#fff6}.btn-submit{background:var(--white);width:100%;color:var(--text);font-size:.9375rem;font-weight:600;font-family:var(--font-sans);cursor:pointer;transition:background .2s, transform .2s var(--ease-out);border:none;border-radius:12px;margin-top:4px;padding:14px}.btn-submit:hover:not(:disabled){background:var(--accent-warm);transform:scale(1.02)}.btn-submit.sent{background:var(--accent-warm)}.btn-submit.error{color:#fff;background:#c0392b}.btn-submit:disabled{opacity:.75;cursor:default}.contact-alt{color:#ffffff59;text-align:center;margin-top:22px;font-size:.825rem}.contact-alt a{color:var(--accent-warm);border-bottom:1px solid #c8a96e4d;transition:border-color .2s}.contact-alt a:hover{border-color:var(--accent-warm)}@media (width<=600px){.contact-modal{border-radius:20px 20px 0 0;width:100%;max-height:92dvh;padding:40px 24px 32px;position:fixed;bottom:0;left:0;right:0;transform:translateY(100%)}.contact-overlay.open .contact-modal{transform:translateY(0)}.topic-chip{padding:10px 18px;font-size:.9rem}}.footer{background:var(--text);border-top:1px solid #ffffff0f;flex-direction:column;gap:24px;padding:56px 48px 32px;display:flex}.footer-row{justify-content:space-between;align-items:center;gap:24px;display:flex}.footer-thanks{font-family:var(--font-serif);letter-spacing:-.02em;color:var(--white);margin:0;font-size:48px;font-weight:400;line-height:1}.footer-thanks em{color:var(--accent-warm);font-style:italic}.footer-linkedin{color:#ffffffa6;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:10px;padding:10px 20px;font-size:.9375rem;font-weight:500;transition:color .2s,border-color .2s,background .2s;display:inline-flex}.footer-linkedin:hover{color:var(--white);background:#ffffff0d;border-color:#ffffff73}.footer-copy{color:#fff3;text-align:left;font-size:.8125rem}@media (width<=600px){.footer{padding:40px 24px 24px}.footer-row{text-align:center;flex-direction:column;gap:18px}}.cj-map{margin-top:40px}.cj-persona{background:var(--text);border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;margin-bottom:36px;padding:22px 26px;display:grid}.cj-persona-avatar{background:var(--accent-warm);width:44px;height:44px;font-family:var(--font-serif);color:var(--text);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.25rem;display:flex}.cj-persona-info{flex-direction:column;gap:4px;display:flex}.cj-persona-name{font-family:var(--font-serif);color:var(--white);font-size:1rem}.cj-persona-desc{color:#fafaf880;font-size:.8125rem;line-height:1.55}.cj-persona-goal{border-left:1px solid #fafaf81f;flex-direction:column;gap:5px;max-width:260px;padding-left:22px;display:flex}.cj-goal-label{letter-spacing:.14em;text-transform:uppercase;color:var(--accent-warm);font-size:.5625rem}.cj-goal-text{font-family:var(--font-serif);color:#fafaf8b3;font-size:.8125rem;font-style:italic;line-height:1.55}.cj-arc{margin-bottom:20px}.cj-arc-label{align-items:center;gap:12px;margin-bottom:10px;display:flex}.cj-arc-label span{letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);white-space:nowrap;font-size:.625rem}.cj-arc-label:after{content:"";background:var(--border);flex:1;height:1px}.cj-scroll-outer{position:relative}.cj-scroller{width:100%}.cj-chevron{display:none}@keyframes cj-nudge{0%,to{transform:translate(0)}50%{transform:translate(3px)}}.cj-table{border:1px solid var(--border);border-radius:14px;width:100%;overflow:hidden}.cj-row{grid-template-columns:76px repeat(var(--n), 1fr);display:grid}.cj-row+.cj-row{border-top:1px solid var(--border)}.cj-label{letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);border-right:1px solid var(--border);align-items:center;padding:12px 10px;font-size:.5rem;line-height:1.4;display:flex}.cj-row--section{background:var(--surface)}.cj-section-cell{border-right:1px solid var(--border);align-items:center;gap:8px;padding:10px 14px;display:flex}.cj-section-cell:last-child{border-right:none}.cj-section-bar{background:var(--sc);border-radius:2px;flex-shrink:0;width:16px;height:2.5px}.cj-section-name{letter-spacing:.12em;text-transform:uppercase;color:var(--sc);font-size:.5625rem}.cj-row--phases{background:var(--bg)}.cj-phase-header{font-family:var(--font-serif);letter-spacing:-.01em;color:var(--text);border-right:1px solid var(--border);padding:12px 14px;font-size:.9375rem;line-height:1.2}.cj-phase-header:last-child{border-right:none}.cj-cell{border-right:1px solid var(--border);color:var(--text-muted);overflow-wrap:break-word;word-break:break-word;min-width:0;padding:14px;font-size:.75rem;line-height:1.65}.cj-cell:last-child{border-right:none}.cj-row--activity{background:var(--bg)}.cj-row--touchpoints{background:var(--surface)}.cj-cell--chips{flex-direction:column;gap:4px;display:flex}.cj-chip{letter-spacing:.06em;background:var(--bg);color:var(--text-muted);white-space:nowrap;border-radius:100px;width:fit-content;padding:3px 8px;font-size:.5625rem;display:inline-block}.cj-row--emotion{background:var(--surface)}.cj-cell--emotion{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex}.cj-em-dot{background:var(--ec,var(--accent));border-radius:50%;width:9px;height:9px;display:block}.cj-em-label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);font-size:.5rem}@media (width<=900px){.cj-persona{grid-template-columns:auto 1fr}.cj-persona-goal{border-top:1px solid #fafaf81f;border-left:none;grid-column:1/-1;max-width:100%;padding-top:14px;padding-left:0}}@media (width<=768px){.cj-table{border:none;border-radius:0;width:max-content;min-width:100%;overflow:visible}.cj-scroller{-webkit-overflow-scrolling:touch;scrollbar-width:none;border:1px solid var(--border);border-radius:14px;width:100%;overflow:auto visible}.cj-scroller::-webkit-scrollbar{display:none}.cj-row{grid-template-columns:76px repeat(var(--n), 160px)}.cj-label{z-index:2;position:sticky;left:0}.cj-row--section .cj-label{background:var(--surface)}.cj-row--phases .cj-label,.cj-row--activity .cj-label{background:var(--bg)}.cj-row--touchpoints .cj-label,.cj-row--emotion .cj-label{background:var(--surface)}.cj-scroll-outer{position:relative}.cj-scroll-outer:after{content:"";background:linear-gradient(to right, transparent, var(--bg));pointer-events:none;z-index:1;border-radius:0 14px 14px 0;width:56px;transition:opacity .3s;position:absolute;top:0;bottom:0;right:0}.cj-scroll-outer:has(.cj-chevron.hidden):after{opacity:0}.cj-chevron{width:26px;height:26px;color:var(--text-muted);pointer-events:none;z-index:2;opacity:1;background:#1a1a1814;border-radius:50%;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.cj-chevron.hidden{opacity:0}.cj-chevron svg{animation:1.5s infinite cj-nudge}}.sm-map{margin-top:40px}.sm-summary{background:var(--text);border-radius:14px;grid-template-columns:1fr auto;align-items:center;gap:20px;margin-bottom:36px;padding:22px 26px;display:grid}.sm-summary-left{flex-direction:column;gap:6px;display:flex}.sm-summary-title{font-family:var(--font-serif);color:var(--white);font-size:1rem}.sm-summary-desc{color:#fafaf880;max-width:480px;font-size:.8125rem;line-height:1.6}.sm-summary-legend{border-left:1px solid #fafaf81f;flex-direction:column;gap:8px;padding-left:22px;display:flex}.sm-legend-label{letter-spacing:.14em;text-transform:uppercase;color:var(--accent-warm);font-size:.5625rem}.sm-legend-items{flex-direction:column;gap:5px;display:flex}.sm-legend-item{color:#fafaf899;align-items:center;gap:8px;font-size:.75rem;display:flex}.sm-legend-dot{border-radius:2px;flex-shrink:0;width:8px;height:8px}@media (width<=768px){.sm-summary{grid-template-columns:1fr}.sm-summary-legend{border-top:1px solid #fafaf81f;border-left:none;padding-top:14px;padding-left:0}}.sm-flow{margin-bottom:20px}.sm-flow-label{align-items:center;gap:12px;margin-bottom:10px;display:flex}.sm-flow-label span{letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);white-space:nowrap;font-size:.625rem}.sm-flow-label:after{content:"";background:var(--border);flex:1;height:1px}.sm-scroll-outer{position:relative}.sm-scroller{width:100%}.sm-chevron{display:none}@keyframes sm-nudge{0%,to{transform:translate(0)}50%{transform:translate(3px)}}.sm-table{border:1px solid var(--border);border-radius:14px;width:100%;overflow:hidden}.sm-row{grid-template-columns:90px repeat(var(--n), 1fr);display:grid}.sm-row+.sm-row{border-top:1px solid var(--border)}.sm-label{letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);border-right:1px solid var(--border);align-items:center;padding:12px 10px;font-size:.5rem;line-height:1.4;display:flex}.sm-label--release{flex-direction:column;justify-content:center;align-items:flex-start;gap:5px}.sm-release-badge{letter-spacing:.08em;color:var(--white);background:var(--rc);border-radius:4px;padding:2px 8px;font-size:.5625rem;font-weight:600;display:inline-block}.sm-release-tag{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);font-size:.4375rem;line-height:1.3}.sm-row--themes{background:var(--surface)}.sm-theme-cell{border-right:1px solid var(--border);flex-direction:column;gap:4px;padding:14px;display:flex}.sm-theme-cell:last-child{border-right:none}.sm-theme-num{font-family:var(--font-serif);color:var(--accent-warm);font-size:.75rem;font-style:italic;line-height:1}.sm-theme-name{font-family:var(--font-serif);letter-spacing:-.01em;color:var(--text);font-size:.875rem;line-height:1.2}.sm-row--release{background:var(--bg)}.sm-row--release:nth-child(odd){background:var(--surface)}.sm-cell{border-right:1px solid var(--border);flex-direction:column;gap:4px;min-width:0;padding:10px 12px;display:flex}.sm-cell:last-child{border-right:none}.sm-story{letter-spacing:.04em;background:var(--bg);color:var(--text-muted);border-left:2px solid var(--rc,var(--accent));overflow-wrap:break-word;word-break:break-word;border-radius:0 4px 4px 0;width:fit-content;max-width:100%;padding:4px 8px;font-size:.5625rem;line-height:1.4;display:inline-block}@media (width<=768px){.sm-table{border:none;border-radius:0;width:max-content;min-width:100%;overflow:visible}.sm-scroller{-webkit-overflow-scrolling:touch;scrollbar-width:none;border:1px solid var(--border);border-radius:14px;width:100%;overflow:auto visible}.sm-scroller::-webkit-scrollbar{display:none}.sm-row{grid-template-columns:90px repeat(var(--n), 140px)}.sm-label{z-index:2;position:sticky;left:0}.sm-row--themes .sm-label{background:var(--surface)}.sm-row--release .sm-label{background:var(--bg)}.sm-row--release:nth-child(odd) .sm-label{background:var(--surface)}.sm-scroll-outer{position:relative}.sm-scroll-outer:after{content:"";background:linear-gradient(to right, transparent, var(--bg));pointer-events:none;z-index:1;border-radius:0 14px 14px 0;width:56px;transition:opacity .3s;position:absolute;top:0;bottom:0;right:0}.sm-scroll-outer:has(.sm-chevron.hidden):after{opacity:0}.sm-chevron{width:26px;height:26px;color:var(--text-muted);pointer-events:none;z-index:2;opacity:1;background:#1a1a1814;border-radius:50%;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.sm-chevron.hidden{opacity:0}.sm-chevron svg{animation:1.5s infinite sm-nudge}}.pp-hero{background:var(--pp-color,var(--surface));align-items:flex-end;height:80vh;min-height:520px;display:flex;position:relative;overflow:hidden}.pp-hero-img{object-fit:cover;object-position:center;will-change:transform;width:100%;height:130%;position:absolute;top:-15%;left:0}.pp-hero-overlay{background:linear-gradient(#0000 0%,#1a1a1847 45%,#1a1a18d1 100%);position:absolute;inset:0}.pp-hero-overlay--img{background:linear-gradient(#1a1a1826 0%,#1a1a1859 50%,#1a1a18d1 100%);overflow:hidden}.pp-hero-overlay-img{object-fit:cover;object-position:center top;opacity:.45;mix-blend-mode:luminosity;z-index:-1;width:100%;height:85%;position:absolute;bottom:0;left:0;right:0}.pp-hero-content{width:100%;max-width:960px;padding:0 48px 56px;position:relative}.pp-back{color:#ffffff8c;letter-spacing:.04em;font-size:.8125rem;font-family:var(--font-sans);cursor:none;background:0 0;border:none;align-items:center;gap:8px;margin-bottom:32px;transition:color .2s;display:inline-flex}.pp-back:hover{color:var(--white)}.pp-hero-meta{align-items:center;gap:12px;margin-bottom:16px;display:flex}.pp-case-study-badge{letter-spacing:.1em;text-transform:uppercase;color:var(--text);background:var(--surface-green);border-radius:100px;padding:5px 14px;font-size:.6875rem}.pp-tag{letter-spacing:.12em;text-transform:uppercase;color:#ffffff8c;font-size:.6875rem}.pp-title{font-family:var(--font-serif);letter-spacing:-.03em;color:var(--white);margin-bottom:16px;font-size:clamp(2.5rem,5vw,4.5rem);line-height:1.08}.pp-title em{color:#d2d3c0;font-style:italic}.pp-main{max-width:880px;margin:0 auto;padding:80px 48px 100px}.pp-section{margin-bottom:64px}.pp-meta{border-bottom:1px solid var(--border);grid-template-columns:1fr 1fr;gap:32px 48px;margin-bottom:64px;padding-bottom:48px;display:grid}.pp-meta-label{letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin-bottom:10px;font-size:.75rem}.pp-meta-value{color:var(--text);font-size:1.0625rem;font-weight:500;line-height:1.5}@media (width<=640px){.pp-meta{grid-template-columns:1fr;gap:24px;margin-bottom:48px;padding-bottom:32px}}.pp-section-label{letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);align-items:center;gap:12px;margin-bottom:24px;font-size:.75rem;display:flex}.pp-section-label:before{content:"";background:var(--text-muted);width:32px;height:1px}.pp-body-large{font-family:var(--font-serif);letter-spacing:-.01em;color:var(--text);font-size:clamp(1.25rem,2.2vw,1.625rem);line-height:1.55}.pp-body{color:var(--text-muted);max-width:640px;font-size:1rem;line-height:1.75}.pp-two-col{grid-template-columns:200px 1fr;align-items:start;gap:0 48px;display:grid}.pp-rule{border:none;border-top:1px solid var(--border);margin:0 0 64px}.pp-timeline{margin-top:48px;display:flex;position:relative}.pp-timeline:before{content:"";background:var(--border);transform-origin:0;width:100%;height:1px;transition:transform 1.6s var(--ease-out);position:absolute;top:3px;left:0;transform:scaleX(0)}.pp-timeline.line-in:before{transform:scaleX(1)}.pp-timeline-step{flex:1;padding-top:28px;padding-right:32px;position:relative}.pp-timeline-step:last-child{padding-right:0}.pp-timeline-step:before{content:"";background:var(--text);width:7px;height:7px;transition:transform .45s var(--ease-out);transition-delay:var(--dot-delay,.2s);border-radius:50%;position:absolute;top:0;left:0;transform:scale(0)}.pp-timeline.line-in .pp-timeline-step:before{transform:scale(1)}.pp-process-num{font-family:var(--font-serif);color:var(--accent-warm);margin-bottom:12px;font-size:2rem;font-style:italic;line-height:1;display:block}.pp-timeline-step p{color:var(--text-muted);font-size:.9375rem;line-height:1.7}@media (width<=768px){.pp-timeline{flex-direction:column;padding-left:24px}.pp-timeline:before{transform-origin:top;width:1px;height:100%;top:0;left:3px;transform:scaleY(0)}.pp-timeline.line-in:before{transform:scaleY(1)}.pp-timeline-step{padding-top:0;padding-bottom:36px;padding-right:0}.pp-timeline-step:last-child{padding-bottom:0}.pp-timeline-step:before{top:6px;left:-24px}}.pp-myrole .pp-body{max-width:600px;font-size:1.0625rem;line-height:1.75}.pp-storymap-frame{background:var(--white);border:1px solid var(--border);scrollbar-width:thin;scrollbar-color:var(--text-muted) transparent;border-radius:16px;margin-top:12px;padding:24px;overflow:auto hidden}.pp-storymap-frame::-webkit-scrollbar{height:6px}.pp-storymap-frame::-webkit-scrollbar-track{background:0 0}.pp-storymap-frame::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:3px}.pp-storymap-canvas{background-position:50%;background-repeat:no-repeat;background-size:contain;min-width:1200px;height:480px}@media (width<=768px){.pp-storymap-frame{padding:16px}.pp-storymap-canvas{height:360px}}.pp-showcase-frame{background:var(--surface);border:1px solid var(--border);scrollbar-width:thin;scrollbar-color:var(--text-muted) transparent;border-radius:16px;height:520px;margin-top:12px;overflow-y:auto}.pp-showcase-frame::-webkit-scrollbar{width:6px}.pp-showcase-frame::-webkit-scrollbar-track{background:0 0}.pp-showcase-frame::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:3px}.pp-showcase-frame--fit{height:auto;overflow:hidden}.pp-showcase-canvas{background-position:top;background-repeat:no-repeat;background-size:100%;width:100%}@media (width<=768px){.pp-showcase-frame{height:400px}}.pp-brief-img{background:var(--surface);border:1px solid var(--border);border-radius:16px;width:100%;height:auto;margin-top:12px;display:block}.pp-showcase-grid{grid-template-columns:1fr 1fr;gap:16px;margin-top:12px;display:grid}.pp-showcase-grid-img{background:var(--surface);border:1px solid var(--border);border-radius:16px;width:100%;height:auto;display:block}@media (width<=768px){.pp-showcase-grid{grid-template-columns:1fr}}.pp-pdf-gate{border:1px solid var(--border);background:var(--surface);text-align:center;border-radius:16px;flex-direction:column;align-items:center;max-width:520px;margin-top:12px;margin-left:auto;margin-right:auto;padding:56px 32px;display:flex}.pp-pdf-gate-icon{background:var(--bg);width:44px;height:44px;color:var(--text);border-radius:50%;justify-content:center;align-items:center;margin-bottom:20px;display:inline-flex}.pp-pdf-gate-title{font-family:var(--font-serif);color:var(--text);letter-spacing:-.01em;margin-bottom:12px;font-size:1.5rem;font-weight:400}.pp-pdf-gate-body{color:var(--text-muted);max-width:380px;margin-bottom:24px;font-size:.9375rem;line-height:1.55}.pp-pdf-gate-cta{font-family:var(--font-sans);color:var(--white);background:var(--text);transition:background .2s, transform .2s var(--ease-out), gap .2s;cursor:none;border-radius:100px;align-items:center;gap:10px;padding:13px 26px;font-size:.9375rem;font-weight:500;text-decoration:none;display:inline-flex}.pp-pdf-gate-cta:hover{background:#333330;gap:14px;transform:scale(1.02)}.pp-pdf-gate-divider{width:100%;color:var(--text-muted);letter-spacing:.12em;text-transform:uppercase;align-items:center;margin:28px 0 20px;font-size:.6875rem;display:flex}.pp-pdf-gate-divider:before,.pp-pdf-gate-divider:after{content:"";background:var(--border);flex:1;height:1px}.pp-pdf-gate-divider span{padding:0 14px}.pp-pdf-gate-form{gap:8px;width:100%;max-width:380px;display:flex}.pp-pdf-gate-input{font-family:var(--font-sans);color:var(--text);background:var(--bg);border:1px solid var(--border);cursor:none;border-radius:100px;outline:none;flex:1;padding:11px 18px;font-size:.9375rem;transition:border-color .2s}.pp-pdf-gate-input:focus{border-color:var(--text)}.pp-pdf-gate-input::placeholder{color:var(--text-muted)}.pp-pdf-gate-submit{font-family:var(--font-sans);color:var(--white);background:var(--text);cursor:none;transition:opacity .2s, transform .2s var(--ease-out);border-radius:100px;padding:11px 20px;font-size:.875rem;font-weight:500}.pp-pdf-gate-submit:hover:not(:disabled){transform:scale(1.02)}.pp-pdf-gate-submit:disabled{opacity:.4;cursor:not-allowed}.pp-pdf-gate-error{color:#b85450;margin-top:14px;font-size:.8125rem}@media (width<=640px){.pp-pdf-gate{padding:40px 20px}.pp-pdf-gate-form{flex-direction:column;max-width:100%}}.pp-pdf-slideshow{flex-direction:column;gap:20px;margin-top:12px;display:flex}.pp-pdf-canvas{background:var(--surface);border:1px solid var(--border);border-radius:16px;justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden}.pp-pdf-page{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:auto;display:block}.pp-pdf-controls{justify-content:center;align-items:center;gap:20px;margin-top:8px;display:flex}.pp-pdf-btn{font-family:var(--font-sans);color:var(--text);border:1px solid var(--border);cursor:none;transition:background .2s, color .2s, border-color .2s, transform .2s var(--ease-out), opacity .2s;background:0 0;border-radius:100px;align-items:center;gap:10px;padding:11px 24px;font-size:.875rem;font-weight:500;display:inline-flex}.pp-pdf-btn:hover:not(:disabled){background:var(--text);color:var(--white);border-color:var(--text);transform:scale(1.02)}.pp-pdf-btn:disabled{opacity:.3;cursor:not-allowed}.pp-pdf-page-num{letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);font-variant-numeric:tabular-nums;text-align:center;min-width:64px;font-size:.75rem}@media (width<=640px){.pp-pdf-controls{gap:14px}.pp-pdf-btn{padding:10px 18px;font-size:.8125rem}}.pp-impact-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-top:8px;display:grid}.pp-impact-card{background:var(--surface);border-radius:12px;flex-direction:column;gap:6px;padding:24px 26px;display:flex}.pp-impact-value{font-family:var(--font-serif);letter-spacing:-.02em;color:var(--text);font-size:1.75rem;line-height:1.1}.pp-impact-label{color:var(--text-muted);font-size:.8125rem;line-height:1.5}.pp-focus-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:8px;display:grid}.pp-focus-item{background:var(--surface);border-radius:12px;padding:24px 26px}.pp-focus-area{color:var(--text);letter-spacing:-.01em;margin-bottom:8px;font-size:.875rem;font-weight:500}.pp-focus-desc{color:var(--text-muted);font-size:.875rem;line-height:1.65}@media (width<=768px){.pp-focus-grid{grid-template-columns:1fr 1fr}}@media (width<=480px){.pp-focus-grid{grid-template-columns:1fr}}.pp-problems{grid-template-columns:1fr 1fr;align-items:start;gap:40px 48px;display:grid}.pp-problem-block .pp-section-label{margin-bottom:20px}.pp-pain-callout{background:var(--text);border-radius:16px;padding:32px 36px}.pp-pain-label{letter-spacing:.12em;text-transform:uppercase;color:var(--accent-warm);margin-bottom:16px;font-size:.6875rem}.pp-pain-body{color:#fafaf8b3;font-size:.9375rem;line-height:1.7}.pp-outcome .pp-body-large{color:var(--text)}.pp-benefit-list{flex-direction:column;gap:0;list-style:none;display:flex}.pp-benefit-item{grid-template-columns:56px 1fr;align-items:baseline;gap:0 24px;padding:28px 0;display:grid}.pp-benefit-item+.pp-benefit-item{border-top:1px solid var(--border)}.pp-benefit-num{font-family:var(--font-serif);color:var(--accent-warm);font-size:1.25rem;font-style:italic;line-height:1}.pp-benefit-title{color:var(--text);letter-spacing:-.01em;margin-bottom:6px;font-size:1rem;font-weight:500;display:block}.pp-benefit-body{color:var(--text-muted);font-size:.9375rem;line-height:1.7}.pp-key-insight-section{margin-bottom:64px}.pp-key-insight{background:var(--text);color:var(--white);border-radius:20px;padding:56px 56px 52px;position:relative;overflow:hidden}.pp-key-insight:before{content:"“";font-family:var(--font-serif);color:var(--accent-warm);opacity:.32;font-size:9rem;line-height:1;position:absolute;top:12px;left:28px}.pp-key-insight-label{letter-spacing:.14em;text-transform:uppercase;color:var(--accent-warm);margin-bottom:18px;font-size:.6875rem;display:inline-block;position:relative}.pp-key-insight-quote{font-family:var(--font-serif);letter-spacing:-.015em;color:var(--white);max-width:680px;font-size:clamp(1.5rem,2.6vw,2.125rem);line-height:1.35;position:relative}@media (width<=640px){.pp-key-insight{border-radius:16px;padding:40px 28px 36px}.pp-key-insight:before{font-size:6rem;top:4px;left:16px}}.pp-research-plan-intro{max-width:640px;color:var(--text-muted);margin-bottom:32px;font-size:.9375rem}.pp-method-list{grid-template-columns:1fr 1fr;gap:12px;margin:0;padding:0;list-style:none;display:grid}.pp-method-item{background:var(--surface);border-radius:12px;grid-template-columns:56px 1fr;align-items:start;gap:0 18px;padding:22px 24px 24px;display:grid}.pp-method-num{font-family:var(--font-serif);letter-spacing:.04em;color:var(--accent-warm);padding-top:2px;font-size:1rem;font-style:italic}.pp-method-title{color:var(--text);letter-spacing:-.005em;margin:0 0 8px;font-size:.9375rem;font-weight:500}.pp-method-desc{color:var(--text-muted);font-size:.875rem;line-height:1.65}@media (width<=768px){.pp-method-list{grid-template-columns:1fr}}.pp-strategy-list{border-top:1px solid var(--border);margin:0;padding:0;list-style:none}.pp-strategy-item{border-bottom:1px solid var(--border);grid-template-columns:minmax(220px,1fr) minmax(0,1.4fr);align-items:start;gap:24px 56px;padding:32px 0;display:grid}.pp-strategy-head{align-items:baseline;gap:16px;display:flex}.pp-strategy-num{font-family:var(--font-serif);color:var(--accent-warm);font-size:1.25rem;font-style:italic;line-height:1}.pp-strategy-title{font-family:var(--font-serif);letter-spacing:-.015em;color:var(--text);margin:0;font-size:1.5rem;line-height:1.25}.pp-strategy-desc{color:var(--text-muted);font-size:.9375rem;line-height:1.7}@media (width<=768px){.pp-strategy-item{grid-template-columns:1fr;gap:12px;padding:24px 0}.pp-strategy-title{font-size:1.25rem}}.pp-touchpoints{flex-direction:column;gap:0;display:flex}.pp-tp-intro{max-width:640px;margin-bottom:8px}.pp-tp-block{border-top:1px solid var(--border);margin-top:40px;padding-top:28px}.pp-tp-block:first-of-type{border-top:none;padding-top:24px}.pp-tp-header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:18px;display:flex}.pp-tp-tag{letter-spacing:.12em;text-transform:uppercase;color:var(--text);font-size:.75rem;font-weight:500}.pp-tp-tag-meta{letter-spacing:.04em;color:var(--text-muted);font-size:.75rem}.pp-tp-product{background:var(--white);border:1px solid var(--border);border-radius:16px;grid-template-columns:240px 1fr;min-height:480px;display:grid;overflow:hidden}.pp-tp-product-label{color:#fff6e2;text-align:center;background:linear-gradient(#d89f4e 0%,#b07a2c 100%);flex-direction:column;justify-content:space-between;padding:36px 28px;display:flex;position:relative}.pp-tp-product-label:before,.pp-tp-product-label:after{content:"";background:#fff6e252;height:1px;position:absolute;left:16px;right:16px}.pp-tp-product-label:before{top:16px}.pp-tp-product-label:after{bottom:16px}.pp-tp-label-top{letter-spacing:.18em;font-size:.6875rem;font-weight:500}.pp-tp-label-mid{flex-direction:column;align-items:center;gap:4px;margin:24px 0;display:flex}.pp-tp-label-line{font-family:var(--font-serif);letter-spacing:.04em;font-size:1.5rem;line-height:1.05}.pp-tp-label-line--ja{font-family:var(--font-sans);letter-spacing:.16em;opacity:.85;margin-top:4px;font-size:.875rem}.pp-tp-label-bot{letter-spacing:.16em;text-transform:uppercase;opacity:.85;justify-content:space-between;font-size:.6875rem;display:flex}.pp-tp-product-info{flex-direction:column;gap:20px;padding:36px 40px;display:flex}.pp-tp-product-meta{letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);font-size:.75rem}.pp-tp-product-name{font-family:var(--font-serif);letter-spacing:-.02em;color:var(--text);margin:-6px 0 0;font-size:2rem;line-height:1.1}.pp-tp-product-name-ja{color:var(--text-muted);letter-spacing:.04em;margin-top:-10px;font-size:1rem}.pp-tp-taste{background:var(--surface);border-radius:12px;padding:20px 22px}.pp-tp-taste-line{font-family:var(--font-serif);color:var(--text);font-size:1.0625rem;line-height:1.55}.pp-tp-taste-en{color:var(--text-muted);letter-spacing:.02em;margin-top:8px;font-size:.75rem;font-style:italic}.pp-tp-pair-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.pp-tp-pair-block{border-left:2px solid var(--accent-warm);padding:4px 0 4px 16px}.pp-tp-mini-label{letter-spacing:.14em;text-transform:uppercase;color:var(--text);font-size:.6875rem;font-weight:500;display:block}.pp-tp-mini-label-ja{color:var(--text-muted);letter-spacing:.06em;margin-bottom:8px;font-size:.6875rem;display:block}.pp-tp-mini-value{color:var(--text);margin-bottom:2px;font-size:1rem;line-height:1.45}.pp-tp-mini-en{color:var(--text-muted);font-size:.75rem;font-style:italic}.pp-tp-specs{border-top:1px solid var(--border);color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;flex-wrap:wrap;gap:20px;padding-top:16px;font-size:.75rem;display:flex}.pp-tp-specs strong{color:var(--text);margin-left:4px;font-weight:500}@media (width<=768px){.pp-tp-product{grid-template-columns:1fr;min-height:0}.pp-tp-product-label{padding:32px 24px}.pp-tp-product-info{padding:28px 24px}.pp-tp-product-name{font-size:1.625rem}.pp-tp-pair-row{grid-template-columns:1fr}}.pp-tp-shelf-stage{background:linear-gradient(135deg,#f2e2c2 0%,#ead2a4 100%);border-radius:16px;justify-content:center;padding:48px 32px;display:flex}.pp-tp-shelf{background:#faf6ec;border:1px solid #b07a2c2e;border-radius:8px;width:100%;max-width:360px;padding:24px 24px 22px;box-shadow:0 12px 28px -16px #1a1a1859}.pp-tp-shelf-top{flex-direction:column;gap:4px;display:flex}.pp-tp-shelf-name{font-family:var(--font-serif);letter-spacing:.06em;color:var(--text);font-size:1.125rem}.pp-tp-shelf-brewer{letter-spacing:.04em;color:var(--text-muted);font-size:.6875rem}.pp-tp-shelf-divider{background:#b07a2c47;height:1px;margin:14px 0}.pp-tp-shelf-taste p{color:var(--text);font-size:.9375rem;line-height:1.5}.pp-tp-shelf-rows{flex-direction:column;gap:8px;display:flex}.pp-tp-shelf-row{grid-template-columns:56px 1fr;align-items:baseline;gap:12px;display:grid}.pp-tp-shelf-row-label{letter-spacing:.14em;text-transform:uppercase;color:var(--accent-warm);font-size:.6875rem;font-weight:600}.pp-tp-shelf-row-value{color:var(--text);font-size:.875rem;line-height:1.45}.pp-tp-shelf-foot{letter-spacing:.08em;color:var(--text-muted);text-transform:uppercase;border-top:1px dashed #b07a2c52;margin-top:14px;padding-top:12px;font-size:.6875rem}@media (width<=480px){.pp-tp-shelf-stage{padding:32px 20px}}.pp-tp-ig-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.pp-tp-ig-post{background:var(--white);border:1px solid var(--border);border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.pp-tp-ig-visual{aspect-ratio:1;color:#2a1e0f;background:linear-gradient(160deg,#f0d9a8 0%,#d89f4e 100%);flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:4px;padding:22px;display:flex;position:relative}.pp-tp-ig-post--1 .pp-tp-ig-visual{color:#faf1e2;background:linear-gradient(160deg,#c97f58 0%,#8c4422 100%)}.pp-tp-ig-post--2 .pp-tp-ig-visual{color:#f0e8d2;background:linear-gradient(160deg,#6b7e5a 0%,#4a5b3d 100%)}.pp-tp-ig-mark{font-family:var(--font-serif);opacity:.8;font-size:.875rem;font-style:italic;position:absolute;top:18px;right:20px}.pp-tp-ig-type{letter-spacing:.16em;text-transform:uppercase;font-size:.75rem;font-weight:500}.pp-tp-ig-type-ja{font-family:var(--font-serif);letter-spacing:.02em;font-size:1.375rem;line-height:1.2}.pp-tp-ig-body{flex-direction:column;gap:8px;padding:18px 20px 20px;display:flex}.pp-tp-ig-headline{font-family:var(--font-serif);color:var(--text);letter-spacing:.02em;font-size:.9375rem}.pp-tp-ig-caption{color:var(--text-muted);font-size:.8125rem;line-height:1.65}@media (width<=768px){.pp-tp-ig-grid{grid-template-columns:1fr}}.pp-findings-list{flex-direction:column;gap:0;list-style:none;display:flex}.pp-finding-item{grid-template-columns:56px 1fr;align-items:baseline;gap:0 24px;padding:32px 0;display:grid}.pp-finding-item+.pp-finding-item{border-top:1px solid var(--border)}.pp-finding-num{font-family:var(--font-serif);color:var(--accent-warm);font-size:1.5rem;font-style:italic;line-height:1}.pp-finding-body-wrap{max-width:640px}.pp-finding-insight{font-family:var(--font-serif);letter-spacing:-.01em;color:var(--text);margin-bottom:12px;font-size:1.25rem;line-height:1.45}.pp-finding-body{color:var(--text-muted);font-size:.9375rem;line-height:1.7}@media (width<=640px){.pp-finding-item{grid-template-columns:40px 1fr;gap:0 16px;padding:24px 0}.pp-finding-insight{font-size:1.0625rem}}.pp-reflection{background:var(--surface);border-left:3px solid var(--accent-warm);border-radius:16px;padding:36px 40px}.pp-reflection p{font-family:var(--font-serif);letter-spacing:-.005em;color:var(--text);font-size:1.1875rem;line-height:1.6}@media (width<=640px){.pp-reflection{padding:28px 24px}.pp-reflection p{font-size:1.0625rem}}.pp-next{border-top:1px solid var(--border);margin-top:80px;padding-top:64px}.pp-next-label{letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin-bottom:24px;font-size:.75rem;display:block}.pp-next-card{background:var(--card-color,var(--surface));height:320px;transition:transform .5s var(--ease-out);border-radius:16px;align-items:flex-end;text-decoration:none;display:flex;position:relative;overflow:hidden}.pp-next-card:hover{transform:scale(1.012)}.pp-next-img{object-fit:cover;width:100%;height:100%;transition:transform .7s var(--ease-out);position:absolute;inset:0}.pp-next-card:hover .pp-next-img{transform:scale(1.06)}.pp-next-overlay{background:linear-gradient(#0000 40%,#1a1a18cc 100%);position:absolute;inset:0}.pp-next-info{flex-direction:column;gap:8px;padding:28px;display:flex;position:relative}.pp-next-title{font-family:var(--font-serif);color:var(--white);letter-spacing:-.02em;font-size:1.5rem;line-height:1.2}.pp-next-arrow{width:44px;height:44px;color:var(--white);transition:background .3s, transform .4s var(--ease-out);background:#ffffff1f;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:24px;right:24px}.pp-next-card:hover .pp-next-arrow{background:var(--white);color:var(--text);transform:rotate(45deg)}.pp-locked{border-radius:20px;height:320px;margin-bottom:0;position:relative;overflow:hidden}.pp-locked-flow-img{object-fit:cover;object-position:center;filter:blur(6px);width:100%;height:100%;position:absolute;inset:0;transform:scale(1.04)}.pp-locked-blur{filter:blur(8px);grid-template-columns:repeat(6,1fr);gap:3px;padding:3px;display:grid;position:absolute;inset:0;transform:scale(1.04)}.pp-locked-swatch{background:var(--surface-green);opacity:.6;border-radius:8px}.pp-locked-swatch:nth-child(2){background:var(--surface);opacity:.9}.pp-locked-swatch:nth-child(3){background:var(--surface-green);opacity:.4}.pp-locked-swatch:nth-child(4){background:var(--bg);opacity:.8}.pp-locked-swatch:nth-child(5){background:var(--surface);opacity:.5}.pp-locked-swatch:nth-child(6){background:var(--surface-green);opacity:.7}.pp-locked-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#1a1a18b8;position:absolute;inset:0}.pp-locked-body{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;height:100%;padding:40px 48px;display:flex;position:relative}.pp-locked-icon{color:#ffffffb3;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:4px;display:flex}.pp-locked-title{font-family:var(--font-serif);letter-spacing:-.02em;color:var(--white);font-size:1.75rem;font-weight:400}.pp-locked-desc{color:#ffffff8c;max-width:460px;font-size:.9375rem;line-height:1.65}.pp-locked-cta{letter-spacing:.1em;text-transform:uppercase;color:var(--surface-green);border:1px solid #d2d3c04d;border-radius:100px;align-items:center;gap:8px;margin-top:4px;padding:8px 20px;font-size:.75rem;display:inline-flex}.project-not-found{min-height:60vh;font-family:var(--font-serif);flex-direction:column;justify-content:center;align-items:center;gap:16px;font-size:1.5rem;display:flex}.pp-slideshow{position:relative}.pp-slideshow-arrow{width:44px;height:44px;color:var(--white);cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background .2s, transform .2s var(--ease-out);background:#1a1a188c;border:none;border-radius:50%;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:50%;transform:translateY(-50%)}.pp-slideshow-arrow:hover{background:#1a1a18cc;transform:translateY(-50%)scale(1.05)}.pp-slideshow-arrow--prev{left:16px}.pp-slideshow-arrow--next{right:16px}.pp-slideshow-dots{justify-content:center;gap:8px;margin-top:16px;display:flex}.pp-slideshow-dot{background:var(--border);cursor:pointer;width:8px;height:8px;transition:background .2s, transform .2s var(--ease-out);border:none;border-radius:50%;padding:0}.pp-slideshow-dot:hover{background:var(--text-muted)}.pp-slideshow-dot.is-active{background:var(--text);transform:scale(1.2)}.pp-visit{justify-content:center;display:flex}.pp-visit-btn{color:var(--white);background:var(--text);transition:background .2s, transform .2s var(--ease-out), gap .2s;border-radius:100px;align-items:center;gap:10px;padding:14px 28px;font-size:.9375rem;font-weight:500;text-decoration:none;display:inline-flex}.pp-visit-btn:hover{background:#333330;gap:16px;transform:scale(1.02)}@media (width<=768px){.pp-hero-content{padding:0 24px 40px}.pp-main{padding:56px 24px 80px}.pp-two-col,.pp-problems{grid-template-columns:1fr}.pp-benefit-item{grid-template-columns:40px 1fr;gap:0 16px}}.gp-main{max-width:800px;margin:0 auto;padding:140px 48px 100px}.gp-header{margin-bottom:48px}.gp-back{color:var(--text-muted);cursor:pointer;font-size:.8125rem;font-family:var(--font-sans);background:0 0;border:none;align-items:center;gap:8px;margin-bottom:32px;padding:0;transition:color .2s;display:inline-flex}.gp-back:hover{color:var(--text)}.gp-tag{letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin-bottom:10px;font-size:.6875rem;display:block}.gp-title{font-family:var(--font-serif);letter-spacing:-.03em;color:var(--text);margin-bottom:6px;font-size:clamp(2rem,4vw,3rem);font-weight:400;line-height:1.1}.gp-subtitle{color:var(--text-muted);font-size:.875rem}.gp-list{flex-direction:column;gap:12px;display:flex}.gp-item{background:var(--surface);border-radius:14px;grid-template-columns:120px 1fr auto;align-items:center;gap:24px;padding:16px;text-decoration:none;transition:background .2s,box-shadow .2s;display:grid}.gp-item:hover{background:var(--white);box-shadow:0 2px 12px #1a1a180f}.gp-item-thumb{border-radius:10px;flex-shrink:0;width:120px;height:80px;overflow:hidden}.gp-item-body{flex-direction:column;gap:2px;min-width:0;display:flex}.gp-item-top{align-items:center;gap:8px;margin-bottom:2px;display:flex}.gp-item-tag{letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);font-size:.625rem}.gp-item-badge{letter-spacing:.08em;text-transform:uppercase;color:var(--text);background:var(--surface-green);border-radius:100px;padding:2px 8px;font-size:.5625rem}.gp-item-title{font-family:var(--font-serif);color:var(--text);font-size:1.125rem;line-height:1.3}.gp-item-desc{color:var(--text-muted);font-size:.8125rem;font-style:italic}.gp-item-role{color:var(--text-muted);opacity:.6;margin-top:2px;font-size:.75rem}.gp-item-arrow{border:1px solid var(--border);width:36px;height:36px;color:var(--text-muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background .2s,border-color .2s,color .2s;display:flex}.gp-item:hover .gp-item-arrow{background:var(--text);border-color:var(--text);color:var(--white)}@media (width<=768px){.gp-main{padding:120px 24px 72px}.gp-item{grid-template-columns:80px 1fr auto;gap:16px;padding:12px}.gp-item-thumb{width:80px;height:56px}}@media (width<=480px){.gp-item{grid-template-columns:1fr auto}.gp-item-thumb{display:none}}