/* A distinct mobile ad journey. The original H//DTC homepage is not part of this build. */
.mobile-hero,.mobile-quote,.full-quote,.mobile-dock,.founder-note{display:none}
.button{transition:transform 140ms cubic-bezier(.23,1,.32,1),background-color 140ms ease}
.button:active{transform:scale(.98)}
@media(hover:hover) and (pointer:fine){.button:hover{background:#462c4e}}
@media(max-width:650px){
 html{scroll-padding-top:78px}
 body{font-size:16px;padding-bottom:104px}
 .wrap{width:calc(100% - 40px)}
 .header{height:68px;width:100%;padding:0 20px;position:sticky;top:0;z-index:8;background:var(--paper)}
 .header .wordmark{font-size:30px}
 .header nav{gap:0}
 .header nav>a[href="#pricing"]{display:flex;align-items:center;min-height:44px;font-size:12px;font-weight:600}
 .header nav .button{display:none}
 .intro{display:none}
 .mobile-hero{display:block;padding:27px 0 0}
 .mobile-hero>.eyebrow{font-size:10px;letter-spacing:.09em;color:var(--plum);font-weight:700}
 .mobile-hero h1{font:600 clamp(36px,10vw,46px)/1.04 'Instrument Sans',Arial,sans-serif;letter-spacing:-.065em;margin-top:18px}
 .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:5px}
 .mobile-lead{font-size:15px;line-height:1.55;margin-top:19px;color:var(--ink);max-width:390px}
 .hero-person{display:flex;gap:12px;align-items:center;margin:22px 0}
 .hero-person img{border-radius:50%;object-fit:cover;object-position:center 25%;width:46px;height:46px}
 .hero-person p{font-size:12px;line-height:1.5;color:var(--muted)}
 .hero-person strong{color:var(--ink);font-weight:600}
 .button{min-height:54px;font-size:14px;padding:15px 18px;border-radius:4px;font-weight:600}
 .mobile-hero>.button{width:100%;justify-content:space-between}
 .hero-reassurance{font-size:10px;text-align:center;color:var(--muted);margin-top:9px}
 .mobile-jump{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:20px;border-top:1px solid var(--line)}
 .mobile-jump a{min-height:54px;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:20px 0 16px;display:block}
 .proof-title h2{font-size:38px}
 .proof-title>p{max-width:none;margin-top:8px;font-size:11px}
 .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:25px 23px}
 .testimonial .tag{font-size:9px;text-transform:uppercase;letter-spacing:.1em;padding:0;border:0;color:var(--light);margin-bottom:17px}
 .mobile-quote{display:block;font:30px/1.14 'Instrument Serif',Georgia,serif!important;letter-spacing:-.02em}
 .testimonial figcaption{border-color:#ffffff30;margin-top:23px;padding-top:18px}
 .testimonial figcaption strong{font-size:12px}
 .testimonial figcaption small{color:var(--light);font-size:11px}
 .avatar{background:#ffffff19;color:var(--paper);width:36px;height:36px}
 .full-quote{display:block;margin-top:18px}
 .full-quote summary{font-size:11px;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:14px;line-height:1.7;margin-top:10px;color:var(--paper)}
 .full-quote[open] summary span{transform:rotate(45deg)}
 .work{order:2;border:0;padding:30px 0 6px}
 .work .section-line{align-items:center;margin-bottom:16px}
 .work .eyebrow{font-size:9px}
 .work .section-line .text-link{font-size:10px;text-align:right;max-width:100px;min-height:44px;display:flex;align-items:center}
 .work-grid{gap:14px}
 .work-card{display:grid;grid-template-columns:82px 1fr;column-gap:16px;padding:18px;background:#fffdfa;border:1px solid var(--line);border-radius:7px;align-items:start}
 .work-photo,.creative-tile{grid-column:1;grid-row:1 / 5;width:82px;height:106px;border-radius:3px}
 .creative-tile{padding:11px;background:#36372f}
 .creative-tile p{font:18px/1.03 'Instrument Serif',Georgia,serif}
 .creative-tile span{font-size:5px;letter-spacing:.02em}
 .work-card>.eyebrow{grid-column:2;margin:0;font-size:8px}
 .work-card h3{grid-column:2;font:600 17px/1.22 'Instrument Sans',Arial,sans-serif;letter-spacing:-.03em;margin-top:7px}
 .work-card>p:not(.eyebrow){grid-column:2;font-size:12px;line-height:1.5;margin:9px 0}
 .work-card>.text-link{grid-column:2;font-size:11px;min-height:44px;display:flex;align-items:center;border-bottom:0;font-weight:600;color:var(--plum);padding:0}
 .photo-credit{font-size:9px;line-height:1.5;margin-top:14px}
 .quote-cards{order:3;gap:14px;margin:27px 0 0}
 .quote-card{padding:24px;background:#eeebe4;border:0;border-radius:7px}
 .quote-card .quote-mark{font-size:40px;margin-bottom:6px}
 .quote-card blockquote{font:22px/1.33 'Instrument Serif',Georgia,serif}
 .quote-card figcaption{font-size:11px;padding-top:18px}
 .featured.second{order:4;display:block;margin:15px 0 0;padding:0;border:1px solid var(--line);background:transparent;color:var(--ink)}
 .second .testimonial{padding:24px}
 .second .testimonial .tag{color:var(--plum)}
 .second .testimonial blockquote{font:22px/1.33 '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:block;padding:44px 0}
 .founder-note h2{font:600 31px/1.1 'Instrument Sans',Arial,sans-serif;letter-spacing:-.045em;margin:17px 0 23px}
 .founder-note h2 em{font:italic 1.25em/1 'Instrument Serif',Georgia,serif;letter-spacing:-.025em;display:inline-block;margin-top:5px}
 .founder-note>p:not(.eyebrow){font-size:15px;line-height:1.65;margin-bottom:16px}
 .note-signature{display:flex;gap:12px;align-items:center;margin:25px 0}
 .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{width:100%;justify-content:space-between}
 .dtc-fit{padding:35px 0;background:#ebe5ee}
 .dtc-fit h2{font-size:38px;margin-top:13px}
 .fit-grid{margin-top:25px;gap:23px}
 .fit-grid article{padding-top:17px}
 .fit-grid h3{font:600 20px/1.2 'Instrument Sans',Arial,sans-serif;letter-spacing:-.025em;margin:10px 0}
 .fit-grid p{font-size:14px;line-height:1.6}
 .fit-grid small{font-size:11px;line-height:1.6;margin-top:12px;color:var(--plum)}
 .fit-foot{font-size:12px;line-height:1.6}
 .pricing{padding:40px 0}
 .pricing .section-line{display:block;margin-bottom:22px}
 .pricing .small-note{display:block;max-width:none;margin-top:5px;font-size:11px}
 .price-grid{margin-top:0;gap:24px}
 .price-main h2{font-size:50px}
 .price-deck{font-size:14px;line-height:1.6;margin-top:18px}
 .fee-split{gap:22px;margin-top:25px}
 .fee-split strong{font-size:55px}
 .fee-split p{font-size:14px}
 .fee-split small{font-size:12px;line-height:1.5}
 .cover{margin-top:25px;padding-top:20px}
 .cover strong{font-size:14px}
 .cover p{font-size:12px;line-height:1.6}
 .fee-example{padding:22px;border:1px solid var(--plum);border-radius:7px;background:#fffdfa}
 .fee-example h3{font-size:31px}
 .fee-example label{font-size:12px}
 .salary-input input{font-size:26px;min-height:56px}
 .fee-example dt{font-size:12px}
 .fee-example dd{font-size:17px;font-variant-numeric:tabular-nums}
 #fee-disclaimer{font-size:11px;line-height:1.55}
 .fee-example .cta-note{font-size:11px}
 .timeline{padding:35px 0}
 .timeline-heading h2{font-size:37px}
 .timeline-heading>p{font-size:13px;line-height:1.6}
 .timeline-grid{margin:27px 0;gap:0}
 .timeline-grid li{border-top:0;border-left:1px solid var(--line);padding:0 0 27px 20px;margin-left:4px;position:relative}
 .timeline-grid li:before{content:'';position:absolute;left:-4px;top:8px;width:7px;height:7px;border-radius:50%;background:var(--plum)}
 .timeline-grid li:last-child{padding-bottom:0}
 .step-label{font-size:10px}
 .timeline-grid h3{font:600 20px/1.2 'Instrument Sans',Arial,sans-serif;letter-spacing:-.025em;margin:9px 0}
 .timeline-grid p{font-size:13px;line-height:1.65}
 .commitment{border-radius:7px;padding:22px}
 .commitment div>p:last-child{font-size:14px}
 .questions{padding:35px 0}
 .questions h2{font-size:37px}
 .questions summary{font-size:14px;min-height:56px}
 .questions details p{font-size:14px;line-height:1.65}
 .candidate-section{padding:30px 0}
 .candidate-section h2{font-size:33px}
 .candidate-grid{gap:19px;margin-top:23px}
 .candidate-grid blockquote{font-size:23px}
 .candidate-grid figcaption{margin-top:10px;font-size:11px}
 .cta{padding:37px 0}
 .cta h2{font-size:46px}
 .cta-grid{gap:22px}
 .contact-card{border-radius:7px;padding:23px}
 .contact-card>p{font-size:14px}
 .direct{font-size:12px;min-height:44px;display:flex;align-items:center;justify-content:center}
 .footer{padding-bottom:25px}
 .footer button{min-height:44px;padding:0 10px;font-size:12px}
 .mobile-dock{display:flex;position:fixed;z-index:9;inset:auto 0 0;align-items:center;justify-content:space-between;gap:14px;padding:12px 20px max(12px,env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--paper);box-shadow:0 -5px 20px #25251f08}
 .mobile-dock strong{font-size:12px;display:block}
 .mobile-dock>div>span{display:block;font-size:10px;color:var(--muted)}
 .mobile-dock .button{min-width:132px;min-height:48px;font-size:13px;gap:15px}
 .dialog-open .mobile-dock{visibility:hidden}
 dialog{width:100%;max-width:none;max-height:calc(100dvh - 20px);margin:auto 0 0;border-radius:15px 15px 0 0;padding:28px 24px max(25px,env(safe-area-inset-bottom));border-bottom:0;overscroll-behavior:contain}
 dialog .close{height:44px;width:44px;top:12px;right:12px;font-size:28px}
 dialog h2{font-size:43px;margin-top:14px}
 dialog p:not(.eyebrow){font-size:13px;line-height:1.5}
 dialog label{font-size:12px}
 dialog input,dialog textarea{font-size:16px;min-height:48px;border-radius:4px}
 .email-fallback{font-size:12px;padding:10px 0;min-height:44px}
}
@media(max-width:359px){.wrap{width:calc(100% - 32px)}.mobile-hero h1{font-size:34px}.mobile-dock{padding-inline:16px}.mobile-dock .button{min-width:120px}.work-card{grid-template-columns:65px 1fr;padding:14px;gap:12px}.work-photo,.creative-tile{width:65px}}
@media(prefers-reduced-motion:reduce){.button{transition:none}.button:active{transform:none}}