/* Inner pages only. The approved homepage has its own untouched art direction. */
@font-face{font-family:"Barlow Condensed";src:url('/assets/fonts/BarlowCondensed-SemiBold.ttf') format('truetype');font-style:normal;font-weight:600;font-display:swap}
.inner-pages{--ink:#191919;--muted:#5c5c5c;--red:#cf211d;--paper:#fff;--line:#dedede;--inner-ease:cubic-bezier(.16,1,.3,1);background:#fff}
.inner-pages .container{max-width:1440px;width:calc(100% - 104px)}
.inner-pages .header-inner{max-width:1544px;padding-inline:52px;min-height:88px}
.inner-pages main{overflow:clip}
.inner-pages h1{font:600 clamp(3.7rem,7.8vw,7.75rem)/.98 "Barlow Condensed",sans-serif;letter-spacing:-.02em;text-transform:uppercase;max-width:20ch}
.inner-pages h2{font-size:clamp(2rem,3.5vw,3.6rem);font-weight:600;letter-spacing:-.045em;line-height:1.08}
.inner-pages h3{font-weight:600}
.inner-pages .eyebrow{font-size:.875rem;letter-spacing:.12em;margin-bottom:26px}
.inner-pages .lead{font-size:clamp(1.0625rem,1.3vw,1.25rem);line-height:1.7}
.inner-pages .button{border-radius:0;min-height:56px;padding:18px 25px;gap:28px;transition:background .45s,transform .6s var(--inner-ease)}
.inner-pages .button:hover{transform:translateY(-3px)}
.inner-pages .button .icon,.inner-pages .text-link .icon,.inner-pages .nav-links>a::after{transition:transform .7s var(--inner-ease)}
.inner-pages .button:hover .icon,.inner-pages .text-link:hover .icon{transform:translateX(6px)}
.inner-pages .text-link{font-size:1rem}
.inner-pages .back-link{font-size:.875rem;margin-bottom:28px}
.inner-pages .status{font-size:.875rem;max-width:46ch}
.inner-pages .email-hint,.inner-pages .copy-result,.inner-pages .company-grid figcaption{font-size:.875rem}
.inner-pages .page-intro{display:grid;grid-template-columns:1.45fr .8fr;column-gap:8%;row-gap:20px;padding-block:70px 74px}
.inner-pages .page-intro .eyebrow{grid-column:1/-1;border-top:1px solid var(--line);padding-top:22px;margin:0 0 16px}
.inner-pages .page-intro h1{grid-column:1;grid-row:2/4}
.inner-pages .page-intro .lead{grid-column:2;margin:8px 0 0;align-self:end;max-width:34ch}
.inner-pages .page-intro .status{grid-column:2;align-self:start;margin:0;padding-top:20px;border-top:1px solid var(--line)}

/* Service directory: generous editorial rows instead of a pastel card wall. */
.inner-services .service-grid{display:block;border-top:1px solid var(--line)}
.inner-services .service-card{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(0,1.3fr);gap:7%;border-top:0;border-bottom:1px solid var(--line);padding:34px 0;position:relative;transition:background .7s var(--inner-ease)}
.inner-services .card-visual{margin:0;height:260px;border-radius:0;background:#f7f7f7}
.inner-services .service-card:nth-child(even) .card-visual{background:#fafafa}
.inner-services .card-visual .service-art{width:310px;height:207px;max-width:82%;transition:transform 1s var(--inner-ease)}
.inner-services .service-number{font-size:.875rem;color:var(--red);top:20px;left:22px}
.inner-services .card-arrow{background:white;color:var(--ink);border:1px solid var(--line);border-radius:0;width:42px;height:42px}
.inner-services .card-copy{padding:12px 0;display:flex;flex-direction:column;align-items:start;justify-content:center}
.inner-services .card-copy h2{font:600 clamp(2.5rem,4.2vw,4.5rem)/1 "Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:-.02em}
.inner-services .card-copy>p{font-size:1.0625rem;max-width:52ch}
.inner-services .card-copy .card-example{font-size:.9375rem;margin-top:20px;padding:16px 0 0;border:0;border-top:1px solid var(--line);width:100%}
.inner-services .card-example span{font-size:.875rem;color:var(--red);font-weight:600}
.inner-pages .difference{background:#191919;color:white;border:0}
.inner-pages .difference h2{max-width:23ch;font:600 clamp(2.7rem,4.6vw,4.8rem)/1.04 "Barlow Condensed",sans-serif;text-transform:uppercase}
.inner-pages .difference-grid{gap:7%;margin-top:48px}
.inner-pages .difference-grid>div{border-top:1px solid #ffffff40;padding-top:24px}
.inner-pages .difference-grid .service-art{width:180px;height:120px;margin-bottom:24px}
.inner-pages .difference-grid p{color:#e4e4e4;font-size:1.125rem}
.inner-pages .difference-grid .text-link:hover{color:#ff8176}
.inner-pages .difference a:focus-visible,.inner-pages .difference button:focus-visible,.inner-pages .company-section a:focus-visible{outline-color:#fff}

/* Service detail: a clear opening and three visually distinct reading chapters. */
.inner-service-detail .detail-hero{grid-template-columns:1.2fr .8fr;gap:9%;padding-block:42px 76px;align-items:center}
.inner-service-detail .detail-hero h1{font-size:clamp(3.7rem,7.4vw,7.4rem);max-width:14ch}
.inner-service-detail .detail-hero .lead{max-width:52ch;margin-block:26px 30px}
.inner-service-detail .detail-visual{position:relative;aspect-ratio:auto;min-height:480px;align-self:stretch;border-radius:0;border-block:1px solid var(--line);padding:56px 28px 40px;background:#f7f7f7}
.inner-service-detail .detail-visual .service-art{max-width:430px;width:100%}
.inner-service-detail .detail-visual p{max-width:20ch;font-size:clamp(1.5rem,2.3vw,2.5rem);line-height:1.15;margin-top:36px}
.inner-service-detail .detail-coverage{grid-template-columns:.85fr 1.15fr;gap:10%}
.inner-service-detail .reading p{font-size:clamp(1.1875rem,1.7vw,1.6rem);padding-bottom:22px;border-bottom:1px solid var(--line)}
.inner-service-detail .examples-section{background:#191919;color:#fff;border:0}
.inner-service-detail .examples-section .section-heading>p{color:#ccc}
.inner-service-detail .example-grid li{border-color:#ffffff40}
.inner-service-detail .example-grid>li>span{display:block;color:#ff8176;font:600 4rem/1 "Barlow Condensed",sans-serif}
.inner-service-detail .example-grid p{font-size:1.25rem;max-width:26ch;margin-top:30px}
.inner-pages .process-grid{gap:36px;margin-top:50px}
.inner-pages .process-grid li{border-top:1px solid var(--line);padding-top:26px}
.inner-pages .process-grid .step-index{display:block;font:600 3.3rem/1 "Barlow Condensed",sans-serif;color:var(--red);margin-bottom:28px}
.inner-pages .process-grid h3{font-size:1.75rem;max-width:20ch}
.inner-pages .process-grid p{color:var(--muted);font-size:1rem}
.inner-pages .considerations{padding:30px 36px;background:#f7f7f7;border-left:3px solid var(--red);max-width:none;margin-top:52px}
.inner-pages .considerations h3{font-size:1.6rem}
.inner-pages .considerations ul{columns:2;column-gap:52px;font-size:1rem;line-height:1.7}
.inner-pages .considerations li{break-inside:avoid}
.inner-pages .related .card-visual{border-radius:0;background:#f7f7f7}
.inner-pages .related .card-copy h3{font-size:1.85rem}
.inner-pages .related .card-visual .service-art{transition:transform 1s var(--inner-ease)}

/* People and company pages retain their existing, approved content/assets. */
.inner-karpers .karper-hero{background:#191919;padding-block:66px 80px}
.inner-karpers .karper-hero>.container{grid-template-columns:1.4fr .7fr;gap:8%}
.inner-karpers .karper-hero h1{font-size:clamp(3.6rem,6.3vw,6.6rem);max-width:21ch}
.inner-karpers .karper-hero h1>.title-accent{color:#ff8176}
.inner-karpers .karper-hero .lead,.inner-karpers .karper-hero .status{color:#dedede}
.inner-karpers .karper-portrait{min-height:430px;padding:28px 0;border-block:1px solid #ffffff40}
.inner-karpers .portrait-ring{border-color:#ffffff38;border-top-color:var(--red-bright);border-top-width:4px;top:16%;width:95%}
.inner-karpers .karper-portrait img{max-width:300px}
.inner-karpers .role-list>a{padding:25px 20px 25px 0;transition:padding .75s var(--inner-ease),background .6s}
.inner-karpers .role-list h3{font:600 clamp(2rem,3.2vw,3.25rem)/1.08 "Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:-.01em}
.inner-karpers .role-list>a>.icon{transition:transform .75s var(--inner-ease)}
.inner-karpers .role-list>a:hover,.inner-karpers .role-list>a:focus-visible{background:#fafafa;padding-left:18px}
.inner-karpers .role-list>a:hover>.icon{transform:translateX(8px)}
.inner-karpers .launch-section{background:#f7f7f7}
.inner-about .page-intro h1{grid-column:1/-1;max-width:22ch}
.inner-about .about-story{border-top:1px solid var(--line);padding-top:38px;gap:9%;grid-template-columns:1.15fr 1fr}
.inner-about .about-story>.lead{font-size:clamp(1.45rem,2.5vw,2.25rem);line-height:1.5;letter-spacing:-.02em}
.inner-about .about-story>div{padding-top:8px}
.inner-about .principles{gap:0;border-block:1px solid var(--line)}
.inner-about .principles>div{border:0;padding:36px 30px 38px}
.inner-about .principles>div+div{border-left:1px solid var(--line)}
.inner-about .principles>div>span{font:600 3.5rem/1 "Barlow Condensed",sans-serif}
.inner-about .principles h2{font-size:1.9rem;margin-top:28px}
.inner-about .principles p{font-size:1rem;color:var(--muted)}
.inner-about .company-section{background:#191919;color:white;border:0}
.inner-about .company-grid{grid-template-columns:1.1fr 1fr;gap:8%}
.inner-about .company-grid img{border-radius:0}
.inner-about .company-grid figcaption,.inner-about .company-grid dt{color:#ccc}
.inner-about .company-grid dt{font-size:.875rem}
.inner-about .company-grid dd{border-bottom:1px solid #ffffff30;padding-bottom:20px;overflow-wrap:anywhere}

/* Help, forms and policies: calm surfaces; no delayed access to controls. */
.inner-help .page-intro{padding-bottom:56px}
.inner-help .help-layout{grid-template-columns:minmax(0,1.3fr) minmax(0,.75fr);gap:8%}
.inner-help .help-faq{grid-column:1;grid-row:1}
.inner-help .help-contact{grid-column:2;grid-row:1;border:0;border-top:3px solid var(--red);border-radius:0;background:#f7f7f7;padding:30px;position:sticky;top:calc(var(--header-height,88px) + 28px)}
.inner-help .help-contact h2{font-size:2rem}
.inner-help .help-contact .button{padding-inline:20px;max-width:100%}
.inner-help .help-faq h2{font:600 clamp(2.5rem,4vw,4rem)/1 "Barlow Condensed",sans-serif;text-transform:uppercase;margin-bottom:32px}
.inner-help .help-faq section+section{margin-top:64px}
.inner-pages .faq-list summary{padding-block:28px;font-size:1.125rem;transition:color .4s}
.inner-pages .faq-list details[open] summary{color:var(--red)}
.inner-pages .faq-list .plus::after{transition:transform .7s var(--inner-ease)}
.inner-pages .faq-list details[open] .answer{animation:inner-answer .9s var(--inner-ease) both}
.inner-pages .faq-list .answer{line-height:1.8;padding-bottom:28px}
.inner-enquire .enquiry-page{padding-top:40px}
.inner-enquire .enquiry-intro{max-width:970px}
.inner-enquire .enquiry-intro h1{font-size:clamp(3.5rem,6.2vw,6rem);max-width:20ch}
.inner-enquire .enquiry-intro .lead{max-width:60ch}
.inner-enquire .enquiry-layout{grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);gap:8%;margin-top:36px}
.inner-enquire .enquiry-fields{border-radius:0;border:1px solid var(--line);border-top:3px solid var(--ink);padding:clamp(24px,4vw,48px)}
.inner-enquire .enquiry-fields h2{font-size:1.75rem}
.inner-enquire .enquiry-field input,.inner-enquire .enquiry-field select,.inner-enquire .enquiry-field textarea{border-radius:0;border-color:#999;background:#fff;transition:border-color .3s,box-shadow .3s}
.inner-enquire .enquiry-field input:hover,.inner-enquire .enquiry-field textarea:hover,.inner-enquire .enquiry-field select:hover{border-color:#191919}
.inner-enquire .enquiry-aside{padding:28px;background:#f7f7f7;position:sticky;top:calc(var(--header-height,88px) + 28px)}
.inner-enquire .enquiry-aside h2{font-size:1.7rem}
.inner-enquire .enquiry-preview{border-radius:0;font-size:.9375rem}
.inner-legal .legal-page{max-width:1060px;padding-top:46px;counter-reset:policy}
.inner-legal .legal-page h1{font-size:clamp(3rem,6vw,5.5rem);max-width:none}
.inner-legal .legal-page>.lead{max-width:65ch;font-size:1.2rem;margin-bottom:48px}
.inner-legal .legal-page>section{counter-increment:policy;position:relative;padding:30px 0 0 78px;border-top:1px solid var(--line);margin-top:32px}
.inner-legal .legal-page>section::before{content:counter(policy,decimal-leading-zero);position:absolute;top:30px;left:0;font:600 2rem/1 "Barlow Condensed",sans-serif;color:var(--red)}
.inner-legal .legal-page>section h2{font-size:1.65rem;margin-bottom:16px;max-width:38ch}
.inner-legal .legal-page>section p{max-width:68ch;line-height:1.8}
.inner-legal .draft-banner{border-color:var(--red);background:#f7f7f7}
.inner-error .error-page{min-height:65svh;padding-block:90px;max-width:1000px}
.inner-error .error-page .eyebrow{font:600 5rem/1 "Barlow Condensed",sans-serif;color:var(--red)}
.inner-error .error-page h1{font-size:clamp(3.6rem,7vw,6.75rem)}
.inner-pages .final-cta{padding-block:76px 88px;background:var(--red)}
.inner-pages .final-cta h2{font:600 clamp(3.1rem,5.3vw,5.6rem)/1.03 "Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:-.02em;max-width:19ch}
.inner-pages .final-grid{grid-template-columns:1.15fr 1fr;gap:10%}
.inner-pages .site-footer{background:#191919}
.inner-pages .site-footer h2{font-size:1rem;line-height:1.4;letter-spacing:0}
.inner-pages .footer-grid>div>p:not(.footer-tag),.inner-pages .footer-bottom p,.inner-pages .footer-bottom a{color:#c9c9c9}

/* Words stay semantic/readable without JS; finite entrances never block clicks. */
.inner-pages .inner-word-mask{display:inline-block;max-width:100%;vertical-align:top;overflow:clip;padding-bottom:.13em;margin-bottom:-.13em;color:inherit}
.inner-pages .inner-word{display:inline-block;max-width:100%;color:inherit;overflow-wrap:anywhere}
.inner-pages [data-inner-title]{overflow-wrap:anywhere}
.inner-pages [data-inner-surface]{position:relative}
@keyframes inner-answer{from{opacity:.3;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(min-width:761px) and (max-height:800px){.inner-help .help-contact,.inner-enquire .enquiry-aside{position:static}}
@media(max-width:1050px){
 .inner-pages .container{width:calc(100% - 64px)}.inner-pages .header-inner{padding-inline:32px}
 .inner-pages .page-intro{grid-template-columns:1.4fr .8fr;gap:24px 6%}.inner-pages .page-intro h1{font-size:clamp(3.5rem,7.5vw,6rem)}
 .inner-service-detail .detail-hero{gap:5%}.inner-service-detail .detail-visual{min-height:420px;padding-inline:22px}
 .inner-help .help-layout{gap:5%;grid-template-columns:minmax(0,1.1fr) minmax(0,.8fr)}.inner-help .help-contact{padding:24px}
 .inner-pages .considerations ul{columns:1}.inner-karpers .karper-hero>.container{gap:5%;grid-template-columns:1.3fr .7fr}
}
@media(max-width:760px){
 .inner-pages .container{width:calc(100% - 40px)}.inner-pages .header-inner{padding-inline:20px;min-height:76px}
 .inner-pages h1{font-size:clamp(3.3rem,12.5vw,5rem)}.inner-pages h2{font-size:2.25rem}.inner-pages .section{padding-block:52px}.inner-pages .section-topless{padding-top:0}
 .inner-pages .eyebrow{font-size:.8125rem;margin-bottom:22px}.inner-pages .button{font-size:1rem;padding:16px 20px;gap:22px;max-width:100%}
 .inner-pages .page-intro{display:block;padding-block:34px 42px}.inner-pages .page-intro .eyebrow{padding-top:20px;margin-bottom:28px}.inner-pages .page-intro h1{font-size:clamp(3.3rem,12.5vw,5rem)}
 .inner-pages .page-intro .lead{margin-top:26px;max-width:100%}.inner-pages .page-intro .status{margin-top:24px;padding-top:18px}
 .inner-services .service-card{grid-template-columns:1fr;gap:0;padding-block:22px 30px}.inner-services .card-visual{height:220px}.inner-services .card-visual .service-art{width:290px;height:193px}
 .inner-services .card-copy{padding:26px 0 0}.inner-services .card-copy h2{font-size:2.9rem}.inner-services .card-copy>p{font-size:1rem}.inner-services .card-copy .card-example{margin-top:18px}
 .inner-pages .difference h2{font-size:2.9rem}.inner-pages .difference-grid{grid-template-columns:1fr;gap:36px;margin-top:30px}.inner-pages .difference-grid .service-art{width:150px;height:100px}.inner-pages .difference-grid p{font-size:1.0625rem}
 .inner-service-detail .detail-hero{grid-template-columns:1fr;gap:32px;padding-block:28px 48px}.inner-service-detail .detail-hero h1{font-size:clamp(3.5rem,13vw,5.2rem)}
 .inner-service-detail .detail-hero .lead{margin-block:22px 26px}.inner-service-detail .detail-visual{min-height:320px;padding:28px 24px;flex-direction:column}.inner-service-detail .detail-visual .service-art{width:85%;max-width:310px}
 .inner-service-detail .detail-visual p{font-size:1.8rem;max-width:21ch;margin-top:14px}.inner-service-detail .detail-coverage{grid-template-columns:1fr;gap:30px}
 .inner-service-detail .example-grid{grid-template-columns:1fr;gap:28px}.inner-service-detail .example-grid li{display:grid;grid-template-columns:50px 1fr;gap:20px;padding-top:24px}.inner-service-detail .example-grid>li>span{font-size:2.5rem}.inner-service-detail .example-grid p{margin:0;font-size:1.1875rem;max-width:none}
 .inner-pages .process-grid{grid-template-columns:1fr;gap:30px;margin-top:32px}.inner-pages .process-grid .step-index{font-size:2.5rem;margin-bottom:20px}.inner-pages .process-grid h3{font-size:1.6rem}
 .inner-pages .considerations{margin-top:36px;padding:26px 22px}.inner-pages .considerations ul{padding-left:20px}.inner-pages .related .service-grid{grid-template-columns:1fr;gap:28px}
 .inner-karpers .karper-hero{padding-block:38px 48px}.inner-karpers .karper-hero>.container{grid-template-columns:1fr;gap:34px}.inner-karpers .karper-hero h1{font-size:clamp(3.2rem,11vw,4.7rem)}
 .inner-karpers .karper-portrait{min-height:320px;max-width:330px;width:100%;padding:24px 0}.inner-karpers .karper-portrait img{max-width:230px}.inner-karpers .portrait-ring{width:85%;top:14%}
 .inner-karpers .role-list>a{grid-template-columns:70px minmax(0,1fr) 22px;gap:16px;padding:24px 0}.inner-karpers .role-list .service-art{width:70px;height:60px}.inner-karpers .role-list h3{font-size:1.75rem}.inner-karpers .role-list>a:hover{padding-left:6px}
 .inner-about .about-story{grid-template-columns:1fr;gap:26px;padding-top:30px}.inner-about .about-story>.lead{font-size:1.5rem}.inner-about .principles{grid-template-columns:1fr}.inner-about .principles>div{padding:28px 0}.inner-about .principles>div+div{border-left:0;border-top:1px solid var(--line)}
 .inner-about .principles>div>span{font-size:2.6rem}.inner-about .principles h2{font-size:1.8rem;margin-block:20px 16px}.inner-about .company-grid{grid-template-columns:1fr;gap:36px}.inner-about .company-grid h2{font-size:2rem}
 .inner-help .help-layout{grid-template-columns:1fr;gap:38px}.inner-help .help-faq{grid-area:auto}.inner-help .help-contact{grid-area:auto;grid-row:2;position:static;padding:28px 24px}.inner-help .help-faq h2{font-size:2.8rem}.inner-help .help-faq section+section{margin-top:40px}
 .inner-pages .faq-list summary{font-size:1.0625rem;padding-block:24px}.inner-pages .faq-list .answer{padding-right:12px;font-size:1rem}
 .inner-enquire .enquiry-page{padding-block:30px 52px}.inner-enquire .enquiry-intro h1{font-size:3.6rem}.inner-enquire .enquiry-layout{grid-template-columns:1fr;gap:30px;margin-top:30px}.inner-enquire .enquiry-fields{padding:26px 20px}.inner-enquire .enquiry-aside{position:static;padding:26px 22px}
 .inner-legal .legal-page{padding-top:30px}.inner-legal .legal-page h1{font-size:3.4rem}.inner-legal .legal-page>section{padding:26px 0 0 44px}.inner-legal .legal-page>section::before{font-size:1.5rem;top:28px}.inner-legal .legal-page>section h2{font-size:1.5rem}.inner-legal .legal-page>section p{font-size:1rem}.inner-legal .draft-banner{padding:22px}
 .inner-pages .final-cta{padding-block:48px 56px}.inner-pages .final-grid{grid-template-columns:1fr;gap:30px}.inner-pages .final-cta h2{font-size:3.3rem}.inner-error .error-page{padding-block:56px;min-height:60svh}
}
@media(prefers-reduced-motion:reduce){.inner-pages .inner-word,.inner-pages [data-inner-surface]{opacity:1!important;transform:none!important;animation:none!important;transition:none!important}}
html[data-motion="false"] .inner-pages .inner-word,html[data-motion="false"] .inner-pages [data-inner-surface]{opacity:1!important;transform:none!important;animation:none!important;transition:none!important}
@media print{.inner-pages .inner-word,.inner-pages [data-inner-surface]{opacity:1!important;transform:none!important}.inner-pages .inner-word-mask{overflow:visible}.inner-pages main{overflow:visible}.inner-pages .help-contact,.inner-pages .enquiry-aside{position:static}.inner-pages .examples-section,.inner-pages .difference,.inner-pages .company-section,.inner-pages .karper-hero{background:white;color:black}.inner-pages .legal-page>section{break-inside:avoid}}
@media print{.inner-pages .examples-section *,.inner-pages .difference *,.inner-pages .company-section *,.inner-pages .karper-hero *{color:#111!important}}
