/* The approved mobile journey, given room on desktop. Mobile stays untouched. */
@media (min-width:651px) {
 html{scroll-padding-top:100px}
 body{font-size:16px;padding-bottom:100px}
 .wrap{width:min(1080px,calc(100% - 80px))}
 .header{height:80px;position:sticky;top:0;z-index:8;background:var(--paper)}
 .header nav{font-size:13px;gap:32px}
 .header nav>a{display:flex;align-items:center;min-height:44px}
 .header nav .button{display:none}
 .button{min-height:54px;font-size:14px;padding:15px 22px;border-radius:4px;font-weight:600}
 .intro{display:none}
 .mobile-hero{display:grid;grid-template-columns:1.25fr 1fr;column-gap:70px;grid-template-rows:auto auto auto auto auto auto;padding:50px 0 52px;align-items:start}
 .mobile-hero>.eyebrow{grid-column:1/-1;color:var(--plum);font-size:11px;letter-spacing:.09em;font-weight:700;margin-bottom:24px}
 .mobile-hero h1{grid-column:1;grid-row:2/7;font:600 clamp(44px,4.7vw,64px)/1.04 'Instrument Sans',Arial,sans-serif;letter-spacing:-.065em}
 .mobile-hero h1 em{font-family:'Instrument Serif',Georgia,serif;font-size:1.25em;font-weight:400;letter-spacing:-.025em;line-height:.98;display:inline-block;margin-top:8px}
 .mobile-lead{grid-column:2;font-size:18px;line-height:1.6;color:var(--ink);max-width:420px;margin-top:3px}
 .hero-person{grid-column:2;display:flex;gap:14px;align-items:center;margin:24px 0}
 .hero-person img{border-radius:50%;object-fit:cover;object-position:center 25%;width:50px;height:50px}
 .hero-person p{font-size:13px;line-height:1.5;color:var(--muted)}
 .hero-person strong{color:var(--ink);font-weight:600}
 .mobile-hero>.button{grid-column:2;width:100%;justify-content:space-between}
 .hero-reassurance{grid-column:2;font-size:11px;text-align:center;color:var(--muted);margin-top:10px}
 .mobile-jump{grid-column:2;display:grid;grid-template-columns:1fr 1fr;gap:28px;border-top:1px solid var(--line);margin-top:22px}
 .mobile-jump a{min-height:50px;display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:600}
 #testimonials{display:flex;flex-direction:column}
 .proof-title{order:0;margin:12px 0 24px;align-items:end}
 .proof-title h2{font-size:48px}
 .proof-title>p{font-size:12px}
 .featured{order:1;display:block;margin:0;background:var(--plum);color:var(--paper);border-radius:8px;overflow:hidden}
 .featured .quote-art,.desktop-quote{display:none}
 .featured .testimonial{padding:40px 48px}
 .testimonial .tag{font-size:10px;text-transform:uppercase;letter-spacing:.1em;padding:0;border:0;color:var(--light);margin-bottom:22px}
 .testimonial .mobile-quote{display:block;font:44px/1.15 'Instrument Serif',Georgia,serif;letter-spacing:-.02em;max-width:890px}
 .testimonial figcaption{border-color:#ffffff30;margin-top:26px;padding-top:20px}
 .testimonial figcaption strong{font-size:13px}
 .testimonial figcaption small{color:var(--light);font-size:12px}
 .avatar{background:#ffffff19;color:var(--paper)}
 .full-quote{display:block;margin-top:20px}
 .full-quote summary{font-size:12px;list-style:none;display:flex;justify-content:space-between;align-items:center;min-height:44px;border-top:1px solid #ffffff30;cursor:pointer}
 .full-quote summary::-webkit-details-marker{display:none}
 .full-quote p{font-size:16px;line-height:1.7;margin-top:10px;color:var(--paper);max-width:850px}
 .full-quote[open] summary span{transform:rotate(45deg)}
 .work{order:2;border:0;padding:34px 0 8px}
 .work .section-line{margin-bottom:20px}
 .work .section-line .text-link{font-size:12px;min-height:44px;display:flex;align-items:center}
 .work-grid{gap:18px}
 .work-card{padding:22px;background:#fffdfa;border:1px solid var(--line);border-radius:7px;display:flex;flex-direction:column}
 .work-photo,.creative-tile{width:100%;height:170px;border-radius:4px}
 .creative-tile{padding:20px}
 .creative-tile p{font:34px/1 'Instrument Serif',Georgia,serif}
 .creative-tile span{font-size:8px}
 .work-card>.eyebrow{font-size:9px;margin-top:20px}
 .work-card h3{font:600 23px/1.18 'Instrument Sans',Arial,sans-serif;letter-spacing:-.035em;margin-top:10px}
 .work-card>p:not(.eyebrow){font-size:14px;line-height:1.55;margin:14px 0}
 .work-card>.text-link{font-size:12px;min-height:44px;display:flex;align-items:center;border:0;font-weight:600;color:var(--plum);padding:0;margin-top:auto}
 .photo-credit{font-size:10px;line-height:1.5;margin-top:16px}
 .quote-cards{order:3;gap:18px;margin:26px 0 0}
 .quote-card{padding:30px;background:var(--soft);border:0;border-radius:7px}
 .quote-card .quote-mark{font-size:44px;margin-bottom:10px}
 .quote-card blockquote{font:27px/1.3 'Instrument Serif',Georgia,serif}
 .quote-card figcaption{font-size:12px;padding-top:22px}
 .featured.second{order:4;display:block;margin:18px 0 0;padding:0;border:1px solid var(--line);background:transparent;color:var(--ink)}
 .second .testimonial{padding:32px 40px}
 .second .testimonial .tag{color:var(--plum)}
 .second .testimonial blockquote{font:28px/1.35 'Instrument Serif',Georgia,serif}
 .second .testimonial figcaption{border-color:var(--line)}
 .second .testimonial figcaption small{color:var(--muted)}
 .second .avatar{background:#e7deea;color:var(--plum)}
 .founder-note{display:grid;grid-template-columns:1fr 1fr;column-gap:70px;padding:75px 0}
 .founder-note>.eyebrow{grid-column:1;grid-row:1;font-size:10px}
 .founder-note h2{grid-column:1;grid-row:2/5;font:600 40px/1.1 'Instrument Sans',Arial,sans-serif;letter-spacing:-.045em;margin-top:20px}
 .founder-note h2 em{font:italic 1.25em/1 'Instrument Serif',Georgia,serif;letter-spacing:-.025em;display:inline-block;margin-top:6px}
 .founder-note>p:not(.eyebrow){grid-column:2;font-size:16px;line-height:1.7;margin-bottom:16px}
 .founder-note>p:nth-of-type(2){grid-row:1/3}
 .note-signature{grid-column:2;display:flex;gap:12px;align-items:center;margin:8px 0 24px}
 .note-signature img{object-fit:cover;object-position:center 25%;width:44px;height:44px;border-radius:50%}
 .note-signature span{font-size:12px;color:var(--muted)}
 .founder-note .button{grid-column:2;width:100%;justify-content:space-between}
 .dtc-fit{padding:56px 0;background:#ebe5ee}
 .dtc-fit h2{font-size:52px}
 .fit-grid{gap:30px}
 .fit-grid h3{font:600 23px/1.2 'Instrument Sans',Arial,sans-serif;letter-spacing:-.03em;margin:14px 0}
 .fit-grid p{font-size:15px;line-height:1.6}
 .fit-grid small{font-size:12px;line-height:1.6;color:var(--plum)}
 .fit-foot{font-size:13px}
 .pricing{padding:65px 0}
 .price-grid{gap:64px}
 .price-deck{font-size:16px;line-height:1.6}
 .fee-split p,.cover strong{font-size:15px}
 .fee-split small,.cover p{font-size:13px;line-height:1.6}
 .fee-example{padding:30px;border:1px solid var(--plum);border-radius:7px;background:#fffdfa}
 .fee-example label,.fee-example dt{font-size:13px}
 .salary-input input{min-height:56px;font-size:27px}
 .fee-example dd{font-size:18px;font-variant-numeric:tabular-nums}
 #fee-disclaimer,.fee-example .cta-note{font-size:12px;line-height:1.55}
 .timeline-heading>p{font-size:14px;max-width:300px}
 .timeline-grid{gap:28px}
 .timeline-grid h3{font:600 21px/1.2 'Instrument Sans',Arial,sans-serif;letter-spacing:-.025em;margin:14px 0}
 .timeline-grid p{font-size:14px;line-height:1.65}
 .step-label{font-size:10px}
 .commitment{border-radius:7px;padding:30px}
 .commitment div>p:last-child{font-size:15px}
 .questions summary{font-size:15px;min-height:60px}
 .questions details p{font-size:14px;line-height:1.65}
 .candidate-grid blockquote{font-size:26px}
 .contact-card{border-radius:7px}
 .contact-card>p{font-size:15px}
 .direct{font-size:12px;min-height:44px;display:flex;align-items:center;justify-content:center}
 .footer button{min-height:44px;font-size:12px}
 .mobile-dock{display:flex;position:fixed;z-index:9;inset:auto 24px 20px auto;align-items:center;gap:25px;padding:12px 14px 12px 20px;border:1px solid var(--line);border-radius:8px;background:var(--paper);box-shadow:0 4px 24px #25251f12}
 .mobile-dock strong{font-size:13px;display:block}
 .mobile-dock>div>span{display:block;font-size:11px;color:var(--muted)}
 .mobile-dock .button{min-width:140px;min-height:48px;font-size:13px;gap:15px}
 .dialog-open .mobile-dock{visibility:hidden}
 dialog .close{height:44px;width:44px;top:8px;right:8px}
 dialog label{font-size:13px}
 dialog input,dialog textarea{font-size:16px;min-height:48px}
 dialog p:not(.eyebrow){font-size:13px}
}
@media (min-width:651px) and (max-width:900px) {
 .wrap{width:calc(100% - 48px)}
 .mobile-hero{column-gap:30px;padding:38px 0}
 .mobile-lead{font-size:16px}
 .mobile-hero h1{font-size:43px}
 .hero-person p{font-size:12px}
 .hero-reassurance{font-size:10px}
 .featured .testimonial{padding:30px}
 .testimonial .mobile-quote{font-size:36px}
 .work-grid{grid-template-columns:1fr}
 .work-card{display:grid;grid-template-columns:130px 1fr;column-gap:24px}
 .work-photo,.creative-tile{grid-column:1;grid-row:1/5;width:130px;height:150px}
 .creative-tile p{font-size:23px}
 .creative-tile span{font-size:6px}
 .work-card>.eyebrow,.work-card h3,.work-card>p:not(.eyebrow),.work-card>.text-link{grid-column:2}
 .work-card>.eyebrow{margin-top:0}
 .work-card h3{font-size:22px}
 .founder-note{column-gap:30px;padding:55px 0}
 .founder-note h2{font-size:30px}
 .fit-grid{grid-template-columns:1fr;gap:22px}
 .fit-grid h3{margin:10px 0}
 .price-grid{gap:28px}
 .price-main h2{font-size:48px}
 .fee-example{padding:24px}
 .fee-example h3{font-size:30px}
 .fee-example dt{font-size:12px}
 .timeline-heading h2{font-size:44px}
 .questions{grid-template-columns:1fr;gap:24px}
 .cta-grid{gap:30px}
 .cta h2{font-size:52px}
}