@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=DM+Mono:wght@400;500&family=Playfair+Display:ital,wght@0,400;0,500;1,400;1,500&display=swap');
:root{--ink:#1b1b1b;--paper:#f4f0e9;--cream:#ebe4d9;--accent:#c76e4f;--olive:#a5b18a;--sans:'DM Sans',Arial,sans-serif;--serif:'Playfair Display',Georgia,serif;--mono:'DM Mono',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}::selection{background:#d9a48f;color:#151515}.skip{position:absolute;left:-1000px;top:0;background:white;padding:1rem;z-index:30}.skip:focus{left:0}.progress{position:fixed;top:0;left:0;width:0;height:3px;background:#e2a58e;z-index:100}.site-header{position:absolute;z-index:20;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:25px 5.2%;color:white;border-bottom:1px solid #ffffff4a}.brand{display:flex;align-items:center;gap:16px}.brand-mark{font-family:var(--serif);font-size:37px;line-height:1}.mark-dot{color:#e9ab94}.brand-text,.site-header nav,.header-cta,.eyebrow,.section-index,.concept-no,.concept-footer>span,.browser-top,.mock-nav,.mock-kj-overlay>span,.ffp-nav,.ffp-headline>span,.ffp-ticker,.seo-tags,.step-n,.example-formats,.merch-rule,.timeline>div>span,.footer-bottom,.hero-side,.image-note,.fine-print,.question-list span,.statement-label,.asset-card>span,.asset-card small{font-family:var(--mono);font-size:10px;letter-spacing:.13em}.site-header nav{display:flex;gap:32px;text-transform:uppercase}.site-header nav a:hover,.header-cta:hover{color:#f1b59d}.header-cta{border:1px solid #ffffff8a;padding:13px 18px;text-transform:uppercase}.header-cta span{margin-left:14px}.menu{display:none;background:none;border:0;color:white;font-size:24px}.hero{position:relative;min-height:790px;height:100svh;max-height:1100px;background:#252124;color:white;overflow:hidden}.hero-photo{position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,12,15,.87) 0%,rgba(12,12,15,.65) 43%,rgba(12,12,15,.04) 100%),url('assets/hero.webp') center center/cover no-repeat;filter:saturate(.72)}.hero-grain{position:absolute;inset:0;opacity:.22;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.15'/%3E%3C/svg%3E")}.hero-inner{position:relative;z-index:2;padding:190px 8% 90px;max-width:1200px;height:100%;display:flex;flex-direction:column;justify-content:center}.eyebrow{text-transform:uppercase;font-weight:500}.eyebrow.light{color:#f3e8df}.rule{display:inline-block;width:34px;height:1px;background:currentColor;vertical-align:middle;margin-right:14px}.hero h1{font:400 clamp(66px,8.8vw,148px)/.99 var(--serif);letter-spacing:-.062em;margin:42px 0 50px}.hero h1 em,h2 em,h3 em,footer em{font-weight:400}.hero-bottom{display:flex;align-items:end;gap:60px}.hero-bottom p{max-width:390px;font-size:20px;line-height:1.5;margin:0}.round-link{display:grid;place-items:center;width:68px;height:68px;border:1px solid #fff9;border-radius:50%;font-size:28px;transition:background .2s}.round-link:hover{background:#fff2;color:#111}.hero-side{position:absolute;z-index:2;right:3.3%;top:50%;writing-mode:vertical-rl;display:flex;gap:30px;color:#fffc}.image-note{position:absolute;bottom:18px;right:24px;z-index:2;font-size:9px;color:#eee}.section-pad{padding:110px max(6%,calc((100vw - 1520px)/2))}.section-index{border-top:1px solid #24242470;padding-top:16px;margin-bottom:68px}.section-index.inverse{border-color:#ffffff78;color:#ddd}.intro-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:8%}h2{font:400 clamp(52px,6.6vw,104px)/1.04 var(--serif);letter-spacing:-.055em;margin:18px 0 0}.intro-copy{padding-top:42px}.intro-copy p,.body-copy,.section-top>p,.concept-heading p,.concept-footer p,.seo-copy p,.intel-heading>p,.intel-step p,.example-content p,.merch-copy p,.approach-heading p,.timeline p,.conversation-layout>div:nth-child(2)>p{font-size:17px;line-height:1.75;color:#4b4947}.intro-copy .lead,.conversation .lead{font-size:25px;line-height:1.45;color:var(--ink)}.mini-stat{display:flex;gap:20px;align-items:center;border-top:1px solid #bdb6aa;margin-top:45px;padding-top:20px}.mini-stat strong{font:italic 92px/1 var(--serif)}.mini-stat span{font-size:13px;text-transform:uppercase;letter-spacing:.1em}.statement{background:#c5a08b;color:#241d1c;padding:100px 6%;min-height:410px}.statement-inner{max-width:1300px;margin:auto;position:relative}.statement-label{display:block;margin-bottom:35px}.statement p{font:400 clamp(39px,6vw,90px)/1.15 var(--serif);letter-spacing:-.05em;margin:0}.asterisk{position:absolute;right:0;top:0;font-size:100px;color:#4c3830}.section-top{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:80px}.section-top p{max-width:390px}.concept{margin:0 0 110px}.concept-heading{display:flex;justify-content:space-between;gap:30px;margin-bottom:35px}.concept-heading h3{font:400 clamp(60px,8vw,128px)/.92 var(--serif);letter-spacing:-.06em;margin:20px 0}.concept-heading p{max-width:490px;margin-bottom:0}.concept-no{padding-top:10px}.browser{border:1px solid #24242436;box-shadow:0 32px 75px #0000001b;background:white;overflow:hidden}.browser-top{height:40px;background:#e6e3e0;color:#555;display:flex;justify-content:space-between;align-items:center;padding:0 18px;font-size:10px;letter-spacing:.05em}.browser-dots{color:#aaa;letter-spacing:.3em}.mock-kj{height:650px;background:#181518;color:white;position:relative;overflow:hidden}.mock-kj-photo{position:absolute;inset:0 0 0 37%;background:linear-gradient(90deg,#181518 0%,#18151844 35%,#18151800 90%),url('assets/portrait.webp') center 28%/cover}.mock-nav,.ffp-nav{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:30px 45px;border-bottom:1px solid #ffffff44}.mock-nav b{font:400 23px var(--serif);letter-spacing:-.04em}.mock-nav span:last-child{display:none}.mock-kj-overlay{position:absolute;z-index:2;left:7%;top:31%}.mock-kj-overlay>span:first-child{display:block;margin-bottom:24px;color:#e5c7b8}.mock-kj-overlay strong{font:400 clamp(46px,5.2vw,83px)/1.05 var(--serif);letter-spacing:-.055em}.mock-kj-overlay i{font-weight:400}.mock-pill{display:inline-block;margin-top:40px;border:1px solid #ffffff8a;padding:16px 22px}.mock-photo-label{position:absolute;right:16px;bottom:14px;z-index:2;font:9px var(--mono);letter-spacing:.1em;color:#fff}.concept-footer{display:flex;justify-content:space-between;gap:35px;align-items:center;margin-top:25px}.concept-footer p{max-width:630px;margin:0;font-size:15px}.concept-footer>span{color:#777;text-align:right}.concept-ffp{margin-bottom:0}.concept-ffp h3 span,.ffp-nav b span{color:#bb5938}.mock-ffp{background:#f4f0e7;color:#1b1c17;min-height:620px}.ffp-nav{border-bottom:1px solid #2223}.ffp-nav b{font-size:21px;letter-spacing:-.05em}.ffp-menu{border:1px solid #1b1b1b;padding:12px}.ffp-grid{display:grid;grid-template-columns:1fr 1fr;min-height:520px}.ffp-headline{padding:58px 9% 45px}.ffp-headline>span:first-child{color:#80583c}.ffp-headline strong{display:block;font:700 clamp(63px,7.6vw,122px)/.88 var(--sans);letter-spacing:-.085em;text-transform:uppercase;margin:27px 0 22px}.ffp-headline strong em{font-family:var(--serif);font-weight:400;text-transform:none;letter-spacing:-.07em}.ffp-headline p{font-size:15px;line-height:1.5;max-width:280px}.ffp-button{display:inline-block;background:#20251b;color:white;padding:16px 19px;margin-top:15px}.ffp-photo{position:relative;background:linear-gradient(140deg,#c6b9a7,#9c8d80 45%,#33312c);overflow:hidden}.ffp-photo:before{content:"";position:absolute;inset:0;background:url('assets/fitness.webp') center 24%/cover;filter:saturate(.75)}.ffp-photo span{position:absolute;right:15px;bottom:14px;font:9px var(--mono);letter-spacing:.1em;color:white}.ffp-ticker{padding:15px;background:#c5d0a9;text-align:center;word-spacing:15px;font-weight:500;white-space:nowrap;overflow:hidden}.ffp-ticker span{color:#b35d40}.journeys{background:#e9e0d5}.journey-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:10%}.journey-layout h2{margin-top:0}.journey-layout .body-copy{max-width:480px}.journey-diagram{padding-top:10px}.journey-start,.journey-end{padding:23px 27px;background:#1c1b1b;color:white;font-size:16px;display:flex;justify-content:space-between;align-items:center}.journey-start span,.journey-end span{font-size:25px}.journey-fork{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:14px 0}.journey-fork>div{background:#fff9;padding:32px 25px;min-height:220px}.journey-fork span{font:10px var(--mono);letter-spacing:.06em;color:#9b694e}.journey-fork strong{font:400 27px/1.2 var(--serif);display:block;margin:30px 0 15px}.journey-fork small{font-size:13px;line-height:1.6;color:#625d58}.journey-end{background:#c8a48d;color:#241e1b;font-size:14px}.seo{background:#232326;color:#f5f1ec}.seo-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%}.seo h2{margin-top:20px}.seo-copy{padding-top:45px}.seo-copy p{color:#d4cfca;font-size:18px}.seo-tags{display:flex;flex-wrap:wrap;gap:10px;margin:40px 0}.seo-tags span{border:1px solid #ffffff50;padding:12px 14px;color:#f1eae3}.seo-copy small{color:#b9b4b0;font-size:12px;line-height:1.6;display:block}.intel-heading{max-width:1050px}.intel-heading>p{max-width:600px;margin:30px 0 0}.intel-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#b8afa3;margin-top:80px}.intel-step{background:var(--paper);padding:28px 24px 34px;min-height:310px}.step-n{color:#8b8074}.step-symbol{font:66px var(--serif);margin:25px 0}.intel-step h3{font:400 32px var(--serif);margin:0 0 14px}.intel-step p{font-size:14px;line-height:1.6;margin:0}.intel-example{display:grid;grid-template-columns:1fr 1fr;margin-top:100px;background:#e6ded3;min-height:490px}.example-photo{background:linear-gradient(0deg,#1b1b1b55,#0000 40%),url('assets/editorial.webp') center 30%/cover;position:relative;min-height:440px}.example-photo span{position:absolute;bottom:18px;left:20px;font:10px var(--mono);letter-spacing:.1em;color:white}.example-content{padding:65px 9%}.example-content h3{font:400 clamp(38px,4vw,65px)/1.1 var(--serif);letter-spacing:-.045em;margin:25px 0}.example-content p{font-size:16px}.example-formats{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}.example-formats span{border:1px solid #8b8279;padding:10px}.assets{background:#d9c5b6}.assets-layout{display:grid;grid-template-columns:1fr 1fr;gap:10%}.assets-cards{display:grid;gap:12px}.asset-card{padding:26px 32px;min-height:165px;background:#f7f1e8;display:flex;flex-direction:column;justify-content:space-between}.asset-card span{color:#956f57}.asset-card strong{font:400 27px var(--serif)}.asset-card small{font:13px var(--sans);letter-spacing:0;color:#615952}.asset-two{background:#28272a;color:white}.asset-two small{color:#d7d0ca}.asset-three{background:#b5c1a0}.merch-layout{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.merch-graphic{height:550px;position:relative;background:#e6d8cd;display:grid;place-items:center;overflow:hidden}.merch-circle{position:absolute;width:410px;height:410px;background:#b6a08f;border-radius:50%}.merch-shirt{position:relative;z-index:2;background:#242324;clip-path:polygon(23% 0,39% 6%,61% 6%,77% 0,100% 24%,84% 42%,75% 34%,75% 100%,25% 100%,25% 34%,16% 42%,0 24%);width:315px;height:380px;display:grid;place-items:center;box-shadow:0 30px 30px #0004}.merch-shirt>span{font:65px var(--serif);color:#f4e8dc}.merch-shirt>span>span{color:#c8795c}.merch-stamp{position:absolute;right:25px;bottom:30px;z-index:3;border:1px solid #282323;border-radius:50%;height:100px;width:100px;display:grid;place-items:center;text-align:center;transform:rotate(14deg);font:11px/1.5 var(--mono)}.merch-copy p{font-size:17px;line-height:1.75;color:#4b4947}.merch-rule{display:block;border-top:1px solid #999;padding-top:20px;margin-top:35px}.approach{background:#282829;color:#f5f1ec}.approach-heading{display:flex;justify-content:space-between;gap:80px;align-items:end}.approach-heading p{max-width:350px;color:#d0cbc5}.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:85px}.timeline>div{border-top:1px solid #ffffff80;padding-top:22px}.timeline>div>span{color:#dfb39b}.timeline h3{font:400 32px var(--serif);margin:25px 0}.timeline p{font-size:14px;color:#d4d0cb}.approach-note{margin-top:65px;border-top:1px solid #ffffff50;padding-top:25px;max-width:860px;color:#d6d0ca;line-height:1.7}.approach-note strong{color:white}.conversation-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:10%}.conversation h2{margin-top:25px}.conversation-layout>div:nth-child(2){padding-top:30px}.question-list{margin-top:35px;border-top:1px solid #999}.question-list div{padding:17px 0;border-bottom:1px solid #bdb6aa;font-size:16px}.question-list span{color:#a36e50;margin-right:20px}.fine-print{font-size:12px!important;color:#7a746e!important;margin-top:35px}footer{background:#c8a18b;padding:80px 6% 30px}.footer-top{display:flex;justify-content:space-between;align-items:end}.footer-top strong{font:400 clamp(44px,6vw,90px)/1.05 var(--serif);letter-spacing:-.04em}.footer-top a{display:grid;place-items:center;border:1px solid #1d1b1b;width:60px;height:60px;border-radius:50%;font-size:30px}.footer-bottom{border-top:1px solid #4b3b34;margin-top:95px;padding-top:20px;display:flex;justify-content:space-between;gap:20px}
@media(max-width:900px){.site-header{padding:20px 5%}.site-header nav{display:none;position:absolute;top:75px;left:0;right:0;background:#242326;padding:30px;flex-direction:column}.site-header nav.open{display:flex}.menu{display:block}.header-cta{margin-left:auto;margin-right:20px}.hero{min-height:700px;height:90svh}.hero-inner{padding:130px 7% 75px}.hero h1{font-size:clamp(61px,10vw,100px)}.hero-side{display:none}.section-pad{padding:85px 6%}.intro-layout,.journey-layout,.seo-grid,.assets-layout,.merch-layout,.conversation-layout{grid-template-columns:1fr;gap:40px}.section-top,.approach-heading{display:block}.section-top p{max-width:650px}.intel-flow,.timeline{grid-template-columns:repeat(2,1fr)}.mock-kj{height:560px}.mock-kj-overlay strong{font-size:62px}.ffp-headline strong{font-size:75px}.intel-example{grid-template-columns:1fr}.example-photo{min-height:380px}.merch-graphic{max-width:650px}.concept-footer{align-items:start}.approach-heading p{max-width:550px}}
@media(max-width:600px){.site-header{padding:16px 5%}.brand-mark{font-size:31px}.brand-text{font-size:8px}.header-cta{display:none}.hero{min-height:660px;height:88svh}.hero-photo{background-position:63% center}.hero-inner{padding:115px 6% 70px;justify-content:end}.hero h1{font-size:clamp(52px,13vw,80px);margin:30px 0 36px}.hero-bottom{gap:18px;align-items:center}.hero-bottom p{font-size:15px}.round-link{flex:none;width:52px;height:52px}.image-note{font-size:8px;right:12px}.section-pad{padding:65px 6%}.section-index{margin-bottom:40px}.intro-copy{padding-top:0}.intro-copy .lead,.conversation .lead{font-size:21px}.intro-copy p,.body-copy,.section-top>p,.concept-heading p,.seo-copy p,.merch-copy p{font-size:15px}.statement{padding:70px 6%;min-height:290px}.asterisk{font-size:60px;right:0;top:30px;opacity:.4}.concept-heading h3{font-size:70px}.concept-no{display:none}.browser-top{font-size:8px}.mock-kj{height:480px}.mock-nav,.ffp-nav{padding:19px}.mock-nav b{font-size:19px}.mock-nav span:nth-child(2),.ffp-nav span:nth-child(2){display:none}.mock-nav span:last-child{display:block}.mock-kj-photo{inset:0 0 0 18%;background-position:54% center}.mock-kj-overlay{top:43%;left:6%}.mock-kj-overlay strong{font-size:clamp(39px,9vw,56px)}.mock-pill{padding:12px;font-size:9px}.concept-footer{display:block}.concept-footer>span{display:block;text-align:left;margin-top:15px;font-size:9px}.concept{margin-bottom:80px}.ffp-grid{grid-template-columns:1fr;display:flex;flex-direction:column}.ffp-headline{padding:35px 7%}.ffp-headline strong{font-size:clamp(65px,17vw,110px);margin:20px 0}.ffp-photo{height:300px}.ffp-ticker{font-size:8px}.journey-fork{grid-template-columns:1fr}.journey-fork>div{min-height:170px}.seo-copy{padding-top:0}.intel-flow,.timeline{grid-template-columns:1fr 1fr;gap:1px}.intel-step{padding:18px;min-height:290px}.step-symbol{font-size:48px}.intel-step h3{font-size:27px}.intel-step p{font-size:12px}.example-content{padding:40px 7%}.merch-graphic{height:380px}.merch-circle{width:280px;height:280px}.merch-shirt{width:230px;height:280px}.merch-stamp{height:76px;width:76px;font-size:8px}.timeline{gap:18px}.timeline h3{font-size:25px}.timeline p{font-size:12px}.footer-top strong{font-size:43px}.footer-bottom{display:block;font-size:8px}.footer-bottom span{display:block;margin-top:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}

/* v1b — real photography */
.hero-photo{background-image:linear-gradient(90deg,rgba(12,12,15,.87) 0%,rgba(12,12,15,.68) 49%,rgba(12,12,15,.13) 100%),url('assets/hero.webp');background-position:center 53%;filter:saturate(.9)}
.mock-kj-photo{background-image:linear-gradient(90deg,#181518 0%,#18151899 22%,#18151800 75%),url('assets/portrait.webp');background-position:center center}
.ffp-photo:before{filter:none;background-position:center 25%}
@media(max-width:600px){.hero-photo{background-position:58% center}.mock-kj-photo{background-position:60% center}}

/* v1e: targeted crop corrections, relative to v1c baseline */
/* Restore full-width image layer; reposition the photograph to the right, not the container. */
.mock-kj-photo{inset:0;background-image:linear-gradient(90deg,#181518 0%,#181518 24%,#181518d9 38%,#18151800 67%),url('assets/portrait.webp');background-position:center center,calc(50% + 120px) center;background-size:cover,cover;background-repeat:no-repeat}
/* Original 30% crop was correct baseline; move image DOWN 45px from there. */
.example-photo{background-position:center calc(30% + 45px)}
@media(max-width:600px){.mock-kj-photo{inset:0;background-position:center center,calc(50% + 35px) center}.example-photo{background-position:center calc(30% + 35px)}}

/* v1f: isolate gradient from image movement; reverse chandelier image shift */
.mock-kj-photo{background-position:center center,calc(50% - 120px) center}
.example-photo{background-position:center center,center calc(30% + 45px)}
@media(max-width:600px){.mock-kj-photo{background-position:center center,calc(50% - 35px) center}.example-photo{background-position:center center,center calc(30% + 35px)}}
/* v1g: move portrait rightward, keeping gradient fixed. */
.mock-kj-photo{background-position:center center,calc(50% + 240px) center}
@media(max-width:600px){.mock-kj-photo{background-position:center center,calc(50% + 70px) center}}

/* v1h: shift chandelier portrait another 300px right on desktop; preserve overlay and other crops. */
.mock-kj-photo{background-position:center center,calc(50% + 540px) center}
@media(max-width:600px){.mock-kj-photo{background-position:center center,calc(50% + 70px) center}}
/* v1i: mobile-only composition; preserve approved desktop crop */
@media (max-width:600px){
  .mock-kj-photo{
    inset:0;
    background-size:cover,auto 100%;
    background-position:center center,-75px center;
    background-repeat:no-repeat;
  }
}

/* v1j: soften the mobile-only overlay so Katie's face remains visible.
   Preserve mobile photo crop and all desktop styles. */
@media (max-width:600px){
  .mock-kj-photo{
    background-image:linear-gradient(90deg,rgba(24,21,24,.62) 0%,rgba(24,21,24,.28) 38%,rgba(24,21,24,.04) 68%,rgba(24,21,24,0) 100%),url('assets/portrait.webp');
  }
}