/* 10XF content pass v4 — shared page components added for the 2026-09-16 launch build. */
.section-heading-inline{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,520px);gap:8%;align-items:end;margin-bottom:54px}.section-heading-inline .section-title{margin-bottom:0}.section-kicker{margin:0;color:var(--muted);font-size:clamp(17px,1.65vw,22px);line-height:1.5}.section-title.compact{font-size:clamp(50px,7vw,108px);margin-bottom:42px}.service-grid .service-card{scroll-margin-top:110px}.service-grid .service-card h2{font-size:clamp(43px,4.6vw,70px)}.service-details{padding-top:clamp(84px,10vw,150px)}.service-detail{scroll-margin-top:110px;display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);gap:9%;padding:52px 0;border-top:1px solid var(--line)}.service-detail:last-child{border-bottom:1px solid var(--line)}.service-detail-head h2{margin:18px 0 0;font-size:clamp(52px,6.4vw,98px);line-height:.88}.service-detail-copy{max-width:760px}.service-detail-copy p{color:var(--muted);font-size:17px;line-height:1.55}.service-detail-copy .service-lead{margin-top:0;color:var(--cream);font-size:clamp(20px,2vw,28px);line-height:1.35}.service-detail-copy strong{color:var(--cream)}.detail-list{margin:28px 0 30px;padding:0;list-style:none;border-top:1px solid var(--line)}.detail-list li{padding:13px 0 13px 22px;border-bottom:1px solid var(--line);position:relative;color:var(--muted);line-height:1.45}.detail-list li::before{content:"/";position:absolute;left:0;color:var(--orange);font-weight:800}.process-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid rgba(17,17,17,.38)}.process-list article{min-height:215px;padding:22px 24px 22px 0;border-bottom:1px solid rgba(17,17,17,.38)}.process-list article:nth-child(odd){border-right:1px solid rgba(17,17,17,.38)}.process-list article:nth-child(even){padding-left:24px}.process-list b{font-size:11px;letter-spacing:.14em}.process-list h3{margin:28px 0 10px;font-size:clamp(31px,3vw,44px);line-height:.95}.process-list p{margin:0;max-width:390px;font-size:15px;line-height:1.48}.process-list.three{grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line)}.process-list.three article,.process-list.three article:nth-child(n){min-height:210px;padding:24px;border-right:1px solid var(--line);border-bottom:0}.process-list.three article:first-child{padding-left:0}.process-list.three article:last-child{border-right:0}.process-list.three b{color:var(--orange)}.process-list.three p{color:var(--muted)}.pricing-section{background:var(--ink2)}.pricing-card{max-width:1050px}.pricing-card h2{margin:22px 0 28px;font-size:clamp(64px,9vw,138px);line-height:.82}.pricing-card>p:not(.eyebrow){max-width:760px;color:var(--muted);font-size:clamp(18px,2vw,26px);line-height:1.45}.pricing-notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:45px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.pricing-notes p{display:grid;gap:6px;margin:0;padding:18px 20px 18px 0;border-right:1px solid var(--line)}.pricing-notes p:not(:first-child){padding-left:20px}.pricing-notes p:last-child{border-right:0}.pricing-notes strong{font-size:11px;letter-spacing:.11em;text-transform:uppercase}.pricing-notes span{color:var(--muted);font-size:15px}.contact-cta-simple{text-align:center;display:flex;flex-direction:column;align-items:center}.contact-cta-simple>p:not(.eyebrow){max-width:650px;margin:-18px auto 34px;color:var(--muted);font-size:18px;line-height:1.5}.cta-row{display:flex;flex-wrap:wrap;gap:14px;align-items:center}.contact-cta-simple .cta-row{justify-content:center}.featured-project{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,7vw,100px);align-items:stretch;border-top:1px solid var(--line);padding-top:32px}.project-poster{min-height:560px;padding:clamp(24px,4vw,54px);display:flex;flex-direction:column;justify-content:space-between;background:var(--orange);color:var(--ink);border:1px solid var(--line)}.project-poster span,.project-poster b{font-size:11px;letter-spacing:.14em}.project-poster strong{font:400 clamp(78px,9vw,144px)/.78 var(--display);letter-spacing:-.04em}.project-copy{align-self:center}.project-copy h2{margin:22px 0 28px;font-size:clamp(56px,7.2vw,112px);line-height:.82}.project-copy>p:not(.eyebrow){max-width:690px;color:var(--muted);font-size:clamp(18px,1.8vw,24px);line-height:1.48}.project-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:34px 0 38px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.project-meta div{padding:15px 15px 15px 0}.project-meta dt{font-size:10px;font-weight:750;letter-spacing:.13em;text-transform:uppercase;color:var(--orange)}.project-meta dd{margin:5px 0 0;color:var(--muted);font-size:14px}.coming-work .copy .button{margin-top:15px}.principle-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line)}.principle-grid article{min-height:270px;padding:22px 24px 22px 0;border-right:1px solid var(--line)}.principle-grid article:not(:first-child){padding-left:24px}.principle-grid article:last-child{border-right:0}.principle-grid span{color:var(--orange);font-size:11px;font-weight:800;letter-spacing:.14em}.principle-grid h3{margin:36px 0 14px;font-size:clamp(31px,3.2vw,48px);line-height:.95}.principle-grid p{margin:0;color:var(--muted);line-height:1.5}.answer-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line)}.answer-nav a{min-height:220px;padding:22px 24px 22px 0;border-right:1px solid var(--line);text-decoration:none}.answer-nav a:not(:first-child){padding-left:24px}.answer-nav a:last-child{border-right:0}.answer-nav span{color:var(--orange);font-size:11px;font-weight:800}.answer-nav strong{display:block;margin-top:42px;font-family:var(--display);font-size:clamp(34px,3.8vw,58px);font-weight:400;line-height:.92;text-transform:uppercase}.answer-nav a:hover strong{color:var(--orange)}.answer-block{scroll-margin-top:100px;display:grid;grid-template-columns:minmax(260px,.9fr) minmax(0,1.1fr);gap:8%}.answer-copy{max-width:760px}.answer-copy p{color:var(--muted);font-size:17px;line-height:1.65}.answer-copy .answer-first{margin-top:0;color:var(--cream);font-size:clamp(21px,2vw,28px);line-height:1.42}.story-poster{background:var(--cream)}.contact-quick{display:grid;gap:17px;margin:34px 0}.contact-quick p{margin:0;color:var(--muted);line-height:1.5}.contact-quick strong,.contact-quick a{color:var(--cream)}.process-compact{background:var(--ink2)}
/* Home additions */
.hero-subline{max-width:800px;margin:34px auto 0;color:var(--cream);font-size:clamp(17px,1.55vw,23px);line-height:1.45}.hero-actions{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:22px;margin-top:34px}.hero-text-link{color:var(--cream);font-size:11px;font-weight:750;letter-spacing:.12em;text-transform:uppercase;text-decoration:underline;text-underline-offset:7px}.home-services{border-bottom:1px solid var(--line)}.home-section-intro{max-width:650px;margin:26px 0 0;color:var(--muted);font-size:18px;line-height:1.5}.home-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:62px;border-top:1px solid var(--line)}.home-service{min-height:310px;padding:22px 28px 24px 0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column}.home-service:nth-child(3n+2),.home-service:nth-child(3n+3){padding-left:28px}.home-service:nth-child(3n){border-right:0}.home-service .service-number{color:var(--orange);font-size:11px;font-weight:800}.home-service h3{margin:38px 0 14px;font-size:clamp(40px,4.4vw,68px);line-height:.9}.home-service p{margin:0 0 22px;color:var(--muted);line-height:1.45}.home-service a{margin-top:auto;color:var(--cream);font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;text-decoration:none}.home-service a span{color:var(--orange)}.home-more{display:inline-block;margin-top:34px}.home-work{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,.8fr);gap:8%;align-items:center;border-bottom:1px solid var(--line)}.home-work-copy h2{margin:26px 0 24px;font-size:clamp(64px,8.5vw,132px);line-height:.8}.home-work-copy>p:not(.eyebrow){max-width:650px;color:var(--muted);font-size:18px;line-height:1.5}.home-work-poster{min-height:520px;padding:32px;display:flex;flex-direction:column;justify-content:space-between;background:var(--orange);color:var(--ink)}.home-work-poster span,.home-work-poster b{font-size:10px;font-weight:800;letter-spacing:.14em}.home-work-poster strong{font:400 clamp(68px,7vw,110px)/.8 var(--display);letter-spacing:-.04em}.home-insights{border-bottom:1px solid var(--line)}.home-insight-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:58px;border-top:1px solid var(--line)}.home-insight-grid a{min-height:260px;padding:22px 24px 24px 0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);text-decoration:none}.home-insight-grid a:not(:first-child){padding-left:24px}.home-insight-grid a:last-child{border-right:0}.home-insight-grid span{color:var(--orange);font-size:11px;font-weight:800}.home-insight-grid strong{display:block;margin:36px 0 14px;font-family:var(--display);font-size:clamp(34px,3.7vw,56px);font-weight:400;line-height:.92;text-transform:uppercase}.home-insight-grid p{margin:0;color:var(--muted);line-height:1.45}.home-insight-grid a:hover strong{color:var(--orange)}.home-faq{border-bottom:1px solid var(--line)}.cta-copy{max-width:640px;margin:-10px auto 34px;color:var(--muted);font-size:18px;line-height:1.5}
@media(max-width:900px){.section-heading-inline,.service-detail,.featured-project,.answer-block,.home-work{grid-template-columns:minmax(0,1fr);gap:34px}.section-heading-inline{margin-bottom:38px}.service-detail{padding:38px 0}.process-list,.process-list.three,.pricing-notes,.project-meta,.principle-grid,.answer-nav,.home-service-grid,.home-insight-grid{grid-template-columns:minmax(0,1fr)}.process-list article,.process-list article:nth-child(n),.process-list.three article,.process-list.three article:nth-child(n),.pricing-notes p,.pricing-notes p:not(:first-child),.project-meta div,.principle-grid article,.principle-grid article:not(:first-child),.answer-nav a,.answer-nav a:not(:first-child),.home-service,.home-service:nth-child(n),.home-insight-grid a,.home-insight-grid a:not(:first-child){padding:20px 0;border-right:0;border-bottom:1px solid var(--line)}.process-list article:nth-child(odd){border-right:0}.project-poster,.home-work-poster{min-height:430px}.principle-grid article{min-height:0}.answer-nav a{min-height:170px}.home-service{min-height:220px}.home-insight-grid a{min-height:190px}.project-meta{border-bottom:0}.cta-row{align-items:stretch}.cta-row .button{width:100%}.hero-actions{align-items:stretch}.hero-actions .button{width:100%}.home-work-poster{order:-1}}

/* Work gallery v5 — uses the existing 10XF brand tokens and fonts. */
.work-gallery{padding-top:clamp(76px,9vw,130px)}
.portfolio-piece{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:clamp(28px,6vw,86px);align-items:center;padding:42px 0 74px;border-top:1px solid var(--line)}
.portfolio-piece+.portfolio-piece{margin-top:10px}
.portfolio-media{min-width:0}
.video-placeholder{position:relative;width:100%;border:1px solid var(--line);border-radius:0;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:clamp(22px,3.5vw,48px);background:linear-gradient(135deg,var(--orange) 0 52%,#c9491d 52% 100%);color:var(--ink);font-family:var(--body);text-align:left;cursor:pointer}
.video-placeholder.alt{background:linear-gradient(135deg,var(--cream) 0 54%,#d8d2c8 54% 100%)}
.video-placeholder.ratio-wide{aspect-ratio:16/9}
.video-placeholder.ratio-vertical{aspect-ratio:9/16}
.video-placeholder .video-kicker{font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.video-placeholder strong{max-width:90%;font:400 clamp(58px,7.5vw,118px)/.78 var(--display);letter-spacing:-.035em;text-transform:uppercase}
.video-placeholder.ratio-vertical strong{font-size:clamp(48px,5.6vw,84px)}
.play-pill{display:inline-flex;align-items:center;gap:10px;min-height:42px;padding:0 14px;border:1px solid currentColor;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.play-pill b{font-size:13px}
.video-placeholder:hover .play-pill,.video-placeholder:focus-visible .play-pill{background:var(--ink);color:var(--cream)}
.video-placeholder:focus-visible{outline:3px solid var(--cream);outline-offset:4px}
.video-placeholder.has-youtube-thumbnail{height:100%;background-position:center;background-size:cover;background-repeat:no-repeat;color:var(--cream);text-shadow:0 2px 18px rgba(0,0,0,.72)}
.video-placeholder.has-youtube-thumbnail .play-pill{border-color:var(--cream);background:rgba(17,17,17,.72);color:var(--cream);text-shadow:none}
.video-shell{position:relative;width:100%;overflow:hidden;background:#000}
.video-shell.ratio-wide{aspect-ratio:16/9}
.video-shell.ratio-vertical{aspect-ratio:9/16}
.video-shell>.video-placeholder{position:absolute;inset:0;aspect-ratio:auto}
.video-shell>.embedded-youtube{position:absolute;inset:0;width:100%;height:100%;border:1px solid var(--line)}
.video-shell>.video-preview{pointer-events:none}
.embedded-youtube{display:block;width:100%;height:auto;border:1px solid var(--line);background:#000;aspect-ratio:16/9}
.short-piece .embedded-youtube{aspect-ratio:9/16}
.portfolio-copy h2{margin:20px 0 24px;font-size:clamp(56px,7vw,108px);line-height:.82}
.portfolio-copy>p:not(.eyebrow){max-width:650px;color:var(--muted);font-size:clamp(18px,1.65vw,23px);line-height:1.5}
.short-work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,5vw,70px);align-items:start}
.short-piece{display:grid;grid-template-columns:minmax(220px,.72fr) minmax(0,1fr);gap:clamp(22px,3.2vw,44px);align-items:center;padding-top:30px;border-top:1px solid var(--line)}
.short-copy h3{margin:0 0 16px;font-size:clamp(40px,4vw,62px);line-height:.9}
.short-copy p{margin:0 0 16px;color:var(--muted);font-size:16px;line-height:1.55}
.short-copy .concept-note{color:var(--cream);font-size:13px;font-weight:700}
.short-copy .service-tags{color:var(--orange);font-size:11px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}
@media(max-width:1050px){.short-work-grid{grid-template-columns:minmax(0,1fr)}.short-piece{grid-template-columns:minmax(220px,360px) minmax(0,1fr)}}
@media(max-width:900px){.portfolio-piece{grid-template-columns:minmax(0,1fr);gap:28px;padding:32px 0 58px}.portfolio-copy h2{font-size:clamp(50px,14vw,78px)}.short-piece{grid-template-columns:minmax(0,1fr);gap:24px}.short-piece .video-shell,.short-piece .video-placeholder,.short-piece .embedded-youtube{width:min(100%,420px);justify-self:center}.section-title.compact{font-size:clamp(46px,13vw,76px)}.section-kicker{font-size:17px}.page-intro{font-size:clamp(18px,5.4vw,24px)}}
@media(max-width:600px){h1{font-size:clamp(58px,18vw,92px);line-height:.84;overflow-wrap:normal;word-break:normal;text-wrap:balance}.section-title,.service-detail-head h2,.pricing-card h2,.home-work-copy h2{overflow-wrap:normal;word-break:normal;text-wrap:balance}.page-hero{padding-top:70px}.section{padding-left:18px;padding-right:18px}.video-placeholder{padding:20px}.video-placeholder strong{font-size:clamp(46px,15vw,72px)}.video-placeholder.ratio-vertical strong{font-size:clamp(44px,14vw,68px)}.project-meta{margin-top:24px}.site-footer::after{font-size:clamp(48px,13.5vw,76px)!important;line-height:.8}.site-footer{padding-left:18px!important;padding-right:18px!important}.company-details{overflow-wrap:anywhere}}