/* Editorial composition: existing paper, ink and lime; original copy stays intact. */
body:has(.hero-heading){overflow-x:clip}
.hero:has(.hero-heading){max-width:1440px;display:block;padding-top:65px;padding-bottom:90px;background:none;border-radius:0;overflow:clip}
.hero-heading{position:relative;z-index:2}.hero-heading .eyebrow{margin-bottom:26px;font-size:14px}
.hero-heading h1{font-size:clamp(58px,7.3vw,108px);font-weight:900;line-height:1.28;letter-spacing:-.075em;white-space:normal;margin-bottom:52px}
.hero-heading h1::after{content:'';display:block;width:clamp(85px,13vw,170px);height:12px;background:var(--accent);margin-top:35px;transform:rotate(-3deg);transform-origin:left}
.hero-wordmark{position:absolute;top:12px;right:25px;font:900 clamp(160px,30vw,420px)/.85 Arial,sans-serif;letter-spacing:-.08em;color:transparent;-webkit-text-stroke:1px #a9b18c;opacity:.36;pointer-events:none;transform:rotate(-8deg);z-index:-1}
.hero-lower{display:grid;grid-template-columns:1.2fr 1fr;gap:6%;align-items:center;position:relative;z-index:1}
.hero-summary{max-width:660px}.hero-summary .copy:first-of-type{font-size:20px}.hero-summary .copy{font-size:17px;line-height:2.1}
.hero-lower .hero-art{width:100%;padding:0;transform:translateY(-48px) rotate(3deg);margin:0}
.hero-lower .hero-art::before{inset:-16px 16px 12px -12px;border:1px solid #9ca782;border-radius:28px 75px 28px 28px;transform:rotate(-6deg);background:#eef3d2}
.hero-lower .hero-art img{border-radius:24px 70px 24px 24px;box-shadow:0 20px 50px #29341409}
.hero-lower .hero-art figcaption{padding-top:14px}
.qpit-type-band{overflow:clip;padding-block:30px;border-block:1px solid var(--ink);background:var(--accent);transform:rotate(-2deg);margin:10px -2% 75px;width:104%;isolation:isolate}
.qpit-type-band>div{display:flex;gap:48px;width:max-content;transform:translateX(var(--band-x,0px));will-change:transform}
.qpit-type-band span{font:900 clamp(48px,7vw,100px)/1 Arial,sans-serif;letter-spacing:-.055em;white-space:nowrap}
.qpit-type-band span:nth-child(even){color:transparent;-webkit-text-stroke:1px var(--ink)}
main>.section{padding-top:120px;padding-bottom:120px}
.section .eyebrow{font-size:12px;letter-spacing:.14em}.section .eyebrow::before{width:9px;height:9px;border-radius:50%;background:var(--accent);border:1px solid var(--ink)}
.section-head h2{font-size:clamp(32px,3.5vw,50px);line-height:1.6;letter-spacing:-.05em}
.section-02{gap:100px}.section-02 .section-head{padding-top:20px}.section-02 .qpit-art-heading{margin-left:-25px;transform:rotate(-4deg);background:#eff3dc;border-radius:20px 65px 20px 20px}
.section-03{max-width:1400px;background:#edf1dd;border-radius:60px 15px 60px 15px}
.section-03>.section-head{max-width:950px;margin-bottom:42px}
.section-03 .section-body{display:block}.section-03 .section-body>.copy{max-width:680px}
.section-03 .detail-block{display:flow-root;padding:45px 42px;margin:48px 7% 0 0;border:0;border-top:2px solid var(--ink);border-radius:0 0 30px 30px;background:#fafaf6;box-shadow:none;min-height:390px}
.section-03 .detail-block:nth-of-type(2){margin-left:7%;margin-right:0;border-radius:0 0 30px 30px}
.section-03 .detail-block:nth-of-type(3){margin-right:3%}
.section-03 .detail-block .qpit-art-card{float:right;width:41%;max-width:none;margin:30px 0 30px 30px;transform:rotate(3deg);border-radius:18px 55px 18px 18px;background:#eef2da}
.section-03 .detail-block:nth-of-type(2) .qpit-art-card{transform:rotate(-3deg)}
.section-03 .item-number{width:auto;height:auto;display:block;border-radius:0;background:none;font:800 72px/.95 Arial,sans-serif;letter-spacing:-.065em;color:var(--ink);margin-bottom:22px}
.section-03 .detail-block h3{font-size:clamp(24px,2.5vw,34px);line-height:1.5;max-width:54%;margin-bottom:26px}
.section-03 .detail-block .copy{font-size:16px;max-width:54%}.section-03 .detail-block .text-link{clear:left}
.section-04>.section-head{grid-template-columns:1fr 280px;margin-bottom:50px}.section-04 .visual{border-radius:0 32px 0 32px;padding:40px}
.section-04 .cycle li>span{font-size:30px;background:none;width:auto;height:auto;display:block;margin-bottom:18px;font-weight:800}.section-04 .cycle li{border-top:1px solid var(--ink)}
.section-04 .detail-block{padding-top:38px;margin-top:38px}
.section-05{background:none;border-top:1px solid var(--line);border-radius:0;gap:90px}.section-05 .work-example{box-shadow:none;border:1px solid var(--ink);border-radius:0 35px 0 0}
.section-06{max-width:1280px;border:0;border-top:2px solid var(--ink);border-radius:0 70px 0 0;background:linear-gradient(140deg,#edf2d8,#f6f7ed);box-shadow:none;padding-inline:64px;margin-block:40px}
.section-06 .section-head{margin-bottom:50px;max-width:none}.section-06 .section-head h2{font-size:clamp(36px,4.6vw,64px)}
.section-06 .section-body{max-width:850px}.section-06 .detail-block{border-top:1px solid #bbc2a7;padding-top:32px;margin-top:40px}
.section-06 .work-example{border-radius:0 26px 0 26px;margin-block:32px;background:#fafbf5}
.section-06 .before-after{grid-template-columns:1fr 26px 1fr;align-items:center}.section-06 .change-arrow{transform:rotate(-90deg)}
.section-07{gap:90px}.section-07 .people-ai{border-radius:0 50px 0 0;box-shadow:none}
.section-08{max-width:1400px;position:relative;padding:100px 7%;border-radius:70px 0 70px 0;background:#242923;gap:80px}
.section-08 h2{font-size:clamp(34px,3.8vw,54px);line-height:1.7;color:#f4ffb4}
.section-08 .qpit-art-heading{transform:rotate(-4deg);border-radius:20px 50px 20px 20px;max-width:330px}
.section-09 .section-head{box-shadow:none;border-radius:0 45px 0 0;transform:none;padding:40px 30px;background:var(--accent)}
.section-09 .section-head>*{transform:none}.section-09 .qpit-art-body{transform:rotate(3deg);margin:15px 0 45px auto}
.section-10{border-radius:0;background:none}.section-10 .section-body{display:block}.section-10 .detail-block{display:grid;grid-template-columns:1fr 1fr;column-gap:65px;background:none;border:0;border-top:1px solid var(--ink);border-radius:0;margin:0;padding:35px 0}
.section-10 .detail-block h3{font-size:27px;line-height:1.7}.section-10 .detail-block .text-link{grid-column:2}.section-10 .detail-block .copy{margin:0}
.section-11{border-top:1px solid var(--ink)}.section-11 .articles a{padding:30px 0;font-size:19px;background:none!important;border-color:var(--ink);transition:padding .25s}
.section-12{max-width:1280px;padding:85px 64px;background:var(--accent);border-radius:0 70px 0 70px;box-shadow:none}
.section-12 .section-head h2{font-size:clamp(38px,4vw,56px)}
.hero-summary .button,.section .button{transition:transform .25s,background .25s;box-shadow:none}
.text-link span,.button span{display:inline-block;transition:transform .3s}.text-link:hover span,.button:hover span{transform:translate(4px,-4px)}
@media(hover:hover){.section-11 .articles a:hover{padding-left:18px}.hero-summary .button:hover,.section .button:hover{transform:translateY(-3px)}}
.qpit-reading-progress{position:fixed;top:0;left:0;height:3px;width:100%;transform:scaleX(0);transform-origin:left;background:var(--accent);z-index:110;pointer-events:none}
@media(prefers-reduced-motion:no-preference){.qpit-motion .qpit-reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .8s cubic-bezier(.2,.7,.2,1)}.qpit-motion .qpit-reveal.is-visible,.qpit-motion .qpit-reveal:focus-within{opacity:1;transform:translateY(0)}.hero-heading{animation:qpit-arrive .8s cubic-bezier(.2,.7,.2,1) both}.hero-summary{animation:qpit-arrive .8s .12s both}@keyframes qpit-arrive{from{opacity:0;translate:0 20px}to{opacity:1;translate:0 0}}}
@media(max-width:1050px){.hero:has(.hero-heading){padding-top:60px;padding-bottom:60px}.hero-heading h1{font-size:7.5vw}.hero-lower{gap:25px}.hero-summary .copy:first-of-type{font-size:18px}.hero-lower .hero-art{transform:rotate(3deg)}.section-03 .detail-block{padding:35px 28px}.section-02,.section-05,.section-07,.section-08{gap:40px}.section-06{padding-inline:40px;margin-inline:24px}.section-10 .detail-block{gap:30px}}
@media(max-width:760px){
.hero:has(.hero-heading){padding:46px 24px 65px}.hero-heading h1{font-size:9.1vw;line-height:1.55;letter-spacing:-.06em;margin-bottom:36px}.hero-heading .eyebrow{font-size:12px;margin-bottom:24px}.hero-heading h1::after{width:86px;height:8px;margin-top:22px}
.hero-wordmark{font-size:45vw;top:2px;right:12px;opacity:.35}.hero-lower{display:flex;flex-direction:column;gap:35px;align-items:stretch}.hero-summary{order:2}.hero-summary .copy:first-of-type{font-size:17px}.hero-summary .copy{font-size:16px}.hero-lower .hero-art{order:1;width:80%;align-self:flex-end;transform:rotate(3deg);margin-right:4px}.hero-lower .hero-art img{border-radius:15px 45px 15px 15px}.hero-lower .hero-art::before{inset:-8px 10px 8px -8px;border-radius:15px 45px 15px 15px}.hero-lower .hero-art figcaption{font-size:10px}
.qpit-type-band{padding-block:22px;margin-block:4px 35px}.qpit-type-band span{font-size:48px}.qpit-type-band>div{gap:25px}
main>.section{padding-block:72px}.section-head h2{font-size:29px;line-height:1.8}.section .eyebrow{font-size:12px;margin-bottom:25px}.section-02 .section-head{padding-top:0}.section-02 .qpit-art-heading{margin:24px 0 0 10px;max-width:260px}
.section-03{border-radius:32px 0 32px 0}.section-03 .detail-block,.section-03 .detail-block:nth-of-type(2),.section-03 .detail-block:nth-of-type(3){margin:35px 0 0;padding:28px 22px;border-radius:0 0 24px 24px;display:flex;flex-direction:column;min-height:0}
.section-03 .item-number{font-size:52px;order:0;margin-bottom:16px}.section-03 .detail-block h3{font-size:25px;max-width:none;order:1}.section-03 .detail-block .qpit-art-card{float:none;width:90%;align-self:center;max-width:300px;margin:8px 0 28px;order:2}.section-03 .detail-block .copy{max-width:none;order:3}.section-03 .detail-block .text-link{order:4}
.section-04>.section-head{display:block}.section-04 .visual{padding:25px 20px}.section-04 .cycle li>span{font-size:25px}.section-05 .work-example{padding:24px 20px}.section-06{margin:20px 12px;padding-inline:24px;border-radius:0 35px 0 0}.section-06 .section-head{margin-bottom:32px}.section-06 .section-head h2{font-size:30px}.section-06 .before-after{grid-template-columns:1fr}.section-06 .change-arrow{transform:none}.section-06 .detail-block h3{font-size:22px}
.section-08{padding-inline:28px;border-radius:35px 0 35px 0}.section-08 h2{font-size:30px}.section-08 .qpit-art-heading{max-width:260px}.section-09 .section-head{padding:32px 24px}.section-09 .qpit-art-body{max-width:270px}.section-10 .detail-block{display:block;padding-block:28px}.section-10 .detail-block h3{font-size:22px}.section-11 .articles a{font-size:16px;padding-block:25px}.section-12{margin-inline:12px;padding-inline:24px;border-radius:0 40px 0 40px}.section-12 .section-head h2{font-size:32px}
}
@media(prefers-reduced-motion:reduce){.qpit-type-band>div,.hero-lower .hero-art{will-change:auto}.qpit-reveal{opacity:1!important;transform:none!important}*{animation:none!important;transition:none!important}}
@media print{.qpit-type-band,.hero-wordmark,.qpit-reading-progress{display:none}.qpit-reveal{opacity:1!important;transform:none!important}}
/* Shorter homepage: clear service / approach / portfolio / company sequence. */
.section-02{display:block;background:none}.section-02>.section-head{position:static;margin-bottom:55px;padding:0}.section-02 .section-body{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.section-02 .detail-block{border-top:1px solid var(--ink);padding-top:26px}.section-02 .item-number{font:700 48px/1 Arial;letter-spacing:-.06em;color:var(--ink);margin-bottom:25px}.section-02 .detail-block h3{font-size:25px;line-height:1.7}.section-02 .copy{font-size:16px}.section-02 .copy:nth-child(2){font-size:16px;border:0;padding:0;margin:0 0 25px;font-weight:400;line-height:2.15}
.section-03 .detail-block:nth-of-type(even){margin-left:7%;margin-right:0}.section-03 .detail-block:nth-of-type(even) .qpit-art-card{transform:rotate(-3deg)}
.home-subservices{margin-top:65px;padding-top:32px;border-top:1px solid var(--ink)}.home-subservices h3{font-size:19px;margin:0 0 25px}.home-subservices>div{display:grid;grid-template-columns:1fr 1fr;gap:0 50px}.home-subservices a{display:flex;justify-content:space-between;gap:25px;font-size:16px;line-height:1.8;padding:19px 0;border-bottom:1px solid #bdc4ad}.home-subservices a span{flex-shrink:0}
.section-06 .section-body{max-width:none;margin:0}.section-06 .section-body>.copy{max-width:720px}.home-work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin:45px 0}.home-work{min-width:0}.home-work:nth-child(2){padding-top:60px}.home-work figure{margin:0 0 20px;overflow:hidden;border-radius:3px 30px 3px 3px;background:#fff;aspect-ratio:1.35}.home-work img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s}.home-work p{font-size:13px;line-height:1.7;margin:0 0 10px}.home-work h3{font-size:21px;line-height:1.65;margin:0}.home-work:hover{text-decoration:none}.home-work:hover img{transform:scale(1.04)}
.section-09 .section-head h2{font-size:36px}.section-09 .qpit-art-body{float:right;width:45%;margin:0 0 24px 25px}.section-09 .section-body{display:flow-root}.section-11>.section-head{margin-bottom:30px}
@media(max-width:1050px){.section-02 .section-body{gap:28px}.section-02 .detail-block h3{font-size:23px}.home-work-grid{gap:20px}.home-work h3{font-size:19px}}
@media(max-width:760px){.section-02 .section-body{display:block}.section-02 .detail-block{margin-top:35px;padding-top:25px}.section-02 .item-number{font-size:36px;margin-bottom:20px}.section-02 .detail-block h3{font-size:23px}.section-03 .detail-block:nth-of-type(even){margin:35px 0 0}.home-subservices{margin-top:45px}.home-subservices>div{display:block}.home-subservices a{font-size:15px}.home-work-grid{grid-template-columns:1fr;gap:34px;margin-block:32px}.home-work:nth-child(2){padding:0}.home-work figure{aspect-ratio:1.5;margin-bottom:16px}.home-work h3{font-size:21px}.home-work p{font-size:14px}.section-09 .section-head h2{font-size:28px}.section-09 .qpit-art-body{float:none;width:85%;margin:0 0 28px auto}}
.qpit-type-band{width:100%;margin-inline:0;transform:skewY(-2deg)}
.qpit-copy-phrase{display:inline-block;max-width:100%}

/* Three concrete scenes for the existing approach copy. */
.section-02 .approach-art{margin:0 0 26px;aspect-ratio:3/2;width:100%;mix-blend-mode:multiply}
.section-02 .approach-art img{display:block;width:100%;height:100%;object-fit:contain}
.section-02 .item-number{margin-bottom:12px}
@media(max-width:760px){
 .section-02 .approach-art{max-width:360px;margin:0 auto 22px}
 .section-02 .item-number{margin-bottom:8px}
}
.home-subservices a .home-support-index{font-family:Arial,sans-serif;font-weight:700;letter-spacing:-.04em;margin-right:12px}
.home-subservices a>span:nth-child(2){flex:1}
.home-subservices a{gap:14px}.home-subservices a>span:nth-child(2){flex:1 1 0;min-width:0}.home-subservices a .home-support-index{margin-right:0}
/* Home blog dates are compact editorial chips. */
.section-11 .articles .qpit-home-blog-title{flex:1;min-width:0;font:inherit;font-weight:inherit}.section-11 .articles .qpit-home-blog-date{flex:0 0 auto;background:var(--ink);color:#fff;border-radius:999px;padding:6px 10px;font:700 11px/1 Arial,sans-serif;letter-spacing:.04em;white-space:nowrap}
/* Give the secondary individual-support links the same visual weight as the main service links. */
.home-subservices a{font-size:20.8px}@media(max-width:760px){.home-subservices a{font-size:19.5px}}
/* Individual support items are deliberately bold to keep the secondary service list legible. */
.home-subservices a{font-weight:700}